import { useCallback, useEffect, useState, startTransition } from 'react' import { invoke } from '@tauri-apps/api/core' import { isTauri, mockInvoke } from '../mock-tauri' import type { VaultEntry, FolderNode, GitCommit, ModifiedFile, NoteStatus, GitPushResult, ViewFile } from '../types' import { clearPrefetchCache } from './useTabManagement' function tauriCall(command: string, tauriArgs: Record, mockArgs?: Record): Promise { return isTauri() ? invoke(command, tauriArgs) : mockInvoke(command, mockArgs ?? tauriArgs) } async function loadVaultData(vaultPath: string) { if (!isTauri()) console.info('[mock] Using mock Tauri data for browser testing') const entries = await tauriCall('list_vault', { path: vaultPath }) console.log(`Vault scan complete: ${entries.length} entries found`) return { entries } } async function commitWithPush(vaultPath: string, message: string): Promise { if (!isTauri()) { await mockInvoke('git_commit', { message }) return mockInvoke('git_push', {}) } await invoke('git_commit', { vaultPath, message }) return invoke('git_push', { vaultPath }) } function useNewNoteTracker() { const [newPaths, setNewPaths] = useState>(new Set()) const trackNew = useCallback((path: string) => { setNewPaths((prev) => new Set(prev).add(path)) }, []) const clear = useCallback(() => setNewPaths(new Set()), []) return { newPaths, trackNew, clear } } function useUnsavedTracker() { const [unsavedPaths, setUnsavedPaths] = useState>(new Set()) const trackUnsaved = useCallback((path: string) => { setUnsavedPaths((prev) => new Set(prev).add(path)) }, []) const clearUnsaved = useCallback((path: string) => { setUnsavedPaths((prev) => { const next = new Set(prev) next.delete(path) return next }) }, []) const clearAll = useCallback(() => setUnsavedPaths(new Set()), []) return { unsavedPaths, trackUnsaved, clearUnsaved, clearAll } } function usePendingSaveTracker() { const [pendingSavePaths, setPendingSavePaths] = useState>(new Set()) const addPendingSave = useCallback((path: string) => { setPendingSavePaths((prev) => new Set(prev).add(path)) }, []) const removePendingSave = useCallback((path: string) => { setPendingSavePaths((prev) => { const next = new Set(prev) next.delete(path) return next }) }, []) return { pendingSavePaths, addPendingSave, removePendingSave } } export function resolveNoteStatus( path: string, newPaths: Set, modifiedFiles: ModifiedFile[], pendingSavePaths?: Set, unsavedPaths?: Set, ): NoteStatus { if (unsavedPaths?.has(path)) return 'unsaved' if (pendingSavePaths?.has(path)) return 'pendingSave' if (newPaths.has(path)) return 'new' const gitEntry = modifiedFiles.find((f) => f.path === path) if (!gitEntry) return 'clean' if (gitEntry.status === 'untracked' || gitEntry.status === 'added') return 'new' if (gitEntry.status === 'modified' || gitEntry.status === 'deleted') return 'modified' return 'clean' } export function useVaultLoader(vaultPath: string) { const [entries, setEntries] = useState([]) const [folders, setFolders] = useState([]) const [views, setViews] = useState([]) const [modifiedFiles, setModifiedFiles] = useState([]) const [modifiedFilesError, setModifiedFilesError] = useState(null) const tracker = useNewNoteTracker() const pendingSave = usePendingSaveTracker() const unsaved = useUnsavedTracker() useEffect(() => { // eslint-disable-next-line react-hooks/set-state-in-effect -- clear stale data then load new vault setEntries([]); setFolders([]); setViews([]); setModifiedFiles([]); setModifiedFilesError(null); tracker.clear(); unsaved.clearAll() loadVaultData(vaultPath) .then(({ entries: e }) => { setEntries(e) }) .catch((err) => console.warn('Vault scan failed:', err)) tauriCall('list_vault_folders', { path: vaultPath }) .then((f) => { setFolders(f ?? []) }) .catch(() => { /* folders are optional — ignore errors */ }) tauriCall('list_views', { vaultPath }) .then((v) => { setViews(v ?? []) }) .catch(() => { /* views are optional — ignore errors */ }) }, [vaultPath]) // eslint-disable-line react-hooks/exhaustive-deps -- tracker.clear is stable const loadModifiedFiles = useCallback(async () => { try { setModifiedFilesError(null) setModifiedFiles(await tauriCall('get_modified_files', { vaultPath }, {})) } catch (err) { const message = typeof err === 'string' ? err : 'Failed to load changes' console.warn('Failed to load modified files:', err) setModifiedFilesError(message) setModifiedFiles([]) } }, [vaultPath]) useEffect(() => { loadModifiedFiles() }, [loadModifiedFiles]) // eslint-disable-line react-hooks/set-state-in-effect -- trigger initial load // PERF: startTransition defers the expensive entries update (filter/sort on // 9000+ entries) so the high-priority tab render completes in <50ms first. const addEntry = useCallback((entry: VaultEntry) => { startTransition(() => { setEntries((prev) => { if (prev.some(e => e.path === entry.path)) return prev return [entry, ...prev] }) tracker.trackNew(entry.path) }) }, [tracker]) const updateEntry = useCallback((path: string, patch: Partial) => { setEntries((prev) => { let changed = false const next = prev.map((e) => { if (e.path === path) { changed = true; return { ...e, ...patch } } return e }) return changed ? next : prev }) }, []) const removeEntry = useCallback((path: string) => { setEntries((prev) => prev.filter((e) => e.path !== path)) }, []) const replaceEntry = useCallback((oldPath: string, patch: Partial & { path: string }) => { setEntries((prev) => prev.map((e) => e.path === oldPath ? { ...e, ...patch } : e)) }, []) const loadGitHistory = useCallback(async (path: string): Promise => { try { return await tauriCall('get_file_history', { vaultPath, path }, { path }) } catch (err) { console.warn('Failed to load git history:', err); return [] } }, [vaultPath]) const loadDiffAtCommit = useCallback((path: string, commitHash: string): Promise => tauriCall('get_file_diff_at_commit', { vaultPath, path, commitHash }, { path, commitHash }), [vaultPath]) const loadDiff = useCallback((path: string): Promise => tauriCall('get_file_diff', { vaultPath, path }, { path }), [vaultPath]) const getNoteStatus = useCallback((path: string): NoteStatus => resolveNoteStatus(path, tracker.newPaths, modifiedFiles, pendingSave.pendingSavePaths, unsaved.unsavedPaths), [tracker.newPaths, modifiedFiles, pendingSave.pendingSavePaths, unsaved.unsavedPaths]) const commitAndPush = useCallback((message: string): Promise => commitWithPush(vaultPath, message), [vaultPath]) const reloadFolders = useCallback( () => tauriCall('list_vault_folders', { path: vaultPath }) .then((f) => { setFolders(f ?? []) }) .catch(() => { /* folders are optional — ignore errors */ }), [vaultPath], ) const reloadVault = useCallback( () => { clearPrefetchCache() return tauriCall('reload_vault', { path: vaultPath }) .then((entries) => { setEntries(entries); loadModifiedFiles(); return entries }) .catch((err) => { console.warn('Vault reload failed:', err); return [] as VaultEntry[] }) }, [vaultPath, loadModifiedFiles], ) const reloadViews = useCallback(async () => { try { setViews(await tauriCall('list_views', { vaultPath }) ?? []) } catch { /* views are optional */ } }, [vaultPath]) return { entries, folders, views, modifiedFiles, modifiedFilesError, addEntry, updateEntry, removeEntry, replaceEntry, loadModifiedFiles, loadGitHistory, loadDiff, loadDiffAtCommit, getNoteStatus, commitAndPush, reloadVault, reloadFolders, reloadViews, addPendingSave: pendingSave.addPendingSave, removePendingSave: pendingSave.removePendingSave, unsavedPaths: unsaved.unsavedPaths, trackUnsaved: unsaved.trackUnsaved, clearUnsaved: unsaved.clearUnsaved, } }