@aexol/spectral 0.7.1 → 0.7.5

package/dist/pi/tui/components/box.js

@@ -0,0 +1,103 @@
+import { applyBackgroundToLine, visibleWidth } from "../utils.js";
+/**
+ * Box component - a container that applies padding and background to all children
+ */
+export class Box {
+    children = [];
+    paddingX;
+    paddingY;
+    bgFn;
+    // Cache for rendered output
+    cache;
+    constructor(paddingX = 1, paddingY = 1, bgFn) {
+        this.paddingX = paddingX;
+        this.paddingY = paddingY;
+        this.bgFn = bgFn;
+    }
+    addChild(component) {
+        this.children.push(component);
+        this.invalidateCache();
+    }
+    removeChild(component) {
+        const index = this.children.indexOf(component);
+        if (index !== -1) {
+            this.children.splice(index, 1);
+            this.invalidateCache();
+        }
+    }
+    clear() {
+        this.children = [];
+        this.invalidateCache();
+    }
+    setBgFn(bgFn) {
+        this.bgFn = bgFn;
+        // Don't invalidate here - we'll detect bgFn changes by sampling output
+    }
+    invalidateCache() {
+        this.cache = undefined;
+    }
+    matchCache(width, childLines, bgSample) {
+        const cache = this.cache;
+        return (!!cache &&
+            cache.width === width &&
+            cache.bgSample === bgSample &&
+            cache.childLines.length === childLines.length &&
+            cache.childLines.every((line, i) => line === childLines[i]));
+    }
+    invalidate() {
+        this.invalidateCache();
+        for (const child of this.children) {
+            child.invalidate?.();
+        }
+    }
+    render(width) {
+        if (this.children.length === 0) {
+            return [];
+        }
+        const contentWidth = Math.max(1, width - this.paddingX * 2);
+        const leftPad = " ".repeat(this.paddingX);
+        // Render all children
+        const childLines = [];
+        for (const child of this.children) {
+            const lines = child.render(contentWidth);
+            for (const line of lines) {
+                childLines.push(leftPad + line);
+            }
+        }
+        if (childLines.length === 0) {
+            return [];
+        }
+        // Check if bgFn output changed by sampling
+        const bgSample = this.bgFn ? this.bgFn("test") : undefined;
+        // Check cache validity
+        if (this.matchCache(width, childLines, bgSample)) {
+            return this.cache.lines;
+        }
+        // Apply background and padding
+        const result = [];
+        // Top padding
+        for (let i = 0; i < this.paddingY; i++) {
+            result.push(this.applyBg("", width));
+        }
+        // Content
+        for (const line of childLines) {
+            result.push(this.applyBg(line, width));
+        }
+        // Bottom padding
+        for (let i = 0; i < this.paddingY; i++) {
+            result.push(this.applyBg("", width));
+        }
+        // Update cache
+        this.cache = { childLines, width, bgSample, lines: result };
+        return result;
+    }
+    applyBg(line, width) {
+        const visLen = visibleWidth(line);
+        const padNeeded = Math.max(0, width - visLen);
+        const padded = line + " ".repeat(padNeeded);
+        if (this.bgFn) {
+            return applyBackgroundToLine(padded, width, this.bgFn);
+        }
+        return padded;
+    }
+}

package/dist/pi/tui/components/cancellable-loader.js

@@ -0,0 +1,34 @@
+import { getKeybindings } from "../keybindings.js";
+import { Loader } from "./loader.js";
+/**
+ * Loader that can be cancelled with Escape.
+ * Extends Loader with an AbortSignal for cancelling async operations.
+ *
+ * @example
+ * const loader = new CancellableLoader(tui, cyan, dim, "Working...");
+ * loader.onAbort = () => done(null);
+ * doWork(loader.signal).then(done);
+ */
+export class CancellableLoader extends Loader {
+    abortController = new AbortController();
+    /** Called when user presses Escape */
+    onAbort;
+    /** AbortSignal that is aborted when user presses Escape */
+    get signal() {
+        return this.abortController.signal;
+    }
+    /** Whether the loader was aborted */
+    get aborted() {
+        return this.abortController.signal.aborted;
+    }
+    handleInput(data) {
+        const kb = getKeybindings();
+        if (kb.matches(data, "tui.select.cancel")) {
+            this.abortController.abort();
+            this.onAbort?.();
+        }
+    }
+    dispose() {
+        this.stop();
+    }
+}