linecraft 0.1.0 → 0.2.1

package/lib/components/col.test.js

@@ -0,0 +1,96 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { Col } from './col.js';
+describe('Col', () => {
+    let region;
+    let setLineSpy;
+    beforeEach(() => {
+        setLineSpy = vi.fn();
+        const lines = new Map();
+        region = {
+            setLine: (line, content) => {
+                lines.set(line, content);
+                setLineSpy(line, content);
+            },
+            getLine: (line) => lines.get(line) || '',
+            width: 80,
+        };
+    });
+    describe('constructor', () => {
+        it('should create a column with default options', () => {
+            const col = new Col(region, 'Hello');
+            expect(col.getPreferredWidth()).toBe(5);
+            expect(col.getHeight()).toBe(1);
+        });
+        it('should handle flex option', () => {
+            const col = new Col(region, 'Hello', { flex: 2 });
+            expect(col.flexGrow).toBe(2);
+        });
+        it('should handle min option', () => {
+            const col = new Col(region, 'Hello', { min: 10 });
+            expect(col.getMinWidth()).toBe(10);
+        });
+        it('should handle max option', () => {
+            const col = new Col(region, 'Hello', { max: 5 });
+            expect(col.getMaxWidth()).toBe(5);
+        });
+        it('should default min to content width', () => {
+            const col = new Col(region, 'Hello World');
+            expect(col.getMinWidth()).toBe(11); // "Hello World".length
+        });
+        it('should strip ANSI codes when calculating width', () => {
+            const col = new Col(region, '\x1b[31mHello\x1b[0m');
+            expect(col.getPreferredWidth()).toBe(5); // Just "Hello"
+            expect(col.getMinWidth()).toBe(5);
+        });
+    });
+    describe('overflow handling', () => {
+        it('should truncate with ellipsis-end by default', () => {
+            const col = new Col(region, 'Very long text that exceeds width', { max: 10 });
+            col.render(0, 1, 10);
+            expect(setLineSpy).toHaveBeenCalledWith(1, expect.stringMatching(/\.\.\./));
+        });
+        it('should truncate with ellipsis-start', () => {
+            const col = new Col(region, 'Very long text', { max: 10, overflow: 'ellipsis-start' });
+            col.render(0, 1, 10);
+            const call = setLineSpy.mock.calls[0];
+            expect(call[1]).toMatch(/^\.\.\./);
+        });
+        it('should truncate with ellipsis-middle', () => {
+            const col = new Col(region, 'Very long text', { max: 10, overflow: 'ellipsis-middle' });
+            col.render(0, 1, 10);
+            const call = setLineSpy.mock.calls[0];
+            expect(call[1]).toMatch(/\.\.\./);
+            // Should have text on both sides
+            expect(call[1].indexOf('...')).toBeGreaterThan(0);
+            expect(call[1].indexOf('...')).toBeLessThan(call[1].length - 3);
+        });
+        it('should wrap text when overflow is wrap', () => {
+            const col = new Col(region, 'Very long text that wraps', { overflow: 'wrap' });
+            // getHeight() for wrap needs width, but width is only available during render
+            // Without width, it defaults to contentWidth, which may not wrap
+            // So we test that render actually wraps correctly
+            col.render(0, 1, 10);
+            // Should render multiple lines for wrapped text
+            expect(setLineSpy).toHaveBeenCalledTimes(3); // "Very long ", "text that ", "wraps"
+        });
+        it('should not truncate when overflow is none', () => {
+            const col = new Col(region, 'Very long text', { max: 10, overflow: 'none' });
+            col.render(0, 1, 10);
+            const call = setLineSpy.mock.calls[0];
+            expect(call[1]).not.toMatch(/\.\.\./);
+        });
+    });
+    describe('render', () => {
+        it('should pad text to width', () => {
+            const col = new Col(region, 'Hi');
+            col.render(0, 1, 10);
+            expect(setLineSpy).toHaveBeenCalledWith(1, expect.stringMatching(/^Hi\s{8}$/));
+        });
+        it('should handle exact width match', () => {
+            const col = new Col(region, 'Hello');
+            col.render(0, 1, 5);
+            expect(setLineSpy).toHaveBeenCalledWith(1, 'Hello');
+        });
+    });
+});
+//# sourceMappingURL=col.test.js.map

