claude-code-plus-plus 0.1.0 → 0.2.0

package/dist/ui/components/input-field.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Input Field Component
+ *
+ * A text input field with cursor.
+ */
+import type { Canvas } from '../renderer';
+import type { Bounds, Size } from '../layout';
+import { Component, type ComponentProps } from './base';
+import type { KeyEvent } from '../input/keyboard';
+export interface InputFieldProps extends ComponentProps {
+    value?: string;
+    placeholder?: string;
+    maxLength?: number;
+    password?: boolean;
+}
+export type InputChangeHandler = (value: string) => void;
+export type InputSubmitHandler = (value: string) => void;
+export declare class InputField extends Component {
+    private value;
+    private placeholder;
+    private maxLength;
+    private password;
+    private cursorPos;
+    private scrollOffset;
+    private changeHandler;
+    private submitHandler;
+    constructor(props?: InputFieldProps);
+    /**
+     * Set the input value
+     */
+    setValue(value: string): void;
+    /**
+     * Get the input value
+     */
+    getValue(): string;
+    /**
+     * Clear the input
+     */
+    clear(): void;
+    /**
+     * Set change handler
+     */
+    onChange(handler: InputChangeHandler): void;
+    /**
+     * Set submit handler
+     */
+    onSubmit(handler: InputSubmitHandler): void;
+    /**
+     * Insert text at cursor
+     */
+    insertText(text: string): void;
+    /**
+     * Delete character before cursor
+     */
+    deleteCharBefore(): void;
+    /**
+     * Delete character after cursor
+     */
+    deleteCharAfter(): void;
+    /**
+     * Delete word before cursor
+     */
+    deleteWordBefore(): void;
+    /**
+     * Move cursor left
+     */
+    moveCursorLeft(): void;
+    /**
+     * Move cursor right
+     */
+    moveCursorRight(): void;
+    /**
+     * Move cursor to start
+     */
+    moveCursorToStart(): void;
+    /**
+     * Move cursor to end
+     */
+    moveCursorToEnd(): void;
+    /**
+     * Ensure cursor is visible by adjusting scroll
+     */
+    private ensureCursorVisible;
+    /**
+     * Submit the input
+     */
+    submit(): void;
+    getPreferredSize(): Size;
+    getMinSize(): Size;
+    render(canvas: Canvas, bounds: Bounds): void;
+    handleKey(event: KeyEvent): boolean;
+    isFocusable(): boolean;
+}
+/**
+ * Create an InputField component
+ */
+export declare function createInputField(props?: InputFieldProps): InputField;
+//# sourceMappingURL=input-field.d.ts.map

package/dist/ui/components/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../src/ui/components/input-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AACzD,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAMzD,qBAAa,UAAW,SAAQ,SAAS;IACvC,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,YAAY,CAAa;IAEjC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,aAAa,CAAmC;gBAE5C,KAAK,GAAE,eAAoB;IASvC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAI3C;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAI3C;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAa9B;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAWxB;;OAEG;IACH,eAAe,IAAI,IAAI;IASvB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAgBxB;;OAEG;IACH,cAAc,IAAI,IAAI;IAOtB;;OAEG;IACH,eAAe,IAAI,IAAI;IAOvB;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,eAAe,IAAI,IAAI;IAKvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;IACH,MAAM,IAAI,IAAI;IAId,gBAAgB,IAAI,IAAI;IAOxB,UAAU,IAAI,IAAI;IAIlB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAsDnC,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO;IA4CnC,WAAW,IAAI,OAAO;CAGhC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,eAAoB,GAAG,UAAU,CAExE"}

package/dist/ui/components/input-field.js

