Function bodies 405 total

useExport function · typescript · L207-L481 (275 LOC)

src/hooks/useExport.ts

export function useExport(): UseExportReturn {
  const [isExporting, setIsExporting] = useState(false);
  const [progress, setProgress] = useState<ExportProgress | null>(null);
  const [exportErrorStr, setExportErrorStr] = useState<string | null>(null);
  const [exportOutputPath, setExportOutputPath] = useState<string | null>(null);
  const [exportFileSize, setExportFileSize] = useState<number | null>(null);

  // Deserialize error for external consumption
  const exportError = deserializeError(exportErrorStr);

  // Show error toast when export fails
  useEffect(() => {
    if (exportError) {
      toast.error(exportError.message, {
        description: exportError.details,
        action: exportError.recoverable
          ? {
              label: "Dismiss",
              onClick: () => {
                // Auto-dismiss
              },
            }
          : undefined,
      });
    }
  }, [exportError]);

  /**
   * Convert active words into export segments.
   * Groups consecuti

resolutionToTuple function · typescript · L486-L497 (12 LOC)

src/hooks/useExport.ts

function resolutionToTuple(resolution: string): [number, number] | null {
  switch (resolution) {
    case "1080p":
      return [1920, 1080];
    case "2k":
      return [2560, 1440];
    case "4k":
      return [3840, 2160];
    default:
      return null;
  }
}

useKeyboardShortcuts function · typescript · L31-L67 (37 LOC)

src/hooks/useKeyboardShortcuts.ts

export function useKeyboardShortcuts() {
  const { undo, redo, pastStates, futureStates } = useTemporalStore();

  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
      // Platform detection: Mac uses metaKey (Cmd), Windows/Linux use ctrlKey
      const isMac = /mac|iphone|ipad|ipod/i.test(navigator.platform);
      const modifierKey = isMac ? e.metaKey : e.ctrlKey;

      // Check for Z key with modifier
      if (modifierKey && e.key === "z") {
        // Prevent browser's native undo (e.g., in input fields)
        e.preventDefault();

        if (e.shiftKey) {
          // Redo: Cmd+Shift+Z or Ctrl+Shift+Z
          if (futureStates.length > 0) {
            redo();
          }
        } else {
          // Undo: Cmd+Z or Ctrl+Z
          if (pastStates.length > 0) {
            undo();
          }
        }
      }
    };

    // Add listener to window for global keyboard handling
    window.addEventListener("keydown", handleKeyDown);

    // Cleanup: remove li

useProjectAutosave function · typescript · L30-L133 (104 LOC)

src/hooks/useProjectAutosave.ts

export function useProjectAutosave({
  projectData,
  projectPath,
  enabled = true,
  onSave,
  onError,
}: AutosaveOptions) {
  const lastSavedHash = useRef<string>("");
  const lastManualSaveTime = useRef<number>(Date.now());
  const hasPendingChanges = useRef(false);

  // Compute hash of project data for change detection
  const computeHash = useCallback((): string => {
    const data = projectData();
    if (!data) return "";
    return JSON.stringify(data);
  }, [projectData]);

  // Manual save call (updates timestamp to prevent immediate autosave)
  const markManualSave = useCallback(() => {
    lastManualSaveTime.current = Date.now();
    lastSavedHash.current = computeHash();
    hasPendingChanges.current = false;
  }, [computeHash]);

  // Autosave function
  const autosave = useCallback(async () => {
    const data = projectData();
    if (!data) return;

    // Check if changes since last save
    const currentHash = JSON.stringify(data);
    if (currentHash === lastSaved

adjustSegmentToProject function · typescript · L49-L58 (10 LOC)