From 01d9bbae7b484758fcc7266b285ff99a7c1d1cde Mon Sep 17 00:00:00 2001
From: Mischa Untaga <99098079+MischaU8@users.noreply.github.com>
Date: Sun, 5 Nov 2023 13:58:13 +0100
Subject: us states and regions

---
 data.js          |  2 ++
 play.html        |  5 +--
 play.js          | 93 ++++++++++++++++++++++++++++++++++++++++++++++++--------
 rules.js         | 22 ++++++++++++--
 tools/gendata.js | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 192 insertions(+), 17 deletions(-)
 create mode 100644 data.js
 create mode 100644 tools/gendata.js

diff --git a/data.js b/data.js
new file mode 100644
index 0000000..d4f37a2
--- /dev/null
+++ b/data.js
@@ -0,0 +1,2 @@
+const US_STATES = [null,{"code":"AZ","name":"Arizona","region":1},{"code":"CA","name":"California","region":1},{"code":"ID","name":"Idaho","region":1},{"code":"NM","name":"New Mexico","region":1},{"code":"NV","name":"Nevada","region":1},{"code":"OR","name":"Oregon","region":1},{"code":"UT","name":"Utah","region":1},{"code":"WA","name":"Washington","region":1},{"code":"CO","name":"Colorado","region":2},{"code":"KS","name":"Kansas","region":2},{"code":"MT","name":"Montana","region":2},{"code":"ND","name":"North Dakota","region":2},{"code":"NE","name":"Nebraska","region":2},{"code":"OK","name":"Oklahoma","region":2},{"code":"SD","name":"South Dakota","region":2},{"code":"WY","name":"Wyoming","region":2},{"code":"AL","name":"Alabama","region":3},{"code":"AR","name":"Arkansas","region":3},{"code":"FL","name":"Florida","region":3},{"code":"GA","name":"Georgia","region":3},{"code":"LA","name":"Louisiana","region":3},{"code":"MS","name":"Mississippi","region":3},{"code":"SC","name":"South Carolina","region":3},{"code":"TX","name":"Texas","region":3},{"code":"IA","name":"Iowa","region":4},{"code":"IL","name":"Illinois","region":4},{"code":"IN","name":"Indiana","region":4},{"code":"MI","name":"Michigan","region":4},{"code":"MN","name":"Minnesota","region":4},{"code":"MO","name":"Missouri","region":4},{"code":"OH","name":"Ohio","region":4},{"code":"WI","name":"Wisconsin","region":4},{"code":"DE","name":"Delaware","region":5},{"code":"KY","name":"Kentucky","region":5},{"code":"MD","name":"Maryland","region":5},{"code":"NC","name":"North Carolina","region":5},{"code":"PA","name":"Pennsylvania","region":5},{"code":"TN","name":"Tennessee","region":5},{"code":"VA","name":"Virginia","region":5},{"code":"WV","name":"West Virginia","region":5},{"code":"CT","name":"Connecticut","region":6},{"code":"MA","name":"Massachusetts","region":6},{"code":"ME","name":"Maine","region":6},{"code":"NH","name":"New Hampshire","region":6},{"code":"NJ","name":"New Jersey","region":6},{"code":"NY","name":"New York","region":6},{"code":"RI","name":"Rhode Island","region":6},{"code":"VT","name":"Vermont","region":6}]
+if (typeof module !== 'undefined') module.exports = { US_STATES }
diff --git a/play.html b/play.html
index c3667c3..bba5392 100644
--- a/play.html
+++ b/play.html
@@ -11,6 +11,7 @@
 <link rel="stylesheet" href="/common/client.css">
 <script defer src="/common/client.js"></script>
 <script defer src="cards.js"></script>
+<script defer src="data.js"></script>
 <script defer src="play.js"></script>
 <style>
 
@@ -889,9 +890,9 @@ c5 3 13 7 17 8 8 2 9 3 11 12 1 5 5 12 8 16 5 8 5 8 3 22 l-3 14 -30 -1 c-35
 		<div id="West" class="region" style="top:273px;left:99px;width:55px;height:55px;"></div>
 		<div id="Plains" class="region" style="top:203px;left:374px;"></div>
 		<div id="South" class="region" style="top:473px;left:541px;"></div>
-		<div id="MidWest" class="region" style="top:266px;left:579px;"></div>
+		<div id="Midwest" class="region" style="top:266px;left:579px;"></div>
 		<div id="AtlanticAppalachia" class="region" style="top:333px;left:764px;"></div>
-		<div id="NorthEast" class="region" style="top:158px;left:881px;"></div>
+		<div id="Northeast" class="region" style="top:158px;left:881px;"></div>
 
 		<div id="turn" class="piece turn" style="left:800px;top:765px;"></div>
 		<div class="piece congress" style="left:500px;top:765px;"></div>
diff --git a/play.js b/play.js
index bbfd7c2..abd6431 100644
--- a/play.js
+++ b/play.js
@@ -1,12 +1,33 @@
 "use strict"
 
