ink-prompt 0.2.2 → 0.2.4

package/dist/components/MultilineInput/__tests__/Placeholder.test.js

@@ -1,235 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { createMarker, createPlaceholderState, addPlaceholder, removePlaceholder, getDisplayLine, getValue, findPlaceholderAt, findPlaceholderAfter, findPlaceholderBefore, bufferColToDisplayCol, displayColToBufferCol, getValueCursorOffset, getCursorFromValueOffset, } from '../Placeholder.js';
-const displayText = (id) => `[Paste text #${id}]`;
-describe('Placeholder', () => {
-    describe('createMarker', () => {
-        it('creates marker for given id', () => {
-            const marker = createMarker(1);
-            expect(marker).toBe('\x00P1\x00');
-            expect(marker.length).toBe(4); // Each \x00 is one char: \x00 + P + 1 + \x00
-        });
-        it('creates marker for id 42', () => {
-            expect(createMarker(42)).toBe('\x00P42\x00');
-            expect(createMarker(42).length).toBe(5);
-        });
-    });
-    describe('createPlaceholderState', () => {
-        it('creates empty state', () => {
-            const state = createPlaceholderState();
-            expect(state.placeholders.size).toBe(0);
-            expect(state.nextId).toBe(0);
-        });
-    });
-    describe('addPlaceholder', () => {
-        it('adds a placeholder and increments nextId', () => {
-            const state = createPlaceholderState();
-            const result = addPlaceholder(state, 'original text', displayText(0));
-            expect(result.id).toBe(0);
-            expect(result.marker).toBe('\x00P0\x00');
-            expect(result.state.nextId).toBe(1);
-            expect(result.state.placeholders.get(0)?.originalText).toBe('original text');
-            expect(result.state.placeholders.get(0)?.displayText).toBe('[Paste text #0]');
-        });
-        it('increments id for sequential additions', () => {
-            let state = createPlaceholderState();
-            const r1 = addPlaceholder(state, 'text1', displayText(0));
-            expect(r1.id).toBe(0);
-            state = r1.state;
-            const r2 = addPlaceholder(state, 'text2', displayText(1));
-            expect(r2.id).toBe(1);
-            state = r2.state;
-            expect(state.placeholders.size).toBe(2);
-            expect(state.nextId).toBe(2);
-        });
-        it('does not mutate original state', () => {
-            const state = createPlaceholderState();
-            addPlaceholder(state, 'text', displayText(0));
-            expect(state.placeholders.size).toBe(0);
-            expect(state.nextId).toBe(0);
-        });
-    });
-    describe('removePlaceholder', () => {
-        it('removes a placeholder from state', () => {
-            let state = createPlaceholderState();
-            const r = addPlaceholder(state, 'text', displayText(0));
-            state = r.state;
-            state = removePlaceholder(state, 0);
-            expect(state.placeholders.size).toBe(0);
-            expect(state.nextId).toBe(1); // nextId is not decremented
-        });
-    });
-    describe('getDisplayLine', () => {
-        it('replaces markers with display text', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original long text', '[Paste text #1]');
-            const placeholders = r.state.placeholders;
-            const line = `Hello ${createMarker(0)} world`;
-            const display = getDisplayLine(line, placeholders);
-            expect(display).toBe('Hello [Paste text #1] world');
-        });
-        it('handles line without markers', () => {
-            const display = getDisplayLine('Hello world', new Map());
-            expect(display).toBe('Hello world');
-        });
-    });
-    describe('getValue', () => {
-        it('replaces markers with original text', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'hello\nworld\nfoo', displayText(0));
-            const placeholders = r.state.placeholders;
-            const value = getValue([`Hello ${createMarker(0)} bar`], placeholders);
-            expect(value).toBe('Hello hello\nworld\nfoo bar');
-        });
-        it('handles lines without markers', () => {
-            const value = getValue(['Hello', 'world'], new Map());
-            expect(value).toBe('Hello\nworld');
-        });
-    });
-    describe('findPlaceholderAt', () => {
-        it('finds marker containing a position', () => {
-            const line = `ab\x00P1\x00cd`;
-            // marker is at columns 2-5 (0-indexed), length 4: \x00, P, 1, \x00
-            // So column 2 is \x00 (start), 3 is P, 4 is 1, 5 is \x00 (end)
-            // Column 2,3,4,5 are the marker (start inclusive, end exclusive would be columns 2-6)
-            // Actually, findPlaceholderAt checks column > start && column < end
-            // start = 2, end = 2 + 4 = 6
-            // So columns 3,4,5 are "inside" the marker
-            const result = findPlaceholderAt(line, 3);
-            expect(result).not.toBeNull();
-            expect(result.id).toBe(1);
-            expect(result.start).toBe(2);
-            expect(result.end).toBe(6);
-            // Not inside marker
-            expect(findPlaceholderAt(line, 1)).toBeNull();
-            expect(findPlaceholderAt(line, 7)).toBeNull();
-        });
-        it('returns null when no marker at position', () => {
-            expect(findPlaceholderAt('hello', 0)).toBeNull();
-        });
-    });
-    describe('findPlaceholderAfter', () => {
-        it('finds marker starting at given column', () => {
-            const line = `ab\x00P1\x00cd`;
-            const result = findPlaceholderAfter(line, 2);
-            expect(result).not.toBeNull();
-            expect(result.id).toBe(1);
-            expect(result.start).toBe(2);
-            expect(result.end).toBe(6);
-        });
-        it('returns null when no marker starts at column', () => {
-            expect(findPlaceholderAfter('hello', 0)).toBeNull();
-        });
-    });
-    describe('findPlaceholderBefore', () => {
-        it('finds marker ending at given column', () => {
-            const line = `ab\x00P1\x00cd`;
-            const result = findPlaceholderBefore(line, 6);
-            expect(result).not.toBeNull();
-            expect(result.id).toBe(1);
-            expect(result.start).toBe(2);
-            expect(result.end).toBe(6);
-        });
-        it('returns null when no marker ends at column', () => {
-            expect(findPlaceholderBefore('hello', 0)).toBeNull();
-        });
-    });
-    describe('bufferColToDisplayCol', () => {
-        it('converts column before marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            expect(bufferColToDisplayCol(line, 0, r.state.placeholders)).toBe(0);
-            expect(bufferColToDisplayCol(line, 1, r.state.placeholders)).toBe(1);
-        });
-        it('converts column after marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            // buffer marker is 4 chars, display is 15 chars
-            // buffer: a(0) b(1) \x00(2) P(3) 0(4) \x00(5) c(6) d(7)
-            // But wait, \x00 is one char. Let me count:
-            // ab = 2 chars, \x00P0\x00 = 4 chars, cd = 2 chars, total = 8 chars
-            // Marker at 2-5 (4 chars)
-            // display: ab[Paste text #1]cd
-            // ab = 2, [Paste text #1] = 15, cd = 2, total = 19
-            // Buffer col 6 (c) → display col 2 + 15 = 17
-            expect(bufferColToDisplayCol(line, 6, r.state.placeholders)).toBe(17);
-        });
-        it('converts column at marker start', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            // Buffer col 2 (start of marker) → display col 2 (start of display text)
-            expect(bufferColToDisplayCol(line, 2, r.state.placeholders)).toBe(2);
-        });
-        it('converts column at marker end', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            // Buffer col 6 (end of marker = start of 'c') → display col 2 + 15 = 17
-            expect(bufferColToDisplayCol(line, 6, r.state.placeholders)).toBe(17);
-        });
-    });
-    describe('displayColToBufferCol', () => {
-        it('converts column before marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            expect(displayColToBufferCol(line, 0, r.state.placeholders)).toBe(0);
-            expect(displayColToBufferCol(line, 1, r.state.placeholders)).toBe(1);
-        });
-        it('converts column after marker display text', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            // Display col 17 = right after display text → buffer col 6 (right after marker)
-            expect(displayColToBufferCol(line, 17, r.state.placeholders)).toBe(6);
-        });
-        it('converts column within marker display text snaps to end', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'original', '[Paste text #1]');
-            const line = `ab\x00P0\x00cd`;
-            // Display col 10 (within [Paste text #1]) → should snap to marker end = 6
-            expect(displayColToBufferCol(line, 10, r.state.placeholders)).toBe(6);
-        });
-    });
-    describe('getValueCursorOffset', () => {
-        it('computes offset in expanded value', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'hello\nworld', displayText(0));
-            const cursor = { line: 0, column: 2 + 4 + 1 }; // After "ab" + marker + " " = 7
-            // Wait, let me construct the line: "ab\x00P0\x00 cd"
-            // Actually let me just use "ab" + marker + " cd"
-            const lines = [`ab${createMarker(0)} cd`];
-            // buffer: a b \x00 P 0 \x00 space c d (8 chars)
-            // marker at cols 2-5 (length 4)
-            // cursor at col 6 (after marker, before space)
-            // expanded: "ab" + "hello\nworld" + " cd"
-            // cursor offset = 2 + 11 (length of "hello\nworld") = 13
-            expect(getValueCursorOffset(lines, { line: 0, column: 6 }, r.state.placeholders)).toBe(13);
-        });
-        it('computes offset before marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'hello', displayText(0));
-            const lines = [`ab${createMarker(0)} cd`];
-            expect(getValueCursorOffset(lines, { line: 0, column: 1 }, r.state.placeholders)).toBe(1);
-        });
-    });
-    describe('getCursorFromValueOffset', () => {
-        it('converts value offset to buffer cursor before marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'hello', displayText(0));
-            const lines = [`ab${createMarker(0)} cd`];
-            const cursor = getCursorFromValueOffset(lines, 1, r.state.placeholders);
-            expect(cursor).toEqual({ line: 0, column: 1 });
-        });
-        it('converts value offset to buffer cursor after marker', () => {
-            const state = createPlaceholderState();
-            const r = addPlaceholder(state, 'hello', displayText(0));
-            const lines = [`ab${createMarker(0)} cd`];
-            // Value offset past 'abhello' = 7 → buffer col 6 (after marker)
-            const cursor = getCursorFromValueOffset(lines, 7, r.state.placeholders);
-            expect(cursor).toEqual({ line: 0, column: 6 });
-        });
-    });
-});

