@pokit/tabs-ink 0.0.31 → 0.0.32

package/dist/use-copy-mode.d.ts

@@ -0,0 +1,18 @@
+export type CopyModeState = {
+    active: boolean;
+    cursorLine: number;
+    cursorCol: number;
+    selectStart: {
+        line: number;
+        col: number;
+    } | null;
+};
+export declare function useCopyMode(lines: string[], viewHeight: number, scrollOffset: number): {
+    state: CopyModeState;
+    enterCopyMode: () => void;
+    exitCopyMode: () => void;
+    navigate: (direction: "up" | "down" | "left" | "right") => void;
+    toggleSelect: () => Promise<void>;
+    getSelectedText: () => string | null;
+};
+//# sourceMappingURL=use-copy-mode.d.ts.map

package/dist/use-copy-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-mode.d.ts","sourceRoot":"","sources":["../src/use-copy-mode.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;;;;0BA2BrE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;;2BAoCN,MAAM,GAAG,IAAI;EAsFtD"}

package/dist/use-copy-mode.js

@@ -0,0 +1,138 @@
+import { useState, useCallback } from 'react';
+import { spawn } from 'node:child_process';
+export function useCopyMode(lines, viewHeight, scrollOffset) {
+    const [state, setState] = useState({
+        active: false,
+        cursorLine: 0,
+        cursorCol: 0,
+        selectStart: null,
+    });
+    const enterCopyMode = useCallback(() => {
+        setState({
+            active: true,
+            cursorLine: 0,
+            cursorCol: 0,
+            selectStart: null,
+        });
+    }, []);
+    const exitCopyMode = useCallback(() => {
+        setState({
+            active: false,
+            cursorLine: 0,
+            cursorCol: 0,
+            selectStart: null,
+        });
+    }, []);
+    const navigate = useCallback((direction) => {
+        setState((prev) => {
+            if (!prev.active)
+                return prev;
+            let { cursorLine, cursorCol } = prev;
+            const visibleStart = scrollOffset;
+            const visibleEnd = Math.min(scrollOffset + viewHeight, lines.length);
+            const maxLine = lines.length - 1;
+            switch (direction) {
+                case 'up':
+                    cursorLine = Math.max(0, cursorLine - 1);
+                    break;
+                case 'down':
+                    cursorLine = Math.min(maxLine, cursorLine + 1);
+                    break;
+                case 'left':
+                    cursorCol = Math.max(0, cursorCol - 1);
+                    break;
+                case 'right': {
+                    const currentLine = lines[cursorLine] || '';
+                    cursorCol = Math.min(currentLine.length, cursorCol + 1);
+                    break;
+                }
+            }
+            // Clamp column to current line length
+            const currentLine = lines[cursorLine] || '';
+            cursorCol = Math.min(cursorCol, currentLine.length);
+            return { ...prev, cursorLine, cursorCol };
+        });
+    }, [lines, scrollOffset, viewHeight]);
+    const getSelectedText = useCallback(() => {
+        if (!state.selectStart)
+            return null;
+        const start = state.selectStart;
+        const end = { line: state.cursorLine, col: state.cursorCol };
+        // Normalize selection (ensure start is before end)
+        let startLine = Math.min(start.line, end.line);
+        let endLine = Math.max(start.line, end.line);
+        let startCol = start.line < end.line ? start.col : Math.min(start.col, end.col);
+        let endCol = start.line < end.line ? end.col : Math.max(start.col, end.col);
+        if (startLine === endLine) {
+            startCol = Math.min(start.col, end.col);
+            endCol = Math.max(start.col, end.col);
+        }
+        const selectedLines = [];
+        for (let i = startLine; i <= endLine; i++) {
+            const line = lines[i] || '';
+            if (i === startLine && i === endLine) {
+                selectedLines.push(line.slice(startCol, endCol));
+            }
+            else if (i === startLine) {
+                selectedLines.push(line.slice(startCol));
+            }
+            else if (i === endLine) {
+                selectedLines.push(line.slice(0, endCol));
+            }
+            else {
+                selectedLines.push(line);
+            }
+        }
+        return selectedLines.join('\n');
+    }, [state, lines]);
+    const copyToClipboard = useCallback(async (text) => {
+        try {
+            // Use pbcopy on macOS, xclip/xsel on Linux
+            let copyCommand = 'pbcopy';
+            if (process.platform === 'linux') {
+                copyCommand = 'xclip -selection clipboard || xsel --clipboard --input';
+            }
+            else if (process.platform === 'win32') {
+                copyCommand = 'clip';
+            }
+            const proc = spawn('sh', ['-c', copyCommand], {
+                stdio: ['pipe', 'ignore', 'ignore'],
+            });
+            proc.stdin?.write(text);
+            proc.stdin?.end();
+            await new Promise((resolve) => {
+                proc.on('close', resolve);
+            });
+        }
+        catch (error) {
+            console.error('Failed to copy to clipboard:', error);
+        }
+    }, []);
+    const toggleSelect = useCallback(async () => {
+        const hasSelection = state.selectStart !== null;
+        if (!hasSelection) {
+            // Start selection
+            setState((prev) => {
+                if (!prev.active)
+                    return prev;
+                return { ...prev, selectStart: { line: prev.cursorLine, col: prev.cursorCol } };
+            });
+        }
+        else {
+            // End selection - copy and exit
+            const text = getSelectedText();
+            if (text) {
+                await copyToClipboard(text);
+            }
+            exitCopyMode();
+        }
+    }, [state.selectStart, getSelectedText, copyToClipboard, exitCopyMode]);
+    return {
+        state,
+        enterCopyMode,
+        exitCopyMode,
+        navigate,
+        toggleSelect,
+        getSelectedText,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pokit/tabs-ink",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "Ink-based tab renderer for pok CLI applications",
   "keywords": [
     "cli",
@@ -51,12 +51,12 @@
   "devDependencies": {
     "@types/bun": "latest",
     "@types/react": "^19.2.0",
-    "@pokit/core": "0.0.31",
-    "@pokit/tabs-core": "0.0.31"
+    "@pokit/core": "0.0.32",
+    "@pokit/tabs-core": "0.0.32"
   },
   "peerDependencies": {
-    "@pokit/core": "0.0.31",
-    "@pokit/tabs-core": "0.0.31"
+    "@pokit/core": "0.0.32",
+    "@pokit/tabs-core": "0.0.32"
   },
   "engines": {
     "bun": ">=1.0.0"