Function useUndoRedoKeyboard

yaml-flow-editor/src/hooks/useHistory.ts:142–189

(
  onUndo: () => void,
  onRedo: () => void,
  enabled: boolean = true
)

// Keyboard shortcut hook for undo/redo
export function useUndoRedoKeyboard(
  onUndo: () => void,
  onRedo: () => void,
  enabled: boolean = true
) {
  useEffect(() => {
    if (!enabled) return;

    const handleKeyDown = (event: KeyboardEvent) => {
      // Check for Ctrl (Windows/Linux) or Cmd (Mac)
      const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
      const modifier = isMac ? event.metaKey : event.ctrlKey;

      if (!modifier) return;

      // Avoid interfering with text inputs
      const activeElement = document.activeElement;
      const isInputActive = 
        activeElement instanceof HTMLInputElement ||
        activeElement instanceof HTMLTextAreaElement ||
        (activeElement as HTMLElement)?.isContentEditable;

      if (isInputActive) return;

      if (event.key === 'z' || event.key === 'Z') {
        event.preventDefault();
        if (event.shiftKey) {
          // Ctrl/Cmd + Shift + Z = Redo
          onRedo();
        } else {
          // Ctrl/Cmd + Z = Undo
          onUndo();
        }
      }
      
      // Also support Ctrl/Cmd + Y for redo (common on Windows)
      if (event.key === 'y' || event.key === 'Y') {
        if (!event.shiftKey) {
          event.preventDefault();
          onRedo();
        }
      }
    };

    window.addEventListener('keydown', handleKeyDown);
    return () => window.removeEventListener('keydown', handleKeyDown);
  }, [onUndo, onRedo, enabled]);
}