Pass keyboard events from inner reviewer

ts/routes/reviewer-inner/index.ts

@@ -78,14 +78,21 @@ addEventListener("message", async (e: MessageEvent<InnerReviewerRequest>) => {
 });
 
 addEventListener("keydown", (e) => {
-    const keyInfo: ReviewerRequest = { type: "keypress", key: e.key, ctrl: e.ctrlKey, shift: e.shiftKey };
+    const keyInfo: ReviewerRequest = {
+        type: "keypress",
+        eventInit: {
+            key: e.key,
+            code: e.code,
+            altKey: e.altKey,
+            ctrlKey: e.ctrlKey,
+            shiftKey: e.shiftKey,
+            metaKey: e.metaKey,
+            repeat: e.repeat,
+        },
+    };
     if (
-        e.key.length == 1 && "1234 ".includes(e.key)
+        !document.activeElement?.matches("input[type=text], input[type=number], textarea") && e.key !== "Enter"
     ) {
-        if (!document.activeElement?.matches("input[type=text], input[type=number], textarea")) {
-            postParentMessage(keyInfo);
-        }
-    } else {
         postParentMessage(keyInfo);
     }
 });

ts/routes/reviewer/reviewer.ts

@@ -84,7 +84,7 @@ export class ReviewerState {
                 break;
             }
             case "keypress": {
-                this.handleKeyPress(e.data.key, e.data.ctrl, e.data.shift);
+                dispatchEvent(new KeyboardEvent("keydown", e.data.eventInit));
                 break;
             }
             case "setstorage": {
@@ -272,7 +272,7 @@ export class ReviewerState {
     }
 
     public registerShortcuts() {
-        document.addEventListener("keydown", this.onKeyDown.bind(this));
+        window.addEventListener("keydown", this.onKeyDown.bind(this));
     }
 
     sendInnerRequest(message: InnerReviewerRequest) {

ts/routes/reviewer/reviewerRequest.ts

@@ -13,9 +13,7 @@ interface UpdateTypedAnswerMessage {
 
 interface KeyPressMessage {
     type: "keypress";
-    key: string;
+    eventInit: KeyboardEventInit;
-    ctrl: boolean;
-    shift: boolean;
 }
 
 interface SetStorageMessage {