@nanocollective/nanocoder/dist/hooks/useTerminalWidth.js

A local-first CLI coding agent that brings the power of agentic coding tools like Claude Code and Gemini CLI to local models or controlled APIs like OpenRouter

import { useEffect, useState } from 'react';
import { DEFAULT_TERMINAL_COLUMNS } from '../constants.js';
// Calculate box width (leave some padding and ensure minimum width)
const calculateBoxWidth = (columns) => Math.max(Math.min(columns - 4, 120), 40);
export const useTerminalWidth = () => {
    const [boxWidth, setBoxWidth] = useState(() => calculateBoxWidth(process.stdout.columns || DEFAULT_TERMINAL_COLUMNS));
    useEffect(() => {
        const handleResize = () => {
            const newWidth = calculateBoxWidth(process.stdout.columns || DEFAULT_TERMINAL_COLUMNS);
            // Only update if width actually changed
            setBoxWidth(prevWidth => (prevWidth !== newWidth ? newWidth : prevWidth));
        };
        // Increase max listeners if needed (many components use this hook simultaneously)
        const currentMax = process.stdout.getMaxListeners();
        if (currentMax !== 0 && currentMax < 50) {
            // 0 means unlimited, otherwise ensure we have enough headroom
            process.stdout.setMaxListeners(50);
        }
        // Listen for terminal resize events
        process.stdout.on('resize', handleResize);
        return () => {
            process.stdout.off('resize', handleResize);
        };
    }, []);
    return boxWidth;
};
/**
 * Hook to detect terminal size category and provide responsive utilities
 * @returns Object with terminal width, size category, and utility functions
 */
export const useResponsiveTerminal = () => {
    const boxWidth = useTerminalWidth();
    const actualWidth = process.stdout.columns || DEFAULT_TERMINAL_COLUMNS;
    // Define breakpoints for terminal sizes
    const getSize = (width) => {
        if (width < 60)
            return 'narrow';
        if (width < 100)
            return 'normal';
        return 'wide';
    };
    const size = getSize(actualWidth);
    // Utility to truncate long text with ellipsis
    const truncate = (text, maxLength) => {
        if (text.length <= maxLength)
            return text;
        return text.slice(0, maxLength - 3) + '...';
    };
    // Utility to truncate path intelligently (keep end of path)
    const truncatePath = (pathStr, maxLength) => {
        if (!pathStr || pathStr.length <= maxLength)
            return pathStr || '';
        return '...' + pathStr.slice(-(maxLength - 3));
    };
    return {
        boxWidth,
        actualWidth,
        size,
        isNarrow: size === 'narrow',
        isNormal: size === 'normal',
        isWide: size === 'wide',
        truncate,
        truncatePath,
    };
};
//# sourceMappingURL=useTerminalWidth.js.map