feat: improve UX on keyboard events

promplate · Jun 27, 2024 · 23b3dd6 · 23b3dd6
1 parent a3ad4e6
commit 23b3dd6
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -44,7 +44,7 @@
   let push: (source: string) => Promise<void>;
 
   onMount(async () => {
-    history.unshift(...(JSON.parse(localStorage.getItem("console-history") || "[]") as string[]).slice(0, 200));
+    history.unshift(...(JSON.parse(localStorage.getItem("console-history") || "[]") as string[]));
     inputRef.focus();
   });
 
@@ -77,7 +77,7 @@
   function pushHistory(source: string) {
     if (source.trim() && source !== history[0]) {
       history.unshift(source);
-      localStorage.setItem("console-history", JSON.stringify(history));
+      localStorage.setItem("console-history", JSON.stringify(history.slice(0, 200)));
     }
   }
 
@@ -104,8 +104,10 @@
   };
 
   const onKeyDown: KeyboardEventHandler<Document> = (event) => {
-    if (!event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey && event.key.length === 1)
+    if (!event.ctrlKey && !event.metaKey && !event.altKey && event.key.length === 1)
       inputRef.focus();
+    else if (document.activeElement !== inputRef)
+      return;
 
     switch (event.key) {
       case "ArrowUp": {