@opentui/core 0.1.39 → 0.1.41

package/index.js

@@ -136,7 +136,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-d4f5t33k.js";
+} from "./index-kj9k00yt.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -2661,9 +2661,8 @@ class CodeRenderable extends TextBufferRenderable {
   _syntaxStyle;
   _isHighlighting = false;
   _treeSitterClient;
-  _pendingRehighlight = false;
-  _pendingUpdate = false;
-  _currentHighlightId = 0;
+  _highlightsDirty = false;
+  _highlightSnapshotId = 0;
   _conceal;
   _drawUnstyledText;
   _shouldRenderTextBuffer = true;
@@ -2685,7 +2684,7 @@ class CodeRenderable extends TextBufferRenderable {
     this._conceal = options.conceal ?? this._contentDefaultOptions.conceal;
     this._drawUnstyledText = options.drawUnstyledText ?? this._contentDefaultOptions.drawUnstyledText;
     this._streaming = options.streaming ?? this._contentDefaultOptions.streaming;
-    this.updateContent(this._content);
+    this._highlightsDirty = this._content.length > 0;
   }
   get content() {
     return this._content;
@@ -2693,7 +2692,7 @@ class CodeRenderable extends TextBufferRenderable {
   set content(value) {
     if (this._content !== value) {
       this._content = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get filetype() {
@@ -2702,7 +2701,7 @@ class CodeRenderable extends TextBufferRenderable {
   set filetype(value) {
     if (this._filetype !== value) {
       this._filetype = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get syntaxStyle() {
@@ -2711,7 +2710,7 @@ class CodeRenderable extends TextBufferRenderable {
   set syntaxStyle(value) {
     if (this._syntaxStyle !== value) {
       this._syntaxStyle = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get conceal() {
@@ -2720,7 +2719,7 @@ class CodeRenderable extends TextBufferRenderable {
   set conceal(value) {
     if (this._conceal !== value) {
       this._conceal = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get drawUnstyledText() {
@@ -2729,7 +2728,7 @@ class CodeRenderable extends TextBufferRenderable {
   set drawUnstyledText(value) {
     if (this._drawUnstyledText !== value) {
       this._drawUnstyledText = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get streaming() {
@@ -2740,7 +2739,7 @@ class CodeRenderable extends TextBufferRenderable {
       this._streaming = value;
       this._hadInitialContent = false;
       this._lastHighlights = [];
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
   get treeSitterClient() {
@@ -2749,39 +2748,21 @@ class CodeRenderable extends TextBufferRenderable {
   set treeSitterClient(value) {
     if (this._treeSitterClient !== value) {
       this._treeSitterClient = value;
-      this.scheduleUpdate();
+      this._highlightsDirty = true;
     }
   }
-  scheduleUpdate() {
-    if (this._pendingUpdate)
-      return;
-    this._pendingUpdate = true;
-    queueMicrotask(() => {
-      this._pendingUpdate = false;
-      this.updateContent(this._content);
-    });
-  }
-  async updateContent(content) {
-    if (content.length === 0)
-      return;
+  ensureVisibleTextBeforeHighlight() {
+    const content = this._content;
     if (!this._filetype) {
-      this.fallback(content);
+      if (this.isDestroyed)
+        return;
+      this.textBuffer.setText(content);
       this._shouldRenderTextBuffer = true;
+      this.updateTextInfo();
       return;
     }
-    this._currentHighlightId++;
-    const highlightId = this._currentHighlightId;
     const isInitialContent = this._streaming && !this._hadInitialContent;
-    if (isInitialContent) {
-      this._hadInitialContent = true;
-    }
     const shouldDrawUnstyledNow = this._streaming ? isInitialContent && this._drawUnstyledText : this._drawUnstyledText;
-    if (!shouldDrawUnstyledNow) {
-      this._shouldRenderTextBuffer = false;
-    } else {
-      this._shouldRenderTextBuffer = true;
-      this.fallback(content);
-    }
     if (this._streaming && !isInitialContent) {
       if (this._lastHighlights.length > 0) {
         const chunks = treeSitterToTextChunks(content, this._lastHighlights, this._syntaxStyle, {
@@ -2794,15 +2775,39 @@ class CodeRenderable extends TextBufferRenderable {
         this._shouldRenderTextBuffer = true;
         this.updateTextInfo();
       } else {
-        this.fallback(content);
+        if (this.isDestroyed)
+          return;
+        this.textBuffer.setText(content);
         this._shouldRenderTextBuffer = true;
+        this.updateTextInfo();
       }
+    } else if (shouldDrawUnstyledNow) {
+      if (this.isDestroyed)
+        return;
+      this.textBuffer.setText(content);
+      this._shouldRenderTextBuffer = true;
+      this.updateTextInfo();
+    } else {
+      if (this.isDestroyed)
+        return;
+      this._shouldRenderTextBuffer = false;
+      this.updateTextInfo();
+    }
+  }
+  async startHighlight() {
+    const content = this._content;
+    const filetype = this._filetype;
+    const snapshotId = ++this._highlightSnapshotId;
+    if (!filetype)
+      return;
+    const isInitialContent = this._streaming && !this._hadInitialContent;
+    if (isInitialContent) {
+      this._hadInitialContent = true;
     }
     this._isHighlighting = true;
-    this._pendingRehighlight = false;
     try {
-      const result = await this._treeSitterClient.highlightOnce(content, this._filetype);
-      if (highlightId !== this._currentHighlightId) {
+      const result = await this._treeSitterClient.highlightOnce(content, filetype);
+      if (snapshotId !== this._highlightSnapshotId) {
         return;
       }
       if (this.isDestroyed)
@@ -2817,46 +2822,53 @@ class CodeRenderable extends TextBufferRenderable {
         const styledText = new StyledText(chunks);
         this.textBuffer.setStyledText(styledText);
       } else {
-        this.fallback(content);
+        this.textBuffer.setText(content);
       }
       this._shouldRenderTextBuffer = true;
       this.updateTextInfo();
+      this._isHighlighting = false;
+      this._highlightsDirty = false;
+      this.requestRender();
     } catch (error) {
-      if (highlightId !== this._currentHighlightId) {
+      if (snapshotId !== this._highlightSnapshotId) {
         return;
       }
       console.warn("Code highlighting failed, falling back to plain text:", error);
-      this.fallback(content);
+      if (this.isDestroyed)
+        return;
+      this.textBuffer.setText(content);
       this._shouldRenderTextBuffer = true;
-    } finally {
-      if (highlightId === this._currentHighlightId) {
-        this._isHighlighting = false;
-      }
+      this.updateTextInfo();
+      this._isHighlighting = false;
+      this._highlightsDirty = false;
+      this.requestRender();
     }
   }
-  fallback(content) {
-    const fallbackStyledText = this.createFallbackStyledText(content);
-    if (this.isDestroyed)
-      return;
-    this.textBuffer.setStyledText(fallbackStyledText);
-    this.updateTextInfo();
-  }
-  createFallbackStyledText(content) {
-    const chunks = [
-      {
-        __isChunk: true,
-        text: content,
-        fg: this._defaultFg,
-        bg: this._defaultBg,
-        attributes: this._defaultAttributes
-      }
-    ];
-    return new StyledText(chunks);
-  }
   getLineHighlights(lineIdx) {
     return this.textBuffer.getLineHighlights(lineIdx);
   }
   renderSelf(buffer) {
+    if (this._highlightsDirty) {
+      if (this._content.length === 0) {
+        if (this.isDestroyed)
+          return;
+        this.textBuffer.setText("");
+        this._shouldRenderTextBuffer = false;
+        this._highlightsDirty = false;
+        this.updateTextInfo();
+      } else if (!this._filetype) {
+        if (this.isDestroyed)
+          return;
+        this.textBuffer.setText(this._content);
+        this._shouldRenderTextBuffer = true;
+        this._highlightsDirty = false;
+        this.updateTextInfo();
+      } else {
+        this.ensureVisibleTextBeforeHighlight();
+        this._highlightsDirty = false;
+        this.startHighlight();
+      }
+    }
     if (!this._shouldRenderTextBuffer)
       return;
     super.renderSelf(buffer);
@@ -4214,12 +4226,7 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.internalId = ScrollBoxRenderable.idCounter++;
     this._stickyScroll = stickyScroll;
     this._stickyStart = stickyStart;
-    if (scrollAcceleration) {
-      this.scrollAccel = scrollAcceleration;
-    } else if (process.platform === "darwin") {
-      this.scrollAccel = new MacOSScrollAccel;
-    }
-    this.scrollAccel ??= new LinearScrollAccel;
+    this.scrollAccel = scrollAcceleration ?? new LinearScrollAccel;
     this.wrapper = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
@@ -5751,7 +5758,7 @@ function mergeKeyBindings(defaults, custom) {
   return Array.from(map.values());
 }
 function getKeyBindingKey(binding) {
-  return `${binding.name}:${!!binding.ctrl}:${!!binding.shift}:${!!binding.meta}`;
+  return `${binding.name}:${binding.ctrl ? 1 : 0}:${binding.shift ? 1 : 0}:${binding.meta ? 1 : 0}:${binding.super ? 1 : 0}`;
 }
 function buildKeyBindingsMap(bindings) {
   const map = new Map;
@@ -5778,27 +5785,33 @@ var defaultTextareaKeybindings = [
   { name: "end", shift: true, action: "select-line-end" },
   { name: "a", ctrl: true, action: "buffer-home" },
   { name: "e", ctrl: true, action: "buffer-end" },
-  { name: "d", ctrl: true, action: "delete-line" },
+  { name: "f", ctrl: true, action: "move-right" },
+  { name: "b", ctrl: true, action: "move-left" },
+  { name: "d", ctrl: true, action: "delete-word-forward" },
+  { name: "w", ctrl: true, action: "delete-word-backward" },
   { name: "k", ctrl: true, action: "delete-to-line-end" },
+  { name: "u", ctrl: true, action: "delete-to-line-start" },
   { name: "backspace", action: "backspace" },
+  { name: "backspace", shift: true, action: "backspace" },
   { name: "delete", action: "delete" },
+  { name: "delete", shift: true, action: "delete" },
   { name: "return", action: "newline" },
   { name: "linefeed", action: "newline" },
   { name: "return", meta: true, action: "submit" },
-  { name: "z", ctrl: true, action: "undo" },
-  { name: "Z", ctrl: true, shift: true, action: "redo" },
-  { name: "y", ctrl: true, action: "redo" },
+  { name: "-", ctrl: true, action: "undo" },
+  { name: ".", ctrl: true, action: "redo" },
+  { name: "z", super: true, action: "undo" },
+  { name: "z", super: true, shift: true, action: "redo" },
   { name: "f", meta: true, action: "word-forward" },
   { name: "b", meta: true, action: "word-backward" },
   { name: "right", meta: true, action: "word-forward" },
   { name: "left", meta: true, action: "word-backward" },
-  { name: "F", meta: true, shift: true, action: "select-word-forward" },
-  { name: "B", meta: true, shift: true, action: "select-word-backward" },
+  { name: "f", meta: true, shift: true, action: "select-word-forward" },
+  { name: "b", meta: true, shift: true, action: "select-word-backward" },
   { name: "right", meta: true, shift: true, action: "select-word-forward" },
   { name: "left", meta: true, shift: true, action: "select-word-backward" },
-  { name: "d", meta: true, action: "delete-word-forward" },
-  { name: "backspace", meta: true, action: "delete-word-backward" },
-  { name: "w", ctrl: true, action: "delete-word-backward" }
+  { name: "d", meta: true, action: "delete-line" },
+  { name: "backspace", meta: true, action: "delete-word-backward" }
 ];
 
 class TextareaRenderable extends EditBufferRenderable {
@@ -5873,6 +5886,7 @@ class TextareaRenderable extends EditBufferRenderable {
       ["buffer-end", () => this.gotoBufferEnd()],
       ["delete-line", () => this.deleteLine()],
       ["delete-to-line-end", () => this.deleteToLineEnd()],
+      ["delete-to-line-start", () => this.deleteToLineStart()],
       ["backspace", () => this.deleteCharBackward()],
       ["delete", () => this.deleteChar()],
       ["newline", () => this.newLine()],
@@ -5896,11 +5910,13 @@ class TextareaRenderable extends EditBufferRenderable {
     const keyCtrl = typeof key === "string" ? false : key.ctrl;
     const keyShift = typeof key === "string" ? false : key.shift;
     const keyMeta = typeof key === "string" ? false : key.meta;
+    const keySuper = typeof key === "string" ? false : key.super;
     const bindingKey = getKeyBindingKey({
       name: keyName,
       ctrl: keyCtrl,
       shift: keyShift,
       meta: keyMeta,
+      super: keySuper,
       action: "move-left"
     });
     const action = this._keyBindingsMap.get(bindingKey);
@@ -6053,6 +6069,14 @@ class TextareaRenderable extends EditBufferRenderable {
     this.requestRender();
     return true;
   }
+  deleteToLineStart() {
+    const cursor = this.editorView.getCursor();
+    if (cursor.col > 0) {
+      this.editBuffer.deleteRange(cursor.row, 0, cursor.row, cursor.col);
+    }
+    this.requestRender();
+    return true;
+  }
   undo() {
     this._ctx.clearSelection();
     this.editBuffer.undo();
@@ -6393,5 +6417,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=5DEE20591CE7786764756E2164756E21
+//# debugId=1245366BCDEC541D64756E2164756E21
 //# sourceMappingURL=index.js.map