package/dist/examples/examples/basic.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render } from 'ink';
-import { MultilineInput } from '../src/index.js';
-const App = () => {
-    return (React.createElement(MultilineInput
-    // Add props here
-    , null));
-};
-render(React.createElement(App, null));

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

@@ -1,15 +0,0 @@
-import { type Key, type Buffer, type Cursor } from './types';
-import { type UseTextInputResult } from './useTextInput';
-export interface KeyHandlerActions extends Omit<UseTextInputResult, 'value' | 'cursor'> {
-    submit: () => void;
-}
-/**
- * Handles keyboard input and maps it to text input actions.
- *
- * @param key - The Ink key object
- * @param input - The input string (if any)
- * @param buffer - The current text buffer
- * @param actions - The actions available to modify the state
- * @param cursor - The current cursor position (optional, but required for some logic like backslash check)
- */
-export declare function handleKey(key: Partial<Key>, input: string, buffer: Buffer, actions: KeyHandlerActions, cursor?: Cursor): void;

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

@@ -1,97 +0,0 @@
-/**
- * Handles keyboard input and maps it to text input actions.
- *
- * @param key - The Ink key object
- * @param input - The input string (if any)
- * @param buffer - The current text buffer
- * @param actions - The actions available to modify the state
- * @param cursor - The current cursor position (optional, but required for some logic like backslash check)
- */
-export function handleKey(key, input, buffer, actions, cursor) {
-    // Navigation
-    if (key.upArrow) {
-        actions.moveCursor('up');
-        return;
-    }
-    if (key.downArrow) {
-        actions.moveCursor('down');
-        return;
-    }
-    if (key.leftArrow) {
-        actions.moveCursor('left');
-        return;
-    }
-    if (key.rightArrow) {
-        actions.moveCursor('right');
-        return;
-    }
-    // Home/End (Ink might not provide these directly in all environments, but if it does)
-    // We check for 'home' and 'end' properties if they exist on the key object,
-    // or specific sequences if we were parsing raw input, but here we assume Ink's Key object.
-    // Note: Ink's Key interface might not have home/end in all versions, but we'll assume it does or we extend it.
-    // If not, we might need to check specific input sequences, but for now let's trust the test/types.
-    if (key.home) {
-        actions.moveCursor('lineStart');
-        return;
-    }
-    if (key.end) {
-        actions.moveCursor('lineEnd');
-        return;
-    }
-    // History
-    if (key.ctrl) {
-        if (input === 'z') {
-            actions.undo();
-            return;
-        }
-        if (input === 'y') {
-            actions.redo();
-            return;
-        }
-        if (input === 'j') {
-            actions.newLine();
-            return;
-        }
-    }
-    // Editing
-    if (key.backspace) {
-        actions.delete();
-        return;
-    }
-    if (key.delete) {
-        // Currently mapped to delete (backspace behavior) as per requirements/tests,
-        // but usually delete is forward.
-        // The plan said "Delete (delete at cursor)", which usually means forward.
-        // But our useTextInput only has `delete` (which is backspace).
-        // For now, we map it to `delete` as per the test "handles Delete".
-        actions.delete();
-        return;
-    }
-    // Submission / New Line
-    if (key.return) {
-        if (cursor) {
-            const currentLine = buffer.lines[cursor.line];
-            // Check if line ends with backslash AND cursor is at the end (or we just check the line content?)
-            // Requirement: "Line ending with \ + Enter continues to next line"
-            // Usually this implies the user typed '\' then Enter.
-            // We should probably check if the character *before* the cursor is '\' if we want to be precise,
-            // or just if the line ends with '\'.
-            // Let's assume "line ends with \" means the last char of the line is '\'.
-            if (currentLine.endsWith('\\')) {
-                actions.delete(); // Remove the backslash
-                actions.newLine(); // Insert newline
-                return;
-            }
-        }
-        actions.submit();
-        return;
-    }
-    // Text Insertion
-    // Ignore control keys if they don't have a specific handler above
-    if (key.ctrl || key.meta) {
-        return;
-    }
-    if (input) {
-        actions.insert(input);
-    }
-}

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

