@opentui/core 0.1.87 → 0.1.89

package/lib/KeyHandler.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "events";
-import { type KeyEventType, type ParsedKey } from "./parse.keypress";
+import { type KeyEventType, type ParsedKey } from "./parse.keypress.js";
+import type { PasteMetadata } from "./paste.js";
 export declare class KeyEvent implements ParsedKey {
     name: string;
     ctrl: boolean;
@@ -27,10 +28,12 @@ export declare class KeyEvent implements ParsedKey {
     stopPropagation(): void;
 }
 export declare class PasteEvent {
-    text: string;
+    type: "paste";
+    bytes: Uint8Array;
+    metadata?: PasteMetadata;
     private _defaultPrevented;
     private _propagationStopped;
-    constructor(text: string);
+    constructor(bytes: Uint8Array, metadata?: PasteMetadata);
     get defaultPrevented(): boolean;
     get propagationStopped(): boolean;
     preventDefault(): void;
@@ -43,7 +46,7 @@ export type KeyHandlerEventMap = {
 };
 export declare class KeyHandler extends EventEmitter<KeyHandlerEventMap> {
     processParsedKey(parsedKey: ParsedKey): boolean;
-    processPaste(data: string): void;
+    processPaste(bytes: Uint8Array, metadata?: PasteMetadata): void;
 }
 /**
  * This class is used internally by the renderer to ensure global handlers

package/lib/ascii.font.d.ts

@@ -1,5 +1,5 @@
-import { OptimizedBuffer } from "../buffer";
-import { type ColorInput } from "./RGBA";
+import { OptimizedBuffer } from "../buffer.js";
+import { type ColorInput } from "./RGBA.js";
 export type ASCIIFontName = "tiny" | "block" | "shade" | "slick" | "huge" | "grid" | "pallet";
 export declare const fonts: {
     tiny: {

package/lib/border.d.ts

@@ -1,4 +1,4 @@
-import type { ColorInput } from "./RGBA";
+import type { ColorInput } from "./RGBA.js";
 export interface BorderCharacters {
     topLeft: string;
     topRight: string;

package/lib/clipboard.d.ts

@@ -1,5 +1,5 @@
 import type { Pointer } from "bun:ffi";
-import type { RenderLib } from "../zig";
+import type { RenderLib } from "../zig.js";
 export declare enum ClipboardTarget {
     Clipboard = 0,
     Primary = 1,

package/lib/clock.d.ts

@@ -3,9 +3,13 @@ export interface Clock {
     now(): number;
     setTimeout(fn: () => void, delayMs: number): TimerHandle;
     clearTimeout(handle: TimerHandle): void;
+    setInterval(fn: () => void, delayMs: number): TimerHandle;
+    clearInterval(handle: TimerHandle): void;
 }
 export declare class SystemClock implements Clock {
     now(): number;
     setTimeout(fn: () => void, delayMs: number): TimerHandle;
     clearTimeout(handle: TimerHandle): void;
+    setInterval(fn: () => void, delayMs: number): TimerHandle;
+    clearInterval(handle: TimerHandle): void;
 }

package/lib/extmarks-history.d.ts

@@ -1,4 +1,4 @@
-import type { Extmark } from "./extmarks";
+import type { Extmark } from "./extmarks.js";
 export interface ExtmarksSnapshot {
     extmarks: Map<number, Extmark>;
     nextId: number;

package/lib/extmarks.d.ts

@@ -1,5 +1,5 @@
-import type { EditBuffer } from "../edit-buffer";
-import type { EditorView } from "../editor-view";
+import type { EditBuffer } from "../edit-buffer.js";
+import type { EditorView } from "../editor-view.js";
 export interface Extmark {
     id: number;
     start: number;

package/lib/hast-styled-text.d.ts

@@ -1,5 +1,5 @@
-import { StyledText } from "./styled-text";
-import { SyntaxStyle } from "../syntax-style";
+import { StyledText } from "./styled-text.js";
+import { SyntaxStyle } from "../syntax-style.js";
 export interface HASTText {
     type: "text";
     value: string;
@@ -13,5 +13,5 @@ export interface HASTElement {
     children: HASTNode[];
 }
 export type HASTNode = HASTText | HASTElement;
-export type { StyleDefinition } from "../syntax-style";
+export type { StyleDefinition } from "../syntax-style.js";
 export declare function hastToStyledText(hast: HASTNode, syntaxStyle: SyntaxStyle): StyledText;

package/lib/index.d.ts

@@ -1,20 +1,21 @@
-export * from "./border";
-export * from "./KeyHandler";
-export * from "./ascii.font";
-export * from "./hast-styled-text";
-export * from "./RGBA";
-export * from "./clock";
-export * from "./parse.keypress";
-export * from "./scroll-acceleration";
-export * from "./styled-text";
-export * from "./yoga.options";
-export * from "./parse.mouse";
-export * from "./selection";
-export * from "./env";
-export * from "./stdin-parser";
-export * from "./tree-sitter-styled-text";
-export * from "./tree-sitter";
-export * from "./data-paths";
-export * from "./extmarks";
-export * from "./terminal-palette";
-export { detectLinks } from "./detect-links";
+export * from "./border.js";
+export * from "./KeyHandler.js";
+export * from "./ascii.font.js";
+export * from "./hast-styled-text.js";
+export * from "./RGBA.js";
+export * from "./clock.js";
+export * from "./parse.keypress.js";
+export * from "./scroll-acceleration.js";
+export * from "./styled-text.js";
+export * from "./yoga.options.js";
+export * from "./parse.mouse.js";
+export * from "./selection.js";
+export * from "./env.js";
+export * from "./stdin-parser.js";
+export * from "./tree-sitter-styled-text.js";
+export * from "./tree-sitter/index.js";
+export * from "./data-paths.js";
+export * from "./extmarks.js";
+export * from "./terminal-palette.js";
+export * from "./paste.js";
+export { detectLinks } from "./detect-links.js";

package/lib/objects-in-viewport.d.ts

@@ -1,4 +1,4 @@
-import type { ViewportBounds } from "../types";
+import type { ViewportBounds } from "../types.js";
 interface ViewportObject {
     x: number;
     y: number;

package/lib/parse.keypress-kitty.d.ts

@@ -1,2 +1,2 @@
-import type { ParsedKey } from "./parse.keypress";
+import type { ParsedKey } from "./parse.keypress.js";
 export declare function parseKittyKeyboard(sequence: string): ParsedKey | null;

package/lib/paste.d.ts

@@ -0,0 +1,7 @@
+export type PasteKind = "text" | "binary" | "unknown";
+export interface PasteMetadata {
+    mimeType?: string;
+    kind?: PasteKind;
+}
+export declare function decodePasteBytes(bytes: Uint8Array): string;
+export declare function stripAnsiSequences(text: string): string;

package/lib/renderable.validations.d.ts

@@ -1,5 +1,5 @@
-import type { RenderableOptions, Renderable } from "../Renderable";
-import type { PositionTypeString, OverflowString } from "./yoga.options";
+import type { RenderableOptions, Renderable } from "../Renderable.js";
+import type { PositionTypeString, OverflowString } from "./yoga.options.js";
 export declare function validateOptions(id: string, options: RenderableOptions<Renderable>): void;
 export declare function isValidPercentage(value: any): value is `${number}%`;
 export declare function isMarginType(value: any): value is number | "auto" | `${number}%`;

package/lib/selection.d.ts

@@ -1,5 +1,5 @@
-import { Renderable, type ViewportBounds } from "..";
-import { fonts } from "./ascii.font";
+import { Renderable, type ViewportBounds } from "../index.js";
+import { fonts } from "./ascii.font.js";
 export declare class Selection {
     private _anchor;
     private _focus;

package/lib/stdin-parser.d.ts

@@ -1,6 +1,7 @@
 import { type Clock } from "./clock";
 import { type ParsedKey } from "./parse.keypress";
 import { type RawMouseEvent } from "./parse.mouse";
+import type { PasteMetadata } from "./paste";
 export { SystemClock, type Clock, type TimerHandle } from "./clock";
 export type StdinResponseProtocol = "csi" | "osc" | "dcs" | "apc" | "unknown";
 export type StdinEvent = {
@@ -14,18 +15,26 @@ export type StdinEvent = {
     event: RawMouseEvent;
 } | {
     type: "paste";
-    text: string;
+    bytes: Uint8Array;
+    metadata?: PasteMetadata;
 } | {
     type: "response";
     protocol: StdinResponseProtocol;
     sequence: string;
 };
+export interface StdinParserProtocolContext {
+    kittyKeyboardEnabled: boolean;
+    privateCapabilityRepliesActive: boolean;
+    pixelResolutionQueryActive: boolean;
+    explicitWidthCprActive: boolean;
+}
 export interface StdinParserOptions {
     timeoutMs?: number;
     maxPendingBytes?: number;
     armTimeouts?: boolean;
     onTimeoutFlush?: () => void;
     useKittyKeyboard?: boolean;
+    protocolContext?: Partial<StdinParserProtocolContext>;
     clock?: Clock;
 }
 export declare class StdinParser {
@@ -38,6 +47,7 @@ export declare class StdinParser {
     private readonly useKittyKeyboard;
     private readonly mouseParser;
     private readonly clock;
+    private protocolContext;
     private timeoutId;
     private destroyed;
     private pendingSinceMs;
@@ -49,6 +59,7 @@ export declare class StdinParser {
     private paste;
     constructor(options?: StdinParserOptions);
     get bufferCapacity(): number;
+    updateProtocolContext(patch: Partial<StdinParserProtocolContext>): void;
     push(data: Uint8Array): void;
     read(): StdinEvent | null;
     drain(onEvent: (event: StdinEvent) => void): void;
@@ -67,7 +78,8 @@ export declare class StdinParser {
     private flushPendingOverflow;
     private markPending;
     private consumePasteBytes;
-    private pushPasteText;
+    private pushPasteBytes;
+    private reconcileDeferredStateWithProtocolContext;
     private reconcileTimeoutState;
     private clearTimeout;
     private resetState;

package/lib/styled-text.d.ts

@@ -1,5 +1,5 @@
-import type { TextChunk } from "../text-buffer";
-import { type ColorInput } from "./RGBA";
+import type { TextChunk } from "../text-buffer.js";
+import { type ColorInput } from "./RGBA.js";
 declare const BrandedStyledText: unique symbol;
 export type Color = ColorInput;
 export interface StyleAttrs {

package/lib/terminal-palette.d.ts

@@ -1,3 +1,4 @@
+import { type Clock } from "./clock";
 type Hex = string | null;
 export type WriteFunction = (data: string | Buffer) => boolean;
 export interface TerminalColors {
@@ -31,7 +32,8 @@ export declare class TerminalPalette implements TerminalPaletteDetector {
     private activeQuerySessions;
     private inLegacyTmux;
     private oscSource?;
-    constructor(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isLegacyTmux?: boolean, oscSource?: OscSubscriptionSource);
+    private readonly clock;
+    constructor(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isLegacyTmux?: boolean, oscSource?: OscSubscriptionSource, clock?: Clock);
     /**
      * Write an OSC sequence, wrapping for tmux if needed
      */
@@ -44,5 +46,5 @@ export declare class TerminalPalette implements TerminalPaletteDetector {
     private querySpecialColors;
     detect(options?: GetPaletteOptions): Promise<TerminalColors>;
 }
-export declare function createTerminalPalette(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isLegacyTmux?: boolean, oscSource?: OscSubscriptionSource): TerminalPaletteDetector;
+export declare function createTerminalPalette(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isLegacyTmux?: boolean, oscSource?: OscSubscriptionSource, clock?: Clock): TerminalPaletteDetector;
 export {};

package/lib/tree-sitter/client.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "events";
-import type { TreeSitterClientOptions, TreeSitterClientEvents, BufferState, FiletypeParserOptions, Edit, PerformanceStats, SimpleHighlight } from "./types";
+import type { TreeSitterClientOptions, TreeSitterClientEvents, BufferState, FiletypeParserOptions, Edit, PerformanceStats, SimpleHighlight } from "./types.js";
 declare global {
     const OTUI_TREE_SITTER_WORKER_PATH: string;
 }

package/lib/tree-sitter/index.d.ts

@@ -1,8 +1,8 @@
-import { TreeSitterClient } from "./client";
-export * from "./client";
-export * from "../tree-sitter-styled-text";
-export * from "./types";
-export * from "./resolve-ft";
-export type { UpdateOptions } from "./assets/update";
-export { updateAssets } from "./assets/update";
+import { TreeSitterClient } from "./client.js";
+export * from "./client.js";
+export * from "../tree-sitter-styled-text.js";
+export * from "./types.js";
+export * from "./resolve-ft.js";
+export type { UpdateOptions } from "./assets/update.js";
+export { updateAssets } from "./assets/update.js";
 export declare function getTreeSitterClient(): TreeSitterClient;

package/lib/tree-sitter/parsers-config.d.ts

@@ -6,6 +6,7 @@
 declare const _default: {
     parsers: ({
         filetype: string;
+        aliases: string[];
         wasm: string;
         queries: {
             highlights: string[];
@@ -27,12 +28,26 @@ declare const _default: {
             infoStringMap: {
                 javascript: string;
                 js: string;
+                jsx: string;
+                javascriptreact: string;
                 typescript: string;
                 ts: string;
+                tsx: string;
+                typescriptreact: string;
                 markdown: string;
                 md: string;
             };
         };
+        aliases?: undefined;
+    } | {
+        filetype: string;
+        wasm: string;
+        queries: {
+            highlights: string[];
+            injections?: undefined;
+        };
+        aliases?: undefined;
+        injectionMapping?: undefined;
     })[];
 };
 export default _default;

package/lib/tree-sitter/resolve-ft.d.ts

@@ -1,2 +1,5 @@
+export declare const extensionToFiletype: Map<string, string>;
+export declare const basenameToFiletype: Map<string, string>;
 export declare function extToFiletype(extension: string): string | undefined;
 export declare function pathToFiletype(path: string): string | undefined;
+export declare function infoStringToFiletype(infoString: string): string | undefined;

package/lib/tree-sitter/types.d.ts

@@ -26,6 +26,7 @@ export interface InjectionMapping {
 }
 export interface FiletypeParserOptions {
     filetype: string;
+    aliases?: string[];
     queries: {
         highlights: string[];
         injections?: string[];

package/lib/tree-sitter-styled-text.d.ts

@@ -1,8 +1,8 @@
-import type { TextChunk } from "../text-buffer";
-import { StyledText } from "./styled-text";
-import { SyntaxStyle } from "../syntax-style";
-import { TreeSitterClient } from "./tree-sitter/client";
-import type { SimpleHighlight } from "./tree-sitter/types";
+import type { TextChunk } from "../text-buffer.js";
+import { StyledText } from "./styled-text.js";
+import { SyntaxStyle } from "../syntax-style.js";
+import { TreeSitterClient } from "./tree-sitter/client.js";
+import type { SimpleHighlight } from "./tree-sitter/types.js";
 interface ConcealOptions {
     enabled: boolean;
 }

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.87",
+  "version": "0.1.89",
   "description": "OpenTUI is a TypeScript library on a native Zig core for building terminal user interfaces (TUIs)",
   "license": "MIT",
   "repository": {
@@ -28,6 +28,16 @@
       "require": "./testing.js",
       "types": "./testing.d.ts"
     },
+    "./runtime-plugin": {
+      "import": "./runtime-plugin.js",
+      "require": "./runtime-plugin.js",
+      "types": "./runtime-plugin.d.ts"
+    },
+    "./runtime-plugin-support": {
+      "import": "./runtime-plugin-support.js",
+      "require": "./runtime-plugin-support.js",
+      "types": "./runtime-plugin-support.d.ts"
+    },
     "./parser.worker": {
       "import": "./lib/tree-sitter/parser.worker.js",
       "require": "./lib/tree-sitter/parser.worker.js",
@@ -57,11 +67,11 @@
     "bun-webgpu": "0.1.5",
     "planck": "^1.4.2",
     "three": "0.177.0",
-    "@opentui/core-darwin-x64": "0.1.87",
-    "@opentui/core-darwin-arm64": "0.1.87",
-    "@opentui/core-linux-x64": "0.1.87",
-    "@opentui/core-linux-arm64": "0.1.87",
-    "@opentui/core-win32-x64": "0.1.87",
-    "@opentui/core-win32-arm64": "0.1.87"
+    "@opentui/core-darwin-x64": "0.1.89",
+    "@opentui/core-darwin-arm64": "0.1.89",
+    "@opentui/core-linux-x64": "0.1.89",
+    "@opentui/core-linux-arm64": "0.1.89",
+    "@opentui/core-win32-x64": "0.1.89",
+    "@opentui/core-win32-arm64": "0.1.89"
   }
 }

package/parser.worker.js

@@ -135,6 +135,7 @@ var self = globalThis;
 class ParserWorker {
   bufferParsers = new Map;
   filetypeParserOptions = new Map;
+  filetypeAliases = new Map;
   filetypeParsers = new Map;
   filetypeParserPromises = new Map;
   reusableParsers = new Map;
@@ -188,7 +189,38 @@ class ParserWorker {
     return this.initializePromise;
   }
   addFiletypeParser(filetypeParser) {
-    this.filetypeParserOptions.set(filetypeParser.filetype, filetypeParser);
+    const previousAliases = this.filetypeParserOptions.get(filetypeParser.filetype)?.aliases ?? [];
+    for (const alias of previousAliases) {
+      if (this.filetypeAliases.get(alias) === filetypeParser.filetype) {
+        this.filetypeAliases.delete(alias);
+      }
+    }
+    const aliases = [...new Set((filetypeParser.aliases ?? []).filter((alias) => alias !== filetypeParser.filetype))];
+    this.filetypeAliases.delete(filetypeParser.filetype);
+    this.filetypeParserOptions.set(filetypeParser.filetype, {
+      ...filetypeParser,
+      aliases
+    });
+    for (const alias of aliases) {
+      this.filetypeAliases.set(alias, filetypeParser.filetype);
+    }
+    this.invalidateParserCaches(filetypeParser.filetype);
+  }
+  resolveCanonicalFiletype(filetype) {
+    if (this.filetypeParserOptions.has(filetype)) {
+      return filetype;
+    }
+    return this.filetypeAliases.get(filetype) ?? filetype;
+  }
+  invalidateParserCaches(filetype) {
+    this.filetypeParsers.delete(filetype);
+    this.filetypeParserPromises.delete(filetype);
+    const reusableParser = this.reusableParsers.get(filetype);
+    if (reusableParser) {
+      reusableParser.parser.delete();
+      this.reusableParsers.delete(filetype);
+    }
+    this.reusableParserPromises.delete(filetype);
   }
   async createQueries(filetypeParser, language) {
     try {
@@ -236,22 +268,23 @@ class ParserWorker {
     }
   }
   async resolveFiletypeParser(filetype) {
-    if (this.filetypeParsers.has(filetype)) {
-      return this.filetypeParsers.get(filetype);
+    const canonicalFiletype = this.resolveCanonicalFiletype(filetype);
+    if (this.filetypeParsers.has(canonicalFiletype)) {
+      return this.filetypeParsers.get(canonicalFiletype);
     }
-    if (this.filetypeParserPromises.has(filetype)) {
-      return this.filetypeParserPromises.get(filetype);
+    if (this.filetypeParserPromises.has(canonicalFiletype)) {
+      return this.filetypeParserPromises.get(canonicalFiletype);
     }
-    const loadingPromise = this.loadFiletypeParser(filetype);
-    this.filetypeParserPromises.set(filetype, loadingPromise);
+    const loadingPromise = this.loadFiletypeParser(canonicalFiletype);
+    this.filetypeParserPromises.set(canonicalFiletype, loadingPromise);
     try {
       const result = await loadingPromise;
       if (result) {
-        this.filetypeParsers.set(filetype, result);
+        this.filetypeParsers.set(canonicalFiletype, result);
       }
       return result;
     } finally {
-      this.filetypeParserPromises.delete(filetype);
+      this.filetypeParserPromises.delete(canonicalFiletype);
     }
   }
   async loadFiletypeParser(filetype) {
@@ -279,22 +312,23 @@ class ParserWorker {
     return this.resolveFiletypeParser(filetype);
   }
   async getReusableParser(filetype) {
-    if (this.reusableParsers.has(filetype)) {
-      return this.reusableParsers.get(filetype);
+    const canonicalFiletype = this.resolveCanonicalFiletype(filetype);
+    if (this.reusableParsers.has(canonicalFiletype)) {
+      return this.reusableParsers.get(canonicalFiletype);
     }
-    if (this.reusableParserPromises.has(filetype)) {
-      return this.reusableParserPromises.get(filetype);
+    if (this.reusableParserPromises.has(canonicalFiletype)) {
+      return this.reusableParserPromises.get(canonicalFiletype);
     }
-    const creationPromise = this.createReusableParser(filetype);
-    this.reusableParserPromises.set(filetype, creationPromise);
+    const creationPromise = this.createReusableParser(canonicalFiletype);
+    this.reusableParserPromises.set(canonicalFiletype, creationPromise);
     try {
       const result = await creationPromise;
       if (result) {
-        this.reusableParsers.set(filetype, result);
+        this.reusableParsers.set(canonicalFiletype, result);
       }
       return result;
     } finally {
-      this.reusableParserPromises.delete(filetype);
+      this.reusableParserPromises.delete(canonicalFiletype);
     }
   }
   async createReusableParser(filetype) {
@@ -858,5 +892,5 @@ if (!isMainThread) {
   };
 }
 
-//# debugId=9C8F94938CC7697764756E2164756E21
+//# debugId=181702D6D7C45F4964756E2164756E21
 //# sourceMappingURL=parser.worker.js.map