Split codebase (#455)

apps/yaak-client/hooks/useKeyboardEvent.ts

@@ -0,0 +1,16 @@
+import { useEffect } from "react";
+
+export function useKeyboardEvent(
+  event: "keyup" | "keydown",
+  key: KeyboardEvent["key"],
+  cb: () => void,
+) {
+  // oxlint-disable-next-line react-hooks/exhaustive-deps -- Don't have `cb` as a dep for caller convenience
+  useEffect(() => {
+    const fn = (e: KeyboardEvent) => {
+      if (e.key === key) cb();
+    };
+    document.addEventListener(event, fn);
+    return () => document.removeEventListener(event, fn);
+  }, [event]);
+}