@opentui/core 0.0.0-20250919-6683564e → 0.0.0-20250922-6d7f4921

package/index.js

@@ -111,7 +111,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-0yx9rnxg.js";
+} from "./index-ra8j4k81.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -1667,6 +1667,7 @@ class RootTextNodeRenderable extends TextNodeRenderable {
 class TextRenderable extends Renderable {
   selectable = true;
   _text;
+  _hasManualStyledText = false;
   _defaultFg;
   _defaultBg;
   _defaultAttributes;
@@ -1694,6 +1695,7 @@ class TextRenderable extends Renderable {
     const content = options.content ?? this._defaultOptions.content;
     const styledText = typeof content === "string" ? stringToStyledText(content) : content;
     this._text = styledText;
+    this._hasManualStyledText = !!options.content;
     this._defaultFg = parseColor(options.fg ?? this._defaultOptions.fg);
     this._defaultBg = parseColor(options.bg ?? this._defaultOptions.bg);
     this._defaultAttributes = options.attributes ?? this._defaultOptions.attributes;
@@ -1704,13 +1706,10 @@ class TextRenderable extends Renderable {
     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.setupMeasureFunc();
     this.textBuffer.setDefaultFg(this._defaultFg);
     this.textBuffer.setDefaultBg(this._defaultBg);
     this.textBuffer.setDefaultAttributes(this._defaultAttributes);
-    this.setupMeasureFunc();
     this.rootTextNode = new RootTextNodeRenderable(ctx, {
       id: `${this.id}-root`,
       fg: this._defaultFg,
@@ -1719,6 +1718,9 @@ class TextRenderable extends Renderable {
     }, this);
     this.updateTextBuffer(styledText);
     this._text.mount(this);
+    if (this._wrap && this.width > 0) {
+      this.updateWrapWidth(this.width);
+    }
     this.updateTextInfo();
   }
   updateTextBuffer(styledText) {
@@ -1742,6 +1744,7 @@ class TextRenderable extends Renderable {
     return this.rootTextNode;
   }
   set content(value) {
+    this._hasManualStyledText = true;
     const styledText = typeof value === "string" ? stringToStyledText(value) : value;
     if (this._text !== styledText) {
       this._text = styledText;
@@ -1834,10 +1837,7 @@ class TextRenderable extends Renderable {
     }
   }
   onResize(width, height) {
-    if (this._wrap) {
-      this.textBuffer.setWrapWidth(width);
-      this.updateTextInfo();
-    } else if (this.lastLocalSelection) {
+    if (this.lastLocalSelection) {
       const changed = this.updateLocalSelection(this.lastLocalSelection);
       if (changed) {
         this.requestRender();
@@ -1852,10 +1852,6 @@ class TextRenderable extends Renderable {
     return this.textBuffer.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
   }
   updateTextInfo() {
-    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) {
@@ -1865,12 +1861,27 @@ class TextRenderable extends Renderable {
     this.yogaNode.markDirty();
     this.requestRender();
   }
+  updateLineInfo() {
+    const lineInfo = this.textBuffer.lineInfo;
+    this._lineInfo.lineStarts = lineInfo.lineStarts;
+    this._lineInfo.lineWidths = lineInfo.lineWidths;
+    this._lineInfo.maxLineWidth = lineInfo.maxLineWidth;
+  }
+  updateWrapWidth(width) {
+    this.textBuffer.setWrapWidth(width);
+    this.updateLineInfo();
+  }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      const maxLineWidth = this._lineInfo.maxLineWidth;
-      const numLines = this._lineInfo.lineStarts.length;
-      let measuredWidth = maxLineWidth;
-      let measuredHeight = numLines;
+      if (this._wrap) {
+        if (this.width !== width) {
+          this.updateWrapWidth(width);
+        }
+      } else {
+        this.updateLineInfo();
+      }
+      const measuredWidth = this._lineInfo.maxLineWidth;
+      const measuredHeight = this._lineInfo.lineStarts.length;
       return {
         width: Math.max(1, measuredWidth),
         height: Math.max(1, measuredHeight)
@@ -1900,7 +1911,7 @@ class TextRenderable extends Renderable {
     this.clearChunks(this._text);
   }
   updateTextFromNodes() {
-    if (this.rootTextNode.isDirty) {
+    if (this.rootTextNode.isDirty && !this._hasManualStyledText) {
       const chunks = this.rootTextNode.gatherWithInheritedStyle({
         fg: this._defaultFg,
         bg: this._defaultBg,
@@ -2003,6 +2014,7 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
     const text = options.text || "";
     const measurements = measureText({ text, font });
     super(ctx, {
+      flexShrink: 0,
       ...options,
       width: measurements.width || 1,
       height: measurements.height || 1,
@@ -3052,7 +3064,7 @@ class SliderRenderable extends Renderable {
   _foregroundColor;
   _onChange;
   constructor(ctx, options) {
-    super(ctx, options);
+    super(ctx, { flexShrink: 0, ...options });
     this.orientation = options.orientation;
     this._min = options.min ?? 0;
     this._max = options.max ?? 100;
@@ -3762,7 +3774,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     ...options
   }) {
     super(ctx, {
-      flexShrink: 1,
       flexDirection: "row",
       alignItems: "stretch",
       ...options,
@@ -3774,7 +3785,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.wrapper = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
-      flexShrink: 1,
       ...wrapperOptions,
       id: `scroll-box-wrapper-${this.internalId}`
     });
@@ -3782,7 +3792,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.viewport = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
-      flexShrink: 1,
       overflow: "hidden",
       onSizeChange: () => {
         this.recalculateBarProps();
@@ -3793,6 +3802,7 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.wrapper.add(this.viewport);
     this.content = new ContentRenderable(ctx, this.viewport, {
       alignSelf: "flex-start",
+      flexShrink: 0,
       ...scrollX ? { minWidth: "100%" } : { minWidth: "100%", maxWidth: "100%" },
       ...scrollY ? { minHeight: "100%" } : { minHeight: "100%", maxHeight: "100%" },
       onSizeChange: () => {
@@ -4297,5 +4307,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=5FB73C20BB0792E864756E2164756E21
+//# debugId=F7B7F734F86C324E64756E2164756E21
 //# sourceMappingURL=index.js.map