@opentui/core 0.0.0-20250924-d06b64fa → 0.0.0-20250926-77b41db5

package/3d.js

@@ -5,7 +5,7 @@ import {
   __export,
   __require,
   __toESM
-} from "./index-6kvgbzah.js";
+} from "./index-tg3c4jgq.js";
 
 // ../../node_modules/omggif/omggif.js
 var require_omggif = __commonJS((exports) => {

package/Renderable.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "events";
 import { type Node as YogaNode } from "yoga-layout";
 import { OptimizedBuffer } from "./buffer";
-import type { ParsedKey } from "./lib/parse.keypress";
+import type { KeyEvent, PasteEvent } from "./lib/KeyHandler";
 import type { Selection } from "./lib/selection";
 import { type AlignString, type FlexDirectionString, type JustifyString, type OverflowString, type PositionTypeString, type WrapString } from "./lib/yoga.options";
 import { type VNode } from "./renderables/composition/vnode";
@@ -78,7 +78,7 @@ export interface RenderableOptions<T extends BaseRenderable = BaseRenderable> ex
     onMouseOut?: (this: T, event: MouseEvent) => void;
     onMouseScroll?: (this: T, event: MouseEvent) => void;
     onPaste?: (this: T, text: string) => void;
-    onKeyDown?: (key: ParsedKey) => void;
+    onKeyDown?: (key: KeyEvent) => void;
     onSizeChange?: (this: T) => void;
 }
 export declare function isRenderable(obj: any): obj is Renderable;
@@ -126,8 +126,8 @@ export declare abstract class Renderable extends BaseRenderable {
     protected frameBuffer: OptimizedBuffer | null;
     protected _focusable: boolean;
     protected _focused: boolean;
-    protected keypressHandler: ((key: ParsedKey) => void) | null;
-    protected pasteHandler: ((text: string) => void) | null;
+    protected keypressHandler: ((key: KeyEvent) => void) | null;
+    protected pasteHandler: ((event: PasteEvent) => void) | null;
     private _live;
     protected _liveCount: number;
     private _sizeChangeListener;
@@ -169,7 +169,7 @@ export declare abstract class Renderable extends BaseRenderable {
     get liveCount(): number;
     set live(value: boolean);
     protected propagateLiveCount(delta: number): void;
-    handleKeyPress?(key: ParsedKey | string): boolean;
+    handleKeyPress?(key: KeyEvent | string): boolean;
     handlePaste?(text: string): void;
     findDescendantById(id: string): Renderable | undefined;
     requestRender(): void;
@@ -276,8 +276,8 @@ export declare abstract class Renderable extends BaseRenderable {
     set onMouseScroll(handler: ((event: MouseEvent) => void) | undefined);
     set onPaste(handler: ((text: string) => void) | undefined);
     get onPaste(): ((text: string) => void) | undefined;
-    set onKeyDown(handler: ((key: ParsedKey) => void) | undefined);
-    get onKeyDown(): ((key: ParsedKey) => void) | undefined;
+    set onKeyDown(handler: ((key: KeyEvent) => void) | undefined);
+    get onKeyDown(): ((key: KeyEvent) => void) | undefined;
     set onSizeChange(handler: (() => void) | undefined);
     get onSizeChange(): (() => void) | undefined;
     private applyEventOptions;

package/{index-6kvgbzah.js → index-tg3c4jgq.js}

@@ -2143,6 +2143,10 @@ var parseKeypress = (s = "", options = {}) => {
     key.meta = true;
     key.shift = /^[A-Z]$/.test(parts[1]);
     key.name = parts[1];
+  } else if (s.length === 2 && s[0] === "\x1B" && s[1] <= "\x1A") {
+    key.meta = true;
+    key.ctrl = true;
+    key.name = String.fromCharCode(s.charCodeAt(1) + 97 - 1);
   } else if (parts = fnKeyRe.exec(s)) {
     const segs = [...s];
     if (segs[0] === "\x1B" && segs[1] === "\x1B") {
@@ -2191,6 +2195,62 @@ var ANSI = {
 };
 
 // src/lib/KeyHandler.ts
+class KeyEvent {
+  name;
+  ctrl;
+  meta;
+  shift;
+  option;
+  sequence;
+  number;
+  raw;
+  eventType;
+  code;
+  super;
+  hyper;
+  capsLock;
+  numLock;
+  baseCode;
+  _defaultPrevented = false;
+  constructor(key) {
+    this.name = key.name;
+    this.ctrl = key.ctrl;
+    this.meta = key.meta;
+    this.shift = key.shift;
+    this.option = key.option;
+    this.sequence = key.sequence;
+    this.number = key.number;
+    this.raw = key.raw;
+    this.eventType = key.eventType;
+    this.code = key.code;
+    this.super = key.super;
+    this.hyper = key.hyper;
+    this.capsLock = key.capsLock;
+    this.numLock = key.numLock;
+    this.baseCode = key.baseCode;
+  }
+  get defaultPrevented() {
+    return this._defaultPrevented;
+  }
+  preventDefault() {
+    this._defaultPrevented = true;
+  }
+}
+
+class PasteEvent {
+  text;
+  _defaultPrevented = false;
+  constructor(text) {
+    this.text = text;
+  }
+  get defaultPrevented() {
+    return this._defaultPrevented;
+  }
+  preventDefault() {
+    this._defaultPrevented = true;
+  }
+}
+
 class KeyHandler extends EventEmitter {
   stdin;
   useKittyKeyboard;
@@ -2210,7 +2270,7 @@ class KeyHandler extends EventEmitter {
         this.pasteBuffer.push(Bun.stripANSI(data));
         if (data.endsWith(ANSI.bracketedPasteEnd)) {
           this.pasteMode = false;
-          this.emit("paste", this.pasteBuffer.join(""));
+          this.emit("paste", new PasteEvent(this.pasteBuffer.join("")));
           this.pasteBuffer = [];
         }
         return;
@@ -2218,16 +2278,16 @@ class KeyHandler extends EventEmitter {
       const parsedKey = parseKeypress(key, { useKittyKeyboard: this.useKittyKeyboard });
       switch (parsedKey.eventType) {
         case "press":
-          this.emit("keypress", parsedKey);
+          this.emit("keypress", new KeyEvent(parsedKey));
           break;
         case "repeat":
-          this.emit("keyrepeat", parsedKey);
+          this.emit("keyrepeat", new KeyEvent(parsedKey));
           break;
         case "release":
-          this.emit("keyrelease", parsedKey);
+          this.emit("keyrelease", new KeyEvent(parsedKey));
           break;
         default:
-          this.emit("keypress", parsedKey);
+          this.emit("keypress", new KeyEvent(parsedKey));
           break;
       }
     };
@@ -2238,6 +2298,45 @@ class KeyHandler extends EventEmitter {
   }
 }
 
+class InternalKeyHandler extends KeyHandler {
+  renderableHandlers = new Map;
+  constructor(stdin, useKittyKeyboard = false) {
+    super(stdin, useKittyKeyboard);
+  }
+  emit(event, ...args) {
+    return this.emitWithPriority(event, ...args);
+  }
+  emitWithPriority(event, ...args) {
+    const hasGlobalListeners = super.emit(event, ...args);
+    const renderableSet = this.renderableHandlers.get(event);
+    let hasRenderableListeners = false;
+    if (renderableSet && renderableSet.size > 0) {
+      hasRenderableListeners = true;
+      if (event === "keypress" || event === "keyrepeat" || event === "keyrelease" || event === "paste") {
+        const keyEvent = args[0];
+        if (keyEvent.defaultPrevented)
+          return hasGlobalListeners || hasRenderableListeners;
+      }
+      for (const handler of renderableSet) {
+        handler(...args);
+      }
+    }
+    return hasGlobalListeners || hasRenderableListeners;
+  }
+  onInternal(event, handler) {
+    if (!this.renderableHandlers.has(event)) {
+      this.renderableHandlers.set(event, new Set);
+    }
+    this.renderableHandlers.get(event).add(handler);
+  }
+  offInternal(event, handler) {
+    const handlers = this.renderableHandlers.get(event);
+    if (handlers) {
+      handlers.delete(handler);
+    }
+  }
+}
+
 // src/lib/RGBA.ts
 class RGBA {
   buffer;
@@ -6550,14 +6649,14 @@ class Renderable extends BaseRenderable {
         this.handleKeyPress(key);
       }
     };
-    this.pasteHandler = (text) => {
-      this._pasteListener?.call(this, text);
+    this.pasteHandler = (event) => {
+      this._pasteListener?.call(this, event.text);
       if (this.handlePaste) {
-        this.handlePaste(text);
+        this.handlePaste(event.text);
       }
     };
-    this.ctx.keyInput.on("keypress", this.keypressHandler);
-    this.ctx.keyInput.on("paste", this.pasteHandler);
+    this.ctx._internalKeyInput.onInternal("keypress", this.keypressHandler);
+    this.ctx._internalKeyInput.onInternal("paste", this.pasteHandler);
     this.emit("focused" /* FOCUSED */);
   }
   blur() {
@@ -6566,11 +6665,11 @@ class Renderable extends BaseRenderable {
     this._focused = false;
     this.requestRender();
     if (this.keypressHandler) {
-      this.ctx.keyInput.off("keypress", this.keypressHandler);
+      this.ctx._internalKeyInput.offInternal("keypress", this.keypressHandler);
       this.keypressHandler = null;
     }
     if (this.pasteHandler) {
-      this.ctx.keyInput.off("paste", this.pasteHandler);
+      this.ctx._internalKeyInput.offInternal("paste", this.pasteHandler);
       this.pasteHandler = null;
     }
     this.emit("blurred" /* BLURRED */);
@@ -8707,7 +8806,7 @@ Captured output:
     process.on("exit", this.exitHandler);
     this._console = new TerminalConsole(this, config.consoleOptions);
     this.useConsole = config.useConsole ?? true;
-    this._keyHandler = new KeyHandler(this.stdin, config.useKittyKeyboard ?? false);
+    this._keyHandler = new InternalKeyHandler(this.stdin, config.useKittyKeyboard ?? false);
     global.requestAnimationFrame = (callback) => {
       const id = CliRenderer.animationFrameId++;
       this.animationRequest.set(id, callback);
@@ -8795,6 +8894,9 @@ Captured output:
   get keyInput() {
     return this._keyHandler;
   }
+  get _internalKeyInput() {
+    return this._keyHandler;
+  }
   get terminalWidth() {
     return this._terminalWidth;
   }
@@ -9572,7 +9674,7 @@ Captured output:
   }
 }
 
-export { __toESM, __commonJS, __export, __require, Edge, Gutter, exports_src, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, nonAlphanumericKeys, parseKeypress, ANSI, KeyHandler, RGBA, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, DebugOverlayCorner, createTextAttributes, 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, t, SyntaxStyle, hastToStyledText, parseAlign, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, envRegistry, registerEnvVar, generateEnvMarkdown, generateEnvColored, env, TextBuffer, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, isValidPercentage, LayoutEvents, RenderableEvents, isRenderable, BaseRenderable, Renderable, RootRenderable, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, CliRenderer };
+export { __toESM, __commonJS, __export, __require, Edge, Gutter, exports_src, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, nonAlphanumericKeys, parseKeypress, ANSI, KeyEvent, PasteEvent, KeyHandler, InternalKeyHandler, RGBA, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, DebugOverlayCorner, createTextAttributes, 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, t, SyntaxStyle, hastToStyledText, parseAlign, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, envRegistry, registerEnvVar, generateEnvMarkdown, generateEnvColored, env, TextBuffer, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, isValidPercentage, LayoutEvents, RenderableEvents, isRenderable, BaseRenderable, Renderable, RootRenderable, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, CliRenderer };
 
-//# debugId=FA47EE78BCA83E8664756E2164756E21
-//# sourceMappingURL=index-6kvgbzah.js.map
+//# debugId=03E8AF9E3F4FA3CB64756E2164756E21
+//# sourceMappingURL=index-tg3c4jgq.js.map