ink-prompt 0.2.2 → 0.2.4

package/dist/examples/src/components/MultilineInput/__tests__/useTextInput.test.js

@@ -1,65 +0,0 @@
-import { renderHook, act } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { useTextInput } from '../useTextInput';
-describe('useTextInput', () => {
-    it('should initialize with empty buffer', () => {
-        const { result } = renderHook(() => useTextInput());
-        expect(result.current.value).toBe('');
-        expect(result.current.cursor).toEqual({ line: 0, column: 0 });
-    });
-    it('should initialize with initial value', () => {
-        const { result } = renderHook(() => useTextInput({ initialValue: 'Hello\nWorld' }));
-        expect(result.current.value).toBe('Hello\nWorld');
-        expect(result.current.cursor).toEqual({ line: 1, column: 5 }); // Cursor at end
-    });
-    it('should insert character', () => {
-        const { result } = renderHook(() => useTextInput());
-        act(() => {
-            result.current.insert('a');
-        });
-        expect(result.current.value).toBe('a');
-        expect(result.current.cursor).toEqual({ line: 0, column: 1 });
-    });
-    it('should delete character', () => {
-        const { result } = renderHook(() => useTextInput({ initialValue: 'abc' }));
-        act(() => {
-            result.current.delete();
-        });
-        expect(result.current.value).toBe('ab');
-        expect(result.current.cursor).toEqual({ line: 0, column: 2 });
-    });
-    it('should insert new line', () => {
-        const { result } = renderHook(() => useTextInput({ initialValue: 'abc' }));
-        // Move cursor to middle
-        act(() => {
-            result.current.moveCursor('left');
-        });
-        act(() => {
-            result.current.newLine();
-        });
-        expect(result.current.value).toBe('ab\nc');
-        expect(result.current.cursor).toEqual({ line: 1, column: 0 });
-    });
-    it('should move cursor', () => {
-        const { result } = renderHook(() => useTextInput({ initialValue: 'abc' }));
-        act(() => {
-            result.current.moveCursor('left');
-        });
-        expect(result.current.cursor).toEqual({ line: 0, column: 2 });
-    });
-    it('should support undo/redo', () => {
-        const { result } = renderHook(() => useTextInput());
-        act(() => {
-            result.current.insert('a');
-        });
-        expect(result.current.value).toBe('a');
-        act(() => {
-            result.current.undo();
-        });
-        expect(result.current.value).toBe('');
-        act(() => {
-            result.current.redo();
-        });
-        expect(result.current.value).toBe('a');
-    });
-});

package/dist/examples/src/components/MultilineInput/index.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-export interface MultilineInputProps {
-    /** Controlled text value */
-    value?: string;
-    /** Called when text changes */
-    onChange?: (value: string) => void;
-    /** Called when user submits (Enter without backslash) */
-    onSubmit?: (value: string) => void;
-    /** Placeholder text when empty */
-    placeholder?: string;
-    /** Whether to show the cursor (defaults to true) */
-    showCursor?: boolean;
-    /** Terminal width for word wrapping */
-    width?: number;
-    /** Whether input is active/focused (defaults to true) */
-    isActive?: boolean;
-}
-/**
- * Props for the core component (without Ink-specific hooks)
- * This allows testing the rendering logic separately.
- */
-export interface MultilineInputCoreProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    onSubmit?: (value: string) => void;
-    placeholder?: string;
-    showCursor?: boolean;
-    width?: number;
-}
-/**
- * Core rendering component that can be tested without Ink runtime.
- * Does not include useInput/useStdout hooks.
- */
-export declare const MultilineInputCore: React.FC<MultilineInputCoreProps>;
-/**
- * Full MultilineInput with Ink keyboard handling.
- * This component uses Ink-specific hooks and must be rendered in an Ink context.
- */
-export declare const MultilineInput: React.FC<MultilineInputProps>;

package/dist/examples/src/components/MultilineInput/index.js

