tuiuiu.js 0.1.1

package/dist/atoms/slider.js

@@ -0,0 +1,317 @@
+/**
+ * Slider - Numeric value slider
+ *
+ * @layer Atom
+ * @description Interactive slider for numeric value selection
+ *
+ * Features:
+ * - Keyboard-driven value selection
+ * - Step increments
+ * - Range constraints
+ * - Visual track and thumb
+ * - Value display
+ */
+import { Box, Text } from '../primitives/nodes.js';
+import { createSignal } from '../primitives/signal.js';
+import { useInput } from '../hooks/index.js';
+import { getRenderMode } from '../core/capabilities.js';
+// =============================================================================
+// State Factory
+// =============================================================================
+/**
+ * Create a Slider state manager
+ */
+export function createSlider(options = {}) {
+    const { min = 0, max = 100, step = 1, initialValue = min, onChange, } = options;
+    const clamp = (v) => Math.max(min, Math.min(max, v));
+    const [value, setValueSignal] = createSignal(clamp(initialValue));
+    const normalized = () => {
+        const range = max - min;
+        return range > 0 ? (value() - min) / range : 0;
+    };
+    const increment = () => {
+        setValueSignal((v) => {
+            const newValue = clamp(v + step);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const decrement = () => {
+        setValueSignal((v) => {
+            const newValue = clamp(v - step);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const incrementLarge = () => {
+        const largeStep = step * 10;
+        setValueSignal((v) => {
+            const newValue = clamp(v + largeStep);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const decrementLarge = () => {
+        const largeStep = step * 10;
+        setValueSignal((v) => {
+            const newValue = clamp(v - largeStep);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const setValue = (newValue) => {
+        const clamped = clamp(newValue);
+        if (clamped !== value()) {
+            setValueSignal(clamped);
+            onChange?.(clamped);
+        }
+    };
+    const setNormalized = (norm) => {
+        const clampedNorm = Math.max(0, Math.min(1, norm));
+        const newValue = min + clampedNorm * (max - min);
+        setValue(newValue);
+    };
+    return {
+        value,
+        normalized,
+        increment,
+        decrement,
+        incrementLarge,
+        decrementLarge,
+        setValue,
+        setNormalized,
+    };
+}
+/**
+ * Slider - Numeric value slider
+ *
+ * @example
+ * // Basic slider
+ * Slider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: 50,
+ *   onChange: (value) => console.log(value),
+ * })
+ *
+ * @example
+ * // Volume control
+ * Slider({
+ *   label: 'Volume',
+ *   min: 0,
+ *   max: 100,
+ *   showValue: true,
+ *   formatValue: (v) => `${v}%`,
+ *   filledColor: 'green',
+ * })
+ */
+export function Slider(props) {
+    const { min = 0, max = 100, width = 20, showValue = true, showMinMax = false, formatValue = (v) => String(Math.round(v)), filledColor = 'cyan', emptyColor = 'gray', thumbColor = 'white', disabled = false, isActive = true, label, state: externalState, } = props;
+    const state = externalState || createSlider(props);
+    const isAscii = getRenderMode() === 'ascii';
+    // Setup keyboard handling
+    useInput((input, key) => {
+        if (disabled)
+            return;
+        if (key.leftArrow || input === 'h') {
+            state.decrement();
+        }
+        else if (key.rightArrow || input === 'l') {
+            state.increment();
+        }
+        else if (key.upArrow || input === 'k') {
+            state.incrementLarge();
+        }
+        else if (key.downArrow || input === 'j') {
+            state.decrementLarge();
+        }
+        else if (input === '0') {
+            state.setValue(min);
+        }
+        else if (input === '$') {
+            state.setValue(max);
+        }
+    }, { isActive });
+    const norm = state.normalized();
+    const currentValue = state.value();
+    const thumbPos = Math.round(norm * (width - 1));
+    // Build track
+    const trackParts = [];
+    if (isAscii) {
+        // ASCII: [=====>    ]
+        for (let i = 0; i < width; i++) {
+            if (i < thumbPos) {
+                trackParts.push(Text({ color: filledColor }, '='));
+            }
+            else if (i === thumbPos) {
+                trackParts.push(Text({ color: thumbColor, bold: true }, '>'));
+            }
+            else {
+                trackParts.push(Text({ color: emptyColor, dim: true }, '-'));
+            }
+        }
+    }
+    else {
+        // Unicode: ━━━━●░░░░░
+        for (let i = 0; i < width; i++) {
+            if (i < thumbPos) {
+                trackParts.push(Text({ color: filledColor }, '━'));
+            }
+            else if (i === thumbPos) {
+                trackParts.push(Text({ color: thumbColor, bold: true }, '●'));
+            }
+            else {
+                trackParts.push(Text({ color: emptyColor, dim: true }, '░'));
+            }
+        }
+    }
+    // Build full component
+    const parts = [];
+    if (label) {
+        parts.push(Box({ marginRight: 1 }, Text({ dim: disabled }, label)));
+    }
+    if (showMinMax) {
+        parts.push(Box({ marginRight: 1 }, Text({ color: 'gray', dim: true }, formatValue(min))));
+    }
+    parts.push(Box({ flexDirection: 'row' }, ...trackParts));
+    if (showMinMax) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: 'gray', dim: true }, formatValue(max))));
+    }
+    if (showValue) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: filledColor }, formatValue(currentValue))));
+    }
+    return Box({ flexDirection: 'row', alignItems: 'center' }, ...parts);
+}
+/**
+ * Create a RangeSlider state manager
+ */
+export function createRangeSlider(options = {}) {
+    const { min = 0, max = 100, step = 1, initialValue = [min, max], onChange, } = options;
+    const clamp = (v) => Math.max(min, Math.min(max, v));
+    const [range, setRangeSignal] = createSignal([
+        clamp(initialValue[0]),
+        clamp(initialValue[1]),
+    ]);
+    const [activeThumb, setActiveThumb] = createSignal('start');
+    const switchThumb = () => {
+        setActiveThumb((t) => (t === 'start' ? 'end' : 'start'));
+    };
+    const increment = () => {
+        setRangeSignal((r) => {
+            const thumb = activeThumb();
+            let newRange;
+            if (thumb === 'start') {
+                const newStart = clamp(r[0] + step);
+                newRange = [Math.min(newStart, r[1]), r[1]];
+            }
+            else {
+                const newEnd = clamp(r[1] + step);
+                newRange = [r[0], newEnd];
+            }
+            if (newRange[0] !== r[0] || newRange[1] !== r[1]) {
+                onChange?.(newRange);
+            }
+            return newRange;
+        });
+    };
+    const decrement = () => {
+        setRangeSignal((r) => {
+            const thumb = activeThumb();
+            let newRange;
+            if (thumb === 'start') {
+                const newStart = clamp(r[0] - step);
+                newRange = [newStart, r[1]];
+            }
+            else {
+                const newEnd = clamp(r[1] - step);
+                newRange = [r[0], Math.max(newEnd, r[0])];
+            }
+            if (newRange[0] !== r[0] || newRange[1] !== r[1]) {
+                onChange?.(newRange);
+            }
+            return newRange;
+        });
+    };
+    const setRange = (newRange) => {
+        const clamped = [
+            clamp(Math.min(newRange[0], newRange[1])),
+            clamp(Math.max(newRange[0], newRange[1])),
+        ];
+        setRangeSignal(clamped);
+        onChange?.(clamped);
+    };
+    return {
+        range,
+        activeThumb,
+        switchThumb,
+        increment,
+        decrement,
+        setRange,
+    };
+}
+/**
+ * RangeSlider - Two-thumb range selection
+ *
+ * @example
+ * RangeSlider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: [20, 80],
+ *   onChange: ([start, end]) => console.log(start, end),
+ * })
+ */
+export function RangeSlider(props) {
+    const { min = 0, max = 100, width = 20, showValue = true, formatValue = (v) => String(Math.round(v)), rangeColor = 'cyan', trackColor = 'gray', isActive = true, } = props;
+    const state = createRangeSlider(props);
+    const isAscii = getRenderMode() === 'ascii';
+    // Setup keyboard handling
+    useInput((input, key) => {
+        if (key.leftArrow || input === 'h') {
+            state.decrement();
+        }
+        else if (key.rightArrow || input === 'l') {
+            state.increment();
+        }
+        else if (key.tab || input === ' ') {
+            state.switchThumb();
+        }
+    }, { isActive });
+    const [start, end] = state.range();
+    const active = state.activeThumb();
+    const rangeVal = max - min;
+    const startPos = Math.round(((start - min) / rangeVal) * (width - 1));
+    const endPos = Math.round(((end - min) / rangeVal) * (width - 1));
+    // Build track
+    const trackParts = [];
+    const thumbChar = isAscii ? 'O' : '●';
+    const filledChar = isAscii ? '=' : '━';
+    const emptyChar = isAscii ? '-' : '░';
+    for (let i = 0; i < width; i++) {
+        if (i === startPos) {
+            trackParts.push(Text({ color: active === 'start' ? 'white' : rangeColor, bold: active === 'start' }, thumbChar));
+        }
+        else if (i === endPos) {
+            trackParts.push(Text({ color: active === 'end' ? 'white' : rangeColor, bold: active === 'end' }, thumbChar));
+        }
+        else if (i > startPos && i < endPos) {
+            trackParts.push(Text({ color: rangeColor }, filledChar));
+        }
+        else {
+            trackParts.push(Text({ color: trackColor, dim: true }, emptyChar));
+        }
+    }
+    const parts = [];
+    if (showValue) {
+        parts.push(Box({ marginRight: 1 }, Text({ color: 'gray' }, formatValue(start))));
+    }
+    parts.push(Box({ flexDirection: 'row' }, ...trackParts));
+    if (showValue) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: 'gray' }, formatValue(end))));
+    }
+    return Box({ flexDirection: 'row', alignItems: 'center' }, ...parts);
+}
+//# sourceMappingURL=slider.js.map

