@opentui/core 0.1.24 → 0.1.25

package/index.js

@@ -57,13 +57,16 @@ import {
   cyan,
   delegate,
   dim,
+  env,
+  envRegistry,
   exports_src,
   fg,
   fonts,
+  generateEnvColored,
+  generateEnvMarkdown,
   getBorderFromSides,
   getBorderSides,
   getCharacterPositions,
-  getKeyHandler,
   getObjectsInViewport,
   green,
   h,
@@ -98,6 +101,7 @@ import {
   parseUnit,
   parseWrap,
   red,
+  registerEnvVar,
   renderFontToFrameBuffer,
   resolveRenderLib,
   reverse,
@@ -111,7 +115,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-0yx9rnxg.js";
+} from "./index-6kvgbzah.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -1667,6 +1671,7 @@ class RootTextNodeRenderable extends TextNodeRenderable {
 class TextRenderable extends Renderable {
   selectable = true;
   _text;
+  _hasManualStyledText = false;
   _defaultFg;
   _defaultBg;
   _defaultAttributes;
@@ -1694,6 +1699,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 +1710,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 +1722,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 +1748,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 +1841,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 +1856,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 +1865,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,14 +1915,15 @@ 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,
         attributes: this._defaultAttributes
       });
       this.textBuffer.setStyledText(new StyledText(chunks));
-      this.updateTextInfo();
+      this.updateLineInfo();
+      this.yogaNode.markDirty();
     }
   }
   add(obj, index) {
@@ -2003,6 +2019,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 +3069,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 +3779,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     ...options
   }) {
     super(ctx, {
-      flexShrink: 1,
       flexDirection: "row",
       alignItems: "stretch",
       ...options,
@@ -3774,7 +3790,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 +3797,6 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.viewport = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
-      flexShrink: 1,
       overflow: "hidden",
       onSizeChange: () => {
         this.recalculateBarProps();
@@ -3793,6 +3807,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: () => {
@@ -4161,6 +4176,7 @@ export {
   reverse,
   resolveRenderLib,
   renderFontToFrameBuffer,
+  registerEnvVar,
   red,
   parseWrap,
   parseUnit,
@@ -4194,12 +4210,15 @@ export {
   hastToStyledText,
   h,
   green,
-  getKeyHandler,
   getCharacterPositions,
   getBorderSides,
   getBorderFromSides,
+  generateEnvMarkdown,
+  generateEnvColored,
   fonts,
   fg,
+  envRegistry,
+  env,
   engine,
   dim,
   delegate,
@@ -4297,5 +4316,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=5FB73C20BB0792E864756E2164756E21
+//# debugId=9C915E7AEEBC51B664756E2164756E21
 //# sourceMappingURL=index.js.map