@opentui/core 0.0.0-20250918-7ff2578a → 0.0.0-20250919-6683564e

package/index.d.ts

@@ -10,3 +10,4 @@ export * from "./renderer";
 export * from "./renderables";
 export * from "./zig";
 export * from "./console";
+export * as Yoga from "yoga-layout";

package/index.js

@@ -13,7 +13,6 @@ import {
   KeyHandler,
   LayoutEvents,
   LogLevel,
-  MeasureMode,
   MouseButton,
   MouseEvent,
   MouseParser,
@@ -58,6 +57,7 @@ import {
   cyan,
   delegate,
   dim,
+  exports_src,
   fg,
   fonts,
   getBorderFromSides,
@@ -111,7 +111,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-9skjt1d2.js";
+} from "./index-0yx9rnxg.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -1672,9 +1672,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: "",
@@ -1683,7 +1685,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);
@@ -1696,7 +1700,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);
@@ -1803,8 +1813,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();
@@ -1822,6 +1855,7 @@ 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) {
@@ -1833,20 +1867,10 @@ class TextRenderable extends Renderable {
   }
   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)
@@ -3733,6 +3757,8 @@ class ScrollBoxRenderable extends BoxRenderable {
     horizontalScrollbarOptions,
     stickyScroll = false,
     stickyStart,
+    scrollX = false,
+    scrollY = true,
     ...options
   }) {
     super(ctx, {
@@ -3767,8 +3793,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();
       },
@@ -4213,6 +4239,7 @@ export {
   applyGrayscale,
   applyChromaticAberration,
   applyAsciiArt,
+  exports_src as Yoga,
   VignetteEffect,
   VRenderable,
   Timeline,
@@ -4270,5 +4297,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=624CE1C61076A58864756E2164756E21
+//# debugId=5FB73C20BB0792E864756E2164756E21
 //# sourceMappingURL=index.js.map