tuiuiu.js 0.1.1

package/dist/components/spinner.js

@@ -0,0 +1,300 @@
+/**
+ * Spinner - Advanced loading indicator
+ *
+ * Features:
+ * - 15+ animation styles (dots, line, arc, circle, bounce, etc.)
+ * - Customizable speed
+ * - Status text with rotation
+ * - Progress mode (percentage)
+ * - Time elapsed display
+ * - Token/byte counters
+ * - Color gradients
+ * - Success/failure states
+ */
+import { Box, Text } from './components.js';
+import { createSignal } from '../primitives/signal.js';
+/** Spinner frame sequences */
+const SPINNERS = {
+    dots: {
+        frames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
+        interval: 80,
+    },
+    dots2: {
+        frames: ['⣾', '⣽', '⣻', '⢿', '⡿', '⣟', '⣯', '⣷'],
+        interval: 80,
+    },
+    dots3: {
+        frames: ['⠁', '⠂', '⠄', '⡀', '⢀', '⠠', '⠐', '⠈'],
+        interval: 80,
+    },
+    line: {
+        frames: ['-', '\\', '|', '/'],
+        interval: 100,
+    },
+    arc: {
+        frames: ['◜', '◠', '◝', '◞', '◡', '◟'],
+        interval: 100,
+    },
+    circle: {
+        frames: ['◐', '◓', '◑', '◒'],
+        interval: 100,
+    },
+    square: {
+        frames: ['◰', '◳', '◲', '◱'],
+        interval: 100,
+    },
+    bounce: {
+        frames: ['⠁', '⠂', '⠄', '⠂'],
+        interval: 120,
+    },
+    bouncingBar: {
+        frames: [
+            '[    ]',
+            '[=   ]',
+            '[==  ]',
+            '[=== ]',
+            '[ ===]',
+            '[  ==]',
+            '[   =]',
+            '[    ]',
+            '[   =]',
+            '[  ==]',
+            '[ ===]',
+            '[====]',
+            '[=== ]',
+            '[==  ]',
+            '[=   ]',
+        ],
+        interval: 80,
+    },
+    arrow: {
+        frames: ['←', '↖', '↑', '↗', '→', '↘', '↓', '↙'],
+        interval: 100,
+    },
+    clock: {
+        frames: ['🕛', '🕐', '🕑', '🕒', '🕓', '🕔', '🕕', '🕖', '🕗', '🕘', '🕙', '🕚'],
+        interval: 100,
+    },
+    earth: {
+        frames: ['🌍', '🌎', '🌏'],
+        interval: 180,
+    },
+    moon: {
+        frames: ['🌑', '🌒', '🌓', '🌔', '🌕', '🌖', '🌗', '🌘'],
+        interval: 150,
+    },
+    runner: {
+        frames: ['🚶', '🏃'],
+        interval: 200,
+    },
+    pong: {
+        frames: [
+            '▐⠂       ▌',
+            '▐⠈       ▌',
+            '▐ ⠂      ▌',
+            '▐ ⠠      ▌',
+            '▐  ⡀     ▌',
+            '▐  ⠠     ▌',
+            '▐   ⠂    ▌',
+            '▐   ⠈    ▌',
+            '▐    ⠂   ▌',
+            '▐    ⠠   ▌',
+            '▐     ⡀  ▌',
+            '▐     ⠠  ▌',
+            '▐      ⠂ ▌',
+            '▐      ⠈ ▌',
+            '▐       ⠂▌',
+            '▐       ⠠▌',
+            '▐       ⡀▌',
+            '▐      ⠠ ▌',
+            '▐      ⠂ ▌',
+            '▐     ⠈  ▌',
+            '▐     ⠂  ▌',
+            '▐    ⠠   ▌',
+            '▐    ⡀   ▌',
+            '▐   ⠠    ▌',
+            '▐   ⠂    ▌',
+            '▐  ⠈     ▌',
+            '▐  ⠂     ▌',
+            '▐ ⠠      ▌',
+            '▐ ⡀      ▌',
+            '▐⠠       ▌',
+        ],
+        interval: 80,
+    },
+    shark: {
+        frames: [
+            '|\\____________|',
+            '_|\\__________|_',
+            '__|\\________|__',
+            '___|\\_______|___',
+            '____|\\_____|____',
+            '_____|\\___|_____',
+            '______|\\_|______',
+            '_______|_|______',
+            '________/|______',
+            '_______/_|______',
+            '______/__|______',
+            '_____/___|______',
+            '____/____|______',
+            '___/_____|______',
+            '__/______|______',
+            '_/_______|______',
+            '/________|______',
+        ],
+        interval: 80,
+    },
+    hearts: {
+        frames: ['💛', '💙', '💜', '💚', '❤️'],
+        interval: 150,
+    },
+    binary: {
+        frames: [
+            '010010',
+            '001100',
+            '100101',
+            '111010',
+            '001011',
+            '010111',
+            '101100',
+            '110001',
+        ],
+        interval: 100,
+    },
+};
+/** Loading text options */
+const LOADING_TEXTS = [
+    'Thinking...',
+    'Processing...',
+    'Analyzing...',
+    'Computing...',
+    'Calculating...',
+    'Synthesizing...',
+    'Optimizing...',
+    'Evaluating...',
+    'Generating...',
+    'Reasoning...',
+    'Understanding...',
+    'Connecting dots...',
+    'Almost there...',
+    'Working on it...',
+];
+/**
+ * Create a spinner state
+ */
+export function createSpinner(options = {}) {
+    const { style = 'dots', text = '', rotateText = true, textRotateInterval = 3000, speed = 1, } = options;
+    const spinner = SPINNERS[style];
+    const [frame, setFrame] = createSignal(0);
+    const [textIndex, setTextIndex] = createSignal(0);
+    const [startTime] = createSignal(Date.now());
+    const [isActive, setIsActive] = createSignal(true);
+    let frameTimer = null;
+    let textTimer = null;
+    const start = () => {
+        if (frameTimer)
+            return;
+        setIsActive(true);
+        // Frame animation
+        frameTimer = setInterval(() => {
+            setFrame((f) => (f + 1) % spinner.frames.length);
+        }, spinner.interval / speed);
+        // Text rotation
+        if (rotateText && !text) {
+            textTimer = setInterval(() => {
+                setTextIndex((i) => (i + 1) % LOADING_TEXTS.length);
+            }, textRotateInterval);
+        }
+    };
+    const stop = () => {
+        setIsActive(false);
+        if (frameTimer) {
+            clearInterval(frameTimer);
+            frameTimer = null;
+        }
+        if (textTimer) {
+            clearInterval(textTimer);
+            textTimer = null;
+        }
+    };
+    // Auto-start
+    start();
+    return {
+        frame,
+        textIndex,
+        startTime,
+        isActive,
+        start,
+        stop,
+        getFrame: () => spinner.frames[frame()],
+        getText: () => (text || LOADING_TEXTS[textIndex()]),
+        getElapsed: () => Math.floor((Date.now() - startTime()) / 1000),
+    };
+}
+/**
+ * Render a spinner
+ */
+export function renderSpinner(state, options = {}) {
+    const { showTime = true, showTokens = false, tokens = 0, showProgress = false, progress = 0, color = 'cyan', textColor = 'white', infoColor = 'gray', hint = 'esc to interrupt', } = options;
+    if (!state.isActive()) {
+        return Box({});
+    }
+    const frame = state.getFrame();
+    const text = state.getText();
+    const elapsed = state.getElapsed();
+    // Build info parts
+    const infoParts = [];
+    if (showTime) {
+        infoParts.push(`${elapsed}s`);
+    }
+    if (showTokens && tokens > 0) {
+        infoParts.push(`↑ ${formatNumber(tokens)} tokens`);
+    }
+    if (showProgress) {
+        infoParts.push(`${progress.toFixed(0)}%`);
+    }
+    if (hint) {
+        infoParts.push(hint);
+    }
+    const infoText = infoParts.length > 0 ? `(${infoParts.join(' · ')})` : '';
+    return Box({ flexDirection: 'row', gap: 1 }, Text({ color }, frame), Text({ color: textColor }, text), infoText ? Text({ color: infoColor, dim: true }, infoText) : Text({}, ''));
+}
+/**
+ * Simple standalone spinner component
+ */
+export function Spinner(options) {
+    const { isActive = true, ...rest } = options;
+    if (!isActive) {
+        return Box({});
+    }
+    // For simple usage, create inline state
+    const style = options.style || 'dots';
+    const spinner = SPINNERS[style];
+    const frameIndex = Math.floor(Date.now() / spinner.interval) % spinner.frames.length;
+    const textIndex = Math.floor(Date.now() / 3000) % LOADING_TEXTS.length;
+    const frame = spinner.frames[frameIndex];
+    const text = options.text || LOADING_TEXTS[textIndex];
+    const elapsed = 0; // Would need state for real tracking
+    const infoParts = [];
+    if (options.showTime)
+        infoParts.push(`${elapsed}s`);
+    if (options.showTokens && options.tokens)
+        infoParts.push(`↑ ${formatNumber(options.tokens)} tokens`);
+    if (options.showProgress && options.progress !== undefined)
+        infoParts.push(`${options.progress.toFixed(0)}%`);
+    if (options.hint)
+        infoParts.push(options.hint);
+    const infoText = infoParts.length > 0 ? `(${infoParts.join(' · ')})` : '';
+    return Box({ flexDirection: 'row', gap: 1 }, Text({ color: options.color || 'cyan' }, frame), Text({ color: options.textColor || 'white' }, text), infoText ? Text({ color: options.infoColor || 'gray', dim: true }, infoText) : Text({}, ''));
+}
+/**
+ * Format number with K/M suffixes
+ */
+function formatNumber(n) {
+    if (n >= 1000000)
+        return `${(n / 1000000).toFixed(1)}M`;
+    if (n >= 1000)
+        return `${(n / 1000).toFixed(1)}K`;
+    return String(n);
+}
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map

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