@@ -0,0 +1,274 @@
+/**
+ * Input Field Component
+ *
+ * A text input field with cursor.
+ */
+import { getTheme } from '../renderer/colors';
+import { Component } from './base';
+// ============================================================================
+// InputField Component
+// ============================================================================
+export class InputField extends Component {
+    value = '';
+    placeholder = '';
+    maxLength = 256;
+    password = false;
+    cursorPos = 0;
+    scrollOffset = 0;
+    changeHandler = null;
+    submitHandler = null;
+    constructor(props = {}) {
+        super(props);
+        this.value = props.value ?? '';
+        this.placeholder = props.placeholder ?? '';
+        this.maxLength = props.maxLength ?? 256;
+        this.password = props.password ?? false;
+        this.cursorPos = this.value.length;
+    }
+    /**
+     * Set the input value
+     */
+    setValue(value) {
+        this.value = value.substring(0, this.maxLength);
+        this.cursorPos = Math.min(this.cursorPos, this.value.length);
+    }
+    /**
+     * Get the input value
+     */
+    getValue() {
+        return this.value;
+    }
+    /**
+     * Clear the input
+     */
+    clear() {
+        this.value = '';
+        this.cursorPos = 0;
+        this.scrollOffset = 0;
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Set change handler
+     */
+    onChange(handler) {
+        this.changeHandler = handler;
+    }
+    /**
+     * Set submit handler
+     */
+    onSubmit(handler) {
+        this.submitHandler = handler;
+    }
+    /**
+     * Insert text at cursor
+     */
+    insertText(text) {
+        const remaining = this.maxLength - this.value.length;
+        const toInsert = text.substring(0, remaining);
+        this.value =
+            this.value.substring(0, this.cursorPos) +
+                toInsert +
+                this.value.substring(this.cursorPos);
+        this.cursorPos += toInsert.length;
+        this.ensureCursorVisible();
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Delete character before cursor
+     */
+    deleteCharBefore() {
+        if (this.cursorPos > 0) {
+            this.value =
+                this.value.substring(0, this.cursorPos - 1) +
+                    this.value.substring(this.cursorPos);
+            this.cursorPos--;
+            this.ensureCursorVisible();
+            this.changeHandler?.(this.value);
+        }
+    }
+    /**
+     * Delete character after cursor
+     */
+    deleteCharAfter() {
+        if (this.cursorPos < this.value.length) {
+            this.value =
+                this.value.substring(0, this.cursorPos) +
+                    this.value.substring(this.cursorPos + 1);
+            this.changeHandler?.(this.value);
+        }
+    }
+    /**
+     * Delete word before cursor
+     */
+    deleteWordBefore() {
+        let pos = this.cursorPos;
+        // Skip trailing spaces
+        while (pos > 0 && this.value[pos - 1] === ' ') {
+            pos--;
+        }
+        // Skip word characters
+        while (pos > 0 && this.value[pos - 1] !== ' ') {
+            pos--;
+        }
+        this.value = this.value.substring(0, pos) + this.value.substring(this.cursorPos);
+        this.cursorPos = pos;
+        this.ensureCursorVisible();
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Move cursor left
+     */
+    moveCursorLeft() {
+        if (this.cursorPos > 0) {
+            this.cursorPos--;
+            this.ensureCursorVisible();
+        }
+    }
+    /**
+     * Move cursor right
+     */
+    moveCursorRight() {
+        if (this.cursorPos < this.value.length) {
+            this.cursorPos++;
+            this.ensureCursorVisible();
+        }
+    }
+    /**
+     * Move cursor to start
+     */
+    moveCursorToStart() {
+        this.cursorPos = 0;
+        this.scrollOffset = 0;
+    }
+    /**
+     * Move cursor to end
+     */
+    moveCursorToEnd() {
+        this.cursorPos = this.value.length;
+        this.ensureCursorVisible();
+    }
+    /**
+     * Ensure cursor is visible by adjusting scroll
+     */
+    ensureCursorVisible() {
+        const visibleWidth = this.bounds.width - 2; // -2 for border
+        if (visibleWidth <= 0)
+            return;
+        if (this.cursorPos < this.scrollOffset) {
+            this.scrollOffset = this.cursorPos;
+        }
+        else if (this.cursorPos >= this.scrollOffset + visibleWidth) {
+            this.scrollOffset = this.cursorPos - visibleWidth + 1;
+        }
+    }
+    /**
+     * Submit the input
+     */
+    submit() {
+        this.submitHandler?.(this.value);
+    }
+    getPreferredSize() {
+        return {
+            width: Math.max(20, this.value.length + 4),
+            height: 1,
+        };
+    }
+    getMinSize() {
+        return { width: 5, height: 1 };
+    }
+    render(canvas, bounds) {
+        if (!this.visible || bounds.width < 3)
+            return;
+        const theme = getTheme();
+        const contentWidth = bounds.width;
+        // Determine text to display
+        let displayValue = this.password
+            ? '*'.repeat(this.value.length)
+            : this.value;
+        const showPlaceholder = displayValue.length === 0 && !this.focused;
+        if (showPlaceholder) {
+            displayValue = this.placeholder;
+        }
+        // Apply scroll offset
+        const visibleText = displayValue.substring(this.scrollOffset, this.scrollOffset + contentWidth);
+        // Determine style
+        const style = this.focused
+            ? { fg: theme.text.fg }
+            : showPlaceholder
+                ? { fg: theme.textMuted.fg }
+                : { fg: theme.text.fg };
+        // Draw background
+        canvas.drawText(bounds.x, bounds.y, ' '.repeat(contentWidth), {
+            bg: this.focused ? theme.inputFocus.bg : theme.inputBg.bg,
+        });
+        // Draw text
+        canvas.drawText(bounds.x, bounds.y, visibleText, {
+            ...style,
+            bg: this.focused ? theme.inputFocus.bg : theme.inputBg.bg,
+        });
+        // Draw cursor if focused
+        if (this.focused) {
+            const cursorX = bounds.x + (this.cursorPos - this.scrollOffset);
+            if (cursorX >= bounds.x && cursorX < bounds.x + contentWidth) {
+                const charAtCursor = this.value[this.cursorPos] || ' ';
+                const displayChar = this.password ? '*' : charAtCursor;
+                canvas.setCell(cursorX, bounds.y, displayChar, {
+                    fg: theme.textInverse.fg,
+                    bg: theme.text.fg,
+                });
+            }
+        }
+    }
+    handleKey(event) {
+        if (!this.focused)
+            return false;
+        switch (event.key) {
+            case 'enter':
+                this.submit();
+                return true;
+            case 'backspace':
+                this.deleteCharBefore();
+                return true;
+            case 'delete':
+                this.deleteCharAfter();
+                return true;
+            case 'ctrl+w':
+                this.deleteWordBefore();
+                return true;
+            case 'ctrl+u':
+                this.clear();
+                return true;
+            case 'left':
+                this.moveCursorLeft();
+                return true;
+            case 'right':
+                this.moveCursorRight();
+                return true;
+            case 'home':
+            case 'ctrl+a':
+                this.moveCursorToStart();
+                return true;
+            case 'end':
+            case 'ctrl+e':
+                this.moveCursorToEnd();
+                return true;
+            default:
+                // Insert printable characters
+                if (event.key.length === 1 && !event.modifiers.ctrl && !event.modifiers.alt) {
+                    this.insertText(event.key);
+                    return true;
+                }
+        }
+        return false;
+    }
+    isFocusable() {
+        return this.visible && !this.disabled;
+    }
+}
+/**
+ * Create an InputField component
+ */
+export function createInputField(props = {}) {
+    return new InputField(props);
+}
+//# sourceMappingURL=input-field.js.map

package/dist/ui/components/input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.js","sourceRoot":"","sources":["../../../src/ui/components/input-field.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/list.d.ts

@@ -0,0 +1,94 @@
+/**
+ * List Component
+ *
+ * A scrollable list with selectable items.
+ */
+import type { Canvas } from '../renderer';
+import type { Bounds, Size } from '../layout';
+import { Component, type ComponentProps } from './base';
+import type { KeyEvent } from '../input/keyboard';
+import type { MouseEvent } from '../input/mouse';
+export interface ListItem<T = unknown> {
+    id: string;
+    label: string;
+    data?: T;
+    disabled?: boolean;
+    indent?: number;
+    icon?: string;
+}
+export interface ListProps<T = unknown> extends ComponentProps {
+    items?: ListItem<T>[];
+    selectedIndex?: number;
+    scrollOffset?: number;
+    showScrollbar?: boolean;
+    emptyText?: string;
+}
+export type ListSelectHandler<T = unknown> = (item: ListItem<T>, index: number) => void;
+export declare class List<T = unknown> extends Component {
+    private items;
+    private selectedIndex;
+    private scrollOffset;
+    private showScrollbar;
+    private emptyText;
+    private selectHandler;
+    constructor(props?: ListProps<T>);
+    /**
+     * Set the list items
+     */
+    setItems(items: ListItem<T>[]): void;
+    /**
+     * Get the list items
+     */
+    getItems(): ListItem<T>[];
+    /**
+     * Set selected index
+     */
+    setSelectedIndex(index: number): void;
+    /**
+     * Get selected index
+     */
+    getSelectedIndex(): number;
+    /**
+     * Get selected item
+     */
+    getSelectedItem(): ListItem<T> | undefined;
+    /**
+     * Set selection handler
+     */
+    onSelect(handler: ListSelectHandler<T>): void;
+    /**
+     * Move selection up
+     */
+    selectPrevious(): void;
+    /**
+     * Move selection down
+     */
+    selectNext(): void;
+    /**
+     * Select first item
+     */
+    selectFirst(): void;
+    /**
+     * Select last item
+     */
+    selectLast(): void;
+    /**
+     * Ensure an index is visible by adjusting scroll
+     */
+    private ensureVisible;
+    /**
+     * Trigger selection
+     */
+    triggerSelect(): void;
+    getPreferredSize(): Size;
+    getMinSize(): Size;
+    render(canvas: Canvas, bounds: Bounds): void;
+    private renderScrollbar;
+    handleKey(event: KeyEvent): boolean;
+    handleMouse(event: MouseEvent): boolean;
+}
+/**
+ * Create a List component
+ */
+export declare function createList<T = unknown>(props?: ListProps<T>): List<T>;
+//# sourceMappingURL=list.d.ts.map

package/dist/ui/components/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/ui/components/list.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,OAAO;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc;IAC5D,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAMxF,qBAAa,IAAI,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,SAAS;IAC9C,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,aAAa,CAAqC;gBAE9C,KAAK,GAAE,SAAS,CAAC,CAAC,CAAM;IASpC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IASpC;;OAEG;IACH,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;IAIzB;;OAEG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOrC;;OAEG;IACH,gBAAgB,IAAI,MAAM;IAI1B;;OAEG;IACH,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS;IAI1C;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,IAAI;IAI7C;;OAEG;IACH,cAAc,IAAI,IAAI;IAatB;;OAEG;IACH,UAAU,IAAI,IAAI;IAalB;;OAEG;IACH,WAAW,IAAI,IAAI;IAanB;;OAEG;IACH,UAAU,IAAI,IAAI;IAalB;;OAEG;IACH,OAAO,CAAC,aAAa;IAWrB;;OAEG;IACH,aAAa,IAAI,IAAI;IAOrB,gBAAgB,IAAI,IAAI;IAcxB,UAAU,IAAI,IAAI;IAIlB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAsD5C,OAAO,CAAC,eAAe;IAsBd,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO;IA0BnC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;CAyBjD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,GAAE,SAAS,CAAC,CAAC,CAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAEzE"}