@opentui/core 0.0.0-20250917-afb89399 → 0.0.0-20250919-c2d2d461

package/index.js

@@ -13,7 +13,6 @@ import {
   KeyHandler,
   LayoutEvents,
   LogLevel,
-  MeasureMode,
   MouseButton,
   MouseEvent,
   MouseParser,
@@ -28,7 +27,6 @@ import {
   TerminalConsole,
   TextAttributes,
   TextBuffer,
-  TrackedNode,
   bg,
   bgBlack,
   bgBlue,
@@ -56,7 +54,6 @@ import {
   coordinateToCharacterIndex,
   createCliRenderer,
   createTextAttributes,
-  createTrackedNode,
   cyan,
   delegate,
   dim,
@@ -73,15 +70,7 @@ import {
   hexToRgb,
   hsvToRgb,
   instantiate,
-  isDimensionType,
-  isFlexBasisType,
-  isMarginType,
-  isOverflowType,
-  isPaddingType,
-  isPositionType,
-  isPositionTypeType,
   isRenderable,
-  isSizeType,
   isStyledText,
   isVNode,
   isValidPercentage,
@@ -121,7 +110,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-dgjbzqw3.js";
+} from "./index-sf59r9br.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -1379,7 +1368,7 @@ class BoxRenderable extends Renderable {
     };
   }
   applyYogaBorders() {
-    const node = this.layoutNode.yogaNode;
+    const node = this.yogaNode;
     node.setBorder(Edge.Left, this.borderSides.left ? 1 : 0);
     node.setBorder(Edge.Right, this.borderSides.right ? 1 : 0);
     node.setBorder(Edge.Top, this.borderSides.top ? 1 : 0);
@@ -1387,7 +1376,7 @@ class BoxRenderable extends Renderable {
     this.requestRender();
   }
   applyYogaGap(options) {
-    const node = this.layoutNode.yogaNode;
+    const node = this.yogaNode;
     if (isGapType(options.gap)) {
       node.setGap(Gutter.All, options.gap);
     }
@@ -1400,19 +1389,19 @@ class BoxRenderable extends Renderable {
   }
   set gap(gap) {
     if (isGapType(gap)) {
-      this.layoutNode.yogaNode.setGap(Gutter.All, gap);
+      this.yogaNode.setGap(Gutter.All, gap);
       this.requestRender();
     }
   }
   set rowGap(rowGap) {
     if (isGapType(rowGap)) {
-      this.layoutNode.yogaNode.setGap(Gutter.Row, rowGap);
+      this.yogaNode.setGap(Gutter.Row, rowGap);
       this.requestRender();
     }
   }
   set columnGap(columnGap) {
     if (isGapType(columnGap)) {
-      this.layoutNode.yogaNode.setGap(Gutter.Column, columnGap);
+      this.yogaNode.setGap(Gutter.Column, columnGap);
       this.requestRender();
     }
   }
@@ -1682,9 +1671,11 @@ class TextRenderable extends Renderable {
   _defaultAttributes;
   _selectionBg;
   _selectionFg;
+  _wrap = false;
+  _wrapMode = "word";
   lastLocalSelection = null;
   textBuffer;
-  _lineInfo = { lineStarts: [], lineWidths: [] };
+  _lineInfo = { lineStarts: [], lineWidths: [], maxLineWidth: 0 };
   rootTextNode;
   _defaultOptions = {
     content: "",
@@ -1693,7 +1684,9 @@ class TextRenderable extends Renderable {
     selectionBg: undefined,
     selectionFg: undefined,
     selectable: true,
-    attributes: 0
+    attributes: 0,
+    wrap: true,
+    wrapMode: "word"
   };
   constructor(ctx, options) {
     super(ctx, options);
@@ -1706,7 +1699,13 @@ class TextRenderable extends Renderable {
     this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : this._defaultOptions.selectionBg;
     this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
-    this.textBuffer = TextBuffer.create(64, this._ctx.widthMethod);
+    this._wrap = options.wrap ?? this._defaultOptions.wrap;
+    this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
+    this.textBuffer = TextBuffer.create(this._ctx.widthMethod);
+    this.textBuffer.setWrapMode(this._wrapMode);
+    if (this._wrap) {
+      this.textBuffer.setWrapWidth(this.width > 0 ? this.width : 40);
+    }
     this.textBuffer.setDefaultFg(this._defaultFg);
     this.textBuffer.setDefaultBg(this._defaultBg);
     this.textBuffer.setDefaultAttributes(this._defaultAttributes);
@@ -1813,8 +1812,31 @@ class TextRenderable extends Renderable {
       this.requestRender();
     }
   }
+  get wrap() {
+    return this._wrap;
+  }
+  set wrap(value) {
+    if (this._wrap !== value) {
+      this._wrap = value;
+      this.textBuffer.setWrapWidth(this._wrap ? this.width : null);
+      this.requestRender();
+    }
+  }
+  get wrapMode() {
+    return this._wrapMode;
+  }
+  set wrapMode(value) {
+    if (this._wrapMode !== value) {
+      this._wrapMode = value;
+      this.textBuffer.setWrapMode(this._wrapMode);
+      this.requestRender();
+    }
+  }
   onResize(width, height) {
-    if (this.lastLocalSelection) {
+    if (this._wrap) {
+      this.textBuffer.setWrapWidth(width);
+      this.updateTextInfo();
+    } else if (this.lastLocalSelection) {
       const changed = this.updateLocalSelection(this.lastLocalSelection);
       if (changed) {
         this.requestRender();
@@ -1832,37 +1854,28 @@ class TextRenderable extends Renderable {
     const lineInfo = this.textBuffer.lineInfo;
     this._lineInfo.lineStarts = lineInfo.lineStarts;
     this._lineInfo.lineWidths = lineInfo.lineWidths;
+    this._lineInfo.maxLineWidth = lineInfo.maxLineWidth;
     if (this.lastLocalSelection) {
       const changed = this.updateLocalSelection(this.lastLocalSelection);
       if (changed) {
         this.requestRender();
       }
     }
-    this.layoutNode.yogaNode.markDirty();
+    this.yogaNode.markDirty();
     this.requestRender();
   }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      const maxLineWidth = Math.max(...this._lineInfo.lineWidths, 0);
-      const numLines = this._lineInfo.lineStarts.length || 1;
+      const maxLineWidth = this._lineInfo.maxLineWidth;
+      const numLines = this._lineInfo.lineStarts.length;
       let measuredWidth = maxLineWidth;
       let measuredHeight = numLines;
-      if (widthMode === MeasureMode.Exactly) {
-        measuredWidth = width;
-      } else if (widthMode === MeasureMode.AtMost) {
-        measuredWidth = Math.min(maxLineWidth, width);
-      }
-      if (heightMode === MeasureMode.Exactly) {
-        measuredHeight = height;
-      } else if (heightMode === MeasureMode.AtMost) {
-        measuredHeight = Math.min(numLines, height);
-      }
       return {
         width: Math.max(1, measuredWidth),
         height: Math.max(1, measuredHeight)
       };
     };
-    this.layoutNode.yogaNode.setMeasureFunc(measureFunc);
+    this.yogaNode.setMeasureFunc(measureFunc);
   }
   insertChunk(chunk, index) {
     this.textBuffer.insertChunkGroup(index ?? this.textBuffer.chunkGroupCount, chunk.text, chunk.fg, chunk.bg, chunk.attributes);
@@ -3743,6 +3756,8 @@ class ScrollBoxRenderable extends BoxRenderable {
     horizontalScrollbarOptions,
     stickyScroll = false,
     stickyStart,
+    scrollX = false,
+    scrollY = true,
     ...options
   }) {
     super(ctx, {
@@ -3777,8 +3792,8 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.wrapper.add(this.viewport);
     this.content = new ContentRenderable(ctx, this.viewport, {
       alignSelf: "flex-start",
-      minWidth: "100%",
-      minHeight: "100%",
+      ...scrollX ? { minWidth: "100%" } : { minWidth: "100%", maxWidth: "100%" },
+      ...scrollY ? { minHeight: "100%" } : { minHeight: "100%", maxHeight: "100%" },
       onSizeChange: () => {
         this.recalculateBarProps();
       },
@@ -4168,19 +4183,10 @@ export {
   maybeMakeRenderable,
   magenta,
   italic,
-  isValidPercentage,
   isVNode,
   isTextNodeRenderable,
   isStyledText,
-  isSizeType,
   isRenderable,
-  isPositionTypeType,
-  isPositionType,
-  isPaddingType,
-  isOverflowType,
-  isMarginType,
-  isFlexBasisType,
-  isDimensionType,
   instantiate,
   hsvToRgb,
   hexToRgb,
@@ -4197,7 +4203,6 @@ export {
   dim,
   delegate,
   cyan,
-  createTrackedNode,
   createTimeline,
   createTextAttributes,
   createCliRenderer,
@@ -4235,7 +4240,6 @@ export {
   applyAsciiArt,
   VignetteEffect,
   VRenderable,
-  TrackedNode,
   Timeline,
   TextRenderable,
   TextNodeRenderable,
@@ -4291,5 +4295,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=C24A2E933E87A1F264756E2164756E21
+//# debugId=9FEF005017B1B5AE64756E2164756E21
 //# sourceMappingURL=index.js.map