@@ -1,34 +0,0 @@
-import type { Buffer, Cursor, Direction } from './types';
-/**
- * Create a new buffer from optional initial text
- */
-export declare function createBuffer(text?: string): Buffer;
-/**
- * Insert a character at the cursor position
- */
-export declare function insertChar(buffer: Buffer, cursor: Cursor, char: string): {
-    buffer: Buffer;
-    cursor: Cursor;
-};
-/**
- * Delete character before cursor (backspace)
- */
-export declare function deleteChar(buffer: Buffer, cursor: Cursor): {
-    buffer: Buffer;
-    cursor: Cursor;
-};
-/**
- * Insert a new line at cursor position (splits current line)
- */
-export declare function insertNewLine(buffer: Buffer, cursor: Cursor): {
-    buffer: Buffer;
-    cursor: Cursor;
-};
-/**
- * Move cursor in specified direction with bounds checking
- */
-export declare function moveCursor(buffer: Buffer, cursor: Cursor, direction: Direction): Cursor;
-/**
- * Get the full text content from buffer (lines joined with newlines)
- */
-export declare function getTextContent(buffer: Buffer): string;

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

@@ -1,127 +0,0 @@
-/**
- * Create a new buffer from optional initial text
- */
-export function createBuffer(text) {
-    if (!text) {
-        return { lines: [''] };
-    }
-    return { lines: text.split('\n') };
-}
-/**
- * Insert a character at the cursor position
- */
-export function insertChar(buffer, cursor, char) {
-    const { line, column } = cursor;
-    const currentLine = buffer.lines[line];
-    const newLine = currentLine.slice(0, column) + char + currentLine.slice(column);
-    const newLines = [...buffer.lines];
-    newLines[line] = newLine;
-    return {
-        buffer: { lines: newLines },
-        cursor: { line, column: column + 1 },
-    };
-}
-/**
- * Delete character before cursor (backspace)
- */
-export function deleteChar(buffer, cursor) {
-    const { line, column } = cursor;
-    // At the very start of the buffer - nothing to delete
-    if (line === 0 && column === 0) {
-        return { buffer, cursor };
-    }
-    // At the start of a line - merge with previous line
-    if (column === 0) {
-        const previousLine = buffer.lines[line - 1];
-        const currentLine = buffer.lines[line];
-        const mergedLine = previousLine + currentLine;
-        const newLines = [...buffer.lines];
-        newLines[line - 1] = mergedLine;
-        newLines.splice(line, 1);
-        return {
-            buffer: { lines: newLines },
-            cursor: { line: line - 1, column: previousLine.length },
-        };
-    }
-    // Delete character within the line
-    const currentLine = buffer.lines[line];
-    const newLine = currentLine.slice(0, column - 1) + currentLine.slice(column);
-    const newLines = [...buffer.lines];
-    newLines[line] = newLine;
-    return {
-        buffer: { lines: newLines },
-        cursor: { line, column: column - 1 },
-    };
-}
-/**
- * Insert a new line at cursor position (splits current line)
- */
-export function insertNewLine(buffer, cursor) {
-    const { line, column } = cursor;
-    const currentLine = buffer.lines[line];
-    const beforeCursor = currentLine.slice(0, column);
-    const afterCursor = currentLine.slice(column);
-    const newLines = [...buffer.lines];
-    newLines[line] = beforeCursor;
-    newLines.splice(line + 1, 0, afterCursor);
-    return {
-        buffer: { lines: newLines },
-        cursor: { line: line + 1, column: 0 },
-    };
-}
-/**
- * Move cursor in specified direction with bounds checking
- */
-export function moveCursor(buffer, cursor, direction) {
-    const { line, column } = cursor;
-    const currentLine = buffer.lines[line];
-    const lineCount = buffer.lines.length;
-    switch (direction) {
-        case 'left':
-            if (column > 0) {
-                return { line, column: column - 1 };
-            }
-            // Wrap to end of previous line
-            if (line > 0) {
-                return { line: line - 1, column: buffer.lines[line - 1].length };
-            }
-            return cursor;
-        case 'right':
-            if (column < currentLine.length) {
-                return { line, column: column + 1 };
-            }
-            // Wrap to start of next line
-            if (line < lineCount - 1) {
-                return { line: line + 1, column: 0 };
-            }
-            return cursor;
-        case 'up':
-            if (line > 0) {
-                const targetLine = buffer.lines[line - 1];
-                return { line: line - 1, column: Math.min(column, targetLine.length) };
-            }
-            return cursor;
-        case 'down':
-            if (line < lineCount - 1) {
-                const targetLine = buffer.lines[line + 1];
-                return { line: line + 1, column: Math.min(column, targetLine.length) };
-            }
-            return cursor;
-        case 'lineStart':
-            return { line, column: 0 };
-        case 'lineEnd':
-            return { line, column: currentLine.length };
-        default:
-            return cursor;
-    }
-}
-/**
- * Get the full text content from buffer (lines joined with newlines)
- */
-export function getTextContent(buffer) {
-    // Single empty line is considered empty buffer
-    if (buffer.lines.length === 1 && buffer.lines[0] === '') {
-        return '';
-    }
-    return buffer.lines.join('\n');
-}

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import type { Buffer, Cursor, WrapResult } from './types';
-/**
- * Props for the TextRenderer component
- */
-export interface TextRendererProps {
-    /** Text buffer to render */
-    buffer: Buffer;
-    /** Current cursor position */
-    cursor: Cursor;
-    /** Terminal width for word wrapping (defaults to 80) */
-    width?: number;
-    /** Whether to show the cursor (defaults to true) */
-    showCursor?: boolean;
-}
-/**
- * Wrap buffer lines to fit within a given width.
- * Returns visual lines and maps cursor position to visual coordinates.
- */
-export declare function wrapLines(buffer: Buffer, cursor: Cursor, width: number): WrapResult;
-/**
- * TextRenderer component for displaying buffer content with cursor
- */
-export declare function TextRenderer({ buffer, cursor, width, showCursor, }: TextRendererProps): React.ReactElement;

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

