@townco/ui 0.1.6 → 0.1.7

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;