1.3.2

feat: allow special inputs while creating a chord input
fixes #93

icons.config.js

@@ -92,6 +92,7 @@ const config = {
     "stat_2",
     "description",
     "add_circle",
+    "refresh",
   ],
   codePoints: {
     speed: "e9e4",

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "charachorder-device-manager",
-  "version": "1.2.0",
+  "version": "1.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "charachorder-device-manager",
-      "version": "1.2.0",
+      "version": "1.3.2",
       "hasInstallScript": true,
       "license": "AGPL-3.0-or-later",
       "devDependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "charachorder-device-manager",
-  "version": "1.2.0",
+  "version": "1.3.2",
   "license": "AGPL-3.0-or-later",
   "private": true,
   "repository": {

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "app"
-version = "1.2.0"
+version = "1.3.2"
 description = "A Tauri App"
 authors = ["Thea Schöbl <dev@theaninova.de>"]
 license = "AGPL-3"

src-tauri/tauri.conf.json

@@ -6,7 +6,7 @@
     "devPath": "http://localhost:5173",
     "distDir": "../build"
   },
-  "package": { "productName": "amacc1ng", "version": "1.2.0" },
+  "package": { "productName": "amacc1ng", "version": "1.3.2" },
   "tauri": {
     "allowlist": { "all": false },
     "bundle": {

src/i18n/de/index.ts

@@ -14,6 +14,7 @@ const de = {
   sync: {
     TITLE_READ: "Neueste Änderungen werden abgerufen",
     TITLE_WRITE: "Änderungen werden gespeichert",
+    RELOAD: "Neu laden",
   },
   backup: {
     TITLE: "Verlauf speichern",

src/i18n/en/index.ts

@@ -21,6 +21,7 @@ const en = {
   sync: {
     TITLE_READ: "Reading latest changes",
     TITLE_WRITE: "Saving changes to device",
+    RELOAD: "Reload",
   },
   modal: {
     CLOSE: "Close",

src/lib/assets/keymaps/keyboard.yml

@@ -6,41 +6,49 @@ actions:
     id: "LEFT_CTRL"
     display: CTRL
     title: Control Keyboard Modifier
+    keyCode: ControlLeft
     variant: left
   513: &left_shift
     id: "LEFT_SHIFT"
     title: Shift Keyboard Modifier
+    keyCode: ShiftLeft
     variant: left
     icon: shift
   514: &left_alt
     id: "LEFT_ALT"
     display: ALT
     title: Alt Keyboard Modifier
+    keyCode: AltLeft
     variant: left
   515: &left_gui
     id: "LEFT_GUI"
     title: GUI Keyboard Modifier
+    keyCode: MetaLeft
     icon: apps
     variant: left
   516:
     variationOf: 512
     <<: *left_ctrl
     id: "RIGHT_CTRL"
+    keyCode: ControlRight
     variant: right
   517:
     variationOf: 513
     <<: *left_shift
     id: "RIGHT_SHIFT"
+    keyCode: ShiftRight
     variant: right
   518:
     variationOf: 514
     <<: *left_alt
     id: "RIGHT_ALT"
+    keyCode: AltRight
     variant: right
   519:
     variationOf: 515
     <<: *left_gui
     id: "RIGHT_GUI"
+    keyCode: MetaRight
     variant: right
   520:
     id: "RELEASE_MOD"

src/lib/assets/keymaps/scancode.yml

@@ -3,7 +3,9 @@ description: OS-Layout sensitive keycodes
 actions:
   256:
     id: "KSC_00"
+    icon: block
     title: No Key Pressed
+    description: Also commonly used at the end of a chord to remove auto-spaces
   257:
     id: "KSC_01"
     title: Keyboard Error Roll Over
@@ -918,35 +920,27 @@ actions:
     description: Not required to be supported by any OS
   480:
     id: "KSC_E0"
-    keyCode: "ControlLeft"
     title: Keyboard Left Control
   481:
     id: "KSC_E1"
-    keyCode: "ShiftLeft"
     title: Keyboard Left Shift
   482:
     id: "KSC_E2"
-    keyCode: "AltLeft"
     title: Keyboard Left Alt
   483:
     id: "KSC_E3"
-    keyCode: "MetaLeft"
     title: Keyboard Left GUI
   484:
     id: "KSC_E4"
-    keyCode: "ControlRight"
     title: Keyboard Right Control
   485:
     id: "KSC_E5"
-    keyCode: "ShiftRight"
     title: Keyboard Right Shift
   486:
     id: "KSC_E6"
-    keyCode: "AltRight"
     title: Keyboard Right Alt
   487:
     id: "KSC_E7"
-    keyCode: "MetaRight"
     title: Keyboard Right GUI
   488:
     id: "KSC_E8"

src/lib/backup/compat/legacy-chords.ts

@@ -13,7 +13,10 @@ export function csvChordsToJson(csv: string): CharaChordFile {
       .map(line => {
         const [input, output] = line.split(/,(?=[^,]*$)/, 2)
         return [
-          input.split("+").map(it => KEYMAP_IDS.get(it.trim())?.code ?? 0),
+          input
+            .split("+")
+            .map(it => KEYMAP_IDS.get(it.trim())?.code ?? 0)
+            .sort((a, b) => a - b),
           output
             .trim()
             .split("")

src/lib/serial/connection.ts

@@ -55,6 +55,12 @@ export async function initSerial(manual = false) {
   const device = get(serialPort) ?? new CharaDevice()
   await device.init(manual)
   serialPort.set(device)
+  sync()
+}
+
+export async function sync() {
+  const device = get(serialPort)
+  if (!device) return
   const chordCount = await device.getChordCount()
   syncStatus.set("downloading")
 

src/lib/serial/keymap-codes.ts

@@ -33,7 +33,3 @@ export const KEYMAP_IDS: Map<string, KeyInfo> = new Map(
     ),
   ).filter(([id]) => id !== undefined),
 )
-
-export const specialKeycodes = new Map([
-  [" ", 32], // Space
-])

src/routes/SyncOverlay.svelte

@@ -1,21 +1,32 @@
 <script lang="ts">
-  import {syncProgress, syncStatus} from "$lib/serial/connection"
+  import {serialPort, syncProgress, syncStatus, sync} from "$lib/serial/connection"
   import LL from "../i18n/i18n-svelte"
-  import {fly} from "svelte/transition"
+  import {slide} from "svelte/transition"
 </script>
 
-{#if $syncStatus !== "done"}
-  <div transition:fly={{y: 40}}>
-    <progress max={$syncProgress?.max ?? 1} value={$syncProgress?.current ?? 1}></progress>
-    {#if $syncStatus === "downloading"}
-      <div>{$LL.sync.TITLE_READ()}</div>
-    {:else}
-      <div>{$LL.sync.TITLE_WRITE()}</div>
-    {/if}
-  </div>
-{/if}
+<div class="container">
+  {#if $syncStatus !== "done"}
+    <div transition:slide>
+      <progress max={$syncProgress?.max ?? 1} value={$syncProgress?.current ?? 1}></progress>
+      {#if $syncStatus === "downloading"}
+        <div>{$LL.sync.TITLE_READ()}</div>
+      {:else}
+        <div>{$LL.sync.TITLE_WRITE()}</div>
+      {/if}
+    </div>
+  {:else if $serialPort}
+    <button transition:slide on:click={sync}><span class="icon">refresh</span>{$LL.sync.RELOAD()}</button>
+  {/if}
+</div>
 
 <style lang="scss">
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
   div {
     font-size: 12px;
   }

src/routes/config/chords/ChordActionEdit.svelte

@@ -28,7 +28,12 @@
   function keydown(event: KeyboardEvent) {
     if (!editing) return
     event.preventDefault()
-    pressedKeys.add(inputToAction(event, get(serialPort)?.device === "X")!)
+    const input = inputToAction(event, get(serialPort)?.device === "X")
+    if (input == undefined) {
+      alert("Invalid key")
+      return
+    }
+    pressedKeys.add(input)
     pressedKeys = pressedKeys
   }
 

src/routes/config/chords/ChordPhraseEdit.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-  import {KEYMAP_IDS, specialKeycodes} from "$lib/serial/keymap-codes"
   import {tick} from "svelte"
-  import ActionSelector from "$lib/components/layout/ActionSelector.svelte"
   import {changes, ChangeType} from "$lib/undo-redo"
   import type {ChordInfo} from "$lib/undo-redo"
   import {scale} from "svelte/transition"
@@ -26,6 +24,7 @@
     } else if (event.key === "Delete") {
       deleteAction(cursorPosition)
     } else {
+      if (event.key === "Shift") return
       const action = inputToAction(event, get(serialPort)?.device === "X")
       if (action !== undefined) {
         insertAction(cursorPosition, action)

src/routes/config/chords/input-converter.ts

@@ -1,9 +1,9 @@
-import {KEYMAP_IDS, KEYMAP_KEYCODES, specialKeycodes} from "$lib/serial/keymap-codes"
+import {KEYMAP_IDS, KEYMAP_KEYCODES} 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)
+    return KEYMAP_IDS.get(event.key)?.code ?? KEYMAP_KEYCODES.get(event.code)
   }
 }

src/routes/config/settings/ConfirmChallenge.svelte

@@ -11,7 +11,7 @@
   const dispatch = createEventDispatcher()
 </script>
 
-<h3>Type the following to confim the action</h3>
+<h3>Type the following to confirm the action</h3>
 
 <p>{challengeString}</p>
 <input type="text" bind:value={challengeInput} placeholder={challengeString} />