@opentui/core 0.1.29 → 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-bztetjc3.js";
+} from "./index-91qheh74.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -329,6 +331,10 @@ class EditBuffer extends EventEmitter {
     this.guard();
     this.lib.editBufferDeleteCharBackward(this.bufferPtr);
   }
+  deleteRange(startLine, startCol, endLine, endCol) {
+    this.guard();
+    this.lib.editBufferDeleteRange(this.bufferPtr, startLine, startCol, endLine, endCol);
+  }
   newLine() {
     this.guard();
     this.lib.editBufferNewLine(this.bufferPtr);
@@ -373,6 +379,48 @@ class EditBuffer extends EventEmitter {
     this.guard();
     return this.lib.editBufferGetCursorPosition(this.bufferPtr);
   }
+  getNextWordBoundary() {
+    this.guard();
+    const boundary = this.lib.editBufferGetNextWordBoundary(this.bufferPtr);
+    return {
+      row: boundary.row,
+      col: boundary.col,
+      offset: boundary.offset
+    };
+  }
+  getPrevWordBoundary() {
+    this.guard();
+    const boundary = this.lib.editBufferGetPrevWordBoundary(this.bufferPtr);
+    return {
+      row: boundary.row,
+      col: boundary.col,
+      offset: boundary.offset
+    };
+  }
+  getEOL() {
+    this.guard();
+    const boundary = this.lib.editBufferGetEOL(this.bufferPtr);
+    return {
+      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);
@@ -421,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;
@@ -462,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;
@@ -476,6 +520,7 @@ class EditorView {
   viewPtr;
   editBuffer;
   _destroyed = false;
+  _extmarksController;
   constructor(lib, ptr, editBuffer) {
     this.lib = lib;
     this.viewPtr = ptr;
@@ -582,19 +627,43 @@ class EditorView {
     this.guard();
     this.lib.editorViewSetCursorByOffset(this.viewPtr, offset);
   }
+  getNextWordBoundary() {
+    this.guard();
+    return this.lib.editorViewGetNextWordBoundary(this.viewPtr);
+  }
+  getPrevWordBoundary() {
+    this.guard();
+    return this.lib.editorViewGetPrevWordBoundary(this.viewPtr);
+  }
+  getEOL() {
+    this.guard();
+    return this.lib.editorViewGetEOL(this.viewPtr);
+  }
   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);
   }
@@ -2429,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();
       }
@@ -5004,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
         });
       }
     });
@@ -5020,14 +5090,18 @@ class EditBufferRenderable extends Renderable {
   get plainText() {
     return this.editBuffer.getText();
   }
-  get cursor() {
+  get logicalCursor() {
     return this.editBuffer.getCursorPosition();
   }
   get visualCursor() {
     return this.editorView.getVisualCursor();
   }
+  get cursorOffset() {
+    return this.editorView.getVisualCursor().offset;
+  }
   set cursorOffset(offset) {
     this.editorView.setCursorByOffset(offset);
+    this.requestRender();
   }
   get textColor() {
     return this._textColor;
@@ -5166,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;
@@ -5247,24 +5323,133 @@ class EditBufferRenderable extends Renderable {
     this.editBuffer.setSyntaxStyle(style);
     this.requestRender();
   }
+  addHighlight(lineIdx, highlight) {
+    this.editBuffer.addHighlight(lineIdx, highlight);
+    this.requestRender();
+  }
+  addHighlightByCharRange(highlight) {
+    this.editBuffer.addHighlightByCharRange(highlight);
+    this.requestRender();
+  }
+  removeHighlightsByRef(hlRef) {
+    this.editBuffer.removeHighlightsByRef(hlRef);
+    this.requestRender();
+  }
+  clearLineHighlights(lineIdx) {
+    this.editBuffer.clearLineHighlights(lineIdx);
+    this.requestRender();
+  }
+  clearAllHighlights() {
+    this.editBuffer.clearAllHighlights();
+    this.requestRender();
+  }
+  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
+function mergeKeyBindings(defaults, custom) {
+  const map = new Map;
+  for (const binding of defaults) {
+    const key = getKeyBindingKey(binding);
+    map.set(key, binding);
+  }
+  for (const binding of custom) {
+    const key = getKeyBindingKey(binding);
+    map.set(key, binding);
+  }
+  return Array.from(map.values());
+}
+function getKeyBindingKey(binding) {
+  return `${binding.name}:${!!binding.ctrl}:${!!binding.shift}:${!!binding.meta}`;
+}
+function buildKeyBindingsMap(bindings) {
+  const map = new Map;
+  for (const binding of bindings) {
+    const key = getKeyBindingKey(binding);
+    map.set(key, binding.action);
+  }
+  return map;
 }
 
 // src/renderables/Textarea.ts
+var defaultTextareaKeybindings = [
+  { name: "left", action: "move-left" },
+  { name: "right", action: "move-right" },
+  { name: "up", action: "move-up" },
+  { name: "down", action: "move-down" },
+  { name: "left", shift: true, action: "select-left" },
+  { name: "right", shift: true, action: "select-right" },
+  { name: "up", shift: true, action: "select-up" },
+  { name: "down", shift: true, action: "select-down" },
+  { name: "home", action: "line-home" },
+  { name: "end", action: "line-end" },
+  { name: "home", shift: true, action: "select-line-home" },
+  { 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: "k", ctrl: true, action: "delete-to-line-end" },
+  { name: "backspace", action: "backspace" },
+  { 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" },
+  { 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: "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" }
+];
+
 class TextareaRenderable extends EditBufferRenderable {
   _placeholder;
   _unfocusedBackgroundColor;
   _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;
@@ -5279,14 +5464,64 @@ 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);
-    this.updateValue(options.value ?? defaults.value);
+    const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, options.keyBindings || []);
+    this._keyBindingsMap = buildKeyBindingsMap(mergedBindings);
+    this._actionHandlers = this.buildActionHandlers();
+    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);
   }
-  handlePaste(text) {
-    this.insertText(text);
+  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([
+      ["move-left", () => this.moveCursorLeft()],
+      ["move-right", () => this.moveCursorRight()],
+      ["move-up", () => this.moveCursorUp()],
+      ["move-down", () => this.moveCursorDown()],
+      ["select-left", () => this.moveCursorLeft({ select: true })],
+      ["select-right", () => this.moveCursorRight({ select: true })],
+      ["select-up", () => this.moveCursorUp({ select: true })],
+      ["select-down", () => this.moveCursorDown({ select: true })],
+      ["line-home", () => this.gotoLineHome()],
+      ["line-end", () => this.gotoLineEnd()],
+      ["select-line-home", () => this.gotoLineHome({ select: true })],
+      ["select-line-end", () => this.gotoLineEnd({ select: true })],
+      ["buffer-home", () => this.gotoBufferHome()],
+      ["buffer-end", () => this.gotoBufferEnd()],
+      ["delete-line", () => this.deleteLine()],
+      ["delete-to-line-end", () => this.deleteToLineEnd()],
+      ["backspace", () => this.deleteCharBackward()],
+      ["delete", () => this.deleteChar()],
+      ["newline", () => this.newLine()],
+      ["undo", () => this.undo()],
+      ["redo", () => this.redo()],
+      ["word-forward", () => this.moveWordForward()],
+      ["word-backward", () => this.moveWordBackward()],
+      ["select-word-forward", () => this.moveWordForward({ select: true })],
+      ["select-word-backward", () => this.moveWordBackward({ select: true })],
+      ["delete-word-forward", () => this.deleteWordForward()],
+      ["delete-word-backward", () => this.deleteWordBackward()],
+      ["submit", () => this.submit()]
+    ]);
+  }
+  handlePaste(event) {
+    this.insertText(event.text);
   }
   handleKeyPress(key) {
     const keyName = typeof key === "string" ? key : key.name;
@@ -5294,65 +5529,21 @@ 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;
-    if (keyCtrl && keyName === "z" && !keyShift) {
-      this.undo();
-      return true;
-    } else if (keyCtrl && keyName === "y" || keyCtrl && keyShift && keyName === "z") {
-      this.redo();
-      return true;
-    } else if (keyName === "left") {
-      this.handleShiftSelection(keyShift, true);
-      this.moveCursorLeft();
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyName === "right") {
-      this.handleShiftSelection(keyShift, true);
-      this.moveCursorRight();
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyName === "up") {
-      this.handleShiftSelection(keyShift, true);
-      this.moveCursorUp();
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyName === "down") {
-      this.handleShiftSelection(keyShift, true);
-      this.moveCursorDown();
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyName === "home") {
-      this.handleShiftSelection(keyShift, true);
-      const cursor = this.editorView.getCursor();
-      this.editBuffer.setCursor(cursor.row, 0);
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyName === "end") {
-      this.handleShiftSelection(keyShift, true);
-      this.gotoLineEnd();
-      this.handleShiftSelection(keyShift, false);
-      return true;
-    } else if (keyCtrl && keyName === "a") {
-      this.editBuffer.setCursor(0, 0);
-      return true;
-    } else if (keyCtrl && keyName === "e") {
-      this.gotoBufferEnd();
-      return true;
-    } else if (keyCtrl && keyName === "d") {
-      this.deleteLine();
-      return true;
-    } else if (keyCtrl && keyName === "k") {
-      this.deleteToLineEnd();
-      return true;
-    } else if (keyName === "backspace") {
-      this.deleteCharBackward();
-      return true;
-    } else if (keyName === "delete") {
-      this.deleteChar();
-      return true;
-    } else if (keyName === "return" || keyName === "enter") {
-      this.newLine();
-      return true;
-    } else if (keySequence && !keyCtrl && !keyMeta) {
+    const bindingKey = getKeyBindingKey({
+      name: keyName,
+      ctrl: keyCtrl,
+      shift: keyShift,
+      meta: keyMeta,
+      action: "move-left"
+    });
+    const action = this._keyBindingsMap.get(bindingKey);
+    if (action) {
+      const handler = this._actionHandlers.get(action);
+      if (handler) {
+        return handler();
+      }
+    }
+    if (keySequence && !keyCtrl && !keyMeta) {
       const firstCharCode = keySequence.charCodeAt(0);
       if (firstCharCode < 32) {
         return false;
@@ -5365,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;
@@ -5399,20 +5579,22 @@ class TextareaRenderable extends EditBufferRenderable {
   deleteChar() {
     if (this.hasSelection()) {
       this.deleteSelectedText();
-      return;
+      return true;
     }
     this._ctx.clearSelection();
     this.editBuffer.deleteChar();
     this.requestRender();
+    return true;
   }
   deleteCharBackward() {
     if (this.hasSelection()) {
       this.deleteSelectedText();
-      return;
+      return true;
     }
     this._ctx.clearSelection();
     this.editBuffer.deleteCharBackward();
     this.requestRender();
+    return true;
   }
   deleteSelectedText() {
     this.editorView.deleteSelectedText();
@@ -5423,69 +5605,144 @@ class TextareaRenderable extends EditBufferRenderable {
     this._ctx.clearSelection();
     this.editBuffer.newLine();
     this.requestRender();
+    return true;
   }
   deleteLine() {
     this._ctx.clearSelection();
     this.editBuffer.deleteLine();
     this.requestRender();
+    return true;
   }
-  moveCursorLeft() {
+  moveCursorLeft(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
     this.editBuffer.moveCursorLeft();
+    this.handleShiftSelection(select, false);
     this.requestRender();
+    return true;
   }
-  moveCursorRight() {
+  moveCursorRight(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
     this.editBuffer.moveCursorRight();
+    this.handleShiftSelection(select, false);
     this.requestRender();
+    return true;
   }
-  moveCursorUp() {
+  moveCursorUp(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
     this.editorView.moveUpVisual();
+    this.handleShiftSelection(select, false);
     this.requestRender();
+    return true;
   }
-  moveCursorDown() {
+  moveCursorDown(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
     this.editorView.moveDownVisual();
+    this.handleShiftSelection(select, false);
     this.requestRender();
+    return true;
   }
   gotoLine(line) {
     this.editBuffer.gotoLine(line);
     this.requestRender();
   }
-  gotoLineEnd() {
+  gotoLineHome(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
     const cursor = this.editorView.getCursor();
-    this.editBuffer.gotoLine(9999);
-    const afterCursor = this.editorView.getCursor();
-    if (afterCursor.row !== cursor.row) {
-      this.editBuffer.setCursor(cursor.row, 9999);
-    }
+    this.editBuffer.setCursor(cursor.row, 0);
+    this.handleShiftSelection(select, false);
+    this.requestRender();
+    return true;
+  }
+  gotoLineEnd(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
+    const eol = this.editBuffer.getEOL();
+    this.editBuffer.setCursor(eol.row, eol.col);
+    this.handleShiftSelection(select, false);
     this.requestRender();
+    return true;
+  }
+  gotoBufferHome() {
+    this.editBuffer.setCursor(0, 0);
+    this.requestRender();
+    return true;
   }
   gotoBufferEnd() {
     this.editBuffer.gotoLine(999999);
     this.requestRender();
+    return true;
   }
   deleteToLineEnd() {
     const cursor = this.editorView.getCursor();
-    const startCol = cursor.col;
-    const tempCursor = this.editorView.getCursor();
-    this.editBuffer.setCursor(tempCursor.row, 9999);
-    const endCursor = this.editorView.getCursor();
-    const endCol = endCursor.col;
-    this.editBuffer.setCursor(cursor.row, startCol);
-    if (endCol > startCol) {
-      for (let i = 0;i < endCol - startCol; i++) {
-        this.deleteChar();
-      }
+    const eol = this.editBuffer.getEOL();
+    if (eol.col > cursor.col) {
+      this.editBuffer.deleteRange(cursor.row, cursor.col, eol.row, eol.col);
     }
     this.requestRender();
+    return true;
   }
   undo() {
     this._ctx.clearSelection();
     this.editBuffer.undo();
     this.requestRender();
+    return true;
   }
   redo() {
     this._ctx.clearSelection();
     this.editBuffer.redo();
     this.requestRender();
+    return true;
+  }
+  moveWordForward(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
+    const nextWord = this.editBuffer.getNextWordBoundary();
+    this.editBuffer.setCursorByOffset(nextWord.offset);
+    this.handleShiftSelection(select, false);
+    this.requestRender();
+    return true;
+  }
+  moveWordBackward(options) {
+    const select = options?.select ?? false;
+    this.handleShiftSelection(select, true);
+    const prevWord = this.editBuffer.getPrevWordBoundary();
+    this.editBuffer.setCursorByOffset(prevWord.offset);
+    this.handleShiftSelection(select, false);
+    this.requestRender();
+    return true;
+  }
+  deleteWordForward() {
+    if (this.hasSelection()) {
+      this.deleteSelectedText();
+      return true;
+    }
+    const currentCursor = this.editBuffer.getCursorPosition();
+    const nextWord = this.editBuffer.getNextWordBoundary();
+    if (nextWord.offset > currentCursor.offset) {
+      this.editBuffer.deleteRange(currentCursor.row, currentCursor.col, nextWord.row, nextWord.col);
+    }
+    this._ctx.clearSelection();
+    this.requestRender();
+    return true;
+  }
+  deleteWordBackward() {
+    if (this.hasSelection()) {
+      this.deleteSelectedText();
+      return true;
+    }
+    const currentCursor = this.editBuffer.getCursorPosition();
+    const prevWord = this.editBuffer.getPrevWordBoundary();
+    if (prevWord.offset < currentCursor.offset) {
+      this.editBuffer.deleteRange(prevWord.row, prevWord.col, currentCursor.row, currentCursor.col);
+    }
+    this._ctx.clearSelection();
+    this.requestRender();
+    return true;
   }
   handleShiftSelection(shiftPressed, isBeforeMovement) {
     if (!this.selectable)
@@ -5520,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();
     }
   }
@@ -5558,43 +5815,30 @@ 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;
     }
   }
-  get cursorOffset() {
-    return this.editorView.getVisualCursor().offset;
-  }
-  set cursorOffset(offset) {
-    this.editorView.setCursorByOffset(offset);
-    this.requestRender();
-  }
-  addHighlight(lineIdx, highlight) {
-    this.editBuffer.addHighlight(lineIdx, highlight);
-    this.requestRender();
-  }
-  addHighlightByCharRange(highlight) {
-    this.editBuffer.addHighlightByCharRange(highlight);
-    this.requestRender();
+  submit() {
+    if (this._submitListener) {
+      this._submitListener({});
+    }
+    return true;
   }
-  removeHighlightsByRef(hlRef) {
-    this.editBuffer.removeHighlightsByRef(hlRef);
-    this.requestRender();
+  set onSubmit(handler) {
+    this._submitListener = handler;
   }
-  clearLineHighlights(lineIdx) {
-    this.editBuffer.clearLineHighlights(lineIdx);
-    this.requestRender();
+  get onSubmit() {
+    return this._submitListener;
   }
-  clearAllHighlights() {
-    this.editBuffer.clearAllHighlights();
-    this.requestRender();
+  set keyBindings(bindings) {
+    const mergedBindings = mergeKeyBindings(defaultTextareaKeybindings, bindings);
+    this._keyBindingsMap = buildKeyBindingsMap(mergedBindings);
   }
-  getLineHighlights(lineIdx) {
-    return this.editBuffer.getLineHighlights(lineIdx);
+  get extmarks() {
+    return this.editorView.extmarks;
   }
 }
 export {
@@ -5668,6 +5912,7 @@ export {
   cyan,
   createTimeline,
   createTextAttributes,
+  createExtmarksController,
   createCliRenderer,
   coordinateToCharacterIndex,
   convertThemeToStyles,
@@ -5754,6 +5999,7 @@ export {
   Generic,
   FrameBufferRenderable,
   FrameBuffer,
+  ExtmarksController,
   EditorView,
   EditBuffer,
   DistortionEffect,
@@ -5777,5 +6023,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=B4995BB40805F64B64756E2164756E21
+//# debugId=F972C01B99F2CD0364756E2164756E21
 //# sourceMappingURL=index.js.map