termcast 1.3.32 → 1.3.34

package/dist/examples/internal/custom-dropdown.d.ts

@@ -0,0 +1,99 @@
+/**
+ * Custom Dropdown Component
+ *
+ * Reusable dropdown with search, scroll, keyboard navigation.
+ * Uses same pattern as custom-renderable-list-v2.tsx:
+ * - Custom renderables for Dropdown/DropdownItem
+ * - onLifecyclePass for item registration
+ * - Zustand store for state sync with React
+ */
+import { Renderable, BoxRenderable, type RenderContext, type BoxOptions } from '@opentui/core';
+import React from 'react';
+interface DropdownStoreState {
+    selectedIndex: number;
+    visibleCount: number;
+    totalCount: number;
+    searchQuery: string;
+    renderTick: number;
+}
+declare const useDropdownStore: import("zustand").UseBoundStore<import("zustand").StoreApi<DropdownStoreState>>;
+interface DropdownItemOptions extends BoxOptions {
+    itemTitle?: string;
+    itemId?: string;
+    keywords?: string[];
+    onSelect?: () => void;
+}
+declare class DropdownItemRenderable extends BoxRenderable {
+    itemTitle: string;
+    itemId?: string;
+    keywords?: string[];
+    onSelect?: () => void;
+    visibleIndex: number;
+    private parentDropdown?;
+    constructor(ctx: RenderContext, options: DropdownItemOptions);
+    matchesSearch(query: string): boolean;
+}
+interface DropdownOptions extends BoxOptions {
+    placeholder?: string;
+    onSelect?: (itemId: string) => void;
+    onSelectionChange?: (itemId: string) => void;
+}
+declare class DropdownRenderable extends BoxRenderable {
+    private registeredItems;
+    private searchInput;
+    private scrollBox;
+    private statusText;
+    searchQuery: string;
+    onSelect?: (itemId: string) => void;
+    onSelectionChange?: (itemId: string) => void;
+    constructor(ctx: RenderContext, options: DropdownOptions);
+    add(child: Renderable, index?: number): number;
+    registerItem(item: DropdownItemRenderable): void;
+    private getAllItems;
+    setSearchQuery(query: string): void;
+    private refilter;
+    private updateStatusText;
+    moveSelection(delta: number): void;
+    private scrollToIndex;
+    private notifySelectionChange;
+    triggerSelect(): void;
+    getFirstItemTitle(): string;
+    getSelectedItemTitle(): string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'custom-dropdown': DropdownOptions & {
+                ref?: React.Ref<DropdownRenderable>;
+            };
+            'custom-dropdown-item': DropdownItemOptions & {
+                ref?: React.Ref<DropdownItemRenderable>;
+            };
+        }
+    }
+}
+interface DropdownProps {
+    children?: React.ReactNode;
+    placeholder?: string;
+    onSelect?: (itemId: string) => void;
+    onSelectionChange?: (itemId: string) => void;
+}
+declare function Dropdown({ children, placeholder, onSelect, onSelectionChange }: DropdownProps): any;
+interface DropdownItemProps {
+    id?: string;
+    title: string;
+    keywords?: string[];
+    onSelect?: () => void;
+}
+declare function DropdownItem({ id, title, keywords, onSelect }: DropdownItemProps): any;
+interface DropdownType {
+    (props: DropdownProps): any;
+    Item: typeof DropdownItem;
+}
+declare const CustomDropdown: DropdownType;
+export { CustomDropdown, Dropdown, DropdownItem, useDropdownStore, DropdownRenderable, DropdownItemRenderable };
+declare function Example({ useMany }: {
+    useMany?: boolean;
+}): any;
+export { Example };
+//# sourceMappingURL=custom-dropdown.d.ts.map

package/dist/examples/internal/custom-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-dropdown.d.ts","sourceRoot":"","sources":["../../../src/examples/internal/custom-dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/examples/internal/custom-dropdown.js

