@opentui/core 0.1.30 → 0.1.31

package/index.js

@@ -10,6 +10,7 @@ import {
   DataPathsManager,
   DebugOverlayCorner,
   Edge,
+  ExtmarksController,
   Gutter,
   InternalKeyHandler,
   KeyEvent,
@@ -62,6 +63,7 @@ import {
   convertGlobalToLocalSelection,
   coordinateToCharacterIndex,
   createCliRenderer,
+  createExtmarksController,
   createTextAttributes,
   cyan,
   delegate,
@@ -131,7 +133,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-0qmm1k4p.js";
+} from "./index-91qheh74.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -381,8 +383,8 @@ class EditBuffer extends EventEmitter {
     this.guard();
     const boundary = this.lib.editBufferGetNextWordBoundary(this.bufferPtr);
     return {
-      line: boundary.row,
-      visualColumn: boundary.col,
+      row: boundary.row,
+      col: boundary.col,
       offset: boundary.offset
     };
   }
@@ -390,8 +392,8 @@ class EditBuffer extends EventEmitter {
     this.guard();
     const boundary = this.lib.editBufferGetPrevWordBoundary(this.bufferPtr);
     return {
-      line: boundary.row,
-      visualColumn: boundary.col,
+      row: boundary.row,
+      col: boundary.col,
       offset: boundary.offset
     };
   }
@@ -399,11 +401,26 @@ class EditBuffer extends EventEmitter {
     this.guard();
     const boundary = this.lib.editBufferGetEOL(this.bufferPtr);
     return {
-      line: boundary.row,
-      visualColumn: boundary.col,
+      row: boundary.row,
+      col: boundary.col,
       offset: boundary.offset
     };
   }
