@townco/ui 0.1.17 → 0.1.19

package/dist/tui/components/InputBox.js

@@ -1,75 +1,15 @@
-import { Box, Text, useStdout } from "ink";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from "ink";
 import { ReadlineInput } from "./ReadlineInput.js";
-export function InputBox({
-	value,
-	isSubmitting,
-	attachedFiles,
-	onChange,
-	onSubmit,
-	onEscape,
-}) {
-	const { stdout } = useStdout();
-	const terminalWidth = stdout?.columns || 80;
-	return _jsxs(Box, {
-		flexDirection: "column",
-		children: [
-			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
-			attachedFiles.length > 0 &&
-				_jsxs(Box, {
-					flexDirection: "column",
-					paddingTop: 1,
-					children: [
-						_jsx(Text, { dimColor: true, children: "Attached files:" }),
-						attachedFiles.map((file) =>
-							_jsxs(
-								Box,
-								{
-									children: [
-										_jsxs(Text, { color: "cyan", children: [" ", file.name] }),
-										_jsxs(Text, {
-											dimColor: true,
-											children: [" (", formatFileSize(file.size), ")"],
-										}),
-									],
-								},
-								file.path,
-							),
-						),
-					],
-				}),
-			_jsxs(Box, {
-				paddingY: 1,
-				children: [
-					_jsx(Text, { bold: true, color: "blue", children: "> " }),
-					isSubmitting
-						? _jsx(Text, {
-								color: "gray",
-								italic: true,
-								children: "Sending...",
-							})
-						: onEscape
-							? _jsx(ReadlineInput, {
-									value: value,
-									onChange: onChange,
-									onSubmit: onSubmit,
-									onEscape: onEscape,
-									placeholder: "Type your message...",
-								})
-							: _jsx(ReadlineInput, {
-									value: value,
-									onChange: onChange,
-									onSubmit: onSubmit,
-									placeholder: "Type your message...",
-								}),
-				],
-			}),
-			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
-		],
-	});
+export function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmit, onEscape, }) {
+    const { stdout } = useStdout();
+    const terminalWidth = stdout?.columns || 80;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }), attachedFiles.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingTop: 1, children: [_jsx(Text, { dimColor: true, children: "Attached files:" }), attachedFiles.map((file) => (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: [" ", file.name] }), _jsxs(Text, { dimColor: true, children: [" (", formatFileSize(file.size), ")"] })] }, file.path)))] })), _jsxs(Box, { paddingY: 1, children: [_jsx(Text, { bold: true, color: "blue", children: "> " }), isSubmitting ? (_jsx(Text, { color: "gray", italic: true, children: "Sending..." })) : onEscape ? (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, onEscape: onEscape, placeholder: "Type your message..." })) : (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "Type your message..." }))] }), _jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) })] }));
 }
 function formatFileSize(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }

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

@@ -1,14 +1,8 @@
 export interface ReadlineInputProps {
-	value: string;
-	onChange: (value: string) => void;
-	onSubmit: () => void;
-	onEscape?: () => void;
-	placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    onEscape?: () => void;
+    placeholder?: string;
 }
-export declare function ReadlineInput({
-	value,
-	onChange,
-	onSubmit,
-	onEscape,
-	placeholder,
-}: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReadlineInput({ value, onChange, onSubmit, onEscape, placeholder, }: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/ReadlineInput.js

@@ -1,255 +1,240 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, useInput } from "ink";
 import React, { useState } from "react";
-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],
-	});
+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,19 +1,13 @@
 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;