From 84e4ff05b795b45d356b8467e9be28230bc8cbdc Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Sat, 9 Mar 2024 01:20:32 +0100
Subject: [PATCH] UPD: More generic keyevent handling

---
 .../components/config/actions/SendKeyAction.vue | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/components/config/actions/SendKeyAction.vue b/src/renderer/src/components/config/actions/SendKeyAction.vue
index 33b7f3d..a662c1c 100644
--- a/src/renderer/src/components/config/actions/SendKeyAction.vue
+++ b/src/renderer/src/components/config/actions/SendKeyAction.vue
@@ -7,8 +7,8 @@
       >⬤
       {{ isCapturing ? 'Capturing Keyboard Input' : 'Capture Keyboard Input' }}
     </Button>
-    <div class="mt-6 text-center font-mono text-sm text-muted-foreground">
-      Key: {{ lastEvent?.key }} | Code: {{ lastEvent?.keyCode }}
+    <div v-if="lastEvent" class="mt-6 text-center font-mono text-sm text-muted-foreground">
+      Key: {{ lastEvent?.key }} | Code: {{ lastEvent?.keyCode }} | Type: {{ lastEvent?.type }}
     </div>
   </div>
 </template>
@@ -17,10 +17,7 @@ import { Button } from '@renderer/components/ui/button'
 import { ref, Ref } from 'vue'
 
 const isCapturing = ref(false)
-const keydownListener = (e: KeyboardEvent) => {
-  lastEvent.value = e
-}
-const keyupListener = (e: KeyboardEvent) => {
+const listener = (e: KeyboardEvent) => {
   lastEvent.value = e
 }
 
@@ -28,11 +25,11 @@ const toggleCapture = () => {
   isCapturing.value = !isCapturing.value
   // TODO: Do this in the main process
   if (isCapturing.value) {
-    window.addEventListener('keydown', keydownListener)
-    window.addEventListener('keyup', keyupListener)
+    window.addEventListener('keydown', listener)
+    window.addEventListener('keyup', listener)
   } else {
-    window.removeEventListener('keydown', keydownListener)
-    window.removeEventListener('keyup', keyupListener)
+    window.removeEventListener('keydown', listener)
+    window.removeEventListener('keyup', listener)
   }
 }
 const lastEvent: Ref<KeyboardEvent | null> = ref(null)