@ashx-j/lunr-tui 0.2.0 → 0.2.1

package/dist/tui.js

@@ -146,6 +146,11 @@ export class TUI extends Container {
     chatScrollOffset = 0;
     lastChatViewportHeight = 1;
     lastChatScrollMax = 0;
+    chatLaidOut = false;
+    chatUsesGutter = false;
+    /** Bumped on non-scroll `requestRender` so offset-only paints can reuse chat layout. */
+    contentEpoch = 0;
+    chatLayoutCache;
     alternateScreen = false;
     alternateScreenActive = false;
     mouseTrackingActive = false;
@@ -192,6 +197,9 @@ export class TUI extends Container {
      */
     pinFrom(component) {
         this.pinComponent = component;
+        this.chatLayoutCache = undefined;
+        this.chatUsesGutter = false;
+        this.chatLaidOut = false;
         if (!component) {
             this.chatScrollOffset = 0;
             this.lastChatViewportHeight = Math.max(1, this.terminal.rows);
@@ -207,16 +215,20 @@ export class TUI extends Container {
     /** `0` follows the latest chat. Larger values scroll up into history. */
     setChatScroll(offset) {
         const next = Number.isFinite(offset) ? Math.max(0, Math.floor(offset)) : 0;
-        this.chatScrollOffset = next;
-        if (this.getPinIndex() >= 0) {
-            this.render(this.terminal.columns);
-        }
-        else {
+        if (this.getPinIndex() < 0) {
+            const changed = this.chatScrollOffset !== 0 || this.lastChatScrollMax !== 0;
             this.chatScrollOffset = 0;
             this.lastChatScrollMax = 0;
+            if (changed && this.started)
+                this.requestRender();
+            return;
         }
+        const clamped = this.chatLaidOut ? Math.min(next, this.lastChatScrollMax) : next;
+        if (clamped === this.chatScrollOffset)
+            return;
+        this.chatScrollOffset = clamped;
         if (this.started)
-            this.requestRender();
+            this.requestRenderFromScroll();
     }
     /** Positive delta scrolls up (older). Negative scrolls toward the latest. */
     scrollChat(deltaLines) {
@@ -424,6 +436,9 @@ export class TUI extends Container {
         if (pinIndex < 0) {
             this.chatHitRegions = [];
             this.chatScrollbar = undefined;
+            this.chatLayoutCache = undefined;
+            this.chatUsesGutter = false;
+            this.chatLaidOut = false;
             return super.render(width);
         }
         const rows = Math.max(1, this.terminal.rows);
@@ -435,15 +450,44 @@ export class TUI extends Container {
         }
         const viewH = Math.max(minView, rows - dockLines.length);
         this.lastChatViewportHeight = viewH;
-        this.chatHitRegions = [];
-        const chatWidthProbe = this.collectChildLines(0, pinIndex, width);
-        const showScrollbar = chatWidthProbe.length > viewH;
-        const chatWidth = showScrollbar ? Math.max(1, width - 1) : width;
-        let scrollLines = chatWidthProbe;
-        if (showScrollbar) {
+        this.chatLaidOut = true;
+        let chatWidth = this.chatUsesGutter ? Math.max(1, width - 1) : width;
+        let scrollLines;
+        let fromCache = false;
+        const cache = this.chatLayoutCache;
+        if (cache && cache.epoch === this.contentEpoch && cache.chatWidth === chatWidth) {
+            scrollLines = cache.scrollLines;
+            this.chatHitRegions = this.copyHitRegions(cache.hitRegionsUnshifted);
+            fromCache = true;
+        }
+        else {
             this.chatHitRegions = [];
             scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
         }
+        if (this.chatUsesGutter) {
+            if (scrollLines.length <= viewH) {
+                this.chatUsesGutter = false;
+                chatWidth = width;
+                this.chatHitRegions = [];
+                scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+                fromCache = false;
+            }
+        }
+        else if (scrollLines.length > viewH) {
+            this.chatUsesGutter = true;
+            chatWidth = Math.max(1, width - 1);
+            this.chatHitRegions = [];
+            scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+            fromCache = false;
+        }
+        if (!fromCache) {
+            this.chatLayoutCache = {
+                epoch: this.contentEpoch,
+                chatWidth,
+                scrollLines,
+                hitRegionsUnshifted: this.copyHitRegions(this.chatHitRegions),
+            };
+        }
         let chatSlice;
         let start = 0;
         if (scrollLines.length <= viewH) {
@@ -451,7 +495,7 @@ export class TUI extends Container {
             this.chatScrollOffset = 0;
             this.lastChatScrollMax = 0;
             this.chatScrollbar = undefined;
-            chatSlice = scrollLines;
+            chatSlice = scrollLines.slice();
         }
         else {
             this.lastChatScrollMax = scrollLines.length - viewH;
@@ -480,15 +524,19 @@ export class TUI extends Container {
         if (this.selection) {
             const lo = Math.min(this.selection.anchorY, this.selection.focusY);
             const hi = Math.max(this.selection.anchorY, this.selection.focusY);
+            const highlightWidth = this.chatUsesGutter ? chatWidth : width;
             for (let y = lo; y <= hi; y++) {
                 const idx = y - 1;
                 if (idx < 0 || idx >= chatSlice.length)
                     continue;
-                chatSlice[idx] = applySelectionHighlight(chatSlice[idx] ?? "", showScrollbar ? chatWidth : width);
+                chatSlice[idx] = applySelectionHighlight(chatSlice[idx] ?? "", highlightWidth);
             }
         }
         return [...chatSlice, ...dockLines];
     }
+    copyHitRegions(regions) {
+        return regions.map((region) => ({ y0: region.y0, y1: region.y1, lines: region.lines }));
+    }
     shiftHitRegions(delta) {
         for (const region of this.chatHitRegions) {
             region.y0 += delta;
@@ -723,6 +771,13 @@ export class TUI extends Container {
         this.terminal.stop();
     }
     requestRender(force = false) {
+        this.contentEpoch++;
+        this.queueRender(force);
+    }
+    requestRenderFromScroll() {
+        this.queueRender(false);
+    }
+    queueRender(force) {
         if (force) {
             this.previousLines = [];
             this.previousWidth = -1; // -1 triggers widthChanged, forcing a full clear