@opentui/core 0.0.0-20251028-8f761bab → 0.0.0-20251029-f23e92a5

package/index.js

@@ -133,7 +133,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-nmrjz1q1.js";
+} from "./index-xn9k0wzm.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -222,6 +222,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 +666,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;
@@ -2338,6 +2356,8 @@ class TextBufferRenderable extends Renderable {
   _selectionFg;
   _wrapMode = "word";
   lastLocalSelection = null;
+  _tabIndicator;
+  _tabIndicatorColor;
   textBuffer;
   textBufferView;
   _lineInfo = { lineStarts: [], lineWidths: [], maxLineWidth: 0 };
@@ -2348,7 +2368,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 +2381,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 +2392,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 +2484,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) {
@@ -5026,6 +5081,8 @@ class EditBufferRenderable extends Renderable {
   _showCursor = true;
   _cursorColor;
   lastLocalSelection = null;
+  _tabIndicator;
+  _tabIndicatorColor;
   _cursorChangeListener = undefined;
   _contentChangeListener = undefined;
   editBuffer;
@@ -5040,7 +5097,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 +5113,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 +5125,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 +5258,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) {
@@ -6022,5 +6114,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=6DE3AAD23AD1DB9564756E2164756E21
+//# debugId=1F85D8F895EC38C664756E2164756E21
 //# sourceMappingURL=index.js.map