diffstalker 0.1.7 → 0.2.0

package/dist/hooks/useExplorerState.js

@@ -1,248 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import { simpleGit } from 'simple-git';
-const MAX_FILE_SIZE = 1024 * 1024; // 1MB
-const WARN_FILE_SIZE = 100 * 1024; // 100KB
-// Check if content appears to be binary
-function isBinaryContent(buffer) {
-    // Check first 8KB for null bytes (common in binary files)
-    const checkLength = Math.min(buffer.length, 8192);
-    for (let i = 0; i < checkLength; i++) {
-        if (buffer[i] === 0)
-            return true;
-    }
-    return false;
-}
-// Get ignored files using git check-ignore
-async function getIgnoredFiles(repoPath, files) {
-    if (files.length === 0)
-        return new Set();
-    const git = simpleGit(repoPath);
-    const ignoredFiles = new Set();
-    const batchSize = 100;
-    for (let i = 0; i < files.length; i += batchSize) {
-        const batch = files.slice(i, i + batchSize);
-        try {
-            const result = await git.raw(['check-ignore', ...batch]);
-            const ignored = result
-                .trim()
-                .split('\n')
-                .filter((f) => f.length > 0);
-            for (const f of ignored) {
-                ignoredFiles.add(f);
-            }
-        }
-        catch {
-            // check-ignore exits with code 1 if no files are ignored
-        }
-    }
-    return ignoredFiles;
-}
-export function useExplorerState({ repoPath, isActive, topPaneHeight, explorerScrollOffset, setExplorerScrollOffset, fileScrollOffset, setFileScrollOffset, hideHiddenFiles, hideGitignored, }) {
-    const [currentPath, setCurrentPath] = useState('');
-    const [items, setItems] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [selectedFile, setSelectedFile] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    // Load directory contents when path changes or tab becomes active
-    useEffect(() => {
-        if (!isActive || !repoPath)
-            return;
-        const loadDirectory = async () => {
-            setIsLoading(true);
-            setError(null);
-            try {
-                const fullPath = path.join(repoPath, currentPath);
-                // Read directory
-                const entries = await fs.promises.readdir(fullPath, { withFileTypes: true });
-                // Build list of paths for gitignore check
-                const pathsToCheck = entries.map((e) => currentPath ? path.join(currentPath, e.name) : e.name);
-                // Get ignored files (only if we need to filter them)
-                const ignoredFiles = hideGitignored
-                    ? await getIgnoredFiles(repoPath, pathsToCheck)
-                    : new Set();
-                // Filter and map entries
-                const explorerItems = entries
-                    .filter((entry) => {
-                    // Filter dot-prefixed hidden files (e.g., .env, .gitignore)
-                    if (hideHiddenFiles && entry.name.startsWith('.')) {
-                        return false;
-                    }
-                    // Filter gitignored files
-                    if (hideGitignored) {
-                        const relativePath = currentPath ? path.join(currentPath, entry.name) : entry.name;
-                        if (ignoredFiles.has(relativePath)) {
-                            return false;
-                        }
-                    }
-                    return true;
-                })
-                    .map((entry) => ({
-                    name: entry.name,
-                    path: currentPath ? path.join(currentPath, entry.name) : entry.name,
-                    isDirectory: entry.isDirectory(),
-                }));
-                // Sort: directories first (alphabetical), then files (alphabetical)
-                explorerItems.sort((a, b) => {
-                    if (a.isDirectory && !b.isDirectory)
-                        return -1;
-                    if (!a.isDirectory && b.isDirectory)
-                        return 1;
-                    return a.name.localeCompare(b.name);
-                });
-                // Add ".." at the beginning if not at root
-                if (currentPath) {
-                    explorerItems.unshift({
-                        name: '..',
-                        path: path.dirname(currentPath) || '',
-                        isDirectory: true,
-                    });
-                }
-                setItems(explorerItems);
-                setSelectedIndex(0);
-                setExplorerScrollOffset(0);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Failed to read directory');
-                setItems([]);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        loadDirectory();
-    }, [repoPath, currentPath, isActive, setExplorerScrollOffset, hideHiddenFiles, hideGitignored]);
-    // Load file content when selection changes to a file
-    useEffect(() => {
-        if (!isActive || !repoPath || items.length === 0) {
-            setSelectedFile(null);
-            return;
-        }
-        const selected = items[selectedIndex];
-        if (!selected || selected.isDirectory) {
-            setSelectedFile(null);
-            return;
-        }
-        const loadFile = async () => {
-            try {
-                const fullPath = path.join(repoPath, selected.path);
-                const stats = await fs.promises.stat(fullPath);
-                // Check file size
-                if (stats.size > MAX_FILE_SIZE) {
-                    setSelectedFile({
-                        path: selected.path,
-                        content: `File too large to display (${(stats.size / 1024 / 1024).toFixed(2)} MB).\nMaximum size: 1 MB`,
-                        truncated: true,
-                    });
-                    return;
-                }
-                const buffer = await fs.promises.readFile(fullPath);
-                // Check if binary
-                if (isBinaryContent(buffer)) {
-                    setSelectedFile({
-                        path: selected.path,
-                        content: 'Binary file - cannot display',
-                    });
-                    return;
-                }
-                let content = buffer.toString('utf-8');
-                let truncated = false;
-                // Warn about large files
-                if (stats.size > WARN_FILE_SIZE) {
-                    const warning = `⚠ Large file (${(stats.size / 1024).toFixed(1)} KB)\n\n`;
-                    content = warning + content;
-                }
-                // Truncate if needed (shouldn't happen given MAX_FILE_SIZE, but just in case)
-                const maxLines = 5000;
-                const lines = content.split('\n');
-                if (lines.length > maxLines) {
-                    content =
-                        lines.slice(0, maxLines).join('\n') +
-                            `\n\n... (truncated, ${lines.length - maxLines} more lines)`;
-                    truncated = true;
-                }
-                setSelectedFile({
-                    path: selected.path,
-                    content,
-                    truncated,
-                });
-                setFileScrollOffset(0);
-            }
-            catch (err) {
-                setSelectedFile({
-                    path: selected.path,
-                    content: err instanceof Error ? `Error: ${err.message}` : 'Failed to read file',
-                });
-            }
-        };
-        loadFile();
-    }, [repoPath, items, selectedIndex, isActive, setFileScrollOffset]);
-    // Total rows for scroll calculations (item count)
-    const explorerTotalRows = useMemo(() => items.length, [items]);
-    // Navigation handlers
-    const navigateUp = useCallback(() => {
-        setSelectedIndex((prev) => {
-            const newIndex = Math.max(0, prev - 1);
-            // When scrolled, the top indicator takes a row, so first visible item is scrollOffset
-            // but we want to keep item visible above the indicator when scrolling up
-            if (newIndex < explorerScrollOffset) {
-                setExplorerScrollOffset(newIndex);
-            }
-            return newIndex;
-        });
-    }, [explorerScrollOffset, setExplorerScrollOffset]);
-    const navigateDown = useCallback(() => {
-        setSelectedIndex((prev) => {
-            const newIndex = Math.min(items.length - 1, prev + 1);
-            // Calculate visible area: topPaneHeight - 1 for "EXPLORER" header
-            // When content needs scrolling, ScrollableList reserves 2 more rows for indicators
-            const maxHeight = topPaneHeight - 1;
-            const needsScrolling = items.length > maxHeight;
-            const availableHeight = needsScrolling ? maxHeight - 2 : maxHeight;
-            const visibleEnd = explorerScrollOffset + availableHeight;
-            if (newIndex >= visibleEnd) {
-                setExplorerScrollOffset(explorerScrollOffset + 1);
-            }
-            return newIndex;
-        });
-    }, [items.length, explorerScrollOffset, topPaneHeight, setExplorerScrollOffset]);
-    const enterDirectory = useCallback(() => {
-        const selected = items[selectedIndex];
-        if (!selected)
-            return;
-        if (selected.isDirectory) {
-            if (selected.name === '..') {
-                // Go to parent directory
-                setCurrentPath(path.dirname(currentPath) || '');
-            }
-            else {
-                // Enter the directory
-                setCurrentPath(selected.path);
-            }
-        }
-        // If it's a file, do nothing (file content is already shown in bottom pane)
-    }, [items, selectedIndex, currentPath]);
-    const goUp = useCallback(() => {
-        if (currentPath) {
-            setCurrentPath(path.dirname(currentPath) || '');
-        }
-    }, [currentPath]);
-    return {
-        currentPath,
-        items,
-        selectedIndex,
-        setSelectedIndex,
-        selectedFile,
-        fileScrollOffset,
-        setFileScrollOffset,
-        navigateUp,
-        navigateDown,
-        enterDirectory,
-        goUp,
-        isLoading,
-        error,
-        explorerTotalRows,
-    };
-}

package/dist/hooks/useGit.js

@@ -1,156 +0,0 @@
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { getManagerForRepo, removeManagerForRepo, } from '../core/GitStateManager.js';
-/**
- * React hook that wraps GitStateManager.
- * Subscribes to state changes and provides React-friendly interface.
- */
-export function useGit(repoPath) {
-    const [gitState, setGitState] = useState({
-        status: null,
-        diff: null,
-        stagedDiff: '',
-        selectedFile: null,
-        isLoading: false,
-        error: null,
-    });
-    const [compareState, setCompareState] = useState({
-        compareDiff: null,
-        compareBaseBranch: null,
-        compareLoading: false,
-        compareError: null,
-    });
-    const [historyState, setHistoryState] = useState({
-        selectedCommit: null,
-        commitDiff: null,
-    });
-    const [compareSelectionState, setCompareSelectionState] = useState({
-        type: null,
-        index: 0,
-        diff: null,
-    });
-    const managerRef = useRef(null);
-    // Setup manager and subscribe to events
-    useEffect(() => {
-        if (!repoPath) {
-            setGitState({
-                status: null,
-                diff: null,
-                stagedDiff: '',
-                selectedFile: null,
-                isLoading: false,
-                error: null,
-            });
-            return;
-        }
-        const manager = getManagerForRepo(repoPath);
-        managerRef.current = manager;
-        // Subscribe to state changes
-        const handleStateChange = (state) => {
-            setGitState(state);
-        };
-        const handleCompareStateChange = (state) => {
-            setCompareState(state);
-        };
-        const handleHistoryStateChange = (state) => {
-            setHistoryState(state);
-        };
-        const handleCompareSelectionChange = (state) => {
-            setCompareSelectionState(state);
-        };
-        manager.on('state-change', handleStateChange);
-        manager.on('compare-state-change', handleCompareStateChange);
-        manager.on('history-state-change', handleHistoryStateChange);
-        manager.on('compare-selection-change', handleCompareSelectionChange);
-        // Start watching and do initial refresh
-        manager.startWatching();
-        manager.refresh();
-        return () => {
-            manager.off('state-change', handleStateChange);
-            manager.off('compare-state-change', handleCompareStateChange);
-            manager.off('history-state-change', handleHistoryStateChange);
-            manager.off('compare-selection-change', handleCompareSelectionChange);
-            removeManagerForRepo(repoPath);
-            managerRef.current = null;
-        };
-    }, [repoPath]);
-    // Wrapped methods that delegate to manager
-    const selectFile = useCallback((file) => {
-        managerRef.current?.selectFile(file);
-    }, []);
-    const stage = useCallback(async (file) => {
-        await managerRef.current?.stage(file);
-    }, []);
-    const unstage = useCallback(async (file) => {
-        await managerRef.current?.unstage(file);
-    }, []);
-    const discard = useCallback(async (file) => {
-        await managerRef.current?.discard(file);
-    }, []);
-    const stageAll = useCallback(async () => {
-        await managerRef.current?.stageAll();
-    }, []);
-    const unstageAll = useCallback(async () => {
-        await managerRef.current?.unstageAll();
-    }, []);
-    const commit = useCallback(async (message, amend = false) => {
-        await managerRef.current?.commit(message, amend);
-    }, []);
-    const refresh = useCallback(async () => {
-        await managerRef.current?.refresh();
-    }, []);
-    const getHeadCommitMessage = useCallback(async () => {
-        return managerRef.current?.getHeadCommitMessage() ?? '';
-    }, []);
-    const refreshCompareDiff = useCallback(async (includeUncommitted = false) => {
-        await managerRef.current?.refreshCompareDiff(includeUncommitted);
-    }, []);
-    const getCandidateBaseBranches = useCallback(async () => {
-        return managerRef.current?.getCandidateBaseBranches() ?? [];
-    }, []);
-    const setCompareBaseBranch = useCallback(async (branch, includeUncommitted = false) => {
-        await managerRef.current?.setCompareBaseBranch(branch, includeUncommitted);
-    }, []);
-    const selectHistoryCommit = useCallback(async (commit) => {
-        await managerRef.current?.selectHistoryCommit(commit);
-    }, []);
-    const selectCompareCommit = useCallback(async (index) => {
-        await managerRef.current?.selectCompareCommit(index);
-    }, []);
-    const selectCompareFile = useCallback((index) => {
-        managerRef.current?.selectCompareFile(index);
-    }, []);
-    return {
-        status: gitState.status,
-        diff: gitState.diff,
-        stagedDiff: gitState.stagedDiff,
-        selectedFile: gitState.selectedFile,
-        isLoading: gitState.isLoading,
-        error: gitState.error,
-        selectFile,
-        stage,
-        unstage,
-        discard,
-        stageAll,
-        unstageAll,
-        commit,
-        refresh,
-        getHeadCommitMessage,
-        compareDiff: compareState.compareDiff,
-        compareBaseBranch: compareState.compareBaseBranch,
-        compareLoading: compareState.compareLoading,
-        compareError: compareState.compareError,
-        refreshCompareDiff,
-        getCandidateBaseBranches,
-        setCompareBaseBranch,
-        // History state
-        historySelectedCommit: historyState.selectedCommit,
-        historyCommitDiff: historyState.commitDiff,
-        selectHistoryCommit,
-        // Compare selection state
-        compareSelectionType: compareSelectionState.type,
-        compareSelectionIndex: compareSelectionState.index,
-        compareSelectionDiff: compareSelectionState.diff,
-        selectCompareCommit,
-        selectCompareFile,
-    };
-}

package/dist/hooks/useHistoryState.js

@@ -1,62 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { getCommitHistory } from '../git/status.js';
-import { buildHistoryDisplayRows, getDisplayRowsLineNumWidth, getWrappedRowCount, } from '../utils/displayRows.js';
-export function useHistoryState({ repoPath, isActive, selectHistoryCommit, historyCommitDiff, historySelectedCommit, topPaneHeight, historyScrollOffset, setHistoryScrollOffset, setDiffScrollOffset, status, wrapMode, terminalWidth, }) {
-    const [commits, setCommits] = useState([]);
-    const [historySelectedIndex, setHistorySelectedIndex] = useState(0);
-    // Fetch commit history when tab becomes active
-    useEffect(() => {
-        if (repoPath && isActive) {
-            getCommitHistory(repoPath, 100).then(setCommits);
-        }
-    }, [repoPath, isActive, status]);
-    // Update selected history commit when index changes
-    useEffect(() => {
-        if (isActive && commits.length > 0) {
-            const commit = commits[historySelectedIndex];
-            if (commit) {
-                selectHistoryCommit(commit);
-                setDiffScrollOffset(0);
-            }
-        }
-    }, [isActive, commits, historySelectedIndex, selectHistoryCommit, setDiffScrollOffset]);
-    // Calculate history diff total rows for scrolling
-    // When wrap mode is enabled, account for wrapped lines
-    const historyDiffTotalRows = useMemo(() => {
-        const displayRows = buildHistoryDisplayRows(historySelectedCommit, historyCommitDiff);
-        if (!wrapMode)
-            return displayRows.length;
-        const lineNumWidth = getDisplayRowsLineNumWidth(displayRows);
-        const contentWidth = terminalWidth - lineNumWidth - 5;
-        return getWrappedRowCount(displayRows, contentWidth, true);
-    }, [historySelectedCommit, historyCommitDiff, wrapMode, terminalWidth]);
-    // Calculate total commits for scroll limits (1 commit = 1 row)
-    const historyTotalRows = useMemo(() => commits.length, [commits]);
-    // Navigation handlers
-    const navigateHistoryUp = useCallback(() => {
-        setHistorySelectedIndex((prev) => {
-            const newIndex = Math.max(0, prev - 1);
-            if (newIndex < historyScrollOffset)
-                setHistoryScrollOffset(newIndex);
-            return newIndex;
-        });
-    }, [historyScrollOffset, setHistoryScrollOffset]);
-    const navigateHistoryDown = useCallback(() => {
-        setHistorySelectedIndex((prev) => {
-            const newIndex = Math.min(commits.length - 1, prev + 1);
-            const visibleEnd = historyScrollOffset + topPaneHeight - 2;
-            if (newIndex >= visibleEnd)
-                setHistoryScrollOffset(historyScrollOffset + 1);
-            return newIndex;
-        });
-    }, [commits.length, historyScrollOffset, topPaneHeight, setHistoryScrollOffset]);
-    return {
-        commits,
-        historySelectedIndex,
-        setHistorySelectedIndex,
-        historyDiffTotalRows,
-        navigateHistoryUp,
-        navigateHistoryDown,
-        historyTotalRows,
-    };
-}

package/dist/hooks/useKeymap.js

@@ -1,167 +0,0 @@
-import { useInput } from 'ink';
-export function useKeymap(actions, currentPane, isCommitInputActive) {
-    useInput((input, key) => {
-        // Don't handle keys when commit input is active - let CommitPanel handle them
-        if (isCommitInputActive) {
-            return;
-        }
-        // Quit: Ctrl+C or q
-        if (key.ctrl && input === 'c') {
-            actions.onQuit();
-            return;
-        }
-        if (input === 'q') {
-            actions.onQuit();
-            return;
-        }
-        // Navigation (these can stay simple - j/k or arrows)
-        if (input === 'j' || key.downArrow) {
-            actions.onNavigateDown();
-            return;
-        }
-        if (input === 'k' || key.upArrow) {
-            actions.onNavigateUp();
-            return;
-        }
-        // Pane switching: Tab
-        if (key.tab) {
-            actions.onTogglePane();
-            return;
-        }
-        // Tab switching: 1/2/3
-        if (input === '1') {
-            actions.onSwitchTab('diff');
-            return;
-        }
-        if (input === '2') {
-            actions.onSwitchTab('commit');
-            return;
-        }
-        if (input === '3') {
-            actions.onSwitchTab('history');
-            return;
-        }
-        if (input === '4') {
-            actions.onSwitchTab('compare');
-            return;
-        }
-        if (input === '5') {
-            actions.onSwitchTab('explorer');
-            return;
-        }
-        // Toggle include uncommitted in compare view: u
-        if (input === 'u' && actions.onToggleIncludeUncommitted) {
-            actions.onToggleIncludeUncommitted();
-            return;
-        }
-        // Cycle base branch in compare view: b
-        if (input === 'b' && actions.onCycleBaseBranch) {
-            actions.onCycleBaseBranch();
-            return;
-        }
-        // Open theme picker: t
-        if (input === 't' && actions.onOpenThemePicker) {
-            actions.onOpenThemePicker();
-            return;
-        }
-        // Open hotkeys modal: ?
-        if (input === '?' && actions.onOpenHotkeysModal) {
-            actions.onOpenHotkeysModal();
-            return;
-        }
-        // Shrink top pane: [
-        if (input === '[' && actions.onShrinkTopPane) {
-            actions.onShrinkTopPane();
-            return;
-        }
-        // Grow top pane: ]
-        if (input === ']' && actions.onGrowTopPane) {
-            actions.onGrowTopPane();
-            return;
-        }
-        // Toggle mouse mode: m
-        if (input === 'm' && actions.onToggleMouse) {
-            actions.onToggleMouse();
-            return;
-        }
-        // Toggle follow mode: f
-        if (input === 'f' && actions.onToggleFollow) {
-            actions.onToggleFollow();
-            return;
-        }
-        // Toggle auto-tab mode: a
-        if (input === 'a' && actions.onToggleAutoTab) {
-            actions.onToggleAutoTab();
-            return;
-        }
-        // Toggle wrap mode: w
-        if (input === 'w' && actions.onToggleWrap) {
-            actions.onToggleWrap();
-            return;
-        }
-        // Toggle middle-dots (indentation visualization): .
-        if (input === '.' && actions.onToggleMiddleDots) {
-            actions.onToggleMiddleDots();
-            return;
-        }
-        // Toggle hide hidden files: Ctrl+H
-        if (key.ctrl && input === 'h' && actions.onToggleHideHiddenFiles) {
-            actions.onToggleHideHiddenFiles();
-            return;
-        }
-        // Toggle hide gitignored files: Ctrl+G
-        if (key.ctrl && input === 'g' && actions.onToggleHideGitignored) {
-            actions.onToggleHideGitignored();
-            return;
-        }
-        // Stage: Ctrl+S or Enter/Space on file
-        if (key.ctrl && input === 's') {
-            actions.onStage();
-            return;
-        }
-        // Unstage: Ctrl+U
-        if (key.ctrl && input === 'u') {
-            actions.onUnstage();
-            return;
-        }
-        // Stage all: Ctrl+A
-        if (key.ctrl && input === 'a') {
-            actions.onStageAll();
-            return;
-        }
-        // Unstage all: Ctrl+Shift+A (detected as Ctrl+A with shift, but terminal might not support)
-        // Use Ctrl+Z as alternative for unstage all
-        if (key.ctrl && input === 'z') {
-            actions.onUnstageAll();
-            return;
-        }
-        // Commit: Ctrl+Enter (c as fallback since Ctrl+Enter is hard in terminals)
-        if (input === 'c') {
-            actions.onCommit();
-            return;
-        }
-        // Refresh: Ctrl+R or r
-        if (key.ctrl && input === 'r') {
-            actions.onRefresh();
-            return;
-        }
-        if (input === 'r') {
-            actions.onRefresh();
-            return;
-        }
-        // Explorer: Enter to enter directory, Backspace/h to go up
-        if (actions.onExplorerEnter && key.return) {
-            actions.onExplorerEnter();
-            return;
-        }
-        if (actions.onExplorerBack && (key.backspace || key.delete || input === 'h')) {
-            actions.onExplorerBack();
-            return;
-        }
-        // Enter/Space to toggle stage/unstage for selected file
-        if (key.return || input === ' ') {
-            actions.onSelect();
-            return;
-        }
-    });
-}