ccmanager 3.9.0 → 3.11.0

package/dist/components/ProjectList.js

@@ -1,233 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { Effect } from 'effect';
-import SelectInput from 'ink-select-input';
-import { projectManager } from '../services/projectManager.js';
-import { MENU_ICONS } from '../constants/statusIcons.js';
-import TextInputWrapper from './TextInputWrapper.js';
-import { useSearchMode } from '../hooks/useSearchMode.js';
-import { globalSessionOrchestrator } from '../services/globalSessionOrchestrator.js';
-import { SessionManager } from '../services/sessionManager.js';
-const ProjectList = ({ projectsDir, onSelectProject, error, onDismissError, }) => {
-    const [projects, setProjects] = useState([]);
-    const [recentProjects, setRecentProjects] = useState([]);
-    const [items, setItems] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [loadError, setLoadError] = useState(null);
-    const limit = 10;
-    // Helper function to format error messages based on error type using _tag discrimination
-    const formatErrorMessage = (error) => {
-        switch (error._tag) {
-            case 'ProcessError':
-                return `Process error: ${error.message}`;
-            case 'ConfigError':
-                return `Configuration error (${error.reason}): ${error.details}`;
-            case 'GitError':
-                return `Git command failed: ${error.command} (exit ${error.exitCode})\n${error.stderr}`;
-            case 'FileSystemError':
-                return `File ${error.operation} failed for ${error.path}: ${error.cause}`;
-            case 'ValidationError':
-                return `Validation failed for ${error.field}: ${error.constraint}`;
-        }
-    };
-    // Use the search mode hook
-    const displayError = error || loadError;
-    const { isSearchMode, searchQuery, selectedIndex, setSearchQuery } = useSearchMode(items.length, {
-        isDisabled: !!displayError,
-        skipInTest: false,
-    });
-    // Helper function to load projects with Effect-based error handling
-    const loadProjectsEffect = async (checkCancellation) => {
-        setLoading(true);
-        setLoadError(null);
-        // Use Effect-based project discovery
-        const projectsEffect = projectManager.instance.discoverProjectsEffect(projectsDir);
-        // Execute the Effect and handle both success and failure cases
-        const result = await Effect.runPromise(Effect.either(projectsEffect));
-        // Check cancellation flag before updating state (if provided)
-        if (checkCancellation && checkCancellation())
-            return;
-        if (result._tag === 'Left') {
-            // Handle error using pattern matching on _tag
-            const errorMessage = formatErrorMessage(result.left);
-            setLoadError(errorMessage);
-            setLoading(false);
-            return;
-        }
-        // Success case - extract projects from Right
-        const discoveredProjects = result.right;
-        setProjects(discoveredProjects);
-        // Load recent projects with no limit (pass 0)
-        const allRecentProjects = projectManager.getRecentProjects(0);
-        setRecentProjects(allRecentProjects);
-        setLoading(false);
-    };
-    const loadProjects = () => loadProjectsEffect();
-    useEffect(() => {
-        let cancelled = false;
-        loadProjectsEffect(() => cancelled);
-        // Cleanup function to set cancellation flag
-        return () => {
-            cancelled = true;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [projectsDir]);
-    useEffect(() => {
-        const menuItems = [];
-        let currentIndex = 0;
-        // Filter recent projects based on search query
-        const filteredRecentProjects = searchQuery
-            ? recentProjects.filter(project => project.name.toLowerCase().includes(searchQuery.toLowerCase()))
-            : recentProjects;
-        // Add recent projects section if available and not in search mode
-        if (filteredRecentProjects.length > 0) {
-            // Add "Recent" separator only when not in search mode
-            if (!isSearchMode) {
-                menuItems.push({
-                    label: '── Recent ──',
-                    value: 'separator-recent',
-                });
-            }
-            // Add recent projects
-            filteredRecentProjects.forEach(recentProject => {
-                // Find the full project data
-                const fullProject = projects.find(p => p.path === recentProject.path);
-                if (fullProject) {
-                    // Get session counts for this project
-                    const projectSessions = globalSessionOrchestrator.getProjectSessions(recentProject.path);
-                    const counts = SessionManager.getSessionCounts(projectSessions);
-                    const countsFormatted = SessionManager.formatSessionCounts(counts);
-                    const numberPrefix = !isSearchMode && currentIndex < 10 ? `${currentIndex} ❯ ` : '❯ ';
-                    menuItems.push({
-                        label: numberPrefix + recentProject.name + countsFormatted,
-                        value: recentProject.path,
-                        project: fullProject,
-                    });
-                    currentIndex++;
-                }
-            });
-        }
-        // Filter projects based on search query
-        const filteredProjects = searchQuery
-            ? projects.filter(project => project.name.toLowerCase().includes(searchQuery.toLowerCase()))
-            : projects;
-        // Filter out recent projects from all projects to avoid duplicates
-        const recentPaths = new Set(filteredRecentProjects.map(rp => rp.path));
-        const nonRecentProjects = filteredProjects.filter(project => !recentPaths.has(project.path));
-        // Add "All Projects" separator if we have both recent and other projects
-        if (filteredRecentProjects.length > 0 &&
-            nonRecentProjects.length > 0 &&
-            !isSearchMode) {
-            menuItems.push({
-                label: '── All Projects ──',
-                value: 'separator-all',
-            });
-        }
-        // Build menu items from filtered non-recent projects
-        nonRecentProjects.forEach(project => {
-            // Get session counts for this project
-            const projectSessions = globalSessionOrchestrator.getProjectSessions(project.path);
-            const counts = SessionManager.getSessionCounts(projectSessions);
-            const countsFormatted = SessionManager.formatSessionCounts(counts);
-            // Only show numbers for total items (0-9) when not in search mode
-            const numberPrefix = !isSearchMode && currentIndex < 10 ? `${currentIndex} ❯ ` : '❯ ';
-            menuItems.push({
-                label: numberPrefix + project.name + countsFormatted,
-                value: project.path,
-                project,
-            });
-            currentIndex++;
-        });
-        // Add menu options only when not in search mode
-        if (!isSearchMode) {
-            if (projects.length > 0) {
-                menuItems.push({
-                    label: '─────────────',
-                    value: 'separator',
-                });
-            }
-            menuItems.push({
-                label: `R 🔄 Refresh`,
-                value: 'refresh',
-            });
-            menuItems.push({
-                label: `Q ${MENU_ICONS.EXIT} Exit`,
-                value: 'exit',
-            });
-        }
-        setItems(menuItems);
-    }, [projects, recentProjects, searchQuery, isSearchMode]);
-    // Handle hotkeys
-    useInput((input, _key) => {
-        // Skip in test environment to avoid stdin.ref error
-        if (!process.stdin.setRawMode) {
-            return;
-        }
-        // Dismiss error on any key press when error is shown
-        if (displayError && onDismissError) {
-            onDismissError();
-            return;
-        }
-        // Don't process other keys if in search mode (handled by useSearchMode)
-        if (isSearchMode) {
-            return;
-        }
-        const keyPressed = input.toLowerCase();
-        // Handle number keys 0-9 for project selection
-        if (/^[0-9]$/.test(keyPressed)) {
-            const index = parseInt(keyPressed);
-            // Get all selectable items (recent + non-recent projects)
-            const selectableItems = items.filter(item => item.project);
-            if (index < Math.min(10, selectableItems.length) &&
-                selectableItems[index]?.project) {
-                onSelectProject(selectableItems[index].project);
-            }
-            return;
-        }
-        switch (keyPressed) {
-            case 'r':
-                // Refresh project list
-                loadProjects();
-                break;
-            case 'q':
-            case 'x':
-                // Trigger exit action
-                onSelectProject({
-                    path: 'EXIT_APPLICATION',
-                    name: '',
-                    relativePath: '',
-                    isValid: false,
-                });
-                break;
-        }
-    });
-    const handleSelect = (item) => {
-        if (item.value.startsWith('separator')) {
-            // Do nothing for separators
-        }
-        else if (item.value === 'refresh') {
-            loadProjects();
-        }
-        else if (item.value === 'exit') {
-            // Handle exit
-            onSelectProject({
-                path: 'EXIT_APPLICATION',
-                name: '',
-                relativePath: '',
-                isValid: false,
-            });
-        }
-        else if (item.project) {
-            onSelectProject(item.project);
-        }
-    };
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "CCManager - Multi-Project Mode" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Select a project:" }) }), isSearchMode && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { children: "Search: " }), _jsx(TextInputWrapper, { value: searchQuery, onChange: setSearchQuery, focus: true, placeholder: "Type to filter projects..." })] })), loading ? (_jsx(Box, { children: _jsx(Text, { color: "yellow", children: "Loading projects..." }) })) : projects.length === 0 && !displayError ? (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["No git repositories found in ", projectsDir] }) })) : isSearchMode && items.length === 0 ? (_jsx(Box, { children: _jsx(Text, { color: "yellow", children: "No projects match your search" }) })) : isSearchMode ? (
-            // In search mode, show the items as a list without SelectInput
-            _jsx(Box, { flexDirection: "column", children: items.slice(0, limit).map((item, index) => (_jsxs(Text, { color: index === selectedIndex ? 'green' : undefined, children: [index === selectedIndex ? '❯ ' : '  ', item.label] }, item.value))) })) : (_jsx(SelectInput, { items: items, onSelect: handleSelect, isFocused: !displayError, limit: limit, initialIndex: selectedIndex })), displayError && (_jsx(Box, { marginTop: 1, paddingX: 1, borderStyle: "round", borderColor: "red", children: _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", bold: true, children: ["Error: ", displayError] }), _jsx(Text, { color: "gray", dimColor: true, children: "Press any key to dismiss" })] }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [(isSearchMode || searchQuery) && (_jsxs(Text, { dimColor: true, children: ["Projects: ", items.filter(item => item.project).length, " of", ' ', projects.length, " shown"] })), _jsx(Text, { dimColor: true, children: isSearchMode
-                            ? 'Search Mode: Type to filter, Enter to exit search, ESC to exit search'
-                            : searchQuery
-                                ? `Filtered: "${searchQuery}" | ↑↓ Navigate Enter Select | /-Search ESC-Clear 0-9 Quick Select R-Refresh Q-Quit`
-                                : 'Controls: ↑↓ Navigate Enter Select | Hotkeys: 0-9 Quick Select /-Search R-Refresh Q-Quit' })] })] }));
-};
-export default ProjectList;