@@ -1,72 +0,0 @@
-import React from 'react';
-/**
- * Wrap buffer lines to fit within a given width.
- * Returns visual lines and maps cursor position to visual coordinates.
- */
-export function wrapLines(buffer, cursor, width) {
-    const visualLines = [];
-    let cursorVisualRow = 0;
-    let cursorVisualCol = 0;
-    let visualRowIndex = 0;
-    for (let lineIndex = 0; lineIndex < buffer.lines.length; lineIndex++) {
-        const line = buffer.lines[lineIndex];
-        const isCursorLine = lineIndex === cursor.line;
-        if (line.length <= width) {
-            // Line fits, no wrapping needed
-            visualLines.push(line);
-            if (isCursorLine) {
-                cursorVisualRow = visualRowIndex;
-                cursorVisualCol = cursor.column;
-            }
-            visualRowIndex++;
-        }
-        else {
-            // Line needs to be wrapped
-            let offset = 0;
-            while (offset < line.length) {
-                const chunk = line.slice(offset, offset + width);
-                visualLines.push(chunk);
-                if (isCursorLine) {
-                    // Check if cursor falls within this chunk
-                    if (cursor.column >= offset && cursor.column < offset + width) {
-                        cursorVisualRow = visualRowIndex;
-                        cursorVisualCol = cursor.column - offset;
-                    }
-                    else if (cursor.column === line.length && offset + chunk.length === line.length) {
-                        // Cursor at end of line
-                        cursorVisualRow = visualRowIndex;
-                        cursorVisualCol = chunk.length;
-                    }
-                }
-                offset += width;
-                visualRowIndex++;
-            }
-        }
-    }
-    return { visualLines, cursorVisualRow, cursorVisualCol };
-}
-/**
- * Render a line with cursor inserted at the specified position
- */
-function renderLineWithCursor(line, cursorCol, showCursor) {
-    if (!showCursor) {
-        return line;
-    }
-    const cursorChar = '█';
-    const before = line.slice(0, cursorCol);
-    const after = line.slice(cursorCol);
-    return before + cursorChar + after;
-}
-/**
- * TextRenderer component for displaying buffer content with cursor
- */
-export function TextRenderer({ buffer, cursor, width = 80, showCursor = true, }) {
-    const { visualLines, cursorVisualRow, cursorVisualCol } = wrapLines(buffer, cursor, width);
-    return (React.createElement("div", null, visualLines.map((line, index) => {
-        const isCursorRow = index === cursorVisualRow;
-        const displayLine = isCursorRow
-            ? renderLineWithCursor(line, cursorVisualCol, showCursor)
-            : line;
-        return (React.createElement("div", { key: index }, displayLine));
-    })));
-}