Initial commit

src/hooks/use-shortcut-settings.ts

@@ -0,0 +1,75 @@
+"use client"
+
+import { useCallback, useEffect, useState } from "react"
+import {
+  DEFAULT_SHORTCUTS,
+  SHORTCUTS_STORAGE_KEY,
+  SHORTCUTS_UPDATED_EVENT,
+  type ShortcutActionId,
+  type ShortcutSettings,
+  normalizeShortcut,
+  readShortcutSettings,
+  writeShortcutSettings,
+} from "@/lib/keyboard-shortcuts"
+
+interface UseShortcutSettingsResult {
+  shortcuts: ShortcutSettings
+  updateShortcut: (actionId: ShortcutActionId, shortcut: string) => boolean
+  resetShortcuts: () => void
+}
+
+export function useShortcutSettings(): UseShortcutSettingsResult {
+  const [shortcuts, setShortcuts] =
+    useState<ShortcutSettings>(DEFAULT_SHORTCUTS)
+
+  useEffect(() => {
+    const syncFromStorage = () => {
+      setShortcuts(readShortcutSettings())
+    }
+
+    syncFromStorage()
+
+    const onStorage = (event: StorageEvent) => {
+      if (event.key && event.key !== SHORTCUTS_STORAGE_KEY) return
+      syncFromStorage()
+    }
+
+    window.addEventListener("storage", onStorage)
+    window.addEventListener(SHORTCUTS_UPDATED_EVENT, syncFromStorage)
+
+    return () => {
+      window.removeEventListener("storage", onStorage)
+      window.removeEventListener(SHORTCUTS_UPDATED_EVENT, syncFromStorage)
+    }
+  }, [])
+
+  const updateShortcut = useCallback(
+    (actionId: ShortcutActionId, shortcut: string): boolean => {
+      const normalized = normalizeShortcut(shortcut)
+      if (!normalized) return false
+
+      setShortcuts((previous) => {
+        const next = {
+          ...previous,
+          [actionId]: normalized,
+        }
+        writeShortcutSettings(next)
+        return next
+      })
+
+      return true
+    },
+    []
+  )
+
+  const resetShortcuts = useCallback(() => {
+    setShortcuts({ ...DEFAULT_SHORTCUTS })
+    writeShortcutSettings(DEFAULT_SHORTCUTS)
+  }, [])
+
+  return {
+    shortcuts,
+    updateShortcut,
+    resetShortcuts,
+  }
+}