Keyboard Shortcuts

// Keyboard shortcuts for reading
useEffect(() => {
  const handleKeyDown = (e: KeyboardEvent) => {
    if (readingStatus === READING_STATUS.IDLE) return;
    
    switch (e.code) {
      case "Space":
        e.preventDefault();
        readingStatus === READING_STATUS.READING
          ? pauseReading()
          : resumeReading();
        break;
      case "ArrowRight":
        e.preventDefault();
        skipSentence();
        break;
      case "ArrowLeft":
        e.preventDefault();
        skipToPreviousSentence();
        break;
    }
  };
  
  window.addEventListener("keydown", handleKeyDown);
  return () => window.removeEventListener("keydown", handleKeyDown);
}, [readingStatus]);

// RSVP keyboard shortcuts
const SHORTCUTS = [
  { label: "Play / Pause", displayKey: "Space", hotkey: "space" },
  { label: "Previous word", displayKey: "←", hotkey: "arrowleft" },
  { label: "Next word", displayKey: "→", hotkey: "arrowright" },
  { label: "Increase speed", displayKey: "↑", hotkey: "arrowup" },
  { label: "Decrease speed", displayKey: "↓", hotkey: "arrowdown" },
  { label: "Follow along", displayKey: "F", hotkey: "f" },
  { label: "Close", displayKey: "Esc", hotkey: "escape" },
];

useHotkeys(
  SHORTCUTS.map(s => s.hotkey).join(","),
  (e, handler) => {
    const hotkey = handler.keys?.join("") as Hotkey;
    hotkeyActions[hotkey]?.(e);
  },
  { enabled: rsvpOpen }
);

// Slash menu items
export const getSlashMenuItems = (editor: BlockNoteEditor) => [
  {
    name: "Heading 1",
    execute: () => editor.updateBlock(editor.getTextCursorPosition().block, {
      type: "heading",
      props: { level: 1 },
    }),
  },
  {
    name: "Heading 2",
    execute: () => editor.updateBlock(editor.getTextCursorPosition().block, {
      type: "heading",
      props: { level: 2 },
    }),
  },
  // ... more commands
];