@opentui/core 0.1.31 → 0.1.32

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-91qheh74.js";
+} from "./index-3f9h747j.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -222,6 +223,15 @@ class TextBufferView {
       return "";
     return this.lib.decoder.decode(plainBytes);
   }
+  setTabIndicator(indicator) {
+    this.guard();
+    const codePoint = typeof indicator === "string" ? indicator.codePointAt(0) ?? 0 : indicator;
+    this.lib.textBufferViewSetTabIndicator(this.viewPtr, codePoint);
+  }
+  setTabIndicatorColor(color) {
+    this.guard();
+    this.lib.textBufferViewSetTabIndicatorColor(this.viewPtr, color);
+  }
   destroy() {
     if (this._destroyed)
       return;
@@ -657,6 +667,15 @@ class EditorView {
     this.guard();
     this.lib.editorViewSetPlaceholderStyledText(this.viewPtr, chunks);
   }
+  setTabIndicator(indicator) {
+    this.guard();
+    const codePoint = typeof indicator === "string" ? indicator.codePointAt(0) ?? 0 : indicator;
+    this.lib.editorViewSetTabIndicator(this.viewPtr, codePoint);
+  }
+  setTabIndicatorColor(color) {
+    this.guard();
+    this.lib.editorViewSetTabIndicatorColor(this.viewPtr, color);
+  }
   destroy() {
     if (this._destroyed)
       return;
@@ -842,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;
@@ -2176,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;
   }
@@ -2210,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();
     }
   }
@@ -2223,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();
     }
   }
@@ -2233,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();
       }