@@ -1,82 +0,0 @@
-import React, { useEffect, useCallback } from 'react';
-import { useTextInput } from './useTextInput';
-import { handleKey } from './KeyHandler';
-import { TextRenderer } from './TextRenderer';
-import { createBuffer } from './TextBuffer';
-/**
- * Core rendering component that can be tested without Ink runtime.
- * Does not include useInput/useStdout hooks.
- */
-export const MultilineInputCore = ({ value, onChange, placeholder, showCursor = true, width = 80, }) => {
-    const textInput = useTextInput({ initialValue: value ?? '' });
-    // Sync external value changes
-    useEffect(() => {
-        if (value !== undefined && value !== textInput.value) {
-            textInput.setText(value);
-        }
-    }, [value]);
-    // Notify parent of changes
-    useEffect(() => {
-        onChange?.(textInput.value);
-    }, [textInput.value, onChange]);
-    // Create buffer for TextRenderer
-    const buffer = createBuffer(textInput.value);
-    // Show placeholder if empty and no cursor shown
-    const isEmpty = textInput.value === '';
-    const showPlaceholder = isEmpty && placeholder && !showCursor;
-    if (showPlaceholder) {
-        return React.createElement("div", { style: { opacity: 0.5 } }, placeholder);
-    }
-    return (React.createElement(TextRenderer, { buffer: buffer, cursor: textInput.cursor, width: width, showCursor: showCursor }));
-};
-/**
- * Full MultilineInput with Ink keyboard handling.
- * This component uses Ink-specific hooks and must be rendered in an Ink context.
- */
-export const MultilineInput = ({ value, onChange, onSubmit, placeholder, showCursor = true, width, isActive = true, }) => {
-    // Import Ink hooks dynamically to avoid import-time errors in tests
-    const { useInput, useStdout, Box, Text } = require('ink');
-    // Get terminal width from Ink if not provided
-    const { stdout } = useStdout();
-    const terminalWidth = width ?? stdout?.columns ?? 80;
-    const textInput = useTextInput({ initialValue: value ?? '' });
-    // Sync external value changes
-    useEffect(() => {
-        if (value !== undefined && value !== textInput.value) {
-            textInput.setText(value);
-        }
-    }, [value]);
-    // Notify parent of changes
-    useEffect(() => {
-        onChange?.(textInput.value);
-    }, [textInput.value, onChange]);
-    // Create buffer for TextRenderer and KeyHandler
-    const buffer = createBuffer(textInput.value);
-    // Create submit handler
-    const handleSubmit = useCallback(() => {
-        onSubmit?.(textInput.value);
-    }, [onSubmit, textInput.value]);
-    // Create actions for KeyHandler
-    const actions = {
-        insert: textInput.insert,
-        delete: textInput.delete,
-        newLine: textInput.newLine,
-        moveCursor: textInput.moveCursor,
-        undo: textInput.undo,
-        redo: textInput.redo,
-        setText: textInput.setText,
-        submit: handleSubmit,
-    };
-    // Handle keyboard input
-    useInput((input, key) => {
-        handleKey(key, input, buffer, actions, textInput.cursor);
-    }, { isActive });
-    // Show placeholder if empty and no cursor shown
-    const isEmpty = textInput.value === '';
-    const showPlaceholder = isEmpty && placeholder && !showCursor;
-    if (showPlaceholder) {
-        return (React.createElement(Box, null,
-            React.createElement(Text, { dimColor: true }, placeholder)));
-    }
-    return (React.createElement(TextRenderer, { buffer: buffer, cursor: textInput.cursor, width: terminalWidth, showCursor: showCursor }));
-};

package/dist/examples/src/components/MultilineInput/types.d.ts

@@ -1,55 +0,0 @@
-/**
- * Cursor position in the text buffer
- */
-export interface Cursor {
-    /** 0-indexed line number */
-    line: number;
-    /** 0-indexed column position */
-    column: number;
-}
-/**
- * Text buffer containing multiple lines
- */
-export interface Buffer {
-    /** Array of text lines (without newline characters) */
-    lines: string[];
-}
-/**
- * Cursor movement directions
- */
-export type Direction = 'up' | 'down' | 'left' | 'right' | 'lineStart' | 'lineEnd';
-/**
- * Result of wrapping buffer lines for visual display
- */
-export interface WrapResult {
-    /** Visual lines after wrapping */
-    visualLines: string[];
-    /** Row in visual lines where cursor appears */
-    cursorVisualRow: number;
-    /** Column in that visual row where cursor appears */
-    cursorVisualCol: number;
-}
-/**
- * Keyboard key state (mirrors Ink's Key interface)
- * Defined locally to avoid ESM/CJS import issues with Ink
- */
-export interface Key {
-    upArrow?: boolean;
-    downArrow?: boolean;
-    leftArrow?: boolean;
-    rightArrow?: boolean;
-    pageDown?: boolean;
-    pageUp?: boolean;
-    return?: boolean;
-    escape?: boolean;
-    ctrl?: boolean;
-    shift?: boolean;
-    tab?: boolean;
-    backspace?: boolean;
-    delete?: boolean;
-    meta?: boolean;
-    /** Home key (may not be available in all terminals) */
-    home?: boolean;
-    /** End key (may not be available in all terminals) */
-    end?: boolean;
-}

package/dist/examples/src/components/MultilineInput/types.js

@@ -1 +0,0 @@
-export {};

package/dist/examples/src/components/MultilineInput/useTextInput.d.ts

@@ -1,16 +0,0 @@
-import type { Cursor, Direction } from './types';
-export interface UseTextInputProps {
-    initialValue?: string;
-}
-export interface UseTextInputResult {
-    value: string;
-    cursor: Cursor;
-    insert: (char: string) => void;
-    delete: () => void;
-    newLine: () => void;
-    moveCursor: (direction: Direction) => void;
-    undo: () => void;
-    redo: () => void;
-    setText: (text: string) => void;
-}
-export declare function useTextInput({ initialValue }?: UseTextInputProps): UseTextInputResult;

