From 9ca1a50a0af6667e9aaf1dc90a6a5353c0cc8508 Mon Sep 17 00:00:00 2001
From: mdashlw <mdashlw@gmail.com>
Date: Sun, 21 Jul 2024 19:05:35 -0700
Subject: [PATCH] feat: use keyCode instead of key

---
 assets/js/shortcuts.ts | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/assets/js/shortcuts.ts b/assets/js/shortcuts.ts
index 682863ef..3de21c89 100644
--- a/assets/js/shortcuts.ts
+++ b/assets/js/shortcuts.ts
@@ -4,7 +4,7 @@
 
 import { $ } from './utils/dom';
 
-type ShortcutKeyMap = Record<string, () => void>;
+type ShortcutKeyMap = Record<number, () => void>;
 
 function getHover(): string | null {
   const thumbBoxHover = $<HTMLDivElement>('.media-box:hover');
@@ -50,19 +50,19 @@ function isOK(event: KeyboardEvent): boolean {
 /* eslint-disable prettier/prettier */
 
 const keyCodes: ShortcutKeyMap = {
-  j() { click('.js-prev');             }, // J - go to previous image
-  i() { click('.js-up');               }, // I - go to index page
-  k() { click('.js-next');             }, // K - go to next image
-  r() { click('.js-rand');             }, // R - go to random image
-  s() { click('.js-source-link');      }, // S - go to image source
-  l() { click('.js-tag-sauce-toggle'); }, // L - edit tags
-  o() { openFullView();                }, // O - open original
-  v() { openFullViewNewTab();          }, // V - open original in a new tab
-  f() {
+  74() { click('.js-prev');             }, // J - go to previous image
+  73() { click('.js-up');               }, // I - go to index page
+  75() { click('.js-next');             }, // K - go to next image
+  82() { click('.js-rand');             }, // R - go to random image
+  83() { click('.js-source-link');      }, // S - go to image source
+  76() { click('.js-tag-sauce-toggle'); }, // L - edit tags
+  79() { openFullView();                }, // O - open original
+  86() { openFullViewNewTab();          }, // V - open original in a new tab
+  70() {
     // F - favourite image
     click(getHover() ? `a.interaction--fave[data-image-id="${getHover()}"]` : '.block__header a.interaction--fave');
   },
-  u() {
+  85() {
     // U - upvote image
     click(getHover() ? `a.interaction--upvote[data-image-id="${getHover()}"]` : '.block__header a.interaction--upvote');
   },
@@ -72,8 +72,8 @@ const keyCodes: ShortcutKeyMap = {
 
 export function listenForKeys() {
   document.addEventListener('keydown', (event: KeyboardEvent) => {
-    if (isOK(event) && keyCodes[event.key]) {
-      keyCodes[event.key]();
+    if (isOK(event) && keyCodes[event.keyCode]) {
+      keyCodes[event.keyCode]();
       event.preventDefault();
     }
   });