-/* global action_button, send_action, view */
+/* global CARDS, US_STATES, action_button, send_action, view */
 
 const SUF = 0
 const OPP = 1
 const SUF_NAME = "Suffragist"
 const OPP_NAME = "Opposition"
 
+const WEST = 1
+const PLAINS = 2
+const SOUTH = 3
+const MIDWEST = 4
+const ATLANTIC_APPALACHIA = 5
+const NORTHEAST = 6
+
+const REGION_NAMES = [
+    null,
+    "West",
+    "Plains",
+    "South",
+    "Midwest",
+    "Atlantic & Appalachia",
+    "Northeast"
+]
+
+const region_count = 6
+const us_states_count = region_count * 8
+const card_count = 128
+
 let ui = {
 	status: document.getElementById("status"),
 	player: [
@@ -14,13 +35,15 @@ let ui = {
 		document.getElementById("role_Opposition"),
 	],
     cards: [ null ],
+	us_states: [ null ],
+	regions: [ null ],
 }
 
 // :r !python3 tools/genlayout.py
 const LAYOUT = {
-	"NorthEast": [914, 190],
+	"Northeast": [914, 190],
 	"AtlanticAppalachia": [797, 366],
-	"MidWest": [612, 298],
+	"Midwest": [612, 298],
 	"South": [574, 505],
 	"Plains": [406, 236],
 	"West": [127, 300],
@@ -168,6 +191,18 @@ function is_piece_action(i) {
 	return false
 }
 
+function is_region_action(i) {
+	if (view.actions && view.actions.region && view.actions.region.includes(i))
+		return true
+	return false
+}
+
+function is_us_state_action(i) {
+	if (view.actions && view.actions.us_state && view.actions.us_state.includes(i))
+		return true
+	return false
+}
+
 function is_space_action(i) {
 	if (view.actions && view.actions.space && view.actions.space.includes(i))
 		return true
@@ -178,6 +213,14 @@ function on_blur(_evt) {
 	document.getElementById("status").textContent = ""
 }
 
+function on_focus_region(evt) {
+	document.getElementById("status").textContent = REGION_NAMES[evt.target.my_region]
+}
+
+function on_focus_us_state(evt) {
+	document.getElementById("status").textContent = US_STATES[evt.target.my_us_state].name
+}
+
 function on_focus_space(evt) {
 	document.getElementById("status").textContent = evt.target.my_name
 }
@@ -187,16 +230,8 @@ function on_focus_piece(evt) {
 		document.getElementById("status").textContent = evt.target.my_name
 }
 
-// function on_click_card(evt) {
-// 	if (evt.button === 0) {
-// 		if (send_action('card', evt.target.my_card))
-// 			evt.stopPropagation()
-// 	}
-// }
-
 function on_click_card(evt) {
 	let card = evt.target.my_card
-	console.log("CLICK", card)
 	if (is_action('card', card)) {
 		send_action('card', card)
 	} else {
@@ -204,6 +239,22 @@ function on_click_card(evt) {
 	}
 }
 
+function on_click_region(evt) {
+	if (evt.button === 0) {
+		if (send_action('region', evt.target.my_region))
+			evt.stopPropagation()
+	}
+	hide_popup_menu()
+}
+
+function on_click_us_state(evt) {
+	if (evt.button === 0) {
+		if (send_action('us_state', evt.target.my_us_state))
+			evt.stopPropagation()
+	}
+	hide_popup_menu()
+}
+
 function on_click_space(evt) {
 	if (evt.button === 0) {
 		if (send_action('space', evt.target.my_space))
@@ -214,6 +265,7 @@ function on_click_space(evt) {
 
 function on_click_cube(evt) {
 	if (evt.button === 0) {
+		console.log("piece", evt.target.my_cube)
 		if (send_action('piece', evt.target.my_cube))
 			evt.stopPropagation()
 	}
@@ -230,7 +282,7 @@ function create(t, p, ...c) {
 function build_user_interface() {
 	let elt
 
-    for (let c = 1; c <= 128; ++c) {
+    for (let c = 1; c <= card_count; ++c) {
 		elt = ui.cards[c] = create("div", {
 			className: `card card_${c}`,
 			my_card: c,
@@ -238,6 +290,23 @@ function build_user_interface() {
 		})
 	}
 
+	for (let r = 1; r <= region_count; ++r) {
+		let region_name_css = REGION_NAMES[r].replaceAll(' & ', '')
+		elt = ui.regions[r] = document.querySelector(`#map #${region_name_css}`)
+		elt.my_region = r
+		elt.addEventListener("mousedown", on_click_region)
+		elt.addEventListener("mouseenter", on_focus_region)
+		elt.addEventListener("mouseleave", on_blur)
+	}
+
+	for (let s = 1; s <= us_states_count; ++s) {
+		let us_state_css = US_STATES[s].code
+		elt = ui.regions[s] = document.querySelector(`#map #${us_state_css}`)
+		elt.my_us_state = s
+		elt.addEventListener("mousedown", on_click_us_state)
+		elt.addEventListener("mouseenter", on_focus_us_state)
+		elt.addEventListener("mouseleave", on_blur)
+	}
 }
 
 function on_focus_card_tip(card_number) { // eslint-disable-line no-unused-vars
diff --git a/rules.js b/rules.js
index 52acd9f..d649686 100644
--- a/rules.js
+++ b/rules.js
@@ -18,9 +18,25 @@ const last_strategy_card = 116
 const first_states_card = 117
 const last_states_card = 128
 
-const {
-	CARDS
-} = require("./cards.js")
+const WEST = 1
+const PLAINS = 2
+const SOUTH = 3
+const MIDWEST = 4
+const ATLANTIC_APPALACHIA = 5
+const NORTHEAST = 6
+
+const REGION_NAMES = [
+    null,
+    "West",
+    "Plains",
+    "South",
+    "Midwest",
+    "Atlantic & Appalachia",
+    "Northeast"
+]
+
+const {	CARDS } = require("./cards.js")
+const {	US_STATES } = require("./data.js")
 
 // #region CARD & HAND FUNCTIONS
 
diff --git a/tools/gendata.js b/tools/gendata.js
new file mode 100644
index 0000000..f08614f
--- /dev/null
+++ b/tools/gendata.js
@@ -0,0 +1,87 @@
+"use strict"
+
+const fs = require("fs")
+
+let data = {}
+
+const US_STATES = [null]
+
+const WEST = 1
+const PLAINS = 2
+const SOUTH = 3
+const MIDWEST = 4
+const ATLANTIC_APPALACHIA = 5
+const NORTHEAST = 6
+
+const REGION_NAMES = [
+    null,
+    "West",
+    "Plains",
+    "South",
+    "Midwest",
+    "Atlantic & Appalachia",
+    "Northeast"
+]
+
+
+function def_us_state(code, name, region) {
+	US_STATES.push({code, name, region})
+}
+
+def_us_state("AZ", "Arizona", WEST)
+def_us_state("CA", "California", WEST)
+def_us_state("ID", "Idaho", WEST)
+def_us_state("NM", "New Mexico", WEST)
+def_us_state("NV", "Nevada", WEST)
+def_us_state("OR", "Oregon", WEST)
+def_us_state("UT", "Utah", WEST)
+def_us_state("WA", "Washington", WEST)
+
+def_us_state("CO", "Colorado", PLAINS)
+def_us_state("KS", "Kansas", PLAINS)
+def_us_state("MT", "Montana", PLAINS)
+def_us_state("ND", "North Dakota", PLAINS)
+def_us_state("NE", "Nebraska", PLAINS)
+def_us_state("OK", "Oklahoma", PLAINS)
+def_us_state("SD", "South Dakota", PLAINS)
+def_us_state("WY", "Wyoming", PLAINS)
+
+def_us_state("AL", "Alabama", SOUTH)
+def_us_state("AR", "Arkansas", SOUTH)
+def_us_state("FL", "Florida", SOUTH)
+def_us_state("GA", "Georgia", SOUTH)
+def_us_state("LA", "Louisiana", SOUTH)
+def_us_state("MS", "Mississippi", SOUTH)
+def_us_state("SC", "South Carolina", SOUTH)
+def_us_state("TX", "Texas", SOUTH)
+
+def_us_state("IA", "Iowa", MIDWEST)
+def_us_state("IL", "Illinois", MIDWEST)
+def_us_state("IN", "Indiana", MIDWEST)
+def_us_state("MI", "Michigan", MIDWEST)
+def_us_state("MN", "Minnesota", MIDWEST)
+def_us_state("MO", "Missouri", MIDWEST)
+def_us_state("OH", "Ohio", MIDWEST)
+def_us_state("WI", "Wisconsin", MIDWEST)
+
+def_us_state("DE", "Delaware", ATLANTIC_APPALACHIA)
+def_us_state("KY", "Kentucky", ATLANTIC_APPALACHIA)
+def_us_state("MD", "Maryland", ATLANTIC_APPALACHIA)
+def_us_state("NC", "North Carolina", ATLANTIC_APPALACHIA)
+def_us_state("PA", "Pennsylvania", ATLANTIC_APPALACHIA)
+def_us_state("TN", "Tennessee", ATLANTIC_APPALACHIA)
+def_us_state("VA", "Virginia", ATLANTIC_APPALACHIA)
+def_us_state("WV", "West Virginia", ATLANTIC_APPALACHIA)
+
+def_us_state("CT", "Connecticut", NORTHEAST)
+def_us_state("MA", "Massachusetts", NORTHEAST)
+def_us_state("ME", "Maine", NORTHEAST)
+def_us_state("NH", "New Hampshire", NORTHEAST)
+def_us_state("NJ", "New Jersey", NORTHEAST)
+def_us_state("NY", "New York", NORTHEAST)
+def_us_state("RI", "Rhode Island", NORTHEAST)
+def_us_state("VT", "Vermont", NORTHEAST)
+
+console.log("const us_state_count =", US_STATES.length)
+
+fs.writeFileSync("data.js", "const US_STATES = " + JSON.stringify(US_STATES, 0, 0) + "\nif (typeof module !== 'undefined') module.exports = { US_STATES }\n")
-- 
cgit v1.2.3