codebase overhaul (#697)

1 files changed, 51 insertions, 51 deletions

diff --git a/apps/web/src/hooks/use-keybindings.ts b/apps/web/src/hooks/use-keybindings.ts
index 7f6505b0..e59d1eaf 100644
--- a/apps/web/src/hooks/use-keybindings.ts
+++ b/apps/web/src/hooks/use-keybindings.ts
@@ -1,75 +1,75 @@
 import { useEffect } from "react";
-import { invokeAction } from "../constants/actions";
+import { invokeAction } from "@/lib/actions";
 import { useKeybindingsStore } from "@/stores/keybindings-store";
 
 /**
- * A composable that hooks to the caller component's
+ * a composable that hooks to the caller component's
  * lifecycle and hooks to the keyboard events to fire
  * the appropriate actions based on keybindings
  */
 export function useKeybindingsListener() {
-  const { keybindings, getKeybindingString, keybindingsEnabled, isRecording } =
-    useKeybindingsStore();
+	const { keybindings, getKeybindingString, keybindingsEnabled, isRecording } =
+		useKeybindingsStore();
 
-  useEffect(() => {
-    const handleKeyDown = (ev: KeyboardEvent) => {
-      // Do not check keybinds if the mode is disabled
-      if (!keybindingsEnabled) return;
-      // ignore key events if user is changing keybindings
-      if (isRecording) return;
+	useEffect(() => {
+		const eventOptions: AddEventListenerOptions = { capture: true };
+		const handleKeyDown = (ev: KeyboardEvent) => {
+			// do not check keybinds if the mode is disabled
+			if (!keybindingsEnabled) return;
+			// ignore key events if user is changing keybindings
+			if (isRecording) return;
 
-      const binding = getKeybindingString(ev);
-      if (!binding) return;
+			const binding = getKeybindingString(ev);
+			if (!binding) return;
 
-      const boundAction = keybindings[binding];
-      if (!boundAction) return;
+			const boundAction = keybindings[binding];
+			if (!boundAction) return;
 
-      const activeElement = document.activeElement;
-      const isTextInput =
-        activeElement &&
-        (activeElement.tagName === "INPUT" ||
-          activeElement.tagName === "TEXTAREA" ||
-          (activeElement as HTMLElement).isContentEditable);
+			const activeElement = document.activeElement;
+			const isTextInput =
+				activeElement &&
+				(activeElement.tagName === "INPUT" ||
+					activeElement.tagName === "TEXTAREA" ||
+					(activeElement as HTMLElement).isContentEditable);
 
-      if (isTextInput) return;
+			if (isTextInput) return;
 
-      ev.preventDefault();
+			ev.preventDefault();
 
-      // Handle actions with default arguments
-      let actionArgs: any;
+			switch (boundAction) {
+				case "seek-forward":
+					invokeAction("seek-forward", { seconds: 1 }, "keypress");
+					break;
+				case "seek-backward":
+					invokeAction("seek-backward", { seconds: 1 }, "keypress");
+					break;
+				case "jump-forward":
+					invokeAction("jump-forward", { seconds: 5 }, "keypress");
+					break;
+				case "jump-backward":
+					invokeAction("jump-backward", { seconds: 5 }, "keypress");
+					break;
+				default:
+					invokeAction(boundAction, undefined, "keypress");
+			}
+		};
 
-      if (boundAction === "seek-forward") {
-        actionArgs = { seconds: 1 };
-      } else if (boundAction === "seek-backward") {
-        actionArgs = { seconds: 1 };
-      } else if (boundAction === "jump-forward") {
-        actionArgs = { seconds: 5 };
-      } else if (boundAction === "jump-backward") {
-        actionArgs = { seconds: 5 };
-      }
+		document.addEventListener("keydown", handleKeyDown, eventOptions);
 
-      invokeAction(boundAction, actionArgs, "keypress");
-    };
-
-    document.addEventListener("keydown", handleKeyDown);
-
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [keybindings, getKeybindingString, keybindingsEnabled, isRecording]);
+		return () => {
+			document.removeEventListener("keydown", handleKeyDown, eventOptions);
+		};
+	}, [keybindings, getKeybindingString, keybindingsEnabled, isRecording]);
 }
 
 /**
- * This composable allows for the UI component to be disabled if the component in question is mounted
+ * this composable allows for the UI component to be disabled if the component in question is mounted
  */
 export function useKeybindingDisabler() {
-  const { disableKeybindings, enableKeybindings } = useKeybindingsStore();
+	const { disableKeybindings, enableKeybindings } = useKeybindingsStore();
 
-  return {
-    disableKeybindings,
-    enableKeybindings,
-  };
+	return {
+		disableKeybindings,
+		enableKeybindings,
+	};
 }
-
-// Export the bindings for backward compatibility
-export const bindings = {};