package/lib/components/col.test.js.map

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

package/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner } from './spinner';
+export { showPrompt } from './prompt';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,5 @@
+// Component helpers and utilities
+// Re-export component classes and functions
+export { Spinner } from './spinner';
+export { showPrompt } from './prompt';
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAElC,4CAA4C;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/progress-bar-grid.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from '../layout/grid';
+import type { Color } from '../types';
+export interface ProgressBarOptions {
+    current: number;
+    total: number;
+    label?: string;
+    labelColor?: Color;
+    barColor?: Color;
+    bracketColor?: Color;
+    percentColor?: Color;
+    completeChar?: string;
+    incompleteChar?: string;
+    brackets?: [string, string];
+}
+/**
+ * Create a progress bar component using grid
+ * Uses grid internally to layout: [bracket] [bar (flex)] [bracket] [percent]
+ */
+export declare function progressBar(options: ProgressBarOptions): Component;
+//# sourceMappingURL=progress-bar-grid.d.ts.map

package/lib/components/progress-bar-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-grid.d.ts","sourceRoot":"","sources":["../../src/components/progress-bar-grid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,SAAS,CA0ClE"}

package/lib/components/progress-bar-grid.js

@@ -0,0 +1,44 @@
+// Progress bar component using grid system
+import { style } from './style';
+import { grid as gridComponent } from '../layout/grid';
+import { applyStyle } from '../utils/colors';
+/**
+ * Create a progress bar component using grid
+ * Uses grid internally to layout: [bracket] [bar (flex)] [bracket] [percent]
+ */
+export function progressBar(options) {
+    return (ctx) => {
+        const percent = Math.min(100, Math.max(0, (options.current / options.total) * 100));
+        const completeChar = options.completeChar ?? '━';
+        const incompleteChar = options.incompleteChar ?? '─';
+        const leftBracket = options.brackets?.[0] ?? '\u263E'; // ☾
+        const rightBracket = options.brackets?.[1] ?? '\u263D'; // ☽
+        const bracketColor = options.bracketColor ?? 'brightBlack';
+        // Use grid to layout: left bracket (1), bar (flex), right bracket (1), percent (6)
+        // The bar column will receive its allocated width and calculate fill based on that
+        const barComponent = (barCtx) => {
+            // Calculate bar based on allocated width (minus padding spaces)
+            const availableBarWidth = Math.max(0, barCtx.availableWidth - 2); // minus padding spaces
+            const filled = Math.floor((percent / 100) * availableBarWidth);
+            const empty = availableBarWidth - filled;
+            const filledBar = completeChar.repeat(filled);
+            const emptyBar = incompleteChar.repeat(empty);
+            const barText = ' ' +
+                (options.barColor ? applyStyle(filledBar, { color: options.barColor }) : filledBar) +
+                applyStyle(emptyBar, { color: 'brightBlack' }) +
+                ' ';
+            return barText;
+        };
+        // Build grid children
+        const children = [
+            style({ color: bracketColor }, leftBracket),
+            barComponent,
+            style({ color: bracketColor }, rightBracket),
+            style({ color: options.percentColor ?? 'brightBlack' }, percent.toFixed(1) + '%'),
+        ];
+        // Use grid to layout: [1] [flex] [1] [7]
+        const gridComp = gridComponent({ template: [1, '1*', 1, 7], columnGap: 0 }, ...children);
+        return gridComp(ctx);
+    };
+}
+//# sourceMappingURL=progress-bar-grid.js.map