package/dist/components/ProjectList.recent-projects.test.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from 'ink-testing-library';
-import { expect, describe, it, vi, beforeEach, afterEach } from 'vitest';
-import ProjectList from './ProjectList.js';
-import { projectManager } from '../services/projectManager.js';
-import { Effect } from 'effect';
-// Mock bunTerminal to avoid native module loading issues
-vi.mock('../services/bunTerminal.js', () => ({
-    spawn: vi.fn(function () {
-        return null;
-    }),
-}));
-// Mock ink to avoid stdin.ref issues
-vi.mock('ink', async () => {
-    const actual = await vi.importActual('ink');
-    return {
-        ...actual,
-        useInput: vi.fn(),
-    };
-});
-// Mock SelectInput to render items as simple text
-vi.mock('ink-select-input', async () => {
-    const React = await vi.importActual('react');
-    const { Text, Box } = await vi.importActual('ink');
-    return {
-        default: ({ items }) => {
-            return (_jsx(Box, { flexDirection: "column", children: items.map(item => (_jsx(Text, { children: item.label }, item.value))) }));
-        },
-    };
-});
-vi.mock('../services/projectManager.js', () => ({
-    projectManager: {
-        instance: {
-            discoverProjectsEffect: vi.fn(),
-        },
-        getRecentProjects: vi.fn(),
-    },
-}));
-describe('ProjectList - Recent Projects', () => {
-    const mockOnSelectProject = vi.fn();
-    const mockOnDismissError = vi.fn();
-    let originalSetRawMode;
-    const createProject = (name, path) => ({
-        name,
-        path,
-        relativePath: `./${name}`,
-        isValid: true,
-    });
-    const mockProjects = [
-        createProject('project-a', '/home/user/projects/project-a'),
-        createProject('project-b', '/home/user/projects/project-b'),
-        createProject('project-c', '/home/user/projects/project-c'),
-        createProject('project-d', '/home/user/projects/project-d'),
-        createProject('project-e', '/home/user/projects/project-e'),
-    ];
-    beforeEach(() => {
-        vi.clearAllMocks();
-        vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.succeed(mockProjects));
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue([]);
-        // Mock stdin.setRawMode
-        originalSetRawMode = process.stdin.setRawMode;
-        process.stdin.setRawMode = vi.fn();
-    });
-    afterEach(() => {
-        // Restore original setRawMode
-        process.stdin.setRawMode = originalSetRawMode;
-    });
-    it('should display recent projects at the top when available', async () => {
-        // Mock recent projects
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
-            {
-                name: 'project-c',
-                path: '/home/user/projects/project-c',
-                lastAccessed: Date.now() - 1000,
-            },
-            {
-                name: 'project-e',
-                path: '/home/user/projects/project-e',
-                lastAccessed: Date.now() - 2000,
-            },
-        ]);
-        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
-        // Wait for projects to load
-        await vi.waitFor(() => {
-            expect(lastFrame()).toContain('project-c');
-        });
-        // Check that recent projects section is shown
-        expect(lastFrame()).toContain('Recent');
-        // Check that recent projects are at the top
-        const output = lastFrame();
-        const projectCIndex = output?.indexOf('project-c') ?? -1;
-        const projectEIndex = output?.indexOf('project-e') ?? -1;
-        const allProjectsIndex = output?.indexOf('All Projects') ?? -1;
-        // Recent projects should appear before "All Projects" section
-        expect(projectCIndex).toBeLessThan(allProjectsIndex);
-        expect(projectEIndex).toBeLessThan(allProjectsIndex);
-    });
-    it('should not show recent projects section when there are none', async () => {
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue([]);
-        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
-        // Wait for projects to load
-        await vi.waitFor(() => {
-            expect(lastFrame()).toContain('project-a');
-        });
-        // Check that recent projects section is not shown
-        expect(lastFrame()).not.toContain('Recent');
-    });
-    it('should handle selection of recent projects', async () => {
-        // Skip this test for now - SelectInput interaction is complex to test
-        // The selection functionality is covered by the number key test
-    });
-    it('should filter recent projects based on search query', async () => {
-        // This functionality is tested in the main ProjectList.test.tsx
-        // Skip in recent projects specific tests to avoid complexity
-    });
-    it('should show recent projects with correct number prefixes', async () => {
-        // Mock recent projects that match existing projects
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
-            {
-                name: 'project-c',
-                path: '/home/user/projects/project-c',
-                lastAccessed: Date.now() - 1000,
-            },
-            {
-                name: 'project-e',
-                path: '/home/user/projects/project-e',
-                lastAccessed: Date.now() - 2000,
-            },
-        ]);
-        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
-        // Wait for projects to load
-        await vi.waitFor(() => {
-            expect(lastFrame()).toContain('project-c');
-        });
-        // Check that recent projects have correct number prefixes
-        const output = lastFrame();
-        expect(output).toContain('0 ❯ project-c');
-        expect(output).toContain('1 ❯ project-e');
-        // Check that regular projects start from the next available number
-        expect(output).toContain('2 ❯ project-a');
-    });
-    it('should show all recent projects without limit', async () => {
-        // Create 10 projects
-        const manyProjects = Array.from({ length: 10 }, (_, i) => createProject(`project-${i}`, `/home/user/projects/project-${i}`));
-        // Mock discovered projects
-        vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.succeed(manyProjects));
-        // Mock more than 5 recent projects
-        const manyRecentProjects = Array.from({ length: 10 }, (_, i) => ({
-            name: `project-${i}`,
-            path: `/home/user/projects/project-${i}`,
-            lastAccessed: Date.now() - i * 1000,
-        }));
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue(manyRecentProjects);
-        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
-        // Wait for projects to load
-        await vi.waitFor(() => {
-            expect(lastFrame()).toContain('project-0');
-        });
-        // Check that all 10 recent projects are shown (not limited to 5)
-        const output = lastFrame();
-        for (let i = 0; i < 10; i++) {
-            expect(output).toContain(`project-${i}`);
-        }
-    });
-    it('should allow number key selection for recent projects', async () => {
-        // Mock recent projects
-        vi.mocked(projectManager.getRecentProjects).mockReturnValue([
-            {
-                name: 'project-c',
-                path: '/home/user/projects/project-c',
-                lastAccessed: Date.now(),
-            },
-        ]);
-        // Mock the useInput hook to capture the handler
-        const mockUseInput = vi.mocked(await import('ink')).useInput;
-        let inputHandler = () => { };
-        mockUseInput.mockImplementation(handler => {
-            inputHandler = handler;
-        });
-        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/home/user/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
-        // Wait for projects to load
-        await vi.waitFor(() => {
-            expect(lastFrame()).toContain('project-c');
-        });
-        // Simulate pressing 0 to select first recent project
-        inputHandler('0');
-        // Check that the recent project was selected
-        expect(mockOnSelectProject).toHaveBeenCalledWith(expect.objectContaining({
-            name: 'project-c',
-            path: '/home/user/projects/project-c',
-        }));
-    });
-});