catch ctrl/cmd+enter to save settings

ts/deckconfig/BUILD.bazel

@@ -26,6 +26,7 @@ compile_svelte(
     name = "svelte",
     srcs = svelte_files,
     deps = [
+        "//ts/sveltelib",
         "@npm//@types/bootstrap",
     ],
 )
@@ -94,6 +95,7 @@ esbuild(
         ":bootstrap-icons",
         "@npm//bootstrap",
         ":base_css",
+        "//ts/sveltelib",
     ] + svelte_names,
 )
 

ts/deckconfig/DeckConfigPage.svelte

@@ -6,8 +6,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import ConfigSelector from "./ConfigSelector.svelte";
     import ConfigEditor from "./ConfigEditor.svelte";
     import type { DeckConfigState } from "./lib";
+    import { primaryModifierForPlatform } from "sveltelib/shortcuts";
 
     export let state: DeckConfigState;
+
+    function onKeyDown(evt: KeyboardEvent): void {
+        if (
+            evt.code === "Enter" &&
+            evt.getModifierState(primaryModifierForPlatform())
+        ) {
+            state.save(false);
+        } else {
+            console.log(evt.getModifierState(primaryModifierForPlatform()));
+            console.log(primaryModifierForPlatform());
+        }
+    }
 </script>
 
 <style lang="scss">
@@ -17,6 +30,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </style>
 
+<div on:keydown={onKeyDown}>
     <div id="modal">
         <!-- filled in later-->
     </div>
@@ -26,3 +40,4 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     <div class="editor">
         <ConfigEditor {state} />
     </div>
+</div>

ts/deckconfig/TextInputModal.svelte

@@ -33,6 +33,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     function onKeyUp(evt: KeyboardEvent): void {
         if (evt.code === "Enter") {
+            evt.stopPropagation();
             onOkClicked();
         }
     }

ts/sveltelib/shortcuts.ts

@@ -0,0 +1,13 @@
+// Copyright: Ankitects Pty Ltd and contributors
+// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+
+function isApplePlatform(): boolean {
+    return (
+        window.navigator.platform.startsWith("Mac") ||
+        window.navigator.platform.startsWith("iP")
+    );
+}
+
+export function primaryModifierForPlatform(): string {
+    return isApplePlatform() ? "Meta" : "Control";
+}