+  offsetToPosition(offset) {
+    this.guard();
+    const result = this.lib.editBufferOffsetToPosition(this.bufferPtr, offset);
+    if (!result)
+      return null;
+    return { row: result.row, col: result.col };
+  }
+  positionToOffset(row, col) {
+    this.guard();
+    return this.lib.editBufferPositionToOffset(this.bufferPtr, row, col);
+  }
+  getLineStartOffset(row) {
+    this.guard();
+    return this.lib.editBufferGetLineStartOffset(this.bufferPtr, row);
+  }
   debugLogRope() {
     this.guard();
     this.lib.editBufferDebugLogRope(this.bufferPtr);
@@ -452,14 +469,6 @@ class EditBuffer extends EventEmitter {
     this.guard();
     this.lib.textBufferResetDefaults(this.textBufferPtr);
   }
-  setPlaceholder(text) {
-    this.guard();
-    this.lib.editBufferSetPlaceholder(this.bufferPtr, text);
-  }
-  setPlaceholderColor(color) {
-    this.guard();
-    this.lib.editBufferSetPlaceholderColor(this.bufferPtr, color);
-  }
   setSyntaxStyle(style) {
     this.guard();
     this._syntaxStyle = style ?? undefined;
@@ -493,6 +502,10 @@ class EditBuffer extends EventEmitter {
     this.guard();
     return this.lib.textBufferGetLineHighlights(this.textBufferPtr, lineIdx);
   }
+  clear() {
+    this.guard();
+    this.lib.editBufferClear(this.bufferPtr);
+  }
   destroy() {
     if (this._destroyed)
       return;
@@ -507,6 +520,7 @@ class EditorView {
   viewPtr;
   editBuffer;
   _destroyed = false;
+  _extmarksController;
   constructor(lib, ptr, editBuffer) {
     this.lib = lib;
     this.viewPtr = ptr;
@@ -627,17 +641,29 @@ class EditorView {
   }
   getLineInfo() {
     this.guard();
-    const textBufferViewPtr = this.lib.editorViewGetTextBufferView(this.viewPtr);
-    return this.lib.textBufferViewGetLineInfo(textBufferViewPtr);
+    return this.lib.editorViewGetLineInfo(this.viewPtr);
   }
   getLogicalLineInfo() {
     this.guard();
-    const textBufferViewPtr = this.lib.editorViewGetTextBufferView(this.viewPtr);
-    return this.lib.textBufferViewGetLogicalLineInfo(textBufferViewPtr);
+    return this.lib.editorViewGetLogicalLineInfo(this.viewPtr);
+  }
+  get extmarks() {
+    if (!this._extmarksController) {
+      this._extmarksController = createExtmarksController(this.editBuffer, this);
+    }
+    return this._extmarksController;
+  }
+  setPlaceholderStyledText(chunks) {
+    this.guard();
+    this.lib.editorViewSetPlaceholderStyledText(this.viewPtr, chunks);
   }
   destroy() {
     if (this._destroyed)
       return;
+    if (this._extmarksController) {
+      this._extmarksController.destroy();
+      this._extmarksController = undefined;
+    }
     this._destroyed = true;
     this.lib.destroyEditorView(this.viewPtr);
   }
@@ -2472,8 +2498,9 @@ class TextBufferRenderable extends Renderable {
   }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      if (this._wrapMode !== "none" && this.width !== width) {
-        this.updateWrapWidth(width);
+      const effectiveWidth = isNaN(width) ? 1 : width;
+      if (this._wrapMode !== "none" && this.width !== effectiveWidth) {
+        this.updateWrapWidth(effectiveWidth);
       } else {
         this.updateLineInfo();
       }
@@ -5047,8 +5074,8 @@ class EditBufferRenderable extends Renderable {
       if (this._cursorChangeListener) {
         const cursor = this.editBuffer.getCursorPosition();
         this._cursorChangeListener({
-          line: cursor.line,
-          visualColumn: cursor.visualColumn
+          line: cursor.row,
+          visualColumn: cursor.col
         });
       }
     });
@@ -5063,7 +5090,7 @@ class EditBufferRenderable extends Renderable {
   get plainText() {
     return this.editBuffer.getText();
   }
-  get cursor() {
+  get logicalCursor() {
     return this.editBuffer.getCursorPosition();
   }
   get visualCursor() {
@@ -5213,10 +5240,12 @@ class EditBufferRenderable extends Renderable {
   }
   setupMeasureFunc() {
     const measureFunc = (width, widthMode, height, heightMode) => {
-      if (this._wrapMode !== "none" && this.width !== width) {
-        this.editorView.setViewportSize(width, height);
+      const effectiveHeight = isNaN(height) ? 1 : height;
+      const effectiveWidth = isNaN(width) ? 1 : width;
+      if (this._wrapMode !== "none" && this.width !== effectiveWidth) {
+        this.editorView.setViewportSize(effectiveWidth, effectiveHeight);
       } else {
-        this.editorView.setViewportSize(width, height);
+        this.editorView.setViewportSize(effectiveWidth, effectiveHeight);
       }
       const lineInfo = this.editorView.getLogicalLineInfo();
       const measuredWidth = lineInfo.maxLineWidth;
@@ -5317,6 +5346,27 @@ class EditBufferRenderable extends Renderable {
   getLineHighlights(lineIdx) {
     return this.editBuffer.getLineHighlights(lineIdx);
   }
+  setText(text, opts) {
+    this.editBuffer.setText(text, opts);
+    this.yogaNode.markDirty();
+    this.requestRender();
+  }
+  clear() {
+    this.editBuffer.clear();
+    this.editBuffer.clearAllHighlights();
+    this.yogaNode.markDirty();
+    this.requestRender();
+  }
+  deleteRange(startLine, startCol, endLine, endCol) {
+    this.editBuffer.deleteRange(startLine, startCol, endLine, endCol);
+    this.yogaNode.markDirty();
+    this.requestRender();
+  }
+  insertText(text) {
+    this.editBuffer.insertText(text);
+    this.yogaNode.markDirty();
+    this.requestRender();
+  }
 }
 
 // src/lib/keymapping.ts
@@ -5366,6 +5416,8 @@ var defaultTextareaKeybindings = [
   { name: "delete", action: "delete" },
   { name: "return", action: "newline" },
   { name: "enter", 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" },
@@ -5388,17 +5440,16 @@ class TextareaRenderable extends EditBufferRenderable {
   _unfocusedTextColor;
   _focusedBackgroundColor;
   _focusedTextColor;
-  _placeholderColor;
   _keyBindingsMap;
   _actionHandlers;
+  _initialValueSet = false;
+  _submitListener = undefined;
   static defaults = {
-    value: "",
     backgroundColor: "transparent",
     textColor: "#FFFFFF",
     focusedBackgroundColor: "transparent",
     focusedTextColor: "#FFFFFF",
-    placeholder: null,
-    placeholderColor: "#666666"
+    placeholder: null
   };
   constructor(ctx, options) {
     const defaults = TextareaRenderable.defaults;
@@ -5413,14 +5464,29 @@ class TextareaRenderable extends EditBufferRenderable {
     this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || defaults.focusedBackgroundColor);
     this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || defaults.focusedTextColor);
     this._placeholder = options.placeholder ?? defaults.placeholder;
-    this._placeholderColor = parseColor(options.placeholderColor || defaults.placeholderColor);
     const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, options.keyBindings || []);
     this._keyBindingsMap = buildKeyBindingsMap(mergedBindings);
     this._actionHandlers = this.buildActionHandlers();
-    this.updateValue(options.value ?? defaults.value);
+    this._submitListener = options.onSubmit;
+    if (options.initialValue) {
+      this.setText(options.initialValue);
+      this._initialValueSet = true;
+    }
     this.updateColors();
-    this.editBuffer.setPlaceholder(this._placeholder);
-    this.editBuffer.setPlaceholderColor(this._placeholderColor);
+    this.applyPlaceholder(this._placeholder);
+  }
+  applyPlaceholder(placeholder) {
+    if (placeholder === null) {
+      this.editorView.setPlaceholderStyledText([]);
+      return;
+    }
+    if (typeof placeholder === "string") {
+      const defaultGray = fg("#666666");
+      const chunks = [defaultGray(placeholder)];
+      this.editorView.setPlaceholderStyledText(chunks);
+    } else {
+      this.editorView.setPlaceholderStyledText(placeholder.chunks);
+    }
   }
   buildActionHandlers() {
     return new Map([
@@ -5450,11 +5516,12 @@ class TextareaRenderable extends EditBufferRenderable {
       ["select-word-forward", () => this.moveWordForward({ select: true })],
       ["select-word-backward", () => this.moveWordBackward({ select: true })],
       ["delete-word-forward", () => this.deleteWordForward()],
-      ["delete-word-backward", () => this.deleteWordBackward()]
+      ["delete-word-backward", () => this.deleteWordBackward()],
+      ["submit", () => this.submit()]
     ]);
   }
-  handlePaste(text) {
-    this.insertText(text);
+  handlePaste(event) {
+    this.insertText(event.text);
   }
   handleKeyPress(key) {
     const keyName = typeof key === "string" ? key : key.name;
@@ -5489,17 +5556,6 @@ class TextareaRenderable extends EditBufferRenderable {
     }
     return false;
   }
-  get value() {
-    return this.editBuffer.getText();
-  }
-  set value(value) {
-    this.updateValue(value);
-  }
-  updateValue(value) {
-    this.editBuffer.setText(value, { history: false });
-    this.yogaNode.markDirty();
-    this.requestRender();
-  }
   updateColors() {
     const effectiveBg = this._focused ? this._focusedBackgroundColor : this._unfocusedBackgroundColor;
     const effectiveFg = this._focused ? this._focusedTextColor : this._unfocusedTextColor;
@@ -5606,7 +5662,7 @@ class TextareaRenderable extends EditBufferRenderable {
     const select = options?.select ?? false;
     this.handleShiftSelection(select, true);
     const eol = this.editBuffer.getEOL();
-    this.editBuffer.setCursor(eol.line, eol.visualColumn);
+    this.editBuffer.setCursor(eol.row, eol.col);
     this.handleShiftSelection(select, false);
     this.requestRender();
     return true;
@@ -5624,8 +5680,8 @@ class TextareaRenderable extends EditBufferRenderable {
   deleteToLineEnd() {
     const cursor = this.editorView.getCursor();
     const eol = this.editBuffer.getEOL();
-    if (eol.visualColumn > cursor.col) {
-      this.editBuffer.deleteRange(cursor.row, cursor.col, eol.line, eol.visualColumn);
+    if (eol.col > cursor.col) {
+      this.editBuffer.deleteRange(cursor.row, cursor.col, eol.row, eol.col);
     }
     this.requestRender();
     return true;
@@ -5668,7 +5724,7 @@ class TextareaRenderable extends EditBufferRenderable {
     const currentCursor = this.editBuffer.getCursorPosition();
     const nextWord = this.editBuffer.getNextWordBoundary();
     if (nextWord.offset > currentCursor.offset) {
-      this.editBuffer.deleteRange(currentCursor.line, currentCursor.visualColumn, nextWord.line, nextWord.visualColumn);
+      this.editBuffer.deleteRange(currentCursor.row, currentCursor.col, nextWord.row, nextWord.col);
     }
     this._ctx.clearSelection();
     this.requestRender();
@@ -5682,7 +5738,7 @@ class TextareaRenderable extends EditBufferRenderable {
     const currentCursor = this.editBuffer.getCursorPosition();
     const prevWord = this.editBuffer.getPrevWordBoundary();
     if (prevWord.offset < currentCursor.offset) {
-      this.editBuffer.deleteRange(prevWord.line, prevWord.visualColumn, currentCursor.line, currentCursor.visualColumn);
+      this.editBuffer.deleteRange(prevWord.row, prevWord.col, currentCursor.row, currentCursor.col);
     }
     this._ctx.clearSelection();
     this.requestRender();
@@ -5721,7 +5777,7 @@ class TextareaRenderable extends EditBufferRenderable {
   set placeholder(value) {
     if (this._placeholder !== value) {
       this._placeholder = value;
-      this.editBuffer.setPlaceholder(value);
+      this.applyPlaceholder(value);
       this.requestRender();
     }
   }
@@ -5759,14 +5815,31 @@ class TextareaRenderable extends EditBufferRenderable {
       this.updateColors();
     }
   }
-  set placeholderColor(value) {
-    const newColor = parseColor(value ?? TextareaRenderable.defaults.placeholderColor);
-    if (this._placeholderColor !== newColor) {
-      this._placeholderColor = newColor;
-      this.editBuffer.setPlaceholderColor(newColor);
-      this.requestRender();
+  set initialValue(value) {
+    if (!this._initialValueSet) {
+      this.setText(value);
+      this._initialValueSet = true;
     }
   }
+  submit() {
+    if (this._submitListener) {
+      this._submitListener({});
+    }
+    return true;
+  }
+  set onSubmit(handler) {
+    this._submitListener = handler;
+  }
+  get onSubmit() {
+    return this._submitListener;
+  }
+  set keyBindings(bindings) {
+    const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, bindings);
+    this._keyBindingsMap = buildKeyBindingsMap(mergedBindings);
+  }
+  get extmarks() {
+    return this.editorView.extmarks;
+  }
 }
 export {
   yellow,
@@ -5839,6 +5912,7 @@ export {
   cyan,
   createTimeline,
   createTextAttributes,
+  createExtmarksController,
   createCliRenderer,
   coordinateToCharacterIndex,
   convertThemeToStyles,
@@ -5925,6 +5999,7 @@ export {
   Generic,
   FrameBufferRenderable,
   FrameBuffer,
+  ExtmarksController,
   EditorView,
   EditBuffer,
   DistortionEffect,
@@ -5948,5 +6023,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=C45C47BFE87C68C464756E2164756E21
+//# debugId=F972C01B99F2CD0364756E2164756E21
 //# sourceMappingURL=index.js.map