package/dist/atoms/slider.js.map

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

package/dist/atoms/spinner.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Spinner - Advanced loading indicator
+ *
+ * @layer Atom
+ * @description Animated loading indicators with 60+ styles
+ *
+ * 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 type { VNode } from '../utils/types.js';
+/** Available spinner styles - 60+ options */
+export type SpinnerStyle = 'dots' | 'dots2' | 'dots3' | 'dots4' | 'dots5' | 'dots6' | 'dots7' | 'dots8' | 'dots9' | 'dots10' | 'dots11' | 'dots12' | 'line' | 'line2' | 'pipe' | 'arc' | 'circle' | 'circleQuarters' | 'circleHalves' | 'square' | 'squareCorners' | 'triangle' | 'bounce' | 'bouncingBar' | 'bouncingBall' | 'arrow' | 'arrow2' | 'arrow3' | 'toggle' | 'toggle2' | 'toggle3' | 'toggle4' | 'toggle5' | 'toggle6' | 'toggle7' | 'toggle8' | 'toggle9' | 'toggle10' | 'toggle11' | 'toggle12' | 'toggle13' | 'clock' | 'earth' | 'moon' | 'runner' | 'hearts' | 'smiley' | 'monkey' | 'weather' | 'christmas' | 'pong' | 'shark' | 'growVertical' | 'growHorizontal' | 'material' | 'aesthetic' | 'star' | 'star2' | 'flip' | 'hamburger' | 'balloon' | 'balloon2' | 'noise' | 'boxBounce' | 'boxBounce2' | 'squish' | 'simpleDots' | 'simpleDotsScrolling' | 'point' | 'layer' | 'betaWave' | 'grenade' | 'dqpb' | 'binary';
+export interface SpinnerOptions {
+    /** Spinner animation style */
+    style?: SpinnerStyle;
+    /** Text to show next to spinner */
+    text?: string;
+    /** Rotate through loading texts */
+    rotateText?: boolean;
+    /** Text rotation interval (ms) */
+    textRotateInterval?: number;
+    /** Show elapsed time */
+    showTime?: boolean;
+    /** Show token count */
+    showTokens?: boolean;
+    /** Current token count */
+    tokens?: number;
+    /** Show progress percentage */
+    showProgress?: boolean;
+    /** Progress (0-100) */
+    progress?: number;
+    /** Spinner color */
+    color?: string;
+    /** Text color */
+    textColor?: string;
+    /** Secondary info color */
+    infoColor?: string;
+    /** Custom speed multiplier */
+    speed?: number;
+    /** Hint text (e.g., "esc to cancel") */
+    hint?: string;
+    /** Minimum width for binary spinner (defaults to 6) */
+    minWidth?: number;
+}
+/**
+ * Create a spinner state
+ */
+export declare function createSpinner(options?: SpinnerOptions): {
+    frame: () => number;
+    textIndex: () => number;
+    startTime: () => number;
+    isActive: () => boolean;
+    start: () => void;
+    stop: () => void;
+    getFrame: () => string;
+    getText: () => string;
+    getElapsed: () => number;
+};
+/**
+ * Render a spinner
+ */
+export declare function renderSpinner(state: ReturnType<typeof createSpinner>, options?: SpinnerOptions): VNode;
+/**
+ * Simple standalone spinner component
+ */
+export declare function Spinner(options: SpinnerOptions & {
+    isActive?: boolean;
+}): VNode;
+/**
+ * List all available spinner style names.
+ */
+export declare function listSpinnerStyles(): SpinnerStyle[];
+/**
+ * Get spinner configuration for a style.
+ */
+export declare function getSpinnerConfig(style: SpinnerStyle): {
+    frames: string[];
+    interval: number;
+};
+/**
+ * Get the total number of available spinner styles.
+ */
+export declare function getSpinnerCount(): number;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/atoms/spinner.d.ts.map

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