package/dist/components/split-panel.d.ts

@@ -0,0 +1,175 @@
+/**
+ * Split Panel Component - Two-column/row layouts for Reck
+ *
+ * Features:
+ * - Horizontal split (side by side)
+ * - Vertical split (stacked)
+ * - Fixed or percentage widths
+ * - Resizable divider
+ * - Collapsible panels
+ *
+ * @example
+ * ```typescript
+ * import { SplitPanel, createSplitPanel } from './split-panel.js';
+ *
+ * // Fixed split
+ * SplitPanel({
+ *   left: MyLeftPanel(),
+ *   right: MyRightPanel(),
+ *   leftWidth: 30,
+ *   divider: true
+ * })
+ *
+ * // Percentage split
+ * SplitPanel({
+ *   left: Sidebar(),
+ *   right: Content(),
+ *   ratio: 0.3, // 30% left, 70% right
+ * })
+ * ```
+ */
+import type { VNode } from '../utils/types.js';
+export type DividerStyle = 'line' | 'double' | 'dotted' | 'dashed' | 'thick' | 'none';
+/**
+ * Split Panel Props
+ */
+export interface SplitPanelProps {
+    /** Left/top panel content */
+    left: VNode;
+    /** Right/bottom panel content */
+    right: VNode;
+    /** Split direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Left/top panel fixed width (in characters) */
+    leftWidth?: number;
+    /** Right/bottom panel fixed width (in characters) */
+    rightWidth?: number;
+    /** Split ratio (0-1, percentage of left/top panel) */
+    ratio?: number;
+    /** Show divider between panels */
+    divider?: boolean;
+    /** Divider style */
+    dividerStyle?: DividerStyle;
+    /** Divider color */
+    dividerColor?: string;
+    /** Gap between panels (when no divider) */
+    gap?: number;
+    /** Border around the entire split panel */
+    border?: boolean;
+    /** Border style */
+    borderStyle?: 'single' | 'double' | 'round';
+    /** Border color */
+    borderColor?: string;
+    /** Minimum width for each panel */
+    minWidth?: number;
+    /** Panel titles */
+    leftTitle?: string;
+    rightTitle?: string;
+    /** Title colors */
+    leftTitleColor?: string;
+    rightTitleColor?: string;
+}
+/**
+ * Split Panel Component
+ *
+ * Creates a two-panel layout with customizable split ratio and divider.
+ *
+ * @example
+ * ```typescript
+ * // Side-by-side panels with divider
+ * SplitPanel({
+ *   left: NavigationPanel(),
+ *   right: ContentPanel(),
+ *   ratio: 0.25,
+ *   divider: true,
+ *   dividerStyle: 'line',
+ *   leftTitle: 'Navigation',
+ *   rightTitle: 'Content'
+ * })
+ *
+ * // Stacked panels (top/bottom)
+ * SplitPanel({
+ *   left: HeaderPanel(),
+ *   right: BodyPanel(),
+ *   direction: 'vertical',
+ *   leftWidth: 3, // 3 lines for header
+ * })
+ * ```
+ */
+export declare function SplitPanel(props: SplitPanelProps): VNode;
+/**
+ * State for interactive split panel
+ */
+export interface SplitPanelState {
+    ratio: number;
+    leftCollapsed: boolean;
+    rightCollapsed: boolean;
+    setRatio: (ratio: number) => void;
+    toggleLeft: () => void;
+    toggleRight: () => void;
+    expandLeft: () => void;
+    expandRight: () => void;
+}
+/**
+ * Create interactive split panel state
+ *
+ * @example
+ * ```typescript
+ * const split = createSplitPanel({ initialRatio: 0.3 });
+ *
+ * // Use in component
+ * SplitPanel({
+ *   left: leftCollapsed ? CollapsedSidebar() : FullSidebar(),
+ *   right: ContentArea(),
+ *   ratio: split.ratio,
+ * })
+ *
+ * // Toggle panels
+ * if (key === '[') split.toggleLeft();
+ * if (key === ']') split.toggleRight();
+ * ```
+ */
+export declare function createSplitPanel(options: {
+    initialRatio?: number;
+    minRatio?: number;
+    maxRatio?: number;
+}): SplitPanelState;
+/**
+ * Three-panel layout (common for IDE-like interfaces)
+ */
+export interface ThreePanelProps {
+    /** Left sidebar */
+    left: VNode;
+    /** Main content area */
+    center: VNode;
+    /** Right sidebar (optional) */
+    right?: VNode;
+    /** Left panel width */
+    leftWidth?: number;
+    /** Right panel width */
+    rightWidth?: number;
+    /** Show dividers */
+    dividers?: boolean;
+    /** Divider style */
+    dividerStyle?: DividerStyle;
+}
+/**
+ * Three Panel Layout
+ *
+ * Common layout for editors/IDEs with left sidebar, main content, and optional right panel.
+ *
+ * @example
+ * ```typescript
+ * ThreePanel({
+ *   left: FileTree(),
+ *   center: Editor(),
+ *   right: Properties(),
+ *   leftWidth: 25,
+ *   rightWidth: 30,
+ *   dividers: true
+ * })
+ * ```
+ */
+export declare function ThreePanel(props: ThreePanelProps): VNode;
+export type { VNode };
+//# sourceMappingURL=split-panel.d.ts.map

package/dist/components/split-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../src/components/split-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAuB/C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,iCAAiC;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA4ED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CA2HxD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CAsDlB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,EAAE,KAAK,CAAC;IACZ,wBAAwB;IACxB,MAAM,EAAE,KAAK,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAoCxD;AAED,YAAY,EAAE,KAAK,EAAE,CAAC"}