linecraft 0.2.1 → 0.2.2

package/lib/components/prompt.js

@@ -1,77 +1,25 @@
 // Prompt component - improved API for prompts like "Press SPACEBAR"
-import { color } from '../api/color';
+import { Styled } from './styled';
 /**
- * Show a prompt message (like "Press SPACEBAR to continue...")
- * This is a better API than waitForSpacebar for general prompts
+ * Create a Prompt component that can be added to a region
+ * The component renders a blank line followed by the prompt message
  */
-export async function showPrompt(region, options) {
-    const { message, key = 'SPACEBAR', color: promptColor = 'brightBlack', position = 'below', } = options;
-    const currentHeight = region.height;
-    const promptText = color(promptColor, `Press ${key} to ${message}...`);
-    if (position === 'below') {
-        // Add blank line, then prompt
-        region.setLine(currentHeight + 1, '');
-        region.setLine(currentHeight + 2, promptText);
-    }
-    else {
-        // Add prompt above current content
-        // This would require shifting all content down, which is complex
-        // For now, just add below
-        region.setLine(currentHeight + 1, '');
-        region.setLine(currentHeight + 2, promptText);
-    }
-    region.flush();
-    // Wait for keypress
-    return new Promise((resolve) => {
-        const stdin = process.stdin;
-        if (!stdin.isTTY) {
-            resolve();
-            return;
+export function Prompt(options) {
+    const { message, key = 'SPACEBAR', color: promptColor = 'brightBlack', } = options;
+    return (ctx) => {
+        const promptText = `Press ${key} to ${message}...`;
+        const styledComponent = Styled({ color: promptColor }, promptText);
+        const styledResult = styledComponent(ctx);
+        // Return blank line + prompt
+        if (typeof styledResult === 'string') {
+            return ['', styledResult];
         }
-        let rawMode = false;
-        try {
-            rawMode = stdin.isRaw || false;
-            stdin.setRawMode(true);
-            stdin.resume();
-            stdin.setEncoding('utf8');
+        else if (Array.isArray(styledResult)) {
+            return ['', ...styledResult];
         }
-        catch (err) {
-            // EIO error - stdin not available
-            resolve();
-            return;
+        else {
+            return ['', promptText];
         }
-        const onData = (key) => {
-            // Handle spacebar, enter, or 'q'
-            if (key === ' ' || key === '\r' || key === '\n' || key === 'q' || key === 'Q') {
-                cleanup();
-                resolve();
-            }
-            // Handle Ctrl+C
-            if (key === '\u0003') {
-                cleanup();
-                process.exit(0);
-            }
-        };
-        const onSIGINT = () => {
-            cleanup();
-            process.exit(0);
-        };
-        const cleanup = () => {
-            stdin.removeListener('data', onData);
-            // CRITICAL: Remove SIGINT listener to prevent memory leak
-            // Use removeListener instead of once to ensure we can clean it up
-            process.removeListener('SIGINT', onSIGINT);
-            try {
-                stdin.setRawMode(rawMode);
-                stdin.pause();
-            }
-            catch (err) {
-                // Ignore errors
-            }
-        };
-        stdin.on('data', onData);
-        // Use on() instead of once() so we can remove it in cleanup
-        process.on('SIGINT', onSIGINT);
-    });
+    };
 }
 //# sourceMappingURL=prompt.js.map

package/lib/components/prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../src/components/prompt.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../src/components/prompt.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAKpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,OAAsB;IAC3C,MAAM,EACJ,OAAO,EACP,GAAG,GAAG,UAAU,EAChB,KAAK,EAAE,WAAW,GAAG,aAAa,GACnC,GAAG,OAAO,CAAC;IAEZ,OAAO,CAAC,GAAG,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,OAAO,KAAK,CAAC;QACnD,MAAM,eAAe,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,UAAU,CAAC,CAAC;QACnE,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;QAE1C,6BAA6B;QAC7B,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,EAAE,EAAE,GAAG,YAAY,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;QAC5B,CAAC;IACD,CAAC,CAAC;AACJ,CAAC"}

package/lib/components/section.d.ts

@@ -0,0 +1,33 @@
+import type { Component } from '../component';
+import type { Color } from '../types';
+export interface SectionOptions {
+    title: string;
+    titleColor?: Color;
+    borderColor?: Color;
+    padding?: number;
+    left?: boolean;
+    right?: boolean;
+    top?: boolean;
+    bottom?: boolean;
+}
+/**
+ * Section component - wraps content in a box with a tabbed title
+ *
+ * The title appears in a "tab" at the top, and the content is wrapped in a box.
+ * Uses rounded corners (╭ ╮ ╰ ╯) for a clean look. You can control which borders
+ * are shown using `left`, `right`, `top`, and `bottom` options.
+ *
+ * @example
+ * // Default: all borders shown
+ * Section({ title: 'My Section' }, ...)
+ *
+ * @example
+ * // Only left and right borders (no top/bottom)
+ * Section({ title: 'My Section', top: false, bottom: false }, ...)
+ *
+ * @example
+ * // Only left border
+ * Section({ title: 'My Section', right: false, top: false, bottom: false }, ...)
+ */
+export declare function Section(options: SectionOptions, ...children: Component[]): Component;
+//# sourceMappingURL=section.d.ts.map

package/lib/components/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/components/section.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CACrB,OAAO,EAAE,cAAc,EACvB,GAAG,QAAQ,EAAE,SAAS,EAAE,GACvB,SAAS,CAyLX"}

package/lib/components/section.js

@@ -0,0 +1,178 @@
+// Section component - wraps content in a box with a tabbed title
+import { renderChildren } from '../component';
+import { applyStyle } from '../utils/colors';
+/**
+ * Section component - wraps content in a box with a tabbed title
+ *
+ * The title appears in a "tab" at the top, and the content is wrapped in a box.
+ * Uses rounded corners (╭ ╮ ╰ ╯) for a clean look. You can control which borders
+ * are shown using `left`, `right`, `top`, and `bottom` options.
+ *
+ * @example
+ * // Default: all borders shown
+ * Section({ title: 'My Section' }, ...)
+ *
+ * @example
+ * // Only left and right borders (no top/bottom)
+ * Section({ title: 'My Section', top: false, bottom: false }, ...)
+ *
+ * @example
+ * // Only left border
+ * Section({ title: 'My Section', right: false, top: false, bottom: false }, ...)
+ */
+export function Section(options, ...children) {
+    return (ctx) => {
+        const { title, titleColor = 'brightCyan', borderColor = 'brightBlack', padding = 1, left = true, right = true, top = true, bottom = true, } = options;
+        const availableWidth = ctx.availableWidth;
+        const titleText = ` ${title} `;
+        const titleWidth = titleText.length;
+        // Calculate box width (full available width)
+        const boxWidth = availableWidth;
+        // Calculate content width: subtract borders and padding
+        const borderWidth = (left ? 1 : 0) + (right ? 1 : 0);
+        const contentWidth = Math.max(0, boxWidth - borderWidth - (padding * 2));
+        // Render children - simple and clean!
+        const contentLines = renderChildren(children, {
+            ...ctx,
+            availableWidth: contentWidth,
+        });
+        // Build the section with tab and box (even if empty)
+        const lines = [];
+        // Always use rounded corners when showing them
+        const topLeftChar = '╭';
+        const topRightChar = '╮';
+        const bottomLeftChar = '╰';
+        const bottomRightChar = '╯';
+        const tabHorizontal = applyStyle('─', { color: borderColor });
+        const vertical = applyStyle('│', { color: borderColor });
+        const paddingSpaces = ' '.repeat(padding);
+        // Top border/tab line: ╭─ Title ────────────────╮
+        if (top) {
+            const tabTitle = applyStyle(titleText, { color: titleColor });
+            let tabLine = '';
+            // Top-left corner: always shown when top line is visible (top is true here)
+            // Also shown if left border is visible
+            tabLine += applyStyle(topLeftChar, { color: borderColor });
+            // Title
+            tabLine += tabTitle;
+            // Horizontal line after title
+            const spaceAfterTitle = Math.max(0, boxWidth - titleWidth - 1 - 1); // minus both corners
+            tabLine += tabHorizontal.repeat(spaceAfterTitle);
+            // Top-right corner: always shown when top line is visible (top is true here)
+            // Also shown if right border is visible
+            tabLine += applyStyle(topRightChar, { color: borderColor });
+            lines.push(tabLine);
+        }
+        // Calculate which line is first and last (excluding top/bottom border lines)
+        const totalContentLines = padding + contentLines.length + padding;
+        let lineIndex = 0;
+        // Top padding: empty lines with borders
+        for (let i = 0; i < padding; i++) {
+            const isFirstLine = lineIndex === 0;
+            const isLastLine = lineIndex === totalContentLines - 1;
+            let line = '';
+            // Left border: show top-left corner on first line if left is visible (unless top already added it)
+            if (left && isFirstLine && !top) {
+                line += applyStyle(topLeftChar, { color: borderColor });
+            }
+            else if (left && isLastLine && !bottom) {
+                // Left border: show bottom-left corner on last line if left is visible (unless bottom already added it)
+                line += applyStyle(bottomLeftChar, { color: borderColor });
+            }
+            else if (left) {
+                line += vertical;
+            }
+            line += paddingSpaces + ' '.repeat(contentWidth) + paddingSpaces;
+            // Right border: show top-right corner on first line if right is visible (unless top already added it)
+            if (right && isFirstLine && !top) {
+                line += applyStyle(topRightChar, { color: borderColor });
+            }
+            else if (right && isLastLine && !bottom) {
+                // Right border: show bottom-right corner on last line if right is visible (unless bottom already added it)
+                line += applyStyle(bottomRightChar, { color: borderColor });
+            }
+            else if (right) {
+                line += vertical;
+            }
+            lines.push(line);
+            lineIndex++;
+        }
+        // Content lines - children already know their available width
+        for (let i = 0; i < contentLines.length; i++) {
+            const isFirstLine = lineIndex === 0;
+            const isLastLine = lineIndex === totalContentLines - 1;
+            const contentLine = contentLines[i];
+            let line = '';
+            // Left border: show top-left corner on first line if left is visible (unless top already added it)
+            if (left && isFirstLine && !top) {
+                line += applyStyle(topLeftChar, { color: borderColor });
+            }
+            else if (left && isLastLine && !bottom) {
+                // Left border: show bottom-left corner on last line if left is visible (unless bottom already added it)
+                line += applyStyle(bottomLeftChar, { color: borderColor });
+            }
+            else if (left) {
+                line += vertical;
+            }
+            line += paddingSpaces + contentLine + paddingSpaces;
+            // Right border: show top-right corner on first line if right is visible (unless top already added it)
+            if (right && isFirstLine && !top) {
+                line += applyStyle(topRightChar, { color: borderColor });
+            }
+            else if (right && isLastLine && !bottom) {
+                // Right border: show bottom-right corner on last line if right is visible (unless bottom already added it)
+                line += applyStyle(bottomRightChar, { color: borderColor });
+            }
+            else if (right) {
+                line += vertical;
+            }
+            lines.push(line);
+            lineIndex++;
+        }
+        // Bottom padding: empty lines with borders
+        for (let i = 0; i < padding; i++) {
+            const isFirstLine = lineIndex === 0;
+            const isLastLine = lineIndex === totalContentLines - 1;
+            let line = '';
+            // Left border: show top-left corner on first line if left is visible (unless top already added it)
+            if (left && isFirstLine && !top) {
+                line += applyStyle(topLeftChar, { color: borderColor });
+            }
+            else if (left && isLastLine && !bottom) {
+                // Left border: show bottom-left corner on last line if left is visible (unless bottom already added it)
+                line += applyStyle(bottomLeftChar, { color: borderColor });
+            }
+            else if (left) {
+                line += vertical;
+            }
+            line += paddingSpaces + ' '.repeat(contentWidth) + paddingSpaces;
+            // Right border: show top-right corner on first line if right is visible (unless top already added it)
+            if (right && isFirstLine && !top) {
+                line += applyStyle(topRightChar, { color: borderColor });
+            }
+            else if (right && isLastLine && !bottom) {
+                // Right border: show bottom-right corner on last line if right is visible (unless bottom already added it)
+                line += applyStyle(bottomRightChar, { color: borderColor });
+            }
+            else if (right) {
+                line += vertical;
+            }
+            lines.push(line);
+            lineIndex++;
+        }
+        // Bottom border: ╰───────────────────────╯
+        if (bottom) {
+            let bottomLine = '';
+            // Bottom-left corner: always shown when bottom line is visible
+            bottomLine += applyStyle(bottomLeftChar, { color: borderColor });
+            // Horizontal line
+            const horizontalWidth = Math.max(0, boxWidth - 1 - 1); // minus both corners
+            bottomLine += tabHorizontal.repeat(horizontalWidth);
+            // Bottom-right corner: always shown when bottom line is visible
+            bottomLine += applyStyle(bottomRightChar, { color: borderColor });
+            lines.push(bottomLine);
+        }
+        return lines;
+    };
+}
+//# sourceMappingURL=section.js.map

package/lib/components/section.js.map

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

package/lib/components/segments.d.ts

@@ -0,0 +1,26 @@
+import type { Component } from '../component';
+import type { Color } from '../types';
+export type BorderStyle = 'cap' | 'capHalf' | 'brace' | 'dot' | 'asterisk';
+export interface Segment {
+    content: string;
+    color?: Color;
+    borderStyle?: BorderStyle;
+}
+export interface SegmentsOptions {
+    segments: Segment[];
+}
+/**
+ * Segments component - renders decorated segments with automatic dividers
+ *
+ * Segments are decorated with borders/symbols on the default terminal background,
+ * and automatically connected with dash dividers (─). Content is automatically padded.
+ *
+ * Simple API:
+ * - content: Text content (padding added automatically)
+ * - color: Text color (borders use same color)
+ * - borderStyle: Border decoration style (default: 'cap')
+ *
+ * Border styles: 'cap' (default), 'capHalf', 'brace', 'dot', 'asterisk'
+ */
+export declare function Segments(options: SegmentsOptions): Component;
+//# sourceMappingURL=segments.d.ts.map

package/lib/components/segments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segments.d.ts","sourceRoot":"","sources":["../../src/components/segments.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAiCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAkE5D"}

package/lib/components/segments.js

@@ -0,0 +1,105 @@
+// Segments component - OhMyZsh/Powerline-style colored segments with angled dividers
+import { applyStyle } from '../utils/colors';
+import { truncateToWidth } from '../utils/text';
+/**
+ * Get border characters for segment decoration
+ * Creates borders around segments on default terminal background
+ */
+function getBorderChars(style) {
+    switch (style) {
+        case 'cap':
+            // Half-filled circles - the favorite!
+            // ◐ (U+25D0) = Circle with left half black
+            // ◑ (U+25D1) = Circle with right half black
+            return { left: '◐', right: '◑' };
+        case 'capHalf':
+            // Upper half circles - mirrored to face the text
+            // ◖ (U+25D6) = Upper half circle (left)
+            // ◗ (U+25D7) = Lower half circle (right, creates mirror effect)
+            return { left: '◖', right: '◗' };
+        case 'brace':
+            // Curly braces - classic and clean
+            return { left: '{', right: '}' };
+        case 'dot':
+            // Small dot/point
+            // · (U+00B7) = Middle dot (smaller, lighter)
+            return { left: '·', right: '·' };
+        case 'asterisk':
+            // Asterisk/star points
+            // * (U+002A) = Asterisk
+            return { left: '*', right: '*' };
+    }
+}
+/**
+ * Segments component - renders decorated segments with automatic dividers
+ *
+ * Segments are decorated with borders/symbols on the default terminal background,
+ * and automatically connected with dash dividers (─). Content is automatically padded.
+ *
+ * Simple API:
+ * - content: Text content (padding added automatically)
+ * - color: Text color (borders use same color)
+ * - borderStyle: Border decoration style (default: 'cap')
+ *
+ * Border styles: 'cap' (default), 'capHalf', 'brace', 'dot', 'asterisk'
+ */
+export function Segments(options) {
+    return (ctx) => {
+        const { segments } = options;
+        if (segments.length === 0) {
+            return '';
+        }
+        const availableWidth = ctx.availableWidth;
+        let result = '';
+        let usedWidth = 0;
+        for (let i = 0; i < segments.length; i++) {
+            const segment = segments[i];
+            const nextSegment = i < segments.length - 1 ? segments[i + 1] : null;
+            // Left divider (automatic - dash for middle segments)
+            if (i > 0) {
+                // Always use dash (─) for dividers - it works well with all border styles
+                const dividerColor = 'brightBlack';
+                const styledDivider = applyStyle('─', { color: dividerColor });
+                result += styledDivider;
+                usedWidth += 1;
+            }
+            // Left border decoration
+            const borderStyle = segment.borderStyle ?? 'cap';
+            const borderChars = getBorderChars(borderStyle);
+            if (borderChars.left) {
+                // Auto-theme: borders use text color
+                const borderColor = segment.color ?? 'brightCyan';
+                result += applyStyle(borderChars.left, { color: borderColor });
+                usedWidth += 1;
+            }
+            // Segment content with automatic padding (no background, just text color)
+            // Trim content and add padding automatically
+            const trimmedContent = segment.content.trim();
+            const paddedContent = ` ${trimmedContent} `;
+            const styledContent = applyStyle(paddedContent, {
+                color: segment.color,
+                // No backgroundColor - uses default terminal background
+            });
+            result += styledContent;
+            usedWidth += paddedContent.length;
+            // Right border decoration
+            if (borderChars.right) {
+                // Auto-theme: borders use text color
+                const borderColor = segment.color ?? 'brightCyan';
+                result += applyStyle(borderChars.right, { color: borderColor });
+                usedWidth += 1;
+            }
+            // Right divider (automatic - dash for middle segments)
+            if (i < segments.length - 1) {
+                // Always use dash (─) for dividers - it works well with all border styles
+                const dividerColor = 'brightBlack';
+                const styledDivider = applyStyle('─', { color: dividerColor });
+                result += styledDivider;
+                usedWidth += 1;
+            }
+        }
+        // Truncate if needed (preserving ANSI codes)
+        return truncateToWidth(result, availableWidth);
+    };
+}
+//# sourceMappingURL=segments.js.map

package/lib/components/segments.js.map

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

package/lib/components/spinner.d.ts

@@ -1,18 +1,20 @@
-import { TerminalRegion } from '../region';
-import type { SpinnerOptions } from '../types';
-export declare class Spinner {
-    private region;
-    private lineNumber;
-    private frameIndex;
-    private text;
-    private interval?;
-    private isRunning;
-    private frames;
-    private intervalMs;
-    constructor(region: TerminalRegion, lineNumber: number, options?: SpinnerOptions);
-    start(): void;
-    stop(): void;
-    setText(text: string): void;
-    private render;
+import type { Component } from '../component';
+import type { Color } from '../types';
+export type SpinnerStyle = 'classic-dots' | 'bouncing-bar';
+export interface SpinnerOptions {
+    style?: SpinnerStyle;
+    frames?: string[];
+    interval?: number;
+    color?: Color;
+    autoStart?: boolean;
 }
+/**
+ * Create a spinner component that manages its own animation state
+ * Returns an object with render(), start(), and stop() methods
+ */
+export declare function Spinner(options?: SpinnerOptions): {
+    render: Component;
+    start: () => void;
+    stop: () => void;
+};
 //# sourceMappingURL=spinner.d.ts.map

package/lib/components/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,IAAI,CAAc;IAC1B,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,UAAU,CAAS;gBAEf,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAOpF,KAAK,IAAI,IAAI;IAWb,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK3B,OAAO,CAAC,MAAM;CAQf"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG,cAAc,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAQD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,OAAO,GAAE,cAAmB,GAAG;IACrD,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAoEA"}

package/lib/components/spinner.js

@@ -1,50 +1,66 @@
-const DEFAULT_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-export class Spinner {
-    region;
-    lineNumber; // 1-based
-    frameIndex = 0;
-    text = '';
-    interval;
-    isRunning = false;
-    frames;
-    intervalMs;
-    constructor(region, lineNumber, options = {}) {
-        this.region = region;
-        this.lineNumber = lineNumber;
-        this.frames = options.frames ?? DEFAULT_SPINNER_FRAMES;
-        this.intervalMs = options.interval ?? 100;
-    }
-    start() {
-        if (this.isRunning)
-            return;
-        this.isRunning = true;
-        // Render immediately when starting
-        this.render();
-        this.interval = setInterval(() => {
-            this.frameIndex = (this.frameIndex + 1) % this.frames.length;
-            this.render();
-        }, this.intervalMs);
-    }
-    stop() {
-        if (!this.isRunning)
-            return;
-        this.isRunning = false;
-        if (this.interval) {
-            clearInterval(this.interval);
+// Spinner component - manages its own animation state
+import { applyStyle } from '../utils/colors';
+// Built-in spinner frame definitions
+const SPINNER_FRAMES = {
+    'classic-dots': ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'], // Clockwise rotation with 3 connected dots
+    'bouncing-bar': ['▁', '▂', '▃', '▄', '▅', '▆', '▇', '█', '▇', '▆', '▅', '▄', '▃', '▂'],
+};
+/**
+ * Create a spinner component that manages its own animation state
+ * Returns an object with render(), start(), and stop() methods
+ */
+export function Spinner(options = {}) {
+    const { style, frames, interval = 80, color = 'yellow', autoStart = true, } = options;
+    // Determine which frames to use: custom frames override style
+    const finalFrames = frames ?? (style ? SPINNER_FRAMES[style] : ['⠇', '⠋', '⠙', '⠴', '⠋', '⠙', '⠸', '⠴', '⠦']);
+    let currentFrameIndex = 0;
+    let intervalId = null;
+    let onUpdateCallback = null;
+    let cleanupRegistered = false;
+    const render = (ctx) => {
+        // Store the onUpdate callback from context (set by region)
+        if (ctx.onUpdate && !onUpdateCallback) {
+            onUpdateCallback = ctx.onUpdate;
+            // Start automatically if enabled and callback is available
+            if (autoStart) {
+                start();
+            }
         }
-        // Clear the spinner line
-        this.region.setLine(this.lineNumber, '');
-    }
-    setText(text) {
-        this.text = text;
-        this.render();
-    }
-    render() {
-        const frame = this.frames[this.frameIndex];
-        const line = `${frame} ${this.text}`;
-        // Just update the line - Zig handles batching and rendering
-        this.region.setLine(this.lineNumber, line);
-        // Spinner updates frequently, so Zig's throttling will handle smooth animation
-    }
+        // Register cleanup callback to stop the interval when component is removed (only once)
+        if (ctx.onCleanup && !cleanupRegistered) {
+            cleanupRegistered = true;
+            ctx.onCleanup(() => {
+                stop();
+            });
+        }
+        const frame = finalFrames[currentFrameIndex];
+        if (color) {
+            return applyStyle(frame, { color });
+        }
+        return frame;
+    };
+    const start = () => {
+        if (intervalId !== null) {
+            return; // Already running
+        }
+        intervalId = setInterval(() => {
+            currentFrameIndex = (currentFrameIndex + 1) % finalFrames.length;
+            // Trigger re-render using the callback from RenderContext
+            if (onUpdateCallback) {
+                onUpdateCallback();
+            }
+        }, interval);
+    };
+    const stop = () => {
+        if (intervalId !== null) {
+            clearInterval(intervalId);
+            intervalId = null;
+        }
+    };
+    return {
+        render,
+        start,
+        stop,
+    };
 }
 //# sourceMappingURL=spinner.js.map