@opentui/core 0.1.85 → 0.1.87

package/index.js

@@ -34,8 +34,9 @@ import {
   RootRenderable,
   Selection,
   SpanInfoStruct,
-  StdinBuffer,
+  StdinParser,
   StyledText,
+  SystemClock,
   TerminalConsole,
   TerminalPalette,
   TextAttributes,
@@ -154,7 +155,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-2yz42vd4.js";
+} from "./index-0wbvecnk.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -2854,10 +2855,10 @@ class TextBufferRenderable extends Renderable {
     }
   }
   get scrollWidth() {
-    return this.lineInfo.maxLineWidth;
+    return this.lineInfo.lineWidthColsMax;
   }
   get scrollHeight() {
-    return this.lineInfo.lineStarts.length;
+    return this.lineInfo.lineStartCols.length;
   }
   get maxScrollY() {
     return Math.max(0, this.scrollHeight - this.height);
@@ -3023,7 +3024,7 @@ class TextBufferRenderable extends Renderable {
       }
       const effectiveHeight = isNaN(height) ? 1 : height;
       const measureResult = this.textBufferView.measureForDimensions(Math.floor(effectiveWidth), Math.floor(effectiveHeight));
-      const measuredWidth = measureResult ? Math.max(1, measureResult.maxWidth) : 1;
+      const measuredWidth = measureResult ? Math.max(1, measureResult.widthColsMax) : 1;
       const measuredHeight = measureResult ? Math.max(1, measureResult.lineCount) : 1;
       if (widthMode === MeasureMode.AtMost && this._positionType !== "absolute") {
         return {
@@ -4376,6 +4377,7 @@ class TextRenderable extends TextBufferRenderable {
 // src/renderables/Diff.ts
 class DiffRenderable extends Renderable {
   _diff;
+  _syncScroll = false;
   _view;
   _parsedDiff = null;
   _parseError = null;
@@ -4418,6 +4420,7 @@ class DiffRenderable extends Renderable {
       flexDirection: options.view === "split" ? "row" : "column"
     });
     this._diff = options.diff ?? "";
+    this._syncScroll = options.syncScroll ?? false;
     this._view = options.view ?? "unified";
     this._fg = options.fg ? parseColor(options.fg) : undefined;
     this._filetype = options.filetype;
@@ -4479,6 +4482,31 @@ class DiffRenderable extends Renderable {
       this.buildSplitView();
     }
   }
+  onMouseEvent(event) {
+    if (event.type !== "scroll" || this._view !== "split" || !this._syncScroll)
+      return;
+    if (!this.leftCodeRenderable || !this.rightCodeRenderable)
+      return;
+    if (!event.target)
+      return;
+    if (this.isInsideSide(event.target, "left")) {
+      this.rightCodeRenderable.scrollY = this.leftCodeRenderable.scrollY;
+      this.rightCodeRenderable.scrollX = this.leftCodeRenderable.scrollX;
+    } else if (this.isInsideSide(event.target, "right")) {
+      this.leftCodeRenderable.scrollY = this.rightCodeRenderable.scrollY;
+      this.leftCodeRenderable.scrollX = this.rightCodeRenderable.scrollX;
+    }
+  }
+  isInsideSide(target, side) {
+    const container = side === "left" ? this.leftCodeRenderable : this.rightCodeRenderable;
+    let current = target;
+    while (current) {
+      if (current === container)
+        return true;
+      current = current.parent;
+    }
+    return false;
+  }
   onResize(width, height) {
     super.onResize(width, height);
     if (this._view === "split" && this._wrapMode !== "none" && this._wrapMode !== undefined) {
@@ -5054,6 +5082,17 @@ class DiffRenderable extends Renderable {
       this.rebuildView();
     }
   }
+  get syncScroll() {
+    return this._syncScroll;
+  }
+  set syncScroll(value) {
+    if (this._syncScroll !== value) {
+      this._syncScroll = value;
+      if (!value) {
+        this.detachLineInfoListeners();
+      }
+    }
+  }
   get view() {
     return this._view;
   }
@@ -5703,7 +5742,7 @@ class EditBufferRenderable extends Renderable {
       }
       const effectiveHeight = isNaN(height) ? 1 : height;
       const measureResult = this.editorView.measureForDimensions(Math.floor(effectiveWidth), Math.floor(effectiveHeight));
-      const measuredWidth = measureResult ? Math.max(1, measureResult.maxWidth) : 1;
+      const measuredWidth = measureResult ? Math.max(1, measureResult.widthColsMax) : 1;
       const measuredHeight = measureResult ? Math.max(1, measureResult.lineCount) : 1;
       if (widthMode === MeasureMode.AtMost && this._positionType !== "absolute") {
         return {
@@ -7049,7 +7088,7 @@ class TextTableRenderable extends Renderable {
         if (!cell)
           continue;
         const measure = cell.textBufferView.measureForDimensions(0, MEASURE_HEIGHT);
-        const measuredWidth = Math.max(1, measure?.maxWidth ?? 0) + horizontalPadding;
+        const measuredWidth = Math.max(1, measure?.widthColsMax ?? 0) + horizontalPadding;
         intrinsicWidths[colIdx] = Math.max(intrinsicWidths[colIdx], measuredWidth);
       }
     }
@@ -11630,6 +11669,70 @@ class TabSelectRenderable extends Renderable {
     this._keyBindingsMap = buildKeyBindingsMap(mergedBindings, this._keyAliasMap);
   }
 }
+// src/renderables/TimeToFirstDraw.ts
+class TimeToFirstDrawRenderable extends Renderable {
+  _runtimeMs = null;
+  textColor;
+  label;
+  precision;
+  constructor(ctx, options = {}) {
+    super(ctx, {
+      width: "100%",
+      height: 1,
+      flexShrink: 0,
+      alignSelf: "center",
+      ...options
+    });
+    this.textColor = parseColor(options.fg ?? "#AAAAAA");
+    this.label = options.label ?? "Time to first draw";
+    this.precision = this.normalizePrecision(options.precision ?? 2);
+  }
+  get runtimeMs() {
+    return this._runtimeMs;
+  }
+  set fg(value) {
+    this.textColor = parseColor(value);
+    this.requestRender();
+  }
+  set color(value) {
+    this.fg = value;
+  }
+  set textLabel(value) {
+    if (value === this.label) {
+      return;
+    }
+    this.label = value;
+    this.requestRender();
+  }
+  set decimals(value) {
+    const nextPrecision = this.normalizePrecision(value);
+    if (nextPrecision === this.precision) {
+      return;
+    }
+    this.precision = nextPrecision;
+    this.requestRender();
+  }
+  reset() {
+    this._runtimeMs = null;
+    this.requestRender();
+  }
+  renderSelf(buffer) {
+    if (this._runtimeMs === null) {
+      this._runtimeMs = performance.now();
+    }
+    const content = `${this.label}: ${this._runtimeMs.toFixed(this.precision)}ms`;
+    const maxWidth = Math.max(this.width, 1);
+    const visibleContent = content.length > maxWidth ? content.slice(0, maxWidth) : content;
+    const centeredX = this.x + Math.max(0, Math.floor((maxWidth - visibleContent.length) / 2));
+    buffer.drawText(visibleContent, centeredX, this.y, this.textColor);
+  }
+  normalizePrecision(value) {
+    if (!Number.isFinite(value)) {
+      return 2;
+    }
+    return Math.max(0, Math.floor(value));
+  }
+}
 export {
   yellow,
   wrapWithDelegates,
@@ -11753,6 +11856,7 @@ export {
   VRenderable,
   TreeSitterClient,
   Timeline,
+  TimeToFirstDrawRenderable,
   TextareaRenderable,
   TextTableRenderable,
   TextRenderable,
@@ -11767,9 +11871,10 @@ export {
   TabSelectRenderableEvents,
   TabSelectRenderable,
   TabSelect,
+  SystemClock,
   SyntaxStyle,
   StyledText,
-  StdinBuffer,
+  StdinParser,
   SliderRenderable,
   Selection,
   SelectRenderableEvents,
@@ -11833,5 +11938,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=D4980C658617B6F964756E2164756E21
+//# debugId=0B9385597710D2A764756E2164756E21
 //# sourceMappingURL=index.js.map