From cfe313c9a35a0cc9e1753d035fad79e8fecc5f2a Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Wed, 22 Jan 2025 22:15:24 +1100
Subject: [PATCH] Started working on keyboard input

---
 assets/scripts/controllers/keyboard.js | 10 ++++++++++
 index.html                             |  6 +++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/assets/scripts/controllers/keyboard.js b/assets/scripts/controllers/keyboard.js
index 169cd02..a5f05e8 100644
--- a/assets/scripts/controllers/keyboard.js
+++ b/assets/scripts/controllers/keyboard.js
@@ -6,6 +6,16 @@ export default class extends Controller {
   static targets = [ "key" ];
   static outlets = [ "playfield" ];
   
+  onKeyPress(ev) {
+    if ((ev.key >= 'a') && (ev.key >= 'z')) {
+      ev.preventDefault();
+      this.playfieldOutlet.tappedKey(ev.key);
+    } else if ((ev.key >= 'A') && (ev.key >= 'Z')) {
+      ev.preventDefault();
+      this.playfieldOutlet.tappedKey(ev.key.toLowerCase());
+    }    
+  }
+  
   tappedKey(ev) {
       ev.preventDefault();
       
diff --git a/index.html b/index.html
index ccba387..8154d32 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,11 @@
       
       <div data-controller="keyboard" 
            data-keyboard-playfield-outlet=".playfield"
-           data-action="guessResults@window->keyboard#colorizeKeys resetKeyColors@window->keyboard#resetKeyColors">
+           data-action="
+              keypress@window->keyboard#onKeyPress
+              guessResults@window->keyboard#colorizeKeys
+              resetKeyColors@window->keyboard#resetKeyColors
+            ">
           <div>
               <button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="q">q</button>
               <button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="w">w</button>