package/lib/components/progress-bar-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-grid.js","sourceRoot":"","sources":["../../src/components/progress-bar-grid.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAI3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,OAAO,CAAC,GAAkB,EAAE,EAAE;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAEpF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,GAAG,CAAC;QACjD,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,IAAI,GAAG,CAAC;QACrD,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,IAAI;QAC3D,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,IAAI;QAE5D,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,aAAa,CAAC;QAE3D,mFAAmF;QACnF,mFAAmF;QACnF,MAAM,YAAY,GAAG,CAAC,MAAqB,EAAU,EAAE;YACrD,gEAAgE;YAChE,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,uBAAuB;YACzF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAC;YAC/D,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,CAAC;YAEzC,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE9C,MAAM,OAAO,GAAG,GAAG;gBACjB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnF,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;gBAC9C,GAAG,CAAC;YAEN,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;QAEF,sBAAsB;QACtB,MAAM,QAAQ,GAAG;YACf,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,WAAW,CAAC;YAC3C,YAAY;YACZ,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,YAAY,CAAC;YAC5C,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,IAAI,aAAa,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;SAClF,CAAC;QAEF,yCAAyC;QACzC,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC;QACzF,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC,CAAC;AACJ,CAAC"}

package/lib/components/progress-bar-grid.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-bar-grid.test.d.ts.map

package/lib/components/progress-bar-grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-grid.test.d.ts","sourceRoot":"","sources":["../../src/components/progress-bar-grid.test.ts"],"names":[],"mappings":""}

package/lib/components/progress-bar-grid.test.js

