@opentui/core 0.1.75 → 0.1.76

package/Renderable.d.ts

@@ -158,6 +158,7 @@ export declare abstract class Renderable extends BaseRenderable {
     get id(): string;
     set id(value: string);
     get focusable(): boolean;
+    set focusable(value: boolean);
     get ctx(): RenderContext;
     get visible(): boolean;
     get primaryAxis(): "row" | "column";

package/console.d.ts

@@ -56,7 +56,7 @@ export declare class TerminalConsole extends EventEmitter {
     private _entryListener;
     private _selectionStart;
     private _selectionEnd;
-    private _isSelecting;
+    private _isDragging;
     private _copyButtonBounds;
     private _autoScrollInterval;
     private _keyBindingsMap;

package/{index-s0q9547t.js → index-phtsmwj4.js}

@@ -2273,7 +2273,12 @@ var parseKeypress = (s = "", options = {}) => {
     } else if (charCode === 127 || charCode === 8) {
       key.name = "backspace";
     } else {
-      key.name = String.fromCharCode(charCode);
+      const char = String.fromCharCode(charCode);
+      key.name = char;
+      key.sequence = char;
+      if (charCode >= 48 && charCode <= 57) {
+        key.number = true;
+      }
     }
     return key;
   }
@@ -6592,7 +6597,7 @@ class Selection {
   _selectedRenderables = [];
   _touchedRenderables = [];
   _isActive = true;
-  _isSelecting = true;
+  _isDragging = true;
   _isStart = false;
   constructor(anchorRenderable, anchor, focus) {
     this._anchor = new SelectionAnchor(anchorRenderable, anchor.x, anchor.y);
@@ -6619,11 +6624,11 @@ class Selection {
   set isActive(value) {
     this._isActive = value;
   }
-  get isSelecting() {
-    return this._isSelecting;
+  get isDragging() {
+    return this._isDragging;
   }
-  set isSelecting(value) {
-    this._isSelecting = value;
+  set isDragging(value) {
+    this._isDragging = value;
   }
   get bounds() {
     const minX = Math.min(this._anchor.x, this._focus.x);
@@ -8492,6 +8497,7 @@ class ExtmarksController {
         this.originalMoveDownVisual();
         return;
       }
+      const currentOffset = this.editorView.getVisualCursor().offset;
       this.originalMoveDownVisual();
       const newOffset = this.editorView.getVisualCursor().offset;
       const virtualExtmark = this.findVirtualExtmarkContaining(newOffset);
@@ -8499,7 +8505,9 @@ class ExtmarksController {
         const distanceToStart = newOffset - virtualExtmark.start;
         const distanceToEnd = virtualExtmark.end - newOffset;
         if (distanceToStart < distanceToEnd) {
-          this.editorView.setCursorByOffset(virtualExtmark.start - 1);
+          const adjustedOffset = virtualExtmark.start - 1;
+          const targetOffset = adjustedOffset <= currentOffset ? virtualExtmark.end : adjustedOffset;
+          this.editorView.setCursorByOffset(targetOffset);
         } else {
           this.editorView.setCursorByOffset(virtualExtmark.end);
         }
@@ -9404,16 +9412,24 @@ class OptimizedBuffer {
     this.guard();
     const { char, fg: fg2, bg: bg2, attributes } = this.buffers;
     const lines = [];
+    const CHAR_FLAG_CONTINUATION = 3221225472 | 0;
+    const CHAR_FLAG_MASK = 3221225472 | 0;
+    const realTextBytes = this.getRealCharBytes(true);
+    const realTextLines = new TextDecoder().decode(realTextBytes).split(`
+`);
     for (let y = 0;y < this._height; y++) {
       const spans = [];
       let currentSpan = null;
+      const lineChars = [...realTextLines[y] || ""];
+      let charIdx = 0;
       for (let x = 0;x < this._width; x++) {
         const i = y * this._width + x;
         const cp = char[i];
         const cellFg = RGBA.fromValues(fg2[i * 4], fg2[i * 4 + 1], fg2[i * 4 + 2], fg2[i * 4 + 3]);
         const cellBg = RGBA.fromValues(bg2[i * 4], bg2[i * 4 + 1], bg2[i * 4 + 2], bg2[i * 4 + 3]);
         const cellAttrs = attributes[i] & 255;
-        const cellChar = cp > 0 ? String.fromCodePoint(cp) : " ";
+        const isContinuation = (cp & CHAR_FLAG_MASK) === CHAR_FLAG_CONTINUATION;
+        const cellChar = isContinuation ? "" : lineChars[charIdx++] ?? " ";
         if (currentSpan && currentSpan.fg.equals(cellFg) && currentSpan.bg.equals(cellBg) && currentSpan.attributes === cellAttrs) {
           currentSpan.text += cellChar;
           currentSpan.width += 1;
@@ -10243,6 +10259,7 @@ var TerminalCapabilitiesStruct = defineStruct([
   ["sync", "bool_u8"],
   ["bracketed_paste", "bool_u8"],
   ["hyperlinks", "bool_u8"],
+  ["osc52", "bool_u8"],
   ["explicit_cursor_positioning", "bool_u8"],
   ["term_name", "char*"],
   ["term_name_len", "u64", { lengthOf: "term_name" }],
@@ -10341,7 +10358,7 @@ function getOpenTUILib(libPath) {
       returns: "void"
     },
     createRenderer: {
-      args: ["u32", "u32", "bool"],
+      args: ["u32", "u32", "bool", "bool"],
       returns: "ptr"
     },
     destroyRenderer: {
@@ -10512,6 +10529,14 @@ function getOpenTUILib(libPath) {
       args: ["ptr", "ptr", "usize"],
       returns: "void"
     },
+    copyToClipboardOSC52: {
+      args: ["ptr", "u8", "ptr", "usize"],
+      returns: "bool"
+    },
+    clearClipboardOSC52: {
+      args: ["ptr", "u8"],
+      returns: "bool"
+    },
     bufferDrawSuperSampleBuffer: {
       args: ["ptr", "u32", "u32", "ptr", "usize", "u8", "u32"],
       returns: "void"
@@ -11472,8 +11497,10 @@ class FFIRenderLib {
   setEventCallback(callbackPtr) {
     this.opentui.symbols.setEventCallback(callbackPtr);
   }
-  createRenderer(width, height, options = { testing: false }) {
-    return this.opentui.symbols.createRenderer(width, height, options.testing);
+  createRenderer(width, height, options = {}) {
+    const testing = options.testing ?? false;
+    const remote = options.remote ?? false;
+    return this.opentui.symbols.createRenderer(width, height, testing, remote);
   }
   destroyRenderer(renderer) {
     this.opentui.symbols.destroyRenderer(renderer);
@@ -11695,6 +11722,12 @@ class FFIRenderLib {
     const titleBytes = this.encoder.encode(title);
     this.opentui.symbols.setTerminalTitle(renderer, titleBytes, titleBytes.length);
   }
+  copyToClipboardOSC52(renderer, target, payload) {
+    return this.opentui.symbols.copyToClipboardOSC52(renderer, target, payload, payload.length);
+  }
+  clearClipboardOSC52(renderer, target) {
+    return this.opentui.symbols.clearClipboardOSC52(renderer, target);
+  }
   addToHitGrid(renderer, x, y, width, height, id) {
     this.opentui.symbols.addToHitGrid(renderer, x, y, width, height, id);
   }
@@ -12449,6 +12482,7 @@ class FFIRenderLib {
       sync: caps.sync,
       bracketed_paste: caps.bracketed_paste,
       hyperlinks: caps.hyperlinks,
+      osc52: caps.osc52,
       explicit_cursor_positioning: caps.explicit_cursor_positioning,
       terminal: {
         name: caps.term_name ?? "",
@@ -12980,6 +13014,9 @@ class Renderable extends BaseRenderable {
   get focusable() {
     return this._focusable;
   }
+  set focusable(value) {
+    this._focusable = value;
+  }
   get ctx() {
     return this._ctx;
   }
@@ -14514,7 +14551,7 @@ class TerminalConsole extends EventEmitter8 {
   _entryListener;
   _selectionStart = null;
   _selectionEnd = null;
-  _isSelecting = false;
+  _isDragging = false;
   _copyButtonBounds = {
     x: 0,
     y: 0,
@@ -15111,7 +15148,7 @@ class TerminalConsole extends EventEmitter8 {
   clearSelection() {
     this._selectionStart = null;
     this._selectionEnd = null;
-    this._isSelecting = false;
+    this._isDragging = false;
     this.stopAutoScroll();
   }
   stopAutoScroll() {
@@ -15224,11 +15261,11 @@ class TerminalConsole extends EventEmitter8 {
       this.clearSelection();
       this._selectionStart = { line: lineIndex, col: colIndex };
       this._selectionEnd = { line: lineIndex, col: colIndex };
-      this._isSelecting = true;
+      this._isDragging = true;
       this.markNeedsRerender();
       return true;
     }
-    if (event.type === "drag" && this._isSelecting) {
+    if (event.type === "drag" && this._isDragging) {
       this._selectionEnd = { line: lineIndex, col: colIndex };
       const logAreaHeight = Math.max(1, this.consoleHeight - 1);
       const relativeY = localY - 1;
@@ -15243,9 +15280,9 @@ class TerminalConsole extends EventEmitter8 {
       return true;
     }
     if (event.type === "up") {
-      if (this._isSelecting) {
+      if (this._isDragging) {
         this._selectionEnd = { line: lineIndex, col: colIndex };
-        this._isSelecting = false;
+        this._isDragging = false;
         this.stopAutoScroll();
         this.markNeedsRerender();
       }
@@ -15303,6 +15340,38 @@ var ANSI = {
   bracketedPasteEnd: "\x1B[201~"
 };
 
+// src/lib/clipboard.ts
+function encodeOsc52Payload(text, encoder2 = new TextEncoder) {
+  const base64 = Buffer.from(text).toString("base64");
+  return encoder2.encode(base64);
+}
+
+class Clipboard {
+  lib;
+  rendererPtr;
+  constructor(lib, rendererPtr) {
+    this.lib = lib;
+    this.rendererPtr = rendererPtr;
+  }
+  copyToClipboardOSC52(text, target = 0 /* Clipboard */) {
+    if (!this.isOsc52Supported()) {
+      return false;
+    }
+    const payload = encodeOsc52Payload(text, this.lib.encoder);
+    return this.lib.copyToClipboardOSC52(this.rendererPtr, target, payload);
+  }
+  clearClipboardOSC52(target = 0 /* Clipboard */) {
+    if (!this.isOsc52Supported()) {
+      return false;
+    }
+    return this.lib.clearClipboardOSC52(this.rendererPtr, target);
+  }
+  isOsc52Supported() {
+    const caps = this.lib.getTerminalCapabilities(this.rendererPtr);
+    return Boolean(caps?.osc52);
+  }
+}
+
 // src/renderer.ts
 import { EventEmitter as EventEmitter9 } from "events";
 
@@ -15513,7 +15582,7 @@ class MouseEvent {
   modifiers;
   scroll;
   target;
-  isSelecting;
+  isDragging;
   _propagationStopped = false;
   _defaultPrevented = false;
   get propagationStopped() {
@@ -15531,7 +15600,7 @@ class MouseEvent {
     this.modifiers = attributes.modifiers;
     this.scroll = attributes.scroll;
     this.source = attributes.source;
-    this.isSelecting = attributes.isSelecting;
+    this.isDragging = attributes.isDragging;
   }
   stopPropagation() {
     this._propagationStopped = true;
@@ -15576,7 +15645,7 @@ async function createCliRenderer(config = {}) {
   const height = stdout.rows || 24;
   const renderHeight = config.experimental_splitHeight && config.experimental_splitHeight > 0 ? config.experimental_splitHeight : height;
   const ziglib = resolveRenderLib();
-  const rendererPtr = ziglib.createRenderer(width, renderHeight);
+  const rendererPtr = ziglib.createRenderer(width, renderHeight, { remote: config.remote ?? false });
   if (!rendererPtr) {
     throw new Error("Failed to create renderer");
   }
@@ -15686,6 +15755,7 @@ class CliRenderer extends EventEmitter9 {
   lastOverRenderable;
   currentSelection = null;
   selectionContainers = [];
+  clipboard;
   _splitHeight = 0;
   renderOffset = 0;
   _terminalWidth = 0;
@@ -15793,6 +15863,7 @@ Captured output:
       "SIGBUS",
       "SIGFPE"
     ];
+    this.clipboard = new Clipboard(this.lib, this.rendererPtr);
     this.resizeDebounceDelay = config.debounceDelay || 100;
     this.targetFps = config.targetFps || 30;
     this.maxFps = config.maxFps || 60;
@@ -16251,6 +16322,21 @@ Captured output:
       this._keyHandler.processPaste(data);
     });
   }
+  dispatchMouseEvent(target, attributes) {
+    const event = new MouseEvent(target, attributes);
+    target.processMouseEvent(event);
+    if (event.type === "down" && event.button === 0 /* LEFT */ && !event.defaultPrevented) {
+      let current = target;
+      while (current) {
+        if (current.focusable) {
+          current.focus();
+          break;
+        }
+        current = current.parent;
+      }
+    }
+    return event;
+  }
   handleMouseData(data) {
     const mouseEvent = this.mouseParser.parseMouseEvent(data);
     if (mouseEvent) {
@@ -16286,25 +16372,24 @@ Captured output:
       const sameElement = maybeRenderableId === this.lastOverRenderableNum;
       this.lastOverRenderableNum = maybeRenderableId;
       const maybeRenderable = Renderable.renderablesByNumber.get(maybeRenderableId);
-      if (mouseEvent.type === "down" && mouseEvent.button === 0 /* LEFT */ && !this.currentSelection?.isSelecting && !mouseEvent.modifiers.ctrl) {
+      if (mouseEvent.type === "down" && mouseEvent.button === 0 /* LEFT */ && !this.currentSelection?.isDragging && !mouseEvent.modifiers.ctrl) {
         if (maybeRenderable && maybeRenderable.selectable && !maybeRenderable.isDestroyed && maybeRenderable.shouldStartSelection(mouseEvent.x, mouseEvent.y)) {
           this.startSelection(maybeRenderable, mouseEvent.x, mouseEvent.y);
-          const event2 = new MouseEvent(maybeRenderable, mouseEvent);
-          maybeRenderable.processMouseEvent(event2);
+          this.dispatchMouseEvent(maybeRenderable, mouseEvent);
           return true;
         }
       }
-      if (mouseEvent.type === "drag" && this.currentSelection?.isSelecting) {
+      if (mouseEvent.type === "drag" && this.currentSelection?.isDragging) {
         this.updateSelection(maybeRenderable, mouseEvent.x, mouseEvent.y);
         if (maybeRenderable) {
-          const event2 = new MouseEvent(maybeRenderable, { ...mouseEvent, isSelecting: true });
+          const event2 = new MouseEvent(maybeRenderable, { ...mouseEvent, isDragging: true });
           maybeRenderable.processMouseEvent(event2);
         }
         return true;
       }
-      if (mouseEvent.type === "up" && this.currentSelection?.isSelecting) {
+      if (mouseEvent.type === "up" && this.currentSelection?.isDragging) {
         if (maybeRenderable) {
-          const event2 = new MouseEvent(maybeRenderable, { ...mouseEvent, isSelecting: true });
+          const event2 = new MouseEvent(maybeRenderable, { ...mouseEvent, isDragging: true });
           maybeRenderable.processMouseEvent(event2);
         }
         this.finishSelection();
@@ -16312,7 +16397,7 @@ Captured output:
       }
       if (mouseEvent.type === "down" && mouseEvent.button === 0 /* LEFT */ && this.currentSelection) {
         if (mouseEvent.modifiers.ctrl) {
-          this.currentSelection.isSelecting = true;
+          this.currentSelection.isDragging = true;
           this.updateSelection(maybeRenderable, mouseEvent.x, mouseEvent.y);
           return true;
         }
@@ -16354,15 +16439,14 @@ Captured output:
         this.setCapturedRenderable(undefined);
         this.requestRender();
       }
-      let event = undefined;
+      let event;
       if (maybeRenderable) {
         if (mouseEvent.type === "drag" && mouseEvent.button === 0 /* LEFT */) {
           this.setCapturedRenderable(maybeRenderable);
         } else {
           this.setCapturedRenderable(undefined);
         }
-        event = new MouseEvent(maybeRenderable, mouseEvent);
-        maybeRenderable.processMouseEvent(event);
+        event = this.dispatchMouseEvent(maybeRenderable, mouseEvent);
       } else {
         this.setCapturedRenderable(undefined);
         this.lastOverRenderable = undefined;
@@ -16527,6 +16611,15 @@ Captured output:
   setTerminalTitle(title) {
     this.lib.setTerminalTitle(this.rendererPtr, title);
   }
+  copyToClipboardOSC52(text, target) {
+    return this.clipboard.copyToClipboardOSC52(text, target);
+  }
+  clearClipboardOSC52(target) {
+    return this.clipboard.clearClipboardOSC52(target);
+  }
+  isOsc52Supported() {
+    return this._capabilities?.osc52 ?? this.clipboard.isOsc52Supported();
+  }
   dumpHitGrid() {
     this.lib.dumpHitGrid(this.rendererPtr);
   }
@@ -16915,10 +17008,13 @@ Captured output:
     this.currentSelection.isStart = true;
     this.notifySelectablesOfSelectionChange();
   }
-  updateSelection(currentRenderable, x, y) {
+  updateSelection(currentRenderable, x, y, options) {
     if (this.currentSelection) {
       this.currentSelection.isStart = false;
       this.currentSelection.focus = { x, y };
+      if (options?.finishDragging) {
+        this.currentSelection.isDragging = false;
+      }
       if (this.selectionContainers.length > 0) {
         const currentContainer = this.selectionContainers[this.selectionContainers.length - 1];
         if (!currentRenderable || !this.isWithinContainer(currentRenderable, currentContainer)) {
@@ -16939,7 +17035,7 @@ Captured output:
     }
   }
   requestSelectionUpdate() {
-    if (this.currentSelection?.isSelecting) {
+    if (this.currentSelection?.isDragging) {
       const pointer = this._latestPointer;
       const maybeRenderableId = this.hitTest(pointer.x, pointer.y);
       const maybeRenderable = Renderable.renderablesByNumber.get(maybeRenderableId);
@@ -16957,7 +17053,7 @@ Captured output:
   }
   finishSelection() {
     if (this.currentSelection) {
-      this.currentSelection.isSelecting = false;
+      this.currentSelection.isDragging = false;
       this.emit("selection", this.currentSelection);
       this.notifySelectablesOfSelectionChange();
     }
@@ -17031,5 +17127,5 @@ Captured output:
 
 export { __toESM, __commonJS, __export, __require, Edge, Gutter, MeasureMode, exports_src, isValidBorderStyle, parseBorderStyle, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, nonAlphanumericKeys, parseKeypress, KeyEvent, PasteEvent, KeyHandler, InternalKeyHandler, RGBA, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, ATTRIBUTE_BASE_BITS, ATTRIBUTE_BASE_MASK, getBaseAttributes, DebugOverlayCorner, createTextAttributes, attributesWithLink, getLinkId, visualizeRenderableTree, isStyledText, StyledText, stringToStyledText, black, red, green, yellow, blue, magenta, cyan, white, brightBlack, brightRed, brightGreen, brightYellow, brightBlue, brightMagenta, brightCyan, brightWhite, bgBlack, bgRed, bgGreen, bgYellow, bgBlue, bgMagenta, bgCyan, bgWhite, bold, italic, underline, strikethrough, dim, reverse, blink, fg, bg, link, t, hastToStyledText, LinearScrollAccel, MacOSScrollAccel, StdinBuffer, parseAlign, parseAlignItems, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, envRegistry, registerEnvVar, clearEnvCache, generateEnvMarkdown, generateEnvColored, env, treeSitterToTextChunks, treeSitterToStyledText, addDefaultParsers, TreeSitterClient, DataPathsManager, getDataPaths, extToFiletype, pathToFiletype, main, getTreeSitterClient, ExtmarksController, createExtmarksController, TerminalPalette, createTerminalPalette, TextBuffer, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, isValidPercentage, LayoutEvents, RenderableEvents, isRenderable, BaseRenderable, Renderable, RootRenderable, ANSI, defaultKeyAliases, mergeKeyAliases, mergeKeyBindings, getKeyBindingKey, buildKeyBindingsMap, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, buildKittyKeyboardFlags, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, RendererControlState, CliRenderer };
 
-//# debugId=0B8B9687B31D4D6F64756E2164756E21
-//# sourceMappingURL=index-s0q9547t.js.map
+//# debugId=B39292D59871DD3764756E2164756E21
+//# sourceMappingURL=index-phtsmwj4.js.map