From a3857843d6290a0aca7695c06df5f9c071980cbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Fri, 29 Dec 2023 13:48:34 +0100
Subject: [PATCH] feat: use keycodes on CCX

resolves #71
---
 src/lib/components/Action.svelte                |  1 +
 src/lib/serial/keymap-codes.ts                  |  6 ++++++
 src/routes/config/chords/ChordActionEdit.svelte |  6 ++++--
 src/routes/config/chords/ChordPhraseEdit.svelte | 15 +++++++++------
 src/routes/config/chords/input-converter.ts     |  9 +++++++++
 5 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 src/routes/config/chords/input-converter.ts

diff --git a/src/lib/components/Action.svelte b/src/lib/components/Action.svelte
index b0cbf72b..7ee9186b 100644
--- a/src/lib/components/Action.svelte
+++ b/src/lib/components/Action.svelte
@@ -66,6 +66,7 @@
   .dynamic {
     padding: 4px;
     border-radius: 1px;
+    min-width: 8px;
     background: var(--md-sys-color-surface-variant);
 
     &.inline {
diff --git a/src/lib/serial/keymap-codes.ts b/src/lib/serial/keymap-codes.ts
index ded03ef4..865f9e1a 100644
--- a/src/lib/serial/keymap-codes.ts
+++ b/src/lib/serial/keymap-codes.ts
@@ -20,6 +20,12 @@ export const KEYMAP_CODES: Record<number, KeyInfo> = Object.fromEntries(
   ),
 )
 
+export const KEYMAP_KEYCODES: Map<string, number> = new Map(
+  KEYMAP_CATEGORIES.flatMap(category =>
+    Object.entries(category.actions).map(([code, action]) => [action.keyCode!, Number(code)] as const),
+  ).filter(([keyCode]) => keyCode !== undefined),
+)
+
 export const KEYMAP_IDS: Map<string, KeyInfo> = new Map(
   KEYMAP_CATEGORIES.flatMap(category =>
     Object.entries(category.actions).map(
diff --git a/src/routes/config/chords/ChordActionEdit.svelte b/src/routes/config/chords/ChordActionEdit.svelte
index c1412824..7fa56ac4 100644
--- a/src/routes/config/chords/ChordActionEdit.svelte
+++ b/src/routes/config/chords/ChordActionEdit.svelte
@@ -1,11 +1,13 @@
 <script lang="ts">
-  import {KEYMAP_IDS} from "$lib/serial/keymap-codes"
   import type {ChordInfo} from "$lib/undo-redo"
   import {changes, ChangeType} from "$lib/undo-redo"
   import {createEventDispatcher} from "svelte"
   import LL from "../../../i18n/i18n-svelte"
   import ActionString from "$lib/components/ActionString.svelte"
   import {selectAction} from "./action-selector"
+  import {serialPort} from "$lib/serial/connection"
+  import {get} from "svelte/store"
+  import {inputToAction} from "./input-converter"
 
   export let chord: ChordInfo | undefined = undefined
 
@@ -26,7 +28,7 @@
   function keydown(event: KeyboardEvent) {
     if (!editing) return
     event.preventDefault()
-    pressedKeys.add(KEYMAP_IDS.get(event.key)!.code)
+    pressedKeys.add(inputToAction(event, get(serialPort)?.device === "X")!)
     pressedKeys = pressedKeys
   }
 
diff --git a/src/routes/config/chords/ChordPhraseEdit.svelte b/src/routes/config/chords/ChordPhraseEdit.svelte
index b1b5e88b..df435e6a 100644
--- a/src/routes/config/chords/ChordPhraseEdit.svelte
+++ b/src/routes/config/chords/ChordPhraseEdit.svelte
@@ -7,6 +7,9 @@
   import {scale} from "svelte/transition"
   import ActionString from "$lib/components/ActionString.svelte"
   import {selectAction} from "./action-selector"
+  import {inputToAction} from "./input-converter"
+  import {serialPort} from "$lib/serial/connection"
+  import {get} from "svelte/store"
 
   export let chord: ChordInfo
 
@@ -22,12 +25,12 @@
       moveCursor(cursorPosition - 1)
     } else if (event.key === "Delete") {
       deleteAction(cursorPosition)
-    } else if (KEYMAP_IDS.has(event.key)) {
-      insertAction(cursorPosition, KEYMAP_IDS.get(event.key)!.code)
-      tick().then(() => moveCursor(cursorPosition + 1))
-    } else if (specialKeycodes.has(event.key)) {
-      insertAction(cursorPosition, specialKeycodes.get(event.key)!)
-      tick().then(() => moveCursor(cursorPosition + 1))
+    } else {
+      const action = inputToAction(event, get(serialPort)?.device === "X")
+      if (action !== undefined) {
+        insertAction(cursorPosition, action)
+        tick().then(() => moveCursor(cursorPosition + 1))
+      }
     }
   }
 
diff --git a/src/routes/config/chords/input-converter.ts b/src/routes/config/chords/input-converter.ts
new file mode 100644
index 00000000..fa28c464
--- /dev/null
+++ b/src/routes/config/chords/input-converter.ts
@@ -0,0 +1,9 @@
+import {KEYMAP_IDS, KEYMAP_KEYCODES, specialKeycodes} from "$lib/serial/keymap-codes"
+
+export function inputToAction(event: KeyboardEvent, useKeycodes?: boolean): number | undefined {
+  if (useKeycodes) {
+    return KEYMAP_KEYCODES.get(event.code)
+  } else {
+    return KEYMAP_IDS.get(event.key)?.code ?? specialKeycodes.get(event.key)
+  }
+}