@opentui/core 0.1.61 → 0.1.63

package/index.js

@@ -143,7 +143,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-rysm4rsr.js";
+} from "./index-689t9q65.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -172,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);
@@ -188,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);
@@ -601,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);
@@ -625,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);
@@ -637,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);
+    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.editorViewUpdateLocalSelection(this.viewPtr, anchorX, anchorY, focusX, focusY, bgColor || null, fgColor || null, updateCursor ?? false);
   }
   resetLocalSelection() {
     this.guard();
@@ -2675,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) {
@@ -2739,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();
     }
@@ -7668,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 = {
@@ -7682,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: {
@@ -7701,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;
@@ -7901,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);
@@ -7921,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)
@@ -7933,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();
   }
@@ -8102,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);
     }
   }
 }
@@ -8846,5 +8920,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=7F98B9DEC58574A464756E2164756E21
+//# debugId=36CCE839639ECF0564756E2164756E21
 //# sourceMappingURL=index.js.map