@ashx-j/lunr-tui 0.2.8 → 0.2.9

package/dist/tui.js

@@ -104,6 +104,20 @@ export class Container {
         }
         return lines;
     }
+    handleClick(localY, width) {
+        let y = 0;
+        for (const child of this.children) {
+            const h = child.render(width).length;
+            if (localY >= y && localY < y + h) {
+                if (typeof child.handleClick === "function") {
+                    return child.handleClick(localY - y, width);
+                }
+                return false;
+            }
+            y += h;
+        }
+        return false;
+    }
 }
 /**
  * TUI - Main class for managing terminal UI with differential rendering
@@ -157,6 +171,9 @@ export class TUI extends Container {
     static WHEEL_LINES = 3;
     chatScrollbar;
     scrollbarDrag;
+    pendingClick;
+    lastChatStart = 0;
+    lastChatSliceHeight = 0;
     constructor(terminal, showHardwareCursor) {
         super();
         this.terminal = terminal;
@@ -386,27 +403,29 @@ export class TUI extends Container {
             return -1;
         return this.children.indexOf(this.pinComponent);
     }
-    collectChildLines(from, to, width) {
+    collectChildLines(from, to, width, ranges) {
         const lines = [];
         for (let i = from; i < to; i++) {
             const child = this.children[i];
             if (!child)
                 continue;
-            this.appendRenderedChild(lines, child, width);
+            this.appendRenderedChild(lines, child, width, ranges);
         }
         return lines;
     }
-    appendRenderedChild(lines, child, width) {
+    appendRenderedChild(lines, child, width, ranges) {
         const nested = "children" in child && Array.isArray(child.children);
         if (nested && child.children.length > 0 && child.render === Container.prototype.render) {
             for (const nestedChild of child.children) {
-                this.appendRenderedChild(lines, nestedChild, width);
+                this.appendRenderedChild(lines, nestedChild, width, ranges);
             }
             return;
         }
+        const start = lines.length;
         for (const line of child.render(width)) {
             lines.push(line);
         }
+        ranges?.push({ component: child, start, end: lines.length });
     }
     snapStartToKittyImageHeader(lines, start) {
         if (start <= 0 || start >= lines.length)
@@ -448,27 +467,32 @@ export class TUI extends Container {
         this.chatLaidOut = true;
         let chatWidth = this.chatUsesGutter ? Math.max(1, width - 1) : width;
         let scrollLines;
+        let ranges;
         let fromCache = false;
         const cache = this.chatLayoutCache;
         if (cache && cache.epoch === this.contentEpoch && cache.chatWidth === chatWidth) {
             scrollLines = cache.scrollLines;
+            ranges = cache.ranges;
             fromCache = true;
         }
         else {
-            scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+            ranges = [];
+            scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
         }
         if (this.chatUsesGutter) {
             if (scrollLines.length <= viewH) {
                 this.chatUsesGutter = false;
                 chatWidth = width;
-                scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+                ranges = [];
+                scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
                 fromCache = false;
             }
         }
         else if (scrollLines.length > viewH) {
             this.chatUsesGutter = true;
             chatWidth = Math.max(1, width - 1);
-            scrollLines = this.collectChildLines(0, pinIndex, chatWidth);
+            ranges = [];
+            scrollLines = this.collectChildLines(0, pinIndex, chatWidth, ranges);
             fromCache = false;
         }
         if (!fromCache) {
@@ -476,6 +500,7 @@ export class TUI extends Container {
                 epoch: this.contentEpoch,
                 chatWidth,
                 scrollLines,
+                ranges,
             };
         }
         let chatSlice;
@@ -487,6 +512,7 @@ export class TUI extends Container {
             this.chatScrollbar = undefined;
             this.scrollbarDrag = undefined;
             chatSlice = scrollLines.slice();
+            this.lastChatStart = 0;
         }
         else {
             this.lastChatScrollMax = scrollLines.length - viewH;
@@ -494,6 +520,7 @@ export class TUI extends Container {
             start = scrollLines.length - viewH - this.chatScrollOffset;
             start = this.snapStartToKittyImageHeader(scrollLines, start);
             start = Math.max(0, start);
+            this.lastChatStart = start;
             chatSlice = scrollLines.slice(start, start + viewH);
             while (chatSlice.length < viewH) {
                 chatSlice.push("");
@@ -521,6 +548,7 @@ export class TUI extends Container {
                 chatSlice[i] = `${padToWidth(chatSlice[i] ?? "", chatWidth)}${glyph}`;
             }
         }
+        this.lastChatSliceHeight = chatSlice.length;
         return [...chatSlice, ...dockLines];
     }
     /**
@@ -860,8 +888,67 @@ export class TUI extends Container {
                 this.setChatScroll(Math.round((1 - rel) * sb.scrollMax));
             }
             this.scrollbarDrag = { grabY: y, startOffset: this.chatScrollOffset };
+            this.pendingClick = undefined;
+            return;
+        }
+        if (mouse.kind === "button" && mouse.button === 0 && !mouse.release) {
+            this.pendingClick = { x: mouse.x, y: mouse.y };
             return;
         }
+        if (mouse.kind === "move" && this.pendingClick) {
+            const dx = Math.abs(mouse.x - this.pendingClick.x);
+            const dy = Math.abs(mouse.y - this.pendingClick.y);
+            if (dx + dy > 1) {
+                this.pendingClick = undefined;
+            }
+            return;
+        }
+        if (mouse.kind === "button" && mouse.button === 0 && mouse.release) {
+            const pending = this.pendingClick;
+            this.pendingClick = undefined;
+            if (!pending)
+                return;
+            if (this.dispatchChatClick(pending.y) || this.dispatchDockClick(pending.y)) {
+                this.requestRender();
+            }
+        }
+    }
+    dispatchChatClick(mouseY) {
+        const cache = this.chatLayoutCache;
+        if (!cache || mouseY < 1 || mouseY > this.lastChatSliceHeight)
+            return false;
+        const lineIndex = this.lastChatStart + (mouseY - 1);
+        const hit = cache.ranges.find((range) => lineIndex >= range.start && lineIndex < range.end);
+        if (!hit || typeof hit.component.handleClick !== "function")
+            return false;
+        return hit.component.handleClick(lineIndex - hit.start, cache.chatWidth) === true;
+    }
+    dispatchDockClick(mouseY) {
+        if (mouseY <= this.lastChatSliceHeight)
+            return false;
+        const pin = this.getPinIndex();
+        if (pin < 0)
+            return false;
+        const width = this.terminal.columns;
+        let y = this.lastChatSliceHeight;
+        const local = mouseY - 1;
+        for (let i = pin; i < this.children.length; i++) {
+            const child = this.children[i];
+            if (!child)
+                continue;
+            const h = child.render(width).length;
+            if (local >= y && local < y + h) {
+                if (typeof child.handleClick === "function") {
+                    return child.handleClick(local - y, width);
+                }
+                if (child instanceof Container) {
+                    return child.handleClick(local - y, width);
+                }
+                return false;
+            }
+            y += h;
+        }
+        return false;
     }
     dragScrollbarTo(mouseY) {
         if (!this.scrollbarDrag || !this.chatScrollbar)