@opentui/core 0.1.75 → 0.1.76

package/index.js

@@ -152,7 +152,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-s0q9547t.js";
+} from "./index-phtsmwj4.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -2285,6 +2285,9 @@ class BoxRenderable extends Renderable {
   };
   constructor(ctx, options) {
     super(ctx, options);
+    if (options.focusable === true) {
+      this._focusable = true;
+    }
     this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
     this._border = options.border ?? this._defaultOptions.border;
     if (!options.border && (options.borderStyle || options.borderColor || options.focusedBorderColor || options.customBorderChars)) {
@@ -5913,7 +5916,7 @@ class EditBufferRenderable extends Renderable {
     } else {
       changed = this.editorView.updateLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg, updateCursor, followCursor);
     }
-    if (changed && localSelection?.isActive && selection?.isSelecting) {
+    if (changed && localSelection?.isActive && selection?.isDragging) {
       const viewport = this.editorView.getViewport();
       const focusY = localSelection.focusY;
       const scrollMargin = Math.max(1, Math.floor(viewport.height * this._scrollMargin));
@@ -6130,7 +6133,7 @@ class EditBufferRenderable extends Renderable {
       }
       return;
     }
-    this._ctx.updateSelection(this, cursorX, cursorY);
+    this._ctx.updateSelection(this, cursorX, cursorY, { finishDragging: true });
   }
 }
 
@@ -6196,7 +6199,8 @@ var defaultTextareaKeybindings = [
   { name: "left", super: true, shift: true, action: "select-visual-line-home" },
   { name: "right", super: true, shift: true, action: "select-visual-line-end" },
   { name: "up", super: true, shift: true, action: "select-buffer-home" },
-  { name: "down", super: true, shift: true, action: "select-buffer-end" }
+  { name: "down", super: true, shift: true, action: "select-buffer-end" },
+  { name: "a", super: true, action: "select-all" }
 ];
 
 class TextareaRenderable extends EditBufferRenderable {
@@ -6296,6 +6300,7 @@ class TextareaRenderable extends EditBufferRenderable {
       ["select-word-backward", () => this.moveWordBackward({ select: true })],
       ["delete-word-forward", () => this.deleteWordForward()],
       ["delete-word-backward", () => this.deleteWordBackward()],
+      ["select-all", () => this.selectAll()],
       ["submit", () => this.submit()]
     ]);
   }
