@townco/ui 0.1.0 → 0.1.6

package/dist/tui/components/ReadlineInput.js

@@ -1,240 +1,255 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, useInput } from "ink";
 import React, { useState } from "react";
-export function ReadlineInput({ value, onChange, onSubmit, onEscape, placeholder = "", }) {
-    const [cursorOffset, setCursorOffset] = useState(0);
-    useInput((input, key) => {
-        // Handle Esc: Call escape handler
-        if (key.escape) {
-            if (onEscape) {
-                onEscape();
-            }
-            return;
-        }
-        // Handle special keys
-        if (key.return) {
-            const cursorPos = value.length + cursorOffset;
-            // Shift+Enter: Insert backslash and newline
-            if (key.shift) {
-                const newValue = `${value.slice(0, cursorPos)}\\\n${value.slice(cursorPos)}`;
-                onChange(newValue);
-                if (cursorOffset < 0) {
-                    setCursorOffset(cursorOffset - 2);
-                }
-                return;
-            }
-            // Check if cursor is at end and last character is backslash (line continuation)
-            if (cursorPos === value.length && value.endsWith("\\")) {
-                // Remove backslash and add newline (line continuation)
-                const newValue = `${value.slice(0, -1)}\n`;
-                onChange(newValue);
-                setCursorOffset(0); // Move cursor to end
-                return;
-            }
-            // Alt+Enter adds a newline, Enter submits
-            if (key.meta) {
-                const newValue = `${value.slice(0, cursorPos)}\n${value.slice(cursorPos)}`;
-                onChange(newValue);
-                if (cursorOffset < 0) {
-                    setCursorOffset(cursorOffset - 1);
-                }
-            }
-            else {
-                onSubmit();
-            }
-            return;
-        }
-        if (key.ctrl) {
-            // Ctrl+A: Move to beginning of line
-            if (input === "a") {
-                setCursorOffset(-value.length);
-                return;
-            }
-            // Ctrl+E: Move to end of line
-            if (input === "e") {
-                setCursorOffset(0);
-                return;
-            }
-            // Ctrl+W: Delete word backward
-            if (input === "w") {
-                const cursorPos = value.length + cursorOffset;
-                const before = value.slice(0, cursorPos);
-                const after = value.slice(cursorPos);
-                // Find the start of the word to delete
-                const match = before.match(/\s*\S*$/);
-                if (match) {
-                    const newBefore = before.slice(0, -match[0].length);
-                    onChange(newBefore + after);
-                    setCursorOffset(-after.length);
-                }
-                return;
-            }
-            // Ctrl+U: Delete from cursor to beginning of line
-            if (input === "u") {
-                const cursorPos = value.length + cursorOffset;
-                onChange(value.slice(cursorPos));
-                setCursorOffset(-value.slice(cursorPos).length);
-                return;
-            }
-            // Ctrl+K: Delete from cursor to end of line
-            if (input === "k") {
-                const cursorPos = value.length + cursorOffset;
-                onChange(value.slice(0, cursorPos));
-                setCursorOffset(0);
-                return;
-            }
-            // Ctrl+D: Delete character forward
-            if (input === "d") {
-                const cursorPos = value.length + cursorOffset;
-                if (cursorPos < value.length) {
-                    onChange(value.slice(0, cursorPos) + value.slice(cursorPos + 1));
-                }
-                return;
-            }
-            // Ctrl+B: Move backward one character
-            if (input === "b") {
-                const cursorPos = value.length + cursorOffset;
-                if (cursorPos > 0) {
-                    setCursorOffset(cursorOffset - 1);
-                }
-                return;
-            }
-            // Ctrl+F: Move forward one character
-            if (input === "f") {
-                const cursorPos = value.length + cursorOffset;
-                if (cursorPos < value.length) {
-                    setCursorOffset(cursorOffset + 1);
-                }
-                return;
-            }
-        }
-        // Handle backspace
-        if (key.backspace || key.delete) {
-            const cursorPos = value.length + cursorOffset;
-            if (cursorPos > 0) {
-                onChange(value.slice(0, cursorPos - 1) + value.slice(cursorPos));
-                if (cursorOffset < 0) {
-                    setCursorOffset(cursorOffset + 1);
-                }
-            }
-            return;
-        }
-        // Handle left/right arrow keys
-        if (key.leftArrow) {
-            const cursorPos = value.length + cursorOffset;
-            if (cursorPos > 0) {
-                setCursorOffset(cursorOffset - 1);
-            }
-            return;
-        }
-        if (key.rightArrow) {
-            const cursorPos = value.length + cursorOffset;
-            if (cursorPos < value.length) {
-                setCursorOffset(cursorOffset + 1);
-            }
-            return;
-        }
-        // Handle up/down arrow keys for multi-line navigation
-        if (key.upArrow) {
-            const cursorPos = value.length + cursorOffset;
-            const lines = value.split("\n");
-            // Find which line we're on and our position within it
-            let currentLineIndex = 0;
-            let charCount = 0;
-            let posInLine = cursorPos;
-            for (let i = 0; i < lines.length; i++) {
-                const line = lines[i];
-                if (!line)
-                    continue;
-                const lineLength = line.length + (i < lines.length - 1 ? 1 : 0); // +1 for \n
-                if (charCount + lineLength > cursorPos || i === lines.length - 1) {
-                    currentLineIndex = i;
-                    posInLine = cursorPos - charCount;
-                    break;
-                }
-                charCount += lineLength;
-            }
-            // Move to previous line if possible
-            if (currentLineIndex > 0) {
-                const prevLine = lines[currentLineIndex - 1];
-                const currentLine = lines[currentLineIndex];
-                if (prevLine && currentLine) {
-                    const prevLineStart = charCount - currentLine.length - 1;
-                    const targetPos = Math.min(posInLine, prevLine.length);
-                    const newCursorPos = prevLineStart + targetPos;
-                    setCursorOffset(newCursorPos - value.length);
-                }
-            }
-            return;
-        }
-        if (key.downArrow) {
-            const cursorPos = value.length + cursorOffset;
-            const lines = value.split("\n");
-            // Find which line we're on and our position within it
-            let currentLineIndex = 0;
-            let charCount = 0;
-            let posInLine = cursorPos;
-            for (let i = 0; i < lines.length; i++) {
-                const line = lines[i];
-                if (!line)
-                    continue;
-                const lineLength = line.length + (i < lines.length - 1 ? 1 : 0); // +1 for \n
-                if (charCount + lineLength > cursorPos || i === lines.length - 1) {
-                    currentLineIndex = i;
-                    posInLine = cursorPos - charCount;
-                    break;
-                }
-                charCount += lineLength;
-            }
-            // Move to next line if possible
-            if (currentLineIndex < lines.length - 1) {
-                const nextLine = lines[currentLineIndex + 1];
-                const currentLine = lines[currentLineIndex];
-                if (nextLine && currentLine) {
-                    const nextLineStart = charCount + currentLine.length + 1;
-                    const targetPos = Math.min(posInLine, nextLine.length);
-                    const newCursorPos = nextLineStart + targetPos;
-                    setCursorOffset(newCursorPos - value.length);
-                }
-            }
-            return;
-        }
-        // Regular character input and paste detection
-        // Ink automatically detects paste and sends the whole string at once
-        if (!key.ctrl && !key.meta && input.length > 0) {
-            const cursorPos = value.length + cursorOffset;
-            // Check if this is a paste with more than 3 lines
-            let contentToInsert = input;
-            if (input.length > 1) {
-                // Pasted content (more than 1 char at once)
-                const lines = input.split("\n");
-                if (lines.length > 3) {
-                    contentToInsert = `[Pasted +${lines.length} lines]`;
-                }
-            }
-            const newValue = value.slice(0, cursorPos) + contentToInsert + value.slice(cursorPos);
-            onChange(newValue);
-            // Keep cursor at the same relative position
-            if (cursorOffset < 0) {
-                setCursorOffset(cursorOffset - contentToInsert.length);
-            }
-        }
-    });
-    // Reset cursor when value changes externally (e.g., after submit)
-    React.useEffect(() => {
-        if (value.length === 0) {
-            setCursorOffset(0);
-        }
-    }, [value]);
-    // Display the input with cursor
-    const cursorPos = value.length + cursorOffset;
-    // Show placeholder if empty
-    if (value.length === 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })] }));
-    }
-    // Show value with cursor
-    const before = value.slice(0, cursorPos);
-    const cursor = value[cursorPos] || " ";
-    const after = value.slice(cursorPos + 1);
-    return (_jsxs(Text, { children: [before, _jsx(Text, { inverse: true, children: cursor }), after] }));
+import {
+	Fragment as _Fragment,
+	jsx as _jsx,
+	jsxs as _jsxs,
+} from "react/jsx-runtime";
+export function ReadlineInput({
+	value,
+	onChange,
+	onSubmit,
+	onEscape,
+	placeholder = "",
+}) {
+	const [cursorOffset, setCursorOffset] = useState(0);
+	useInput((input, key) => {
+		// Handle Esc: Call escape handler
+		if (key.escape) {
+			if (onEscape) {
+				onEscape();
+			}
+			return;
+		}
+		// Handle special keys
+		if (key.return) {
+			const cursorPos = value.length + cursorOffset;
+			// Shift+Enter: Insert backslash and newline
+			if (key.shift) {
+				const newValue = `${value.slice(0, cursorPos)}\\\n${value.slice(cursorPos)}`;
+				onChange(newValue);
+				if (cursorOffset < 0) {
+					setCursorOffset(cursorOffset - 2);
+				}
+				return;
+			}
+			// Check if cursor is at end and last character is backslash (line continuation)
+			if (cursorPos === value.length && value.endsWith("\\")) {
+				// Remove backslash and add newline (line continuation)
+				const newValue = `${value.slice(0, -1)}\n`;
+				onChange(newValue);
+				setCursorOffset(0); // Move cursor to end
+				return;
+			}
+			// Alt+Enter adds a newline, Enter submits
+			if (key.meta) {
+				const newValue = `${value.slice(0, cursorPos)}\n${value.slice(cursorPos)}`;
+				onChange(newValue);
+				if (cursorOffset < 0) {
+					setCursorOffset(cursorOffset - 1);
+				}
+			} else {
+				onSubmit();
+			}
+			return;
+		}
+		if (key.ctrl) {
+			// Ctrl+A: Move to beginning of line
+			if (input === "a") {
+				setCursorOffset(-value.length);
+				return;
+			}
+			// Ctrl+E: Move to end of line
+			if (input === "e") {
+				setCursorOffset(0);
+				return;
+			}
+			// Ctrl+W: Delete word backward
+			if (input === "w") {
+				const cursorPos = value.length + cursorOffset;
+				const before = value.slice(0, cursorPos);
+				const after = value.slice(cursorPos);
+				// Find the start of the word to delete
+				const match = before.match(/\s*\S*$/);
+				if (match) {
+					const newBefore = before.slice(0, -match[0].length);
+					onChange(newBefore + after);
+					setCursorOffset(-after.length);
+				}
+				return;
+			}
+			// Ctrl+U: Delete from cursor to beginning of line
+			if (input === "u") {
+				const cursorPos = value.length + cursorOffset;
+				onChange(value.slice(cursorPos));
+				setCursorOffset(-value.slice(cursorPos).length);
+				return;
+			}
+			// Ctrl+K: Delete from cursor to end of line
+			if (input === "k") {
+				const cursorPos = value.length + cursorOffset;
+				onChange(value.slice(0, cursorPos));
+				setCursorOffset(0);
+				return;
+			}
+			// Ctrl+D: Delete character forward
+			if (input === "d") {
+				const cursorPos = value.length + cursorOffset;
+				if (cursorPos < value.length) {
+					onChange(value.slice(0, cursorPos) + value.slice(cursorPos + 1));
+				}
+				return;
+			}
+			// Ctrl+B: Move backward one character
+			if (input === "b") {
+				const cursorPos = value.length + cursorOffset;
+				if (cursorPos > 0) {
+					setCursorOffset(cursorOffset - 1);
+				}
+				return;
+			}
+			// Ctrl+F: Move forward one character
+			if (input === "f") {
+				const cursorPos = value.length + cursorOffset;
+				if (cursorPos < value.length) {
+					setCursorOffset(cursorOffset + 1);
+				}
+				return;
+			}
+		}
+		// Handle backspace
+		if (key.backspace || key.delete) {
+			const cursorPos = value.length + cursorOffset;
+			if (cursorPos > 0) {
+				onChange(value.slice(0, cursorPos - 1) + value.slice(cursorPos));
+				if (cursorOffset < 0) {
+					setCursorOffset(cursorOffset + 1);
+				}
+			}
+			return;
+		}
+		// Handle left/right arrow keys
+		if (key.leftArrow) {
+			const cursorPos = value.length + cursorOffset;
+			if (cursorPos > 0) {
+				setCursorOffset(cursorOffset - 1);
+			}
+			return;
+		}
+		if (key.rightArrow) {
+			const cursorPos = value.length + cursorOffset;
+			if (cursorPos < value.length) {
+				setCursorOffset(cursorOffset + 1);
+			}
+			return;
+		}
+		// Handle up/down arrow keys for multi-line navigation
+		if (key.upArrow) {
+			const cursorPos = value.length + cursorOffset;
+			const lines = value.split("\n");
+			// Find which line we're on and our position within it
+			let currentLineIndex = 0;
+			let charCount = 0;
+			let posInLine = cursorPos;
+			for (let i = 0; i < lines.length; i++) {
+				const line = lines[i];
+				if (!line) continue;
+				const lineLength = line.length + (i < lines.length - 1 ? 1 : 0); // +1 for \n
+				if (charCount + lineLength > cursorPos || i === lines.length - 1) {
+					currentLineIndex = i;
+					posInLine = cursorPos - charCount;
+					break;
+				}
+				charCount += lineLength;
+			}
+			// Move to previous line if possible
+			if (currentLineIndex > 0) {
+				const prevLine = lines[currentLineIndex - 1];
+				const currentLine = lines[currentLineIndex];
+				if (prevLine && currentLine) {
+					const prevLineStart = charCount - currentLine.length - 1;
+					const targetPos = Math.min(posInLine, prevLine.length);
+					const newCursorPos = prevLineStart + targetPos;
+					setCursorOffset(newCursorPos - value.length);
+				}
+			}
+			return;
+		}
+		if (key.downArrow) {
+			const cursorPos = value.length + cursorOffset;
+			const lines = value.split("\n");
+			// Find which line we're on and our position within it
+			let currentLineIndex = 0;
+			let charCount = 0;
+			let posInLine = cursorPos;
+			for (let i = 0; i < lines.length; i++) {
+				const line = lines[i];
+				if (!line) continue;
+				const lineLength = line.length + (i < lines.length - 1 ? 1 : 0); // +1 for \n
+				if (charCount + lineLength > cursorPos || i === lines.length - 1) {
+					currentLineIndex = i;
+					posInLine = cursorPos - charCount;
+					break;
+				}
+				charCount += lineLength;
+			}
+			// Move to next line if possible
+			if (currentLineIndex < lines.length - 1) {
+				const nextLine = lines[currentLineIndex + 1];
+				const currentLine = lines[currentLineIndex];
+				if (nextLine && currentLine) {
+					const nextLineStart = charCount + currentLine.length + 1;
+					const targetPos = Math.min(posInLine, nextLine.length);
+					const newCursorPos = nextLineStart + targetPos;
+					setCursorOffset(newCursorPos - value.length);
+				}
+			}
+			return;
+		}
+		// Regular character input and paste detection
+		// Ink automatically detects paste and sends the whole string at once
+		if (!key.ctrl && !key.meta && input.length > 0) {
+			const cursorPos = value.length + cursorOffset;
+			// Check if this is a paste with more than 3 lines
+			let contentToInsert = input;
+			if (input.length > 1) {
+				// Pasted content (more than 1 char at once)
+				const lines = input.split("\n");
+				if (lines.length > 3) {
+					contentToInsert = `[Pasted +${lines.length} lines]`;
+				}
+			}
+			const newValue =
+				value.slice(0, cursorPos) + contentToInsert + value.slice(cursorPos);
+			onChange(newValue);
+			// Keep cursor at the same relative position
+			if (cursorOffset < 0) {
+				setCursorOffset(cursorOffset - contentToInsert.length);
+			}
+		}
+	});
+	// Reset cursor when value changes externally (e.g., after submit)
+	React.useEffect(() => {
+		if (value.length === 0) {
+			setCursorOffset(0);
+		}
+	}, [value]);
+	// Display the input with cursor
+	const cursorPos = value.length + cursorOffset;
+	// Show placeholder if empty
+	if (value.length === 0) {
+		return _jsxs(_Fragment, {
+			children: [
+				_jsx(Text, { inverse: true, children: " " }),
+				_jsx(Text, { dimColor: true, children: placeholder }),
+			],
+		});
+	}
+	// Show value with cursor
+	const before = value.slice(0, cursorPos);
+	const cursor = value[cursorPos] || " ";
+	const after = value.slice(cursorPos + 1);
+	return _jsxs(Text, {
+		children: [before, _jsx(Text, { inverse: true, children: cursor }), after],
+	});
 }

package/dist/tui/components/SingleSelect.d.ts

@@ -1,13 +1,19 @@
 export interface SingleSelectOption {
-    label: string;
-    value: string;
-    description?: string;
+	label: string;
+	value: string;
+	description?: string;
 }
 export interface SingleSelectProps {
-    options: SingleSelectOption[];
-    selected: string | null;
-    onChange: (selected: string) => void;
-    onSubmit: (selected: string) => void;
-    onCancel?: () => void;
+	options: SingleSelectOption[];
+	selected: string | null;
+	onChange: (selected: string) => void;
+	onSubmit: (selected: string) => void;
+	onCancel?: () => void;
 }
-export declare function SingleSelect({ options, selected: _selected, onChange, onSubmit, onCancel, }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelect({
+	options,
+	selected: _selected,
+	onChange,
+	onSubmit,
+	onCancel,
+}: SingleSelectProps): import("react/jsx-runtime").JSX.Element;