@@ -2338,6 +2375,8 @@ class TextBufferRenderable extends Renderable {
   _selectionFg;
   _wrapMode = "word";
   lastLocalSelection = null;
+  _tabIndicator;
+  _tabIndicatorColor;
   textBuffer;
   textBufferView;
   _lineInfo = { lineStarts: [], lineWidths: [], maxLineWidth: 0 };
@@ -2348,7 +2387,9 @@ class TextBufferRenderable extends Renderable {
     selectionFg: undefined,
     selectable: true,
     attributes: 0,
-    wrapMode: "word"
+    wrapMode: "word",
+    tabIndicator: undefined,
+    tabIndicatorColor: undefined
   };
   constructor(ctx, options) {
     super(ctx, options);
@@ -2359,6 +2400,8 @@ class TextBufferRenderable extends Renderable {
     this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : this._defaultOptions.selectionFg;
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
     this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
+    this._tabIndicator = options.tabIndicator ?? this._defaultOptions.tabIndicator;
+    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
     this.textBuffer = TextBuffer.create(this._ctx.widthMethod);
     this.textBufferView = TextBufferView.create(this.textBuffer);
     const style = SyntaxStyle.create();
@@ -2368,6 +2411,12 @@ class TextBufferRenderable extends Renderable {
     this.textBuffer.setDefaultFg(this._defaultFg);
     this.textBuffer.setDefaultBg(this._defaultBg);
     this.textBuffer.setDefaultAttributes(this._defaultAttributes);
+    if (this._tabIndicator !== undefined) {
+      this.textBufferView.setTabIndicator(this._tabIndicator);
+    }
+    if (this._tabIndicatorColor !== undefined) {
+      this.textBufferView.setTabIndicatorColor(this._tabIndicatorColor);
+    }
     if (this._wrapMode !== "none" && this.width > 0) {
       this.updateWrapWidth(this.width);
     }
@@ -2454,6 +2503,31 @@ class TextBufferRenderable extends Renderable {
       this.requestRender();
     }
   }
+  get tabIndicator() {
+    return this._tabIndicator;
+  }
+  set tabIndicator(value) {
+    if (this._tabIndicator !== value) {
+      this._tabIndicator = value;
+      if (value !== undefined) {
+        this.textBufferView.setTabIndicator(value);
+      }
+      this.requestRender();
+    }
+  }
+  get tabIndicatorColor() {
+    return this._tabIndicatorColor;
+  }
+  set tabIndicatorColor(value) {
+    const newColor = value ? parseColor(value) : undefined;
+    if (this._tabIndicatorColor !== newColor) {
+      this._tabIndicatorColor = newColor;
+      if (newColor !== undefined) {
+        this.textBufferView.setTabIndicatorColor(newColor);
+      }
+      this.requestRender();
+    }
+  }
   onResize(width, height) {
     this.textBufferView.setViewportSize(width, height);
     if (this.lastLocalSelection) {
@@ -2568,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);
@@ -2577,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() {
@@ -2585,7 +2667,7 @@ class CodeRenderable extends TextBufferRenderable {
   set content(value) {
     if (this._content !== value) {
       this._content = value;
-      this.updateContent(value);
+      this.scheduleUpdate();
     }
   }
   get filetype() {
@@ -2594,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() {
@@ -2603,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;
       }
     }
   }
@@ -2655,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");
@@ -3151,7 +3270,7 @@ class InputRenderable extends Renderable {
         this.deleteCharacter("forward");
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         if (this._value !== this._lastCommittedValue) {
           this._lastCommittedValue = this._value;
           this.emit("change" /* CHANGE */, this._value);
@@ -4506,7 +4625,7 @@ class SelectRenderable extends Renderable {
         this.moveDown(isShift ? this._fastScrollStep : 1);
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         this.selectCurrent();
         return true;
     }
@@ -4825,7 +4944,7 @@ class TabSelectRenderable extends Renderable {
         this.moveRight();
         return true;
       case "return":
-      case "enter":
+      case "linefeed":
         this.selectCurrent();
         return true;
     }
@@ -5026,6 +5145,8 @@ class EditBufferRenderable extends Renderable {
   _showCursor = true;
   _cursorColor;
   lastLocalSelection = null;
+  _tabIndicator;
+  _tabIndicatorColor;
   _cursorChangeListener = undefined;
   _contentChangeListener = undefined;
   editBuffer;
@@ -5040,7 +5161,9 @@ class EditBufferRenderable extends Renderable {
     wrapMode: "word",
     scrollMargin: 0.2,
     showCursor: true,
-    cursorColor: RGBA.fromValues(1, 1, 1, 1)
+    cursorColor: RGBA.fromValues(1, 1, 1, 1),
+    tabIndicator: undefined,
+    tabIndicatorColor: undefined
   };
   constructor(ctx, options) {
     super(ctx, options);
@@ -5054,6 +5177,8 @@ class EditBufferRenderable extends Renderable {
     this._scrollMargin = options.scrollMargin ?? this._defaultOptions.scrollMargin;
     this._showCursor = options.showCursor ?? this._defaultOptions.showCursor;
     this._cursorColor = parseColor(options.cursorColor ?? this._defaultOptions.cursorColor);
+    this._tabIndicator = options.tabIndicator ?? this._defaultOptions.tabIndicator;
+    this._tabIndicatorColor = options.tabIndicatorColor ? parseColor(options.tabIndicatorColor) : this._defaultOptions.tabIndicatorColor;
     this.editBuffer = EditBuffer.create(this._ctx.widthMethod);
     this.editorView = EditorView.create(this.editBuffer, this.width || 80, this.height || 24);
     this.editorView.setWrapMode(this._wrapMode);
@@ -5064,6 +5189,12 @@ class EditBufferRenderable extends Renderable {
     if (options.syntaxStyle) {
       this.editBuffer.setSyntaxStyle(options.syntaxStyle);
     }
+    if (this._tabIndicator !== undefined) {
+      this.editorView.setTabIndicator(this._tabIndicator);
+    }
+    if (this._tabIndicatorColor !== undefined) {
+      this.editorView.setTabIndicatorColor(this._tabIndicatorColor);
+    }
     this.setupMeasureFunc();
     this.setupEventListeners(options);
   }
@@ -5191,6 +5322,31 @@ class EditBufferRenderable extends Renderable {
       this.requestRender();
     }
   }
+  get tabIndicator() {
+    return this._tabIndicator;
+  }
+  set tabIndicator(value) {
+    if (this._tabIndicator !== value) {
+      this._tabIndicator = value;
+      if (value !== undefined) {
+        this.editorView.setTabIndicator(value);
+      }
+      this.requestRender();
+    }
+  }
+  get tabIndicatorColor() {
+    return this._tabIndicatorColor;
+  }
+  set tabIndicatorColor(value) {
+    const newColor = value ? parseColor(value) : undefined;
+    if (this._tabIndicatorColor !== newColor) {
+      this._tabIndicatorColor = newColor;
+      if (newColor !== undefined) {
+        this.editorView.setTabIndicatorColor(newColor);
+      }
+      this.requestRender();
+    }
+  }
   onResize(width, height) {
     this.editorView.setViewportSize(width, height);
     if (this.lastLocalSelection) {
@@ -5415,9 +5571,8 @@ var defaultTextareaKeybindings = [
   { name: "backspace", action: "backspace" },
   { name: "delete", action: "delete" },
   { name: "return", action: "newline" },
-  { name: "enter", action: "newline" },
+  { name: "linefeed", action: "newline" },
   { name: "return", meta: true, action: "submit" },
-  { name: "enter", meta: true, action: "submit" },
   { name: "z", ctrl: true, action: "undo" },
   { name: "Z", ctrl: true, shift: true, action: "redo" },
   { name: "y", ctrl: true, action: "redo" },
@@ -5968,6 +6123,7 @@ export {
   TabSelect,
   SyntaxStyle,
   StyledText,
+  StdinBuffer,
   SliderRenderable,
   Selection,
   SelectRenderableEvents,
@@ -6023,5 +6179,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=F972C01B99F2CD0364756E2164756E21
+//# debugId=52657F382323749F64756E2164756E21
 //# sourceMappingURL=index.js.map