diff --git a/ts/deckconfig/BUILD.bazel b/ts/deckconfig/BUILD.bazel index 7be31eff7..4c464a618 100644 --- a/ts/deckconfig/BUILD.bazel +++ b/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, ) diff --git a/ts/deckconfig/DeckConfigPage.svelte b/ts/deckconfig/DeckConfigPage.svelte index 8b252a729..2997930d1 100644 --- a/ts/deckconfig/DeckConfigPage.svelte +++ b/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()); + } + } -