From a624ebca38e32ab058745c52a1f1706ff6ffeab9 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sun, 25 Apr 2021 20:52:25 -0600
Subject: [PATCH] Some work to map buttons, but there's a better way

---
 static/dev.html | 12 +++----
 static/dev.js   | 83 ++++++++++++++++++++++++++++++++++++++-----------
 2 files changed, 71 insertions(+), 24 deletions(-)

diff --git a/static/dev.html b/static/dev.html
index ce82555..bbf7f07 100644
--- a/static/dev.html
+++ b/static/dev.html
@@ -99,8 +99,8 @@
 											<i class="material-icons" role="presentation">gamepad</i>
 										</td>
 										<td>
-											<kbd class="gamepad a" title="Gamepad A">A</kbd> 
-											<kbd class="gamepad b" title="Gamepad B">B</kbd>
+											<kbd class="gamepad b0" title="Gamepad Bottom Button">A</kbd> 
+											<kbd class="gamepad b1" title="Gamepad Right Button">B</kbd>
 										</td>
 									</tr>
 								</table>
@@ -140,15 +140,15 @@
 											<i class="material-icons" role="presentation">gamepad</i>
 										</td>
 										<td>
-											<kbd class="gamepad x" title="Gamepad X">X</kbd> 
-											<kbd class="gamepad" title="Gamepad LB">LB</kbd>
+											<kbd class="gamepad b2" title="Gamepad Left Button">X</kbd> 
+											<kbd class="gamepad" title="Gamepad Left Shoulder Button">LB</kbd>
 										</td>
 										<td>
 											<i class="material-icons" role="presentation">gamepad</i>
 										</td>
 										<td>
-											<kbd class="gamepad y" title="Gamepad Y">Y</kbd>
-											<kbd class="gamepad" title="Gamepad RB">RB</kbd>
+											<kbd class="gamepad b3" title="Gamepad Top Button">Y</kbd>
+											<kbd class="gamepad" title="Gamepad Right Shoulder Button">RB</kbd>
 										</td>
 									</tr>
 									<tr>
diff --git a/static/dev.js b/static/dev.js
index 8779107..c3aeaa1 100644
--- a/static/dev.js
+++ b/static/dev.js
@@ -8,6 +8,40 @@ const PAUSE = -1
 const DIT = 1
 const DAH = 3
 
+/**
+ * Return button labels and colors for the first 4 buttons of the provided gamepad.
+ * 
+ * @param {Gamepad} gamepad Gamepad you want to know about
+ */
+function getButtonLabels(gamepad) {
+	if (gamepad.id.includes("057e") || // Nintendo
+		gamepad.id.includes("2dc8") || // 8bitdo
+		false) { 
+		return [
+			{"label": "B", "color": "yellow"},
+			{"label": "A", "color": "red"},
+			{"label": "Y", "color": "green"},
+			{"label": "X", "color": "blue"},
+		]
+	}
+	if (gamepad.id.includes("054c") || // Sony
+		false) {
+		return [
+			{"label": "🞩", "color": "blue"},
+			{"label": "◯", "color": "red"},
+			{"label": "□", "color": "yellow"},
+			{"label": "△", "color": "pink"},
+		]
+	}
+	// Default: xbox, logitech, and more
+	return [
+		{"label": "A", "color": "green"},
+		{"label": "B", "color": "red"},
+		{"label": "X", "color": "blue"},
+		{"label": "Y", "color": "yellow"},
+	]
+}
+
 // iOS kludge
 if (!window.AudioContext) {
 	window.AudioContext = window.webkitAudioContext
@@ -605,31 +639,44 @@ class Vail {
 
 	gamepadPoll(timestamp) {
 		let currentButtons = {}
+		let currentGamepad = null
 		for (let gp of navigator.getGamepads()) {
 			if (gp == null) {
 				continue
 			}
-			for (let i in gp.buttons) {
-				let pressed = gp.buttons[i].pressed
-				if (i < 2) {
-					currentButtons.key |= pressed
-				} else if (i % 2 == 0) {
-					currentButtons.dit |= pressed
-				} else {
-					currentButtons.dah |= pressed
-				}
+
+			let b = gp.buttons
+
+			let key = b[0].pressed || b[1].pressed
+			let dit = b[2].pressed || b[4].pressed || b[6].pressed || b[8].pressed || b[10].pressed || b[14].pressed
+			let dah = b[3].pressed || b[5].pressed || b[7].pressed || b[9].pressed || b[11].pressed || b[15].pressed
+
+			if (key || dit || dah) {
+				currentGamepad = gp
 			}
+			this.currentButtons.key |= key
+			this.currentButtons.dit |= dit
+			this.currentButtons.dah |= dah
 		}
 
-		if (currentButtons.key != this.gamepadButtons.key) {
-			this.straightKey(currentButtons.key)
-		}
-		if (currentButtons.dit != this.gamepadButtons.dit) {
-			this.iambicDit(currentButtons.dit)
-		}
-		if (currentButtons.dah != this.gamepadButtons.dah) {
-			this.iambicDah(currentButtons.dah)
-		}
+		if (currentButtons != this.gamepadButtons) {
+			let labels = getButtonLabels(currentGamepad)
+
+			for (let but = 0; but < 4; but++) {
+				let e = document.querySelector(".gamepad.b" + but)
+				e.textContent = labels[but].label
+				e.
+			}
+			document.querySelector(".gamepad.b0").
+			if (currentButtons.key != this.gamepadButtons.key) {
+				this.straightKey(currentButtons.key)
+			}
+			if (currentButtons.dit != this.gamepadButtons.dit) {
+				this.iambicDit(currentButtons.dit)
+			}
+			if (currentButtons.dah != this.gamepadButtons.dah) {
+				this.iambicDah(currentButtons.dah)
+			}
 		this.gamepadButtons = currentButtons
 
 		requestAnimationFrame(e => this.gamepadPoll(e))