@opentui/core 0.0.0-20251030-1c570263 → 0.0.0-20251102-23e7b561

package/index.js

@@ -30,6 +30,7 @@ import {
   RendererControlState,
   RootRenderable,
   Selection,
+  StdinBuffer,
   StyledText,
   TerminalConsole,
   TextAttributes,
@@ -133,7 +134,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-xn9k0wzm.js";
+} from "./index-rzgaxyf4.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -860,6 +861,14 @@ class SyntaxStyle {
     this.guard();
     return this.mergedCache.size;
   }
+  getAllStyles() {
+    this.guard();
+    return new Map(this.styleDefs);
+  }
+  getRegisteredNames() {
+    this.guard();
+    return Array.from(this.styleDefs.keys());
+  }
   destroy() {
     if (this._destroyed)
       return;
@@ -2194,6 +2203,13 @@ class BoxRenderable extends Renderable {
       this.applyYogaGap(options);
     }
   }
+  initializeBorder() {
+    if (this._border === false) {
+      this._border = true;
+      this.borderSides = getBorderSides(this._border);
+      this.applyYogaBorders();
+    }
+  }
   get customBorderChars() {
     return this._customBorderCharsObj;
   }
@@ -2228,9 +2244,10 @@ class BoxRenderable extends Renderable {
   }
   set borderStyle(value) {
     let _value = value ?? this._defaultOptions.borderStyle;
-    if (this._borderStyle !== _value) {
+    if (this._borderStyle !== _value || !this._border) {
       this._borderStyle = _value;
       this._customBorderChars = undefined;
+      this.initializeBorder();
       this.requestRender();
     }
   }
@@ -2241,6 +2258,7 @@ class BoxRenderable extends Renderable {
     const newColor = parseColor(value ?? this._defaultOptions.borderColor);
     if (this._borderColor !== newColor) {
       this._borderColor = newColor;
+      this.initializeBorder();
       this.requestRender();
     }
   }
@@ -2251,6 +2269,7 @@ class BoxRenderable extends Renderable {
     const newColor = parseColor(value ?? this._defaultOptions.focusedBorderColor);
     if (this._focusedBorderColor !== newColor) {
       this._focusedBorderColor = newColor;
+      this.initializeBorder();
       if (this._focused) {
         this.requestRender();
       }
@@ -2623,8 +2642,14 @@ class CodeRenderable extends TextBufferRenderable {
   _isHighlighting = false;
   _treeSitterClient;
   _pendingRehighlight = false;
+  _pendingUpdate = false;
+  _currentHighlightId = 0;
+  _conceal;
+  _drawUnstyledText;
   _contentDefaultOptions = {
-    content: ""
+    content: "",
+    conceal: true,
+    drawUnstyledText: true
   };
   constructor(ctx, options) {
     super(ctx, options);
@@ -2632,6 +2657,8 @@ class CodeRenderable extends TextBufferRenderable {
     this._filetype = options.filetype;
     this._syntaxStyle = options.syntaxStyle;
     this._treeSitterClient = options.treeSitterClient ?? getTreeSitterClient();
+    this._conceal = options.conceal ?? this._contentDefaultOptions.conceal;
+    this._drawUnstyledText = options.drawUnstyledText ?? this._contentDefaultOptions.drawUnstyledText;
     this.updateContent(this._content);
   }
   get content() {
@@ -2640,7 +2667,7 @@ class CodeRenderable extends TextBufferRenderable {
   set content(value) {
     if (this._content !== value) {
       this._content = value;
-      this.updateContent(value);
+      this.scheduleUpdate();
     }
   }
   get filetype() {
@@ -2649,7 +2676,7 @@ class CodeRenderable extends TextBufferRenderable {
   set filetype(value) {
     if (this._filetype !== value) {
       this._filetype = value;
-      this.updateContent(this._content);
+      this.scheduleUpdate();
     }
   }
   get syntaxStyle() {
@@ -2658,36 +2685,70 @@ class CodeRenderable extends TextBufferRenderable {
   set syntaxStyle(value) {
     if (this._syntaxStyle !== value) {
       this._syntaxStyle = value;
-      this.updateContent(this._content);
+      this.scheduleUpdate();
+    }
+  }
+  get conceal() {
+    return this._conceal;
+  }
+  set conceal(value) {
+    if (this._conceal !== value) {
+      this._conceal = value;
+      this.scheduleUpdate();
+    }
+  }
+  get drawUnstyledText() {
+    return this._drawUnstyledText;
+  }
+  set drawUnstyledText(value) {
+    if (this._drawUnstyledText !== value) {
+      this._drawUnstyledText = value;
+      this.scheduleUpdate();
     }
   }
+  scheduleUpdate() {
+    if (this._pendingUpdate)
+      return;
+    this._pendingUpdate = true;
+    queueMicrotask(() => {
+      this._pendingUpdate = false;
+      this.updateContent(this._content);
+    });
+  }
   async updateContent(content) {
     if (content.length === 0)
       return;
-    if (this._isHighlighting) {
-      this._pendingRehighlight = true;
-      return;
-    }
     if (!this._filetype) {
       this.fallback(content);
       return;
     }
-    this.fallback(content);
+    this._currentHighlightId++;
+    const highlightId = this._currentHighlightId;
+    if (this._drawUnstyledText) {
+      this.fallback(content);
+    }
     this._isHighlighting = true;
+    this._pendingRehighlight = false;
     try {
-      const styledText = await treeSitterToStyledText(content, this._filetype, this._syntaxStyle, this._treeSitterClient);
+      const styledText = await treeSitterToStyledText(content, this._filetype, this._syntaxStyle, this._treeSitterClient, {
+        conceal: { enabled: this._conceal }
+      });
+      if (highlightId !== this._currentHighlightId) {
+        return;
+      }
       if (this.isDestroyed)
         return;
       this.textBuffer.setStyledText(styledText);
       this.updateTextInfo();
     } catch (error) {
+      if (highlightId !== this._currentHighlightId) {
+        return;
+      }
       console.warn("Code highlighting failed, falling back to plain text:", error);
       this.fallback(content);
     } finally {
-      this._isHighlighting = false;
-      if (this._pendingRehighlight) {
-        this._pendingRehighlight = false;
-        process.nextTick(() => this.updateContent(this._content));
+      if (highlightId === this._currentHighlightId) {
+        this._isHighlighting = false;
       }
     }
   }
@@ -2710,6 +2771,9 @@ class CodeRenderable extends TextBufferRenderable {
     ];
     return new StyledText(chunks);
   }
+  getLineHighlights(lineIdx) {
+    return this.textBuffer.getLineHighlights(lineIdx);
+  }
 }
 // src/renderables/TextNode.ts
 var BrandedTextNodeRenderable = Symbol.for("@opentui/core/TextNodeRenderable");
@@ -6059,6 +6123,7 @@ export {
   TabSelect,
   SyntaxStyle,
   StyledText,
+  StdinBuffer,
   SliderRenderable,
   Selection,
   SelectRenderableEvents,
@@ -6114,5 +6179,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=1F85D8F895EC38C664756E2164756E21
+//# debugId=52657F382323749F64756E2164756E21
 //# sourceMappingURL=index.js.map