@@ -6396,6 +6401,13 @@ class TextareaRenderable extends EditBufferRenderable {
   }
   moveCursorLeft(options) {
     const select = options?.select ?? false;
+    if (!select && this.hasSelection()) {
+      const selection = this.getSelection();
+      this.editBuffer.setCursorByOffset(selection.start);
+      this._ctx.clearSelection();
+      this.requestRender();
+      return true;
+    }
     this.updateSelectionForMovement(select, true);
     this.editBuffer.moveCursorLeft();
     this.updateSelectionForMovement(select, false);
@@ -6404,6 +6416,14 @@ class TextareaRenderable extends EditBufferRenderable {
   }
   moveCursorRight(options) {
     const select = options?.select ?? false;
+    if (!select && this.hasSelection()) {
+      const selection = this.getSelection();
+      const targetOffset = this.cursorOffset === selection.start ? selection.end - 1 : selection.end;
+      this.editBuffer.setCursorByOffset(targetOffset);
+      this._ctx.clearSelection();
+      this.requestRender();
+      return true;
+    }
     this.updateSelectionForMovement(select, true);
     this.editBuffer.moveCursorRight();
     this.updateSelectionForMovement(select, false);
@@ -6494,6 +6514,11 @@ class TextareaRenderable extends EditBufferRenderable {
     this.requestRender();
     return true;
   }
+  selectAll() {
+    this.updateSelectionForMovement(false, true);
+    this.editBuffer.setCursor(0, 0);
+    return this.gotoBufferEnd({ select: true });
+  }
   deleteToLineEnd() {
     const cursor = this.editorView.getCursor();
     const eol = this.editBuffer.getEOL();
@@ -8170,6 +8195,8 @@ class MarkdownRenderable extends Renderable {
     }
   }
   getStyle(group) {
+    if (!this._syntaxStyle)
+      return;
     let style = this._syntaxStyle.getStyle(group);
     if (!style && group.includes(".")) {
       const baseName = group.split(".")[0];
@@ -8177,7 +8204,7 @@ class MarkdownRenderable extends Renderable {
     }
     return style;
   }
-  createChunk(text, group) {
+  createChunk(text, group, link2) {
     const style = this.getStyle(group) || this.getStyle("default");
     return {
       __isChunk: true,
@@ -8189,7 +8216,8 @@ class MarkdownRenderable extends Renderable {
         italic: style.italic,
         underline: style.underline,
         dim: style.dim
-      }) : 0
+      }) : 0,
+      link: link2
     };
   }
   createDefaultChunk(text) {
@@ -8250,35 +8278,39 @@ class MarkdownRenderable extends Renderable {
           chunks.push(this.createChunk("~~", "markup.strikethrough"));
         }
         break;
-      case "link":
+      case "link": {
+        const linkHref = { url: token.href };
         if (this._conceal) {
           for (const child of token.tokens) {
-            this.renderInlineTokenWithStyle(child, chunks, "markup.link.label");
+            this.renderInlineTokenWithStyle(child, chunks, "markup.link.label", linkHref);
           }
-          chunks.push(this.createChunk(" (", "markup.link"));
-          chunks.push(this.createChunk(token.href, "markup.link.url"));
-          chunks.push(this.createChunk(")", "markup.link"));
+          chunks.push(this.createChunk(" (", "markup.link", linkHref));
+          chunks.push(this.createChunk(token.href, "markup.link.url", linkHref));
+          chunks.push(this.createChunk(")", "markup.link", linkHref));
         } else {
-          chunks.push(this.createChunk("[", "markup.link"));
+          chunks.push(this.createChunk("[", "markup.link", linkHref));
           for (const child of token.tokens) {
-            this.renderInlineTokenWithStyle(child, chunks, "markup.link.label");
+            this.renderInlineTokenWithStyle(child, chunks, "markup.link.label", linkHref);
           }
-          chunks.push(this.createChunk("](", "markup.link"));
-          chunks.push(this.createChunk(token.href, "markup.link.url"));
-          chunks.push(this.createChunk(")", "markup.link"));
+          chunks.push(this.createChunk("](", "markup.link", linkHref));
+          chunks.push(this.createChunk(token.href, "markup.link.url", linkHref));
+          chunks.push(this.createChunk(")", "markup.link", linkHref));
         }
         break;
-      case "image":
+      }
+      case "image": {
+        const imageHref = { url: token.href };
         if (this._conceal) {
-          chunks.push(this.createChunk(token.text || "image", "markup.link.label"));
+          chunks.push(this.createChunk(token.text || "image", "markup.link.label", imageHref));
         } else {
-          chunks.push(this.createChunk("![", "markup.link"));
-          chunks.push(this.createChunk(token.text || "", "markup.link.label"));
-          chunks.push(this.createChunk("](", "markup.link"));
-          chunks.push(this.createChunk(token.href, "markup.link.url"));
-          chunks.push(this.createChunk(")", "markup.link"));
+          chunks.push(this.createChunk("![", "markup.link", imageHref));
+          chunks.push(this.createChunk(token.text || "", "markup.link.label", imageHref));
+          chunks.push(this.createChunk("](", "markup.link", imageHref));
+          chunks.push(this.createChunk(token.href, "markup.link.url", imageHref));
+          chunks.push(this.createChunk(")", "markup.link", imageHref));
         }
         break;
+      }
       case "br":
         chunks.push(this.createDefaultChunk(`
 `));
@@ -8292,21 +8324,21 @@ class MarkdownRenderable extends Renderable {
         break;
     }
   }
-  renderInlineTokenWithStyle(token, chunks, styleGroup) {
+  renderInlineTokenWithStyle(token, chunks, styleGroup, link2) {
     switch (token.type) {
       case "text":
-        chunks.push(this.createChunk(token.text, styleGroup));
+        chunks.push(this.createChunk(token.text, styleGroup, link2));
         break;
       case "escape":
-        chunks.push(this.createChunk(token.text, styleGroup));
+        chunks.push(this.createChunk(token.text, styleGroup, link2));
         break;
       case "codespan":
         if (this._conceal) {
-          chunks.push(this.createChunk(token.text, "markup.raw"));
+          chunks.push(this.createChunk(token.text, "markup.raw", link2));
         } else {
-          chunks.push(this.createChunk("`", "markup.raw"));
-          chunks.push(this.createChunk(token.text, "markup.raw"));
-          chunks.push(this.createChunk("`", "markup.raw"));
+          chunks.push(this.createChunk("`", "markup.raw", link2));
+          chunks.push(this.createChunk(token.text, "markup.raw", link2));
+          chunks.push(this.createChunk("`", "markup.raw", link2));
         }
         break;
       default:
@@ -9607,7 +9639,7 @@ class ScrollBoxRenderable extends BoxRenderable {
     }
     this.selectionListener = () => {
       const selection = this._ctx.getSelection();
-      if (!selection || !selection.isSelecting) {
+      if (!selection || !selection.isDragging) {
         this.stopAutoScroll();
       }
     };
@@ -9707,7 +9739,7 @@ class ScrollBoxRenderable extends BoxRenderable {
         this._hasManualScroll = true;
       }
     }
-    if (event.type === "drag" && event.isSelecting) {
+    if (event.type === "drag" && event.isDragging) {
       this.updateAutoScroll(event.x, event.y);
     } else if (event.type === "up") {
       this.stopAutoScroll();
@@ -10830,5 +10862,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=44880C3E480C3BFB64756E2164756E21
+//# debugId=004D8C839D92DEBF64756E2164756E21
 //# sourceMappingURL=index.js.map