package/dist/examples/src/components/MultilineInput/useTextInput.js

@@ -1,82 +0,0 @@
-import { useState, useCallback } from 'react';
-import { createBuffer, insertChar as bufferInsertChar, deleteChar as bufferDeleteChar, insertNewLine as bufferInsertNewLine, moveCursor as bufferMoveCursor, getTextContent, } from './TextBuffer';
-export function useTextInput({ initialValue = '' } = {}) {
-    const [buffer, setBuffer] = useState(() => createBuffer(initialValue));
-    const [cursor, setCursor] = useState(() => {
-        const lines = initialValue.split('\n');
-        return {
-            line: lines.length - 1,
-            column: lines[lines.length - 1].length,
-        };
-    });
-    const [undoStack, setUndoStack] = useState([]);
-    const [redoStack, setRedoStack] = useState([]);
-    const pushToHistory = useCallback((currentBuffer, currentCursor) => {
-        setUndoStack((prev) => [...prev, { buffer: currentBuffer, cursor: currentCursor }]);
-        setRedoStack([]);
-    }, []);
-    const insert = useCallback((char) => {
-        pushToHistory(buffer, cursor);
-        const result = bufferInsertChar(buffer, cursor, char);
-        setBuffer(result.buffer);
-        setCursor(result.cursor);
-    }, [buffer, cursor, pushToHistory]);
-    const deleteChar = useCallback(() => {
-        pushToHistory(buffer, cursor);
-        const result = bufferDeleteChar(buffer, cursor);
-        setBuffer(result.buffer);
-        setCursor(result.cursor);
-    }, [buffer, cursor, pushToHistory]);
-    const newLine = useCallback(() => {
-        pushToHistory(buffer, cursor);
-        const result = bufferInsertNewLine(buffer, cursor);
-        setBuffer(result.buffer);
-        setCursor(result.cursor);
-    }, [buffer, cursor, pushToHistory]);
-    const moveCursor = useCallback((direction) => {
-        const newCursor = bufferMoveCursor(buffer, cursor, direction);
-        setCursor(newCursor);
-    }, [buffer, cursor]);
-    const undo = useCallback(() => {
-        if (undoStack.length === 0)
-            return;
-        const previousState = undoStack[undoStack.length - 1];
-        const newUndoStack = undoStack.slice(0, -1);
-        setRedoStack((prev) => [...prev, { buffer, cursor }]);
-        setBuffer(previousState.buffer);
-        setCursor(previousState.cursor);
-        setUndoStack(newUndoStack);
-    }, [buffer, cursor, undoStack]);
-    const redo = useCallback(() => {
-        if (redoStack.length === 0)
-            return;
-        const nextState = redoStack[redoStack.length - 1];
-        const newRedoStack = redoStack.slice(0, -1);
-        setUndoStack((prev) => [...prev, { buffer, cursor }]);
-        setBuffer(nextState.buffer);
-        setCursor(nextState.cursor);
-        setRedoStack(newRedoStack);
-    }, [buffer, cursor, redoStack]);
-    const setText = useCallback((text) => {
-        pushToHistory(buffer, cursor);
-        const newBuffer = createBuffer(text);
-        setBuffer(newBuffer);
-        // Move cursor to end of new text
-        const lines = text.split('\n');
-        setCursor({
-            line: lines.length - 1,
-            column: lines[lines.length - 1].length,
-        });
-    }, [buffer, cursor, pushToHistory]);
-    return {
-        value: getTextContent(buffer),
-        cursor,
-        insert,
-        delete: deleteChar,
-        newLine,
-        moveCursor,
-        undo,
-        redo,
-        setText,
-    };
-}

package/dist/examples/src/hello.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/examples/src/hello.test.js

@@ -1,13 +0,0 @@
-import { describe, it, expect } from 'vitest';
-describe('Hello World Test', () => {
-    it('should pass a simple test', () => {
-        expect(true).toBe(true);
-    });
-    it('should perform basic arithmetic', () => {
-        expect(2 + 2).toBe(4);
-    });
-    it('should handle string concatenation', () => {
-        const greeting = 'Hello' + ' ' + 'World';
-        expect(greeting).toBe('Hello World');
-    });
-});

package/dist/examples/src/index.d.ts

@@ -1,2 +0,0 @@
-export { MultilineInput } from './components/MultilineInput';
-export type { MultilineInputProps } from './components/MultilineInput';

package/dist/examples/src/index.js

@@ -1,2 +0,0 @@
-// Re-export all components and utilities
-export { MultilineInput } from './components/MultilineInput/index.js';