@@ -0,0 +1,270 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * Custom Dropdown Component
+ *
+ * Reusable dropdown with search, scroll, keyboard navigation.
+ * Uses same pattern as custom-renderable-list-v2.tsx:
+ * - Custom renderables for Dropdown/DropdownItem
+ * - onLifecyclePass for item registration
+ * - Zustand store for state sync with React
+ */
+import { BoxRenderable, TextRenderable, ScrollBoxRenderable, } from '@opentui/core';
+import { extend, useKeyboard } from '@opentui/react';
+import { useRef, useState } from 'react';
+import { renderWithProviders } from '../../utils';
+import { create } from 'zustand';
+import { Theme } from 'termcast/src/theme';
+const useDropdownStore = create(() => ({
+    selectedIndex: 0,
+    visibleCount: 0,
+    totalCount: 0,
+    searchQuery: '',
+    renderTick: 0,
+}));
+// ─────────────────────────────────────────────────────────────────────────────
+// Helper: Find parent of specific type
+// ─────────────────────────────────────────────────────────────────────────────
+function findParent(node, type) {
+    let current = node.parent;
+    while (current) {
+        if (current instanceof type) {
+            return current;
+        }
+        current = current.parent;
+    }
+    return undefined;
+}
+class DropdownItemRenderable extends BoxRenderable {
+    itemTitle = '';
+    itemId;
+    keywords;
+    onSelect;
+    visibleIndex = -1;
+    parentDropdown;
+    constructor(ctx, options) {
+        super(ctx, { ...options, flexDirection: 'row', width: '100%' });
+        this.onLifecyclePass = () => {
+            if (!this.parentDropdown) {
+                this.parentDropdown = findParent(this, DropdownRenderable);
+                this.parentDropdown?.registerItem(this);
+            }
+        };
+    }
+    matchesSearch(query) {
+        if (!query)
+            return true;
+        const lowerQuery = query.toLowerCase();
+        if (this.itemTitle.toLowerCase().includes(lowerQuery))
+            return true;
+        if (this.keywords?.some((k) => k.toLowerCase().includes(lowerQuery)))
+            return true;
+        return false;
+    }
+}
+class DropdownRenderable extends BoxRenderable {
+    registeredItems = new Set();
+    searchInput;
+    scrollBox;
+    statusText;
+    searchQuery = '';
+    onSelect;
+    onSelectionChange;
+    constructor(ctx, options) {
+        super(ctx, { ...options, flexDirection: 'column' });
+        // Search input display
+        this.searchInput = new TextRenderable(ctx, {
+            content: options.placeholder || 'Search...',
+            fg: Theme.textMuted,
+        });
+        super.add(this.searchInput);
+        // Scrollable content area
+        this.scrollBox = new ScrollBoxRenderable(ctx, {
+            flexDirection: 'column',
+            flexGrow: 1,
+        });
+        super.add(this.scrollBox);
+        // Status text
+        this.statusText = new TextRenderable(ctx, {
+            content: '0 items',
+            fg: Theme.textMuted,
+        });
+        super.add(this.statusText);
+    }
+    add(child, index) {
+        return this.scrollBox.add(child, index);
+    }
+    registerItem(item) {
+        this.registeredItems.add(item);
+        this.refilter();
+    }
+    getAllItems() {
+        return Array.from(this.registeredItems);
+    }
+    setSearchQuery(query) {
+        this.searchQuery = query;
+        this.searchInput.content = query || 'Search...';
+        this.searchInput.fg = query ? Theme.text : Theme.textMuted;
+        useDropdownStore.setState({ searchQuery: query });
+        this.refilter();
+    }
+    refilter() {
+        const allItems = this.getAllItems();
+        let visibleIndex = 0;
+        for (const item of allItems) {
+            const matches = item.matchesSearch(this.searchQuery);
+            if (matches) {
+                item.visibleIndex = visibleIndex++;
+                item.visible = true;
+            }
+            else {
+                item.visibleIndex = -1;
+                item.visible = false;
+            }
+        }
+        const { selectedIndex } = useDropdownStore.getState();
+        const clampedIndex = Math.min(Math.max(0, selectedIndex), visibleIndex - 1);
+        useDropdownStore.setState({
+            visibleCount: visibleIndex,
+            totalCount: allItems.length,
+            selectedIndex: clampedIndex >= 0 ? clampedIndex : 0,
+            renderTick: useDropdownStore.getState().renderTick + 1,
+        });
+        this.updateStatusText(visibleIndex, allItems.length);
+        this.notifySelectionChange(clampedIndex >= 0 ? clampedIndex : 0);
+    }
+    updateStatusText(visibleCount, totalCount) {
+        const searchText = this.searchQuery ? ` • "${this.searchQuery}"` : '';
+        this.statusText.content = `${visibleCount} of ${totalCount} items${searchText}`;
+    }
+    moveSelection(delta) {
+        const { selectedIndex, visibleCount } = useDropdownStore.getState();
+        if (visibleCount === 0)
+            return;
+        const newIndex = (selectedIndex + delta + visibleCount) % visibleCount;
+        useDropdownStore.setState({ selectedIndex: newIndex });
+        this.scrollToIndex(newIndex);
+        this.notifySelectionChange(newIndex);
+    }
+    scrollToIndex(index) {
+        const item = this.getAllItems().find((i) => i.visibleIndex === index);
+        if (item && this.scrollBox) {
+            // Use scrollTo method from ScrollBoxRenderable
+            const itemHeight = 1; // Each item is 1 row
+            const targetY = index * itemHeight;
+            this.scrollBox.scrollTo(targetY);
+        }
+    }
+    notifySelectionChange(index) {
+        const item = this.getAllItems().find((i) => i.visibleIndex === index);
+        if (item && this.onSelectionChange) {
+            this.onSelectionChange(item.itemId || item.itemTitle);
+        }
+    }
+    triggerSelect() {
+        const { selectedIndex } = useDropdownStore.getState();
+        const item = this.getAllItems().find((i) => i.visibleIndex === selectedIndex);
+        if (item) {
+            item.onSelect?.();
+            this.onSelect?.(item.itemId || item.itemTitle);
+        }
+    }
+    getFirstItemTitle() {
+        const items = this.getAllItems().filter((i) => i.visibleIndex !== -1);
+        items.sort((a, b) => a.visibleIndex - b.visibleIndex);
+        return items[0]?.itemTitle ?? '';
+    }
+    getSelectedItemTitle() {
+        const { selectedIndex } = useDropdownStore.getState();
+        const item = this.getAllItems().find((i) => i.visibleIndex === selectedIndex);
+        return item?.itemTitle ?? '';
+    }
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Register custom elements
+// ─────────────────────────────────────────────────────────────────────────────
+extend({
+    'custom-dropdown': DropdownRenderable,
+    'custom-dropdown-item': DropdownItemRenderable,
+});
+function Dropdown({ children, placeholder, onSelect, onSelectionChange }) {
+    const dropdownRef = useRef(null);
+    useKeyboard((evt) => {
+        const dropdown = dropdownRef.current;
+        if (!dropdown)
+            return;
+        if (evt.name === 'up') {
+            dropdown.moveSelection(-1);
+            return;
+        }
+        if (evt.name === 'down') {
+            dropdown.moveSelection(1);
+            return;
+        }
+        if (evt.name === 'return') {
+            const selectedTitle = dropdown.getSelectedItemTitle();
+            if (selectedTitle && onSelect) {
+                onSelect(selectedTitle);
+            }
+            dropdown.triggerSelect(); // Also trigger item's onSelect
+            return;
+        }
+        if (evt.name === 'backspace') {
+            const current = dropdown.searchQuery;
+            dropdown.setSearchQuery(current.slice(0, -1));
+            return;
+        }
+        // Typing for search
+        if (evt.name.length === 1 && /^[a-zA-Z0-9]$/.test(evt.name) && !evt.ctrl && !evt.meta) {
+            dropdown.setSearchQuery(dropdown.searchQuery + evt.name);
+        }
+    });
+    return (_jsx("custom-dropdown", { ref: dropdownRef, placeholder: placeholder, onSelect: onSelect, onSelectionChange: onSelectionChange, flexGrow: 1, children: children }));
+}
+function DropdownItem({ id, title, keywords, onSelect }) {
+    const itemRef = useRef(null);
+    const selectedIndex = useDropdownStore((s) => s.selectedIndex);
+    useDropdownStore((s) => s.renderTick);
+    const isSelected = itemRef.current?.visibleIndex === selectedIndex;
+    return (_jsxs("custom-dropdown-item", { ref: itemRef, itemTitle: title, itemId: id, keywords: keywords, onSelect: onSelect, backgroundColor: isSelected ? Theme.accent : undefined, flexShrink: 0, children: [_jsx("text", { flexShrink: 0, children: isSelected ? '› ' : '  ' }), _jsx("text", { flexShrink: 0, children: title })] }));
+}
+const CustomDropdown = Dropdown;
+CustomDropdown.Item = DropdownItem;
+export { CustomDropdown, Dropdown, DropdownItem, useDropdownStore, DropdownRenderable, DropdownItemRenderable };
+// ─────────────────────────────────────────────────────────────────────────────
+// Example
+// ─────────────────────────────────────────────────────────────────────────────
+function Example({ useMany = false }) {
+    const [selectedItem, setSelectedItem] = useState(null);
+    const [hoverItem, setHoverItem] = useState(null);
+    const defaultItems = [
+        { id: 'apple', title: 'Apple', keywords: ['fruit', 'red'] },
+        { id: 'banana', title: 'Banana', keywords: ['fruit', 'yellow'] },
+        { id: 'carrot', title: 'Carrot', keywords: ['vegetable', 'orange'] },
+        { id: 'date', title: 'Date', keywords: ['fruit', 'sweet'] },
+    ];
+    // Generate many items for scroll testing
+    const manyItems = Array.from({ length: 20 }, (_, i) => ({
+        id: `item-${i + 1}`,
+        title: `Item ${i + 1}`,
+    }));
+    const items = useMany ? manyItems : defaultItems;
+    return (_jsxs("box", { flexDirection: "column", padding: 1, height: "100%", children: [_jsx("text", { marginBottom: 1, children: "Custom Dropdown Example" }), selectedItem && _jsxs("text", { flexShrink: 0, fg: Theme.accent, children: ["Selected: ", selectedItem] }), hoverItem && _jsxs("text", { flexShrink: 0, fg: Theme.textMuted, children: ["Hover: ", hoverItem] }), _jsx("box", { marginTop: 1, height: 10, border: ['top', 'bottom', 'left', 'right'], borderStyle: "single", children: _jsx(CustomDropdown, { placeholder: "Search items...", onSelect: (id) => {
+                        setSelectedItem(items.find((i) => i.id === id)?.title || id);
+                    }, onSelectionChange: (id) => {
+                        setHoverItem(items.find((i) => i.id === id)?.title || id);
+                    }, children: items.map((item) => (_jsx(CustomDropdown.Item, { id: item.id, title: item.title, keywords: 'keywords' in item ? item.keywords : undefined }, item.id))) }) })] }));
+}
+export { Example };
+if (import.meta.main) {
+    useDropdownStore.setState({
+        selectedIndex: 0,
+        visibleCount: 0,
+        totalCount: 0,
+        searchQuery: '',
+        renderTick: 0,
+    });
+    // Check for --many flag to test scrolling with many items
+    const useMany = process.argv.includes('--many');
+    renderWithProviders(_jsx(Example, { useMany: useMany }));
+}
+//# sourceMappingURL=custom-dropdown.js.map

package/dist/examples/internal/custom-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-dropdown.js","sourceRoot":"","sources":["../../../src/examples/internal/custom-dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/examples/internal/custom-renderable-form.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Custom Renderable Form Example
+ *
+ * Demonstrates hybrid pattern for building forms:
+ * - Form container = custom renderable (owns focus, navigation, scroll, RHF methods)
+ * - Form fields = React components wrapped in self-registering renderables
+ * - Tests dynamic field registration via timeout
+ *
+ * ## Architecture
+ *
+ * CustomFormRenderable (custom renderable)
+ * ├── owns: react-hook-form methods, focusedFieldId, field registry, scrollbox
+ * ├── methods: registerField(), focusField(), focusNext(), focusPrev()
+ * │
+ * └── CustomFormFieldWrapperRenderable (thin wrapper)
+ *     ├── self-registers via onLifecyclePass (SYNC - no timing issues)
+ *     └── React children (label, textarea) rendered inside
+ *
+ * ## Key Patterns
+ *
+ * 1. Wrapper renderable self-registers synchronously when added to tree
+ * 2. No useEffect needed for registration - onLifecyclePass handles it
+ * 3. Focus state in parent, checked in children each render
+ * 4. react-hook-form: useForm() in React, passed as prop to renderable, exposed via context
+ * 5. Tab navigation via parent methods (focusNext/focusPrev)
+ */
+import React from 'react';
+interface CustomFormProps {
+    children: React.ReactNode;
+}
+declare function CustomForm({ children }: CustomFormProps): any;
+declare namespace CustomForm {
+    var TextField: typeof CustomFormTextField;
+}
+interface TextFieldProps {
+    id: string;
+    title: string;
+    placeholder?: string;
+}
+declare function CustomFormTextField({ id, title, placeholder }: TextFieldProps): any;
+declare function Example(): any;
+export { CustomForm, CustomFormTextField, Example };
+//# sourceMappingURL=custom-renderable-form.d.ts.map

package/dist/examples/internal/custom-renderable-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-renderable-form.d.ts","sourceRoot":"","sources":["../../../src/examples/internal/custom-renderable-form.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAcH,OAAO,KAAiE,MAAM,OAAO,CAAA;AA2QrF,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,GAAG,CAyBtD;kBAzBQ,UAAU;;;AA+BnB,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,iBAAS,mBAAmB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,cAAc,GAAG,GAAG,CAqC5E;AASD,iBAAS,OAAO,IAAI,GAAG,CAoCtB;AAMD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAA"}