@@ -0,0 +1,101 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { progressBar } from './progress-bar-grid';
+import { TerminalRegion } from '../region';
+describe('ProgressBar (Grid)', () => {
+    let region;
+    beforeEach(() => {
+        region = new TerminalRegion({ disableRendering: true, width: 80 });
+    });
+    it('should create a progress bar component', () => {
+        const component = progressBar({
+            current: 50,
+            total: 100,
+        });
+        expect(typeof component).toBe('function');
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        expect(result).toBeTruthy();
+        expect(typeof result === 'string').toBe(true);
+    });
+    it('should render progress bar with brackets and percent', () => {
+        const component = progressBar({
+            current: 50,
+            total: 100,
+        });
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        const plain = result.replace(/\x1b\[[0-9;]*m/g, '');
+        expect(plain).toContain('☾');
+        expect(plain).toContain('☽');
+        expect(plain).toContain('50.0%');
+    });
+    it('should calculate bar fill correctly', () => {
+        const component = progressBar({
+            current: 25,
+            total: 100,
+        });
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        const plain = result.replace(/\x1b\[[0-9;]*m/g, '');
+        expect(plain).toContain('25.0%');
+    });
+    it('should use custom colors', () => {
+        const component = progressBar({
+            current: 50,
+            total: 100,
+            barColor: 'green',
+            bracketColor: 'brightBlack',
+            percentColor: 'yellow',
+        });
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        expect(result).toContain('\x1b[32m'); // green
+        expect(result).toContain('\x1b[33m'); // yellow
+    });
+    it('should handle 0% progress', () => {
+        const component = progressBar({
+            current: 0,
+            total: 100,
+        });
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        const plain = result.replace(/\x1b\[[0-9;]*m/g, '');
+        expect(plain).toContain('0.0%');
+    });
+    it('should handle 100% progress', () => {
+        const component = progressBar({
+            current: 100,
+            total: 100,
+        });
+        const result = component({
+            availableWidth: 80,
+            region: region,
+            columnIndex: 0,
+            rowIndex: 0,
+        });
+        const plain = result.replace(/\x1b\[[0-9;]*m/g, '');
+        // Check for 100.0% or just 100% (depending on formatting)
+        expect(plain).toMatch(/100\.?0?%/);
+    });
+});
+//# sourceMappingURL=progress-bar-grid.test.js.map

package/lib/components/progress-bar-grid.test.js.map

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

package/lib/components/progress-bar.d.ts

@@ -1,5 +1,28 @@
-import { TerminalRegion } from '../region.js';
-import type { ProgressBarOptions } from '../types.js';
+import type { TerminalRegion } from '../region.js';
+import type { Renderable } from './renderable.js';
+import type { Color } from '../types.js';
+export interface ProgressBarComponentOptions {
+    current: number;
+    total: number;
+    label?: string;
+    width?: number;
+    labelColor?: Color;
+    barColor?: Color;
+    bracketColor?: Color;
+    percentColor?: Color;
+    completeChar?: string;
+    incompleteChar?: string;
+    brackets?: [string, string];
+    flex?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    minWidth?: number;
+    maxWidth?: number;
+}
+/**
+ * Create a progress bar component - just composes flex/col components
+ */
+export declare function createProgressBar(region: TerminalRegion, options: ProgressBarComponentOptions): Renderable;
 export declare class ProgressBar {
     private region;
     private lineNumber;
@@ -10,7 +33,7 @@ export declare class ProgressBar {
     private completeChar;
     private incompleteChar;
     private brackets;
-    constructor(region: TerminalRegion, lineNumber: number, options?: ProgressBarOptions);
+    constructor(region: TerminalRegion, lineNumber: number, options?: any);
     update(current: number, total: number): void;
     setLabel(label: string): void;
     private render;

package/lib/components/progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../src/ts/components/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB;IAUxF,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAM5C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,MAAM;IAad,MAAM,IAAI,IAAI;CAGf"}
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../src/ts/components/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,2BAA2B,GACnC,UAAU,CA4DZ;AAGD,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ;IAUzE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAM5C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,MAAM;IAWd,MAAM,IAAI,IAAI;CAGf"}

package/lib/components/progress-bar.js

@@ -1,3 +1,61 @@
+import { flex, col, resolveFlexTree } from '../api/flex.js';
+import { createCol } from './col.js';
+import { color } from '../api/color.js';
+/**
+ * Create a progress bar component - just composes flex/col components
+ */
+export function createProgressBar(region, options) {
+    const percent = Math.min(100, Math.max(0, (options.current / options.total) * 100));
+    const barWidth = options.width ?? 40;
+    const filled = Math.floor((percent / 100) * barWidth);
+    const empty = barWidth - filled;
+    const completeChar = options.completeChar ?? '━';
+    const incompleteChar = options.incompleteChar ?? '─';
+    const leftBracket = options.brackets?.[0] ?? '\u2282';
+    const rightBracket = options.brackets?.[1] ?? '\u2283';
+    const bracketColor = options.bracketColor ?? 'brightBlack';
+    const children = [];
+    if (options.label) {
+        const labelColor = options.labelColor ?? 'white';
+        children.push(col({ width: options.label.length + 1 }, color(labelColor, options.label)));
+    }
+    children.push(col({ width: 1 }, color(bracketColor, leftBracket)));
+    // Bar column - calculates bar width dynamically based on available space
+    const barCol = {
+        flexGrow: 1,
+        flexShrink: 1,
+        getPreferredWidth: () => barWidth + 2,
+        getMinWidth: () => 0,
+        getMaxWidth: () => Infinity,
+        getHeight: () => 1,
+        render: (x, y, width) => {
+            // Calculate bar based on actual available width (minus spaces)
+            const availableBarWidth = Math.max(0, width - 2);
+            const actualFilled = Math.floor((percent / 100) * availableBarWidth);
+            const actualEmpty = availableBarWidth - actualFilled;
+            const actualFilledBar = completeChar.repeat(actualFilled);
+            const actualEmptyBar = incompleteChar.repeat(actualEmpty);
+            const barContent = ' ' + (options.barColor ? color(options.barColor, actualFilledBar) : actualFilledBar) + color('brightBlack', actualEmptyBar) + ' ';
+            createCol(region, barContent, { overflow: 'none' }).render(x, y, width);
+        },
+    };
+    children.push(barCol);
+    children.push(col({ width: 1 }, color(bracketColor, rightBracket)));
+    // Percentage column needs fixed width to prevent truncation when terminal is narrow
+    children.push(col({ width: 6 }, color(options.percentColor ?? 'brightBlack', percent.toFixed(1) + '%')));
+    const flexComponent = resolveFlexTree(region, flex({ gap: 0 }, ...children));
+    const flexGrow = options.flex ?? options.flexGrow ?? 0;
+    return {
+        flexGrow,
+        flexShrink: options.flexShrink ?? 1,
+        getPreferredWidth: () => flexComponent.getPreferredWidth(),
+        getMinWidth: () => options.minWidth ?? flexComponent.getMinWidth(),
+        getMaxWidth: () => options.maxWidth ?? flexComponent.getMaxWidth(),
+        getHeight: () => flexComponent.getHeight(),
+        render: (x, y, width) => flexComponent.render(x, y, width),
+    };
+}
+// Keep old ProgressBar class for backward compatibility (used in tests and createProgressBar)
 export class ProgressBar {
     region;
     lineNumber; // 1-based
@@ -13,9 +71,9 @@ export class ProgressBar {
         this.lineNumber = lineNumber;
         this.label = options.label || '';
         this.width = options.width ?? 40;
-        this.completeChar = options.style?.complete ?? '█';
-        this.incompleteChar = options.style?.incomplete ?? '░';
-        this.brackets = options.style?.brackets ?? ['[', ']'];
+        this.completeChar = options.style?.complete ?? '━';
+        this.incompleteChar = options.style?.incomplete ?? '─';
+        this.brackets = options.style?.brackets ?? ['\u2282', '\u2283']; // ⊂ ⊃
     }
     update(current, total) {
         this.current = current;
@@ -31,10 +89,8 @@ export class ProgressBar {
         const filled = Math.floor((percentage / 100) * this.width);
         const empty = this.width - filled;
         const bar = this.completeChar.repeat(filled) + this.incompleteChar.repeat(empty);
-        const text = `${this.label} ${this.brackets[0]}${bar}${this.brackets[1]} ${percentage.toFixed(1)}%`;
-        // Just update the line - Zig handles batching and rendering
+        const text = `${this.label} ${this.brackets[0]} ${bar} ${this.brackets[1]} ${percentage.toFixed(1)}%`;
         this.region.setLine(this.lineNumber, text);
-        // Optional: call flush() if you need immediate rendering
     }
     finish() {
         this.update(this.total, this.total);

package/lib/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../src/ts/components/progress-bar.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,WAAW;IACd,MAAM,CAAiB;IACvB,UAAU,CAAS,CAAC,UAAU;IAC9B,OAAO,GAAW,CAAC,CAAC;IACpB,KAAK,GAAW,GAAG,CAAC;IACpB,KAAK,CAAS;IACd,KAAK,CAAS;IACd,YAAY,CAAS;IACrB,cAAc,CAAS;IACvB,QAAQ,CAAmB;IAEnC,YAAY,MAAsB,EAAE,UAAkB,EAAE,UAA8B,EAAE;QACtF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,IAAI,GAAG,CAAC;QACnD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,KAAK,EAAE,UAAU,IAAI,GAAG,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;IAED,MAAM,CAAC,OAAe,EAAE,KAAa;QACnC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEO,MAAM;QACZ,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QACjF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QAElC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjF,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QAEpG,4DAA4D;QAC5D,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC3C,yDAAyD;IAC3D,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../src/ts/components/progress-bar.ts"],"names":[],"mappings":"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"}

package/lib/components/progress-bar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-bar.test.d.ts.map

package/lib/components/progress-bar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.test.d.ts","sourceRoot":"","sources":["../../src/ts/components/progress-bar.test.ts"],"names":[],"mappings":""}

package/lib/components/progress-bar.test.js

@@ -0,0 +1,153 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { ProgressBar } from './progress-bar.js';
+// Mock the region
+const createMockRegion = () => {
+    const setLineMock = vi.fn();
+    const mockRegion = {
+        setLine: setLineMock,
+    };
+    return { region: mockRegion, setLineMock };
+};
+describe('ProgressBar', () => {
+    let region;
+    let setLineMock;
+    let progressBar;
+    beforeEach(() => {
+        const mock = createMockRegion();
+        region = mock.region;
+        setLineMock = mock.setLineMock;
+    });
+    describe('constructor', () => {
+        it('should create a progress bar with default options', () => {
+            progressBar = new ProgressBar(region, 1);
+            expect(progressBar).toBeDefined();
+        });
+        it('should create a progress bar with custom options', () => {
+            progressBar = new ProgressBar(region, 2, {
+                label: 'Loading',
+                width: 50,
+                style: {
+                    complete: '=',
+                    incomplete: '-',
+                    brackets: ['<', '>'],
+                },
+            });
+            expect(progressBar).toBeDefined();
+        });
+        it('should use default values for missing options', () => {
+            progressBar = new ProgressBar(region, 1, { label: 'Test' });
+            expect(progressBar).toBeDefined();
+        });
+    });
+    describe('update', () => {
+        it('should update progress and render', () => {
+            progressBar = new ProgressBar(region, 1, { label: 'Test', width: 20 });
+            progressBar.update(50, 100);
+            expect(setLineMock).toHaveBeenCalled();
+            const call = setLineMock.mock.calls[0];
+            expect(call[0]).toBe(1);
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('Test');
+            expect(content).toContain('50.0%');
+        });
+        it('should handle 0% progress', () => {
+            progressBar = new ProgressBar(region, 1, { width: 20 });
+            progressBar.update(0, 100);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('0.0%');
+        });
+        it('should handle 100% progress', () => {
+            progressBar = new ProgressBar(region, 1, { width: 20 });
+            progressBar.update(100, 100);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('100.0%');
+        });
+        it('should clamp progress above 100%', () => {
+            progressBar = new ProgressBar(region, 1, { width: 20 });
+            progressBar.update(150, 100);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('100.0%');
+        });
+        it('should clamp progress below 0%', () => {
+            progressBar = new ProgressBar(region, 1, { width: 20 });
+            progressBar.update(-10, 100);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('0.0%');
+        });
+        it('should calculate correct bar fill', () => {
+            progressBar = new ProgressBar(region, 1, { width: 10 });
+            progressBar.update(5, 10);
+            const call = setLineMock.mock.calls[0];
+            const barText = typeof call[1] === 'string' ? call[1] : call[1].text;
+            // New format uses ☾ ━━━━━ ───── ☽ (moon brackets facing each other, ━ for filled, ─ for empty)
+            // Extract the bar part (between brackets with padding)
+            // Format: "label ☾ bar ☽ percentage%"
+            const barMatch = barText.match(/☾ (.*) ☽/);
+            const barContent = barMatch ? barMatch[1] : '';
+            const completeCount = (barContent.match(/━/g) || []).length;
+            const incompleteCount = (barContent.match(/─/g) || []).length;
+            expect(completeCount).toBe(5);
+            expect(incompleteCount).toBe(5);
+        });
+    });
+    describe('setLabel', () => {
+        it('should update label and re-render', () => {
+            progressBar = new ProgressBar(region, 1, { label: 'Initial', width: 20 });
+            progressBar.update(50, 100);
+            progressBar.setLabel('Updated');
+            expect(setLineMock).toHaveBeenCalledTimes(2);
+            const lastCall = setLineMock.mock.calls[1];
+            const content = typeof lastCall[1] === 'string' ? lastCall[1] : lastCall[1].text;
+            expect(content).toContain('Updated');
+        });
+    });
+    describe('finish', () => {
+        it('should set progress to 100%', () => {
+            progressBar = new ProgressBar(region, 1, { width: 20 });
+            progressBar.update(30, 100);
+            progressBar.finish();
+            const calls = setLineMock.mock.calls;
+            const lastCall = calls[calls.length - 1];
+            const content = typeof lastCall[1] === 'string' ? lastCall[1] : lastCall[1].text;
+            expect(content).toContain('100.0%');
+        });
+    });
+    describe('custom styles', () => {
+        it('should use custom complete and incomplete characters', () => {
+            progressBar = new ProgressBar(region, 1, {
+                width: 10,
+                style: {
+                    complete: '=',
+                    incomplete: '-',
+                },
+            });
+            progressBar.update(5, 10);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('=');
+            expect(content).toContain('-');
+            expect(content).not.toContain('━'); // Should not contain default thick line
+            expect(content).not.toContain('─'); // Should not contain default thin line
+        });
+        it('should use custom brackets', () => {
+            progressBar = new ProgressBar(region, 1, {
+                width: 10,
+                style: {
+                    brackets: ['<', '>'],
+                },
+            });
+            progressBar.update(5, 10);
+            const call = setLineMock.mock.calls[0];
+            const content = typeof call[1] === 'string' ? call[1] : call[1].text;
+            expect(content).toContain('<');
+            expect(content).toContain('>');
+            expect(content).not.toContain('\u263D'); // ☽
+            expect(content).not.toContain('\u263E'); // ☾
+        });
+    });
+});
+//# sourceMappingURL=progress-bar.test.js.map