@teammates/consolonia 0.6.1 → 0.6.3

package/dist/app.d.ts

@@ -44,6 +44,12 @@ export declare class App {
     stop(): void;
     /** Force a full re-render. */
     refresh(): void;
+    /**
+     * Schedule a coalesced render pass. Multiple calls within the same tick
+     * collapse into a single render, avoiding redundant full-screen redraws
+     * when many rapid updates occur (e.g. progress spinner + concurrent task output).
+     */
+    scheduleRefresh(): void;
     private _setup;
     private _prepareTerminal;
     private _restoreTerminal;

package/dist/app.js

@@ -74,6 +74,17 @@ export class App {
             return;
         this._fullRender();
     }
+    /**
+     * Schedule a coalesced render pass. Multiple calls within the same tick
+     * collapse into a single render, avoiding redundant full-screen redraws
+     * when many rapid updates occur (e.g. progress spinner + concurrent task output).
+     */
+    scheduleRefresh() {
+        if (!this._running)
+            return;
+        this.root.invalidate();
+        this._scheduleRender();
+    }
     // ── Setup ────────────────────────────────────────────────────────
     _setup() {
         const stdout = process.stdout;

package/dist/widgets/chat-view.d.ts

@@ -33,7 +33,7 @@ import type { DrawingContext, TextStyle } from "../drawing/context.js";
 import type { InputEvent } from "../input/events.js";
 import { Control } from "../layout/control.js";
 import type { Constraint, Rect, Size } from "../layout/types.js";
-import { type StyledSpan } from "../styled.js";
+import type { StyledSpan } from "../styled.js";
 import { type StyledLine } from "./styled-text.js";
 import { type DeleteSizer, type InputColorizer, TextInput } from "./text-input.js";
 export interface DropdownItem {
@@ -133,6 +133,10 @@ export declare class ChatView extends Control {
     private _feedScrollOffset;
     private _feedX;
     private _contentWidth;
+    /** Cached measured height per feed line index. Invalidated on width change. */
+    private _feedHeightCache;
+    /** The content width used for the last height cache pass. */
+    private _feedHeightCacheWidth;
     /** Cached from last render for hit-testing. */
     private _scrollbarX;
     private _feedY;
@@ -236,8 +240,6 @@ export declare class ChatView extends Control {
     handleInput(event: InputEvent): boolean;
     /** Extract the plain text content of a feed line. */
     private _extractFeedLineText;
-    /** Find the URL at the given character offset, if any. */
-    private _findUrlAtOffset;
     /** Resolve which action item the mouse x-position falls on. */
     private _resolveActionItem;
     /** Build a hover line: highlight only the target item, keep others normal. */

package/dist/widgets/chat-view.js

@@ -73,6 +73,11 @@ export class ChatView extends Control {
     // ── Feed geometry (cached from last render for hit-testing) ──
     _feedX = 0;
     _contentWidth = 0;
+    // ── Feed line height cache ───────────────────────────────────
+    /** Cached measured height per feed line index. Invalidated on width change. */
+    _feedHeightCache = [];
+    /** The content width used for the last height cache pass. */
+    _feedHeightCacheWidth = -1;
     // ── Scrollbar state ───────────────────────────────────────────
     /** Cached from last render for hit-testing. */
     _scrollbarX = -1;
@@ -321,6 +326,7 @@ export class ChatView extends Control {
     /** Clear everything between the banner and the input box. */
     clear() {
         this._feedLines = [];
+        this._feedHeightCache = [];
         this._feedActions.clear();
         this._hoveredAction = -1;
         this._feedScrollOffset = 0;
@@ -335,6 +341,8 @@ export class ChatView extends Control {
         if (index < 0 || index >= this._feedLines.length)
             return;
         this._feedLines[index].lines = [content];
+        // Invalidate cached height — content changed, may wrap differently
+        delete this._feedHeightCache[index];
         this._feedActions.delete(index);
         if (this._hoveredAction === index)
             this._hoveredAction = -1;
@@ -600,8 +608,16 @@ export class ChatView extends Control {
                     const urls = [...text.matchAll(URL_REGEX)];
                     const paths = [...text.matchAll(FILE_PATH_REGEX)];
                     const allTargets = [
-                        ...urls.map((m) => ({ index: m.index, text: m[0], type: "link" })),
-                        ...paths.map((m) => ({ index: m.index, text: m[0], type: "file" })),
+                        ...urls.map((m) => ({
+                            index: m.index,
+                            text: m[0],
+                            type: "link",
+                        })),
+                        ...paths.map((m) => ({
+                            index: m.index,
+                            text: m[0],
+                            type: "file",
+                        })),
                     ].sort((a, b) => a.index - b.index);
                     if (allTargets.length === 1) {
                         this.emit(allTargets[0].type, allTargets[0].text);
@@ -678,12 +694,14 @@ export class ChatView extends Control {
                             const prev = this._feedActions.get(this._hoveredAction);
                             if (prev) {
                                 this._feedLines[this._hoveredAction].lines = [prev.normalStyle];
+                                delete this._feedHeightCache[this._hoveredAction];
                             }
                         }
                         if (entry && newHover >= 0) {
                             const hitItem = this._resolveActionItem(entry, me.x);
                             const hoverLine = this._buildHoverLine(entry, hitItem);
                             this._feedLines[newHover].lines = [hoverLine];
+                            delete this._feedHeightCache[newHover];
                         }
                         this._hoveredAction = newHover;
                         this.invalidate();
@@ -716,18 +734,6 @@ export class ChatView extends Control {
         })
             .join("\n");
     }
-    /** Find the URL at the given character offset, if any. */
-    _findUrlAtOffset(text, charOffset) {
-        URL_REGEX.lastIndex = 0;
-        let match;
-        while ((match = URL_REGEX.exec(text)) !== null) {
-            if (charOffset >= match.index &&
-                charOffset < match.index + match[0].length) {
-                return match[0];
-            }
-        }
-        return null;
-    }
     /** Resolve which action item the mouse x-position falls on. */
     _resolveActionItem(entry, x) {
         if (entry.items.length === 1)
@@ -968,16 +974,25 @@ export class ChatView extends Control {
                 },
             });
         }
-        // Feed lines
+        // Feed lines — use cached heights to avoid re-measuring every line each frame.
+        // Cache is invalidated when content width changes (e.g. terminal resize).
+        if (contentWidth !== this._feedHeightCacheWidth) {
+            this._feedHeightCache = [];
+            this._feedHeightCacheWidth = contentWidth;
+        }
         for (let fi = 0; fi < this._feedLines.length; fi++) {
             const line = this._feedLines[fi];
-            const lineSize = line.measure({
-                minWidth: 0,
-                maxWidth: contentWidth,
-                minHeight: 0,
-                maxHeight: Infinity,
-            });
-            const h = Math.max(1, lineSize.height);
+            let h = this._feedHeightCache[fi];
+            if (h === undefined) {
+                const lineSize = line.measure({
+                    minWidth: 0,
+                    maxWidth: contentWidth,
+                    minHeight: 0,
+                    maxHeight: Infinity,
+                });
+                h = Math.max(1, lineSize.height);
+                this._feedHeightCache[fi] = h;
+            }
             items.push({
                 height: h,
                 feedLineIdx: fi,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammates/consolonia",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Terminal UI rendering engine inspired by Consolonia. Pixel-level compositing with ANSI output.",
   "type": "module",
   "main": "dist/index.js",