@opentui/core 0.1.60 → 0.1.62

package/index.js

@@ -61,6 +61,7 @@ import {
   brightRed,
   brightWhite,
   brightYellow,
+  buildKeyBindingsMap,
   buildKittyKeyboardFlags,
   capture,
   clearEnvCache,
@@ -71,6 +72,7 @@ import {
   createTerminalPalette,
   createTextAttributes,
   cyan,
+  defaultKeyAliases,
   delegate,
   dim,
   env,
@@ -85,6 +87,7 @@ import {
   getBorderSides,
   getCharacterPositions,
   getDataPaths,
+  getKeyBindingKey,
   getObjectsInViewport,
   getTreeSitterClient,
   green,
@@ -102,6 +105,8 @@ import {
   main,
   maybeMakeRenderable,
   measureText,
+  mergeKeyAliases,
+  mergeKeyBindings,
   nonAlphanumericKeys,
   parseAlign,
   parseBoxSizing,
@@ -138,7 +143,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-916mvx7m.js";
+} from "./index-mrwvcpzb.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -167,6 +172,10 @@ class TextBufferView {
     this.guard();
     this.lib.textBufferViewSetSelection(this.viewPtr, start, end, bgColor || null, fgColor || null);
   }
+  updateSelection(end, bgColor, fgColor) {
+    this.guard();
+    this.lib.textBufferViewUpdateSelection(this.viewPtr, end, bgColor || null, fgColor || null);
+  }
   resetSelection() {
     this.guard();
     this.lib.textBufferViewResetSelection(this.viewPtr);
@@ -183,6 +192,10 @@ class TextBufferView {
     this.guard();
     return this.lib.textBufferViewSetLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null);
   }
+  updateLocalSelection(anchorX, anchorY, focusX, focusY, bgColor, fgColor) {
+    this.guard();
+    return this.lib.textBufferViewUpdateLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null);
+  }
   resetLocalSelection() {
     this.guard();
     this.lib.textBufferViewResetLocalSelection(this.viewPtr);
@@ -596,6 +609,10 @@ class EditorView {
     this.guard();
     this.lib.editorViewSetViewportSize(this.viewPtr, width, height);
   }
+  setViewport(x, y, width, height, moveCursor = true) {
+    this.guard();
+    this.lib.editorViewSetViewport(this.viewPtr, x, y, width, height, moveCursor);
+  }
   getViewport() {
     this.guard();
     return this.lib.editorViewGetViewport(this.viewPtr);
@@ -620,6 +637,10 @@ class EditorView {
     this.guard();
     this.lib.editorViewSetSelection(this.viewPtr, start, end, bgColor || null, fgColor || null);
   }
+  updateSelection(end, bgColor, fgColor) {
+    this.guard();
+    this.lib.editorViewUpdateSelection(this.viewPtr, end, bgColor || null, fgColor || null);
+  }
   resetSelection() {
     this.guard();
     this.lib.editorViewResetSelection(this.viewPtr);
@@ -632,9 +653,13 @@ class EditorView {
     this.guard();
     return this.getSelection() !== null;
   }
-  setLocalSelection(anchorX, anchorY, focusX, focusY, bgColor, fgColor) {
+  setLocalSelection(anchorX, anchorY, focusX, focusY, bgColor, fgColor, updateCursor) {
+    this.guard();
+    return this.lib.editorViewSetLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null, updateCursor ?? false);
+  }
+  updateLocalSelection(anchorX, anchorY, focusX, focusY, bgColor, fgColor, updateCursor) {
     this.guard();
-    return this.lib.editorViewSetLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null);
+    return this.lib.editorViewUpdateLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null, updateCursor ?? false);
   }
   resetLocalSelection() {
     this.guard();
@@ -692,6 +717,14 @@ class EditorView {
     this.guard();
     return this.lib.editorViewGetEOL(this.viewPtr);
   }
+  getVisualSOL() {
+    this.guard();
+    return this.lib.editorViewGetVisualSOL(this.viewPtr);
+  }
+  getVisualEOL() {
+    this.guard();
+    return this.lib.editorViewGetVisualEOL(this.viewPtr);
+  }
   getLineInfo() {
     this.guard();
     return this.lib.editorViewGetLineInfo(this.viewPtr);
@@ -2662,13 +2695,9 @@ class TextBufferRenderable extends Renderable {
   }
   onResize(width, height) {
     this.textBufferView.setViewport(this._scrollX, this._scrollY, width, height);
-    this.updateTextInfo();
-    if (this.lastLocalSelection) {
-      const changed = this.updateLocalSelection(this.lastLocalSelection);
-      if (changed) {
-        this.requestRender();
-      }
-    }
+    this.yogaNode.markDirty();
+    this.requestRender();
+    this.emit("line-info-change");
   }
   refreshLocalSelection() {
     if (this.lastLocalSelection) {
@@ -2726,7 +2755,15 @@ class TextBufferRenderable extends Renderable {
   onSelectionChanged(selection) {
     const localSelection = convertGlobalToLocalSelection(selection, this.x, this.y);
     this.lastLocalSelection = localSelection;
-    const changed = this.updateLocalSelection(localSelection);
+    let changed;
+    if (!localSelection?.isActive) {
+      this.textBufferView.resetLocalSelection();
+      changed = true;
+    } else if (selection?.isStart) {
+      changed = this.textBufferView.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
+    } else {
+      changed = this.textBufferView.updateLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
+    }
     if (changed) {
       this.requestRender();
     }
@@ -5439,46 +5476,6 @@ class DiffRenderable extends Renderable {
     }
   }
 }
-// src/lib/keymapping.ts
-var defaultKeyAliases = {
-  enter: "return",
-  esc: "escape"
-};
-function mergeKeyAliases(defaults, custom) {
-  return { ...defaults, ...custom };
-}
-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 ? 1 : 0}:${binding.shift ? 1 : 0}:${binding.meta ? 1 : 0}:${binding.super ? 1 : 0}`;
-}
-function buildKeyBindingsMap(bindings, aliasMap) {
-  const map = new Map;
-  const aliases = aliasMap || {};
-  for (const binding of bindings) {
-    const key = getKeyBindingKey(binding);
-    map.set(key, binding.action);
-  }
-  for (const binding of bindings) {
-    const normalizedName = aliases[binding.name] || binding.name;
-    if (normalizedName !== binding.name) {
-      const aliasedKey = getKeyBindingKey({ ...binding, name: normalizedName });
-      map.set(aliasedKey, binding.action);
-    }
-  }
-  return map;
-}
-
 // src/renderables/Input.ts
 var defaultInputKeybindings = [
   { name: "left", action: "move-left" },
@@ -5680,19 +5677,12 @@ class InputRenderable extends Renderable {
     }
   }
   handleKeyPress(key) {
-    const keyName = typeof key === "string" ? key : key.name;
-    const keySequence = typeof key === "string" ? key : key.sequence;
-    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 keyHyper = typeof key === "string" ? false : key.hyper;
     const bindingKey = getKeyBindingKey({
-      name: keyName,
-      ctrl: keyCtrl,
-      shift: keyShift,
-      meta: keyMeta,
-      super: keySuper,
+      name: key.name,
+      ctrl: key.ctrl,
+      shift: key.shift,
+      meta: key.meta,
+      super: key.super,
       action: "move-left"
     });
     const action = this._keyBindingsMap.get(bindingKey);
@@ -5725,13 +5715,13 @@ class InputRenderable extends Renderable {
           return true;
       }
     }
-    if (!keyCtrl && !keyMeta && !keySuper && !keyHyper) {
-      if (keyName === "space") {
+    if (!key.ctrl && !key.meta && !key.super && !key.hyper) {
+      if (key.name === "space") {
         this.insertText(" ");
         return true;
       }
-      if (keySequence && keySequence.length === 1 && keySequence.charCodeAt(0) >= 32 && keySequence.charCodeAt(0) <= 126) {
-        this.insertText(keySequence);
+      if (key.sequence && key.sequence.length === 1 && key.sequence.charCodeAt(0) >= 32 && key.sequence.charCodeAt(0) <= 126) {
+        this.insertText(key.sequence);
         return true;
       }
     }
@@ -6278,8 +6268,7 @@ class ScrollBarRenderable extends Renderable {
     }
   }
   handleKeyPress(key) {
-    const keyName = typeof key === "string" ? key : key.name;
-    switch (keyName) {
+    switch (key.name) {
       case "left":
       case "h":
         if (this.orientation !== "horizontal")
@@ -7198,17 +7187,12 @@ class SelectRenderable extends Renderable {
     this.requestRender();
   }
   handleKeyPress(key) {
-    const keyName = typeof key === "string" ? key : key.name;
-    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,
+      name: key.name,
+      ctrl: key.ctrl,
+      shift: key.shift,
+      meta: key.meta,
+      super: key.super,
       action: "move-up"
     });
     const action = this._keyBindingsMap.get(bindingKey);
@@ -7571,17 +7555,12 @@ class TabSelectRenderable extends Renderable {
     return this._tabWidth;
   }
   handleKeyPress(key) {
-    const keyName = typeof key === "string" ? key : key.name;
-    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,
+      name: key.name,
+      ctrl: key.ctrl,
+      shift: key.shift,
+      meta: key.meta,
+      super: key.super,
       action: "move-left"
     });
     const action = this._keyBindingsMap.get(bindingKey);
@@ -7713,9 +7692,11 @@ class EditBufferRenderable extends Renderable {
   lastLocalSelection = null;
   _tabIndicator;
   _tabIndicatorColor;
-  _selectionAnchorState = null;
   _cursorChangeListener = undefined;
   _contentChangeListener = undefined;
+  _autoScrollVelocity = 0;
+  _autoScrollAccumulator = 0;
+  _scrollSpeed = 16;
   editBuffer;
   editorView;
   _defaultOptions = {
@@ -7727,6 +7708,7 @@ class EditBufferRenderable extends Renderable {
     attributes: 0,
     wrapMode: "word",
     scrollMargin: 0.2,
+    scrollSpeed: 16,
     showCursor: true,
     cursorColor: RGBA.fromValues(1, 1, 1, 1),
     cursorStyle: {
@@ -7746,6 +7728,7 @@ class EditBufferRenderable extends Renderable {
     this.selectable = options.selectable ?? this._defaultOptions.selectable;
     this._wrapMode = options.wrapMode ?? this._defaultOptions.wrapMode;
     this._scrollMargin = options.scrollMargin ?? this._defaultOptions.scrollMargin;
+    this._scrollSpeed = options.scrollSpeed ?? this._defaultOptions.scrollSpeed;
     this._showCursor = options.showCursor ?? this._defaultOptions.showCursor;
     this._cursorColor = parseColor(options.cursorColor ?? this._defaultOptions.cursorColor);
     this._cursorStyle = options.cursorStyle ?? this._defaultOptions.cursorStyle;
@@ -7946,15 +7929,48 @@ class EditBufferRenderable extends Renderable {
       this.requestRender();
     }
   }
-  onResize(width, height) {
-    this.editorView.setViewportSize(width, height);
-    if (this.lastLocalSelection) {
-      const changed = this.updateLocalSelection(this.lastLocalSelection);
-      if (changed) {
+  get scrollSpeed() {
+    return this._scrollSpeed;
+  }
+  set scrollSpeed(value) {
+    this._scrollSpeed = Math.max(0, value);
+  }
+  onMouseEvent(event) {
+    if (event.type === "scroll") {
+      this.handleScroll(event);
+    }
+  }
+  handleScroll(event) {
+    if (!event.scroll)
+      return;
+    const { direction, delta } = event.scroll;
+    const viewport = this.editorView.getViewport();
+    if (direction === "up") {
+      const newOffsetY = Math.max(0, viewport.offsetY - delta);
+      this.editorView.setViewport(viewport.offsetX, newOffsetY, viewport.width, viewport.height, true);
+      this.requestRender();
+    } else if (direction === "down") {
+      const totalVirtualLines = this.editorView.getTotalVirtualLineCount();
+      const maxOffsetY = Math.max(0, totalVirtualLines - viewport.height);
+      const newOffsetY = Math.min(viewport.offsetY + delta, maxOffsetY);
+      this.editorView.setViewport(viewport.offsetX, newOffsetY, viewport.width, viewport.height, true);
+      this.requestRender();
+    }
+    if (this._wrapMode === "none") {
+      if (direction === "left") {
+        const newOffsetX = Math.max(0, viewport.offsetX - delta);
+        this.editorView.setViewport(newOffsetX, viewport.offsetY, viewport.width, viewport.height, true);
+        this.requestRender();
+      } else if (direction === "right") {
+        const newOffsetX = viewport.offsetX + delta;
+        this.editorView.setViewport(newOffsetX, viewport.offsetY, viewport.width, viewport.height, true);
         this.requestRender();
       }
     }
   }
+  onResize(width, height) {
+    this.editorView.setViewportSize(width, height);
+  }
   refreshLocalSelection() {
     if (this.lastLocalSelection) {
       return this.updateLocalSelection(this.lastLocalSelection);
@@ -7966,7 +7982,7 @@ class EditBufferRenderable extends Renderable {
       this.editorView.resetLocalSelection();
       return true;
     }
-    return this.editorView.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg);
+    return this.editorView.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg, false);
   }
   shouldStartSelection(x, y) {
     if (!this.selectable)
@@ -7978,12 +7994,56 @@ class EditBufferRenderable extends Renderable {
   onSelectionChanged(selection) {
     const localSelection = convertGlobalToLocalSelection(selection, this.x, this.y);
     this.lastLocalSelection = localSelection;
-    const changed = this.updateLocalSelection(localSelection);
+    const updateCursor = true;
+    let changed;
+    if (!localSelection?.isActive) {
+      this.editorView.resetLocalSelection();
+      changed = true;
+    } else if (selection?.isStart) {
+      changed = this.editorView.setLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg, updateCursor);
+    } else {
+      changed = this.editorView.updateLocalSelection(localSelection.anchorX, localSelection.anchorY, localSelection.focusX, localSelection.focusY, this._selectionBg, this._selectionFg, updateCursor);
+    }
+    if (changed && localSelection?.isActive && selection?.isSelecting) {
+      const viewport = this.editorView.getViewport();
+      const focusY = localSelection.focusY;
+      const scrollMargin = Math.max(1, Math.floor(viewport.height * this._scrollMargin));
+      if (focusY < scrollMargin) {
+        this._autoScrollVelocity = -this._scrollSpeed;
+      } else if (focusY >= viewport.height - scrollMargin) {
+        this._autoScrollVelocity = this._scrollSpeed;
+      } else {
+        this._autoScrollVelocity = 0;
+      }
+    } else {
+      this._autoScrollVelocity = 0;
+      this._autoScrollAccumulator = 0;
+    }
     if (changed) {
       this.requestRender();
     }
     return this.hasSelection();
   }
+  onUpdate(deltaTime) {
+    super.onUpdate(deltaTime);
+    if (this._autoScrollVelocity !== 0 && this.hasSelection()) {
+      const deltaSeconds = deltaTime / 1000;
+      this._autoScrollAccumulator += this._autoScrollVelocity * deltaSeconds;
+      const linesToScroll = Math.floor(Math.abs(this._autoScrollAccumulator));
+      if (linesToScroll > 0) {
+        const direction = this._autoScrollVelocity > 0 ? 1 : -1;
+        const viewport = this.editorView.getViewport();
+        const totalVirtualLines = this.editorView.getTotalVirtualLineCount();
+        const maxOffsetY = Math.max(0, totalVirtualLines - viewport.height);
+        const newOffsetY = Math.max(0, Math.min(viewport.offsetY + direction * linesToScroll, maxOffsetY));
+        if (newOffsetY !== viewport.offsetY) {
+          this.editorView.setViewport(viewport.offsetX, newOffsetY, viewport.width, viewport.height, false);
+          this._ctx.requestSelectionUpdate();
+        }
+        this._autoScrollAccumulator -= direction * linesToScroll;
+      }
+    }
+  }
   getSelectedText() {
     return this.editorView.getSelectedText();
   }
@@ -8147,48 +8207,17 @@ class EditBufferRenderable extends Renderable {
       return;
     if (!shiftPressed) {
       this._ctx.clearSelection();
-      this._selectionAnchorState = null;
       return;
     }
     const visualCursor = this.editorView.getVisualCursor();
-    const viewport = this.editorView.getViewport();
     const cursorX = this.x + visualCursor.visualCol;
     const cursorY = this.y + visualCursor.visualRow;
     if (isBeforeMovement) {
       if (!this._ctx.hasSelection) {
         this._ctx.startSelection(this, cursorX, cursorY);
-        this._selectionAnchorState = {
-          screenX: cursorX,
-          screenY: cursorY,
-          viewportX: viewport.offsetX,
-          viewportY: viewport.offsetY
-        };
-      } else if (!this._selectionAnchorState) {
-        const selection = this._ctx.getSelection();
-        if (selection && selection.isActive) {
-          this._selectionAnchorState = {
-            screenX: selection.anchor.x,
-            screenY: selection.anchor.y,
-            viewportX: viewport.offsetX,
-            viewportY: viewport.offsetY
-          };
-        }
       }
     } else {
-      if (this._selectionAnchorState) {
-        const deltaY = viewport.offsetY - this._selectionAnchorState.viewportY;
-        const deltaX = viewport.offsetX - this._selectionAnchorState.viewportX;
-        if (deltaY !== 0 || deltaX !== 0) {
-          const newAnchorX = this._selectionAnchorState.screenX - deltaX;
-          const newAnchorY = this._selectionAnchorState.screenY - deltaY;
-          this._ctx.startSelection(this, newAnchorX, newAnchorY);
-          this._ctx.updateSelection(this, cursorX, cursorY);
-        } else {
-          this._ctx.updateSelection(this, cursorX, cursorY);
-        }
-      } else {
-        this._ctx.updateSelection(this, cursorX, cursorY);
-      }
+      this._ctx.updateSelection(this, cursorX, cursorY);
     }
   }
 }
@@ -8209,10 +8238,20 @@ var defaultTextareaKeybindings = [
   { name: "end", shift: true, action: "select-buffer-end" },
   { name: "a", ctrl: true, action: "line-home" },
   { name: "e", ctrl: true, action: "line-end" },
+  { name: "a", ctrl: true, shift: true, action: "select-line-home" },
+  { name: "e", ctrl: true, shift: true, action: "select-line-end" },
+  { name: "a", meta: true, action: "visual-line-home" },
+  { name: "e", meta: true, action: "visual-line-end" },
+  { name: "a", meta: true, shift: true, action: "select-visual-line-home" },
+  { name: "e", meta: true, shift: true, action: "select-visual-line-end" },
   { name: "f", ctrl: true, action: "move-right" },
   { name: "b", ctrl: true, action: "move-left" },
-  { name: "w", ctrl: true, shift: true, action: "delete-word-forward" },
   { name: "w", ctrl: true, action: "delete-word-backward" },
+  { name: "backspace", ctrl: true, action: "delete-word-backward" },
+  { name: "d", meta: true, action: "delete-word-forward" },
+  { name: "delete", meta: true, action: "delete-word-forward" },
+  { name: "delete", ctrl: true, action: "delete-word-forward" },
+  { name: "d", ctrl: true, shift: true, action: "delete-line" },
   { name: "k", ctrl: true, action: "delete-to-line-end" },
   { name: "u", ctrl: true, action: "delete-to-line-start" },
   { name: "backspace", action: "backspace" },
@@ -8231,11 +8270,12 @@ var defaultTextareaKeybindings = [
   { name: "b", meta: true, action: "word-backward" },
   { name: "right", meta: true, action: "word-forward" },
   { name: "left", meta: true, action: "word-backward" },
+  { name: "right", ctrl: true, action: "word-forward" },
+  { name: "left", ctrl: 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-line" },
   { name: "backspace", meta: true, action: "delete-word-backward" }
 ];
 
@@ -8311,6 +8351,10 @@ class TextareaRenderable extends EditBufferRenderable {
       ["line-end", () => this.gotoLineEnd()],
       ["select-line-home", () => this.gotoLineHome({ select: true })],
       ["select-line-end", () => this.gotoLineEnd({ select: true })],
+      ["visual-line-home", () => this.gotoVisualLineHome()],
+      ["visual-line-end", () => this.gotoVisualLineEnd()],
+      ["select-visual-line-home", () => this.gotoVisualLineHome({ select: true })],
+      ["select-visual-line-end", () => this.gotoVisualLineEnd({ select: true })],
       ["select-buffer-home", () => this.gotoBufferHome({ select: true })],
       ["select-buffer-end", () => this.gotoBufferEnd({ select: true })],
       ["buffer-home", () => this.gotoBufferHome()],
@@ -8336,19 +8380,12 @@ class TextareaRenderable extends EditBufferRenderable {
     this.insertText(event.text);
   }
   handleKeyPress(key) {
-    const keyName = typeof key === "string" ? key : key.name;
-    const keySequence = typeof key === "string" ? key : key.sequence;
-    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 keyHyper = typeof key === "string" ? false : key.hyper;
     const bindingKey = getKeyBindingKey({
-      name: keyName,
-      ctrl: keyCtrl,
-      shift: keyShift,
-      meta: keyMeta,
-      super: keySuper,
+      name: key.name,
+      ctrl: key.ctrl,
+      shift: key.shift,
+      meta: key.meta,
+      super: key.super,
       action: "move-left"
     });
     const action = this._keyBindingsMap.get(bindingKey);
@@ -8358,20 +8395,20 @@ class TextareaRenderable extends EditBufferRenderable {
         return handler();
       }
     }
-    if (!keyCtrl && !keyMeta && !keySuper && !keyHyper) {
-      if (keyName === "space") {
+    if (!key.ctrl && !key.meta && !key.super && !key.hyper) {
+      if (key.name === "space") {
         this.insertText(" ");
         return true;
       }
-      if (keySequence) {
-        const firstCharCode = keySequence.charCodeAt(0);
+      if (key.sequence) {
+        const firstCharCode = key.sequence.charCodeAt(0);
         if (firstCharCode < 32) {
           return false;
         }
         if (firstCharCode === 127) {
           return false;
         }
-        this.insertText(keySequence);
+        this.insertText(key.sequence);
         return true;
       }
     }
@@ -8500,6 +8537,24 @@ class TextareaRenderable extends EditBufferRenderable {
     this.requestRender();
     return true;
   }
+  gotoVisualLineHome(options) {
+    const select = options?.select ?? false;
+    this.updateSelectionForMovement(select, true);
+    const sol = this.editorView.getVisualSOL();
+    this.editBuffer.setCursor(sol.logicalRow, sol.logicalCol);
+    this.updateSelectionForMovement(select, false);
+    this.requestRender();
+    return true;
+  }
+  gotoVisualLineEnd(options) {
+    const select = options?.select ?? false;
+    this.updateSelectionForMovement(select, true);
+    const eol = this.editorView.getVisualEOL();
+    this.editBuffer.setCursor(eol.logicalRow, eol.logicalCol);
+    this.updateSelectionForMovement(select, false);
+    this.requestRender();
+    return true;
+  }
   gotoBufferHome(options) {
     const select = options?.select ?? false;
     this.updateSelectionForMovement(select, true);
@@ -8865,5 +8920,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=8034F385F70736E264756E2164756E21
+//# debugId=36CCE839639ECF0564756E2164756E21
 //# sourceMappingURL=index.js.map