@opentui/core 0.3.1 → 0.3.3

package/index.js

@@ -63,6 +63,7 @@ import {
   applySaturation,
   applyScanlines,
   createCoreSlotRegistry,
+  createMarkdownCodeBlockRenderer,
   createSlotRegistry,
   createTimeline,
   defaultTextareaKeyBindings,
@@ -71,7 +72,7 @@ import {
   resolveCoreSlot,
   setupAudio,
   vstyles
-} from "./index-zv319bjp.js";
+} from "./index-qndc8vq8.js";
 import {
   ASCIIFontSelectionHelper,
   ATTRIBUTE_BASE_BITS,
@@ -246,7 +247,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-jx0p1c2f.js";
+} from "./index-mn090kzf.js";
 export {
   yellow,
   wrapWithDelegates,
@@ -339,6 +340,7 @@ export {
   createTextAttributes,
   createTerminalPalette,
   createSlotRegistry,
+  createMarkdownCodeBlockRenderer,
   createExtmarksController,
   createCoreSlotRegistry,
   createCliRenderer,
@@ -494,5 +496,5 @@ export {
   ACHROMATOPSIA_MATRIX
 };
 
-//# debugId=893EFD9F8A7D3C4264756E2164756E21
+//# debugId=1D83681F895D51C264756E2164756E21
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -4,6 +4,6 @@
   "sourcesContent": [
   ],
   "mappings": "",
-  "debugId": "893EFD9F8A7D3C4264756E2164756E21",
+  "debugId": "1D83681F895D51C264756E2164756E21",
   "names": []
 }

package/lib/clipboard.d.ts

@@ -1,5 +1,4 @@
-import type { Pointer } from "../platform/ffi.js";
-import type { RenderLib } from "../zig.js";
+import type { RendererHandle, RenderLib } from "../zig.js";
 export declare enum ClipboardTarget {
     Clipboard = 0,
     Primary = 1,
@@ -10,7 +9,7 @@ export declare function encodeOsc52Payload(text: string, encoder?: TextEncoder):
 export declare class Clipboard {
     private lib;
     private rendererPtr;
-    constructor(lib: RenderLib, rendererPtr: Pointer);
+    constructor(lib: RenderLib, rendererPtr: RendererHandle);
     copyToClipboardOSC52(text: string, target?: ClipboardTarget): boolean;
     clearClipboardOSC52(target?: ClipboardTarget): boolean;
     isOsc52Supported(): boolean;

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "OpenTUI is a TypeScript library on a native Zig core for building terminal user interfaces (TUIs)",
   "license": "MIT",
   "repository": {
@@ -69,11 +69,13 @@
     "web-tree-sitter": "0.25.10"
   },
   "optionalDependencies": {
-    "@opentui/core-darwin-x64": "0.3.1",
-    "@opentui/core-darwin-arm64": "0.3.1",
-    "@opentui/core-linux-x64": "0.3.1",
-    "@opentui/core-linux-arm64": "0.3.1",
-    "@opentui/core-win32-x64": "0.3.1",
-    "@opentui/core-win32-arm64": "0.3.1"
+    "@opentui/core-darwin-x64": "0.3.3",
+    "@opentui/core-darwin-arm64": "0.3.3",
+    "@opentui/core-linux-x64": "0.3.3",
+    "@opentui/core-linux-arm64": "0.3.3",
+    "@opentui/core-win32-x64": "0.3.3",
+    "@opentui/core-win32-arm64": "0.3.3",
+    "@opentui/core-linux-x64-musl": "0.3.3",
+    "@opentui/core-linux-arm64-musl": "0.3.3"
   }
 }

package/renderables/Box.d.ts

@@ -11,6 +11,7 @@ export interface BoxOptions<TRenderable extends Renderable = BoxRenderable> exte
     customBorderChars?: BorderCharacters;
     shouldFill?: boolean;
     title?: string;
+    titleColor?: string | RGBA;
     titleAlignment?: "left" | "center" | "right";
     bottomTitle?: string;
     bottomTitleAlignment?: "left" | "center" | "right";
@@ -31,6 +32,7 @@ export declare class BoxRenderable extends Renderable {
     protected borderSides: BorderSidesConfig;
     shouldFill: boolean;
     protected _title?: string;
+    protected _titleColor?: RGBA;
     protected _titleAlignment: "left" | "center" | "right";
     protected _bottomTitle?: string;
     protected _bottomTitleAlignment: "left" | "center" | "right";
@@ -60,6 +62,8 @@ export declare class BoxRenderable extends Renderable {
     set focusedBorderColor(value: RGBA | string);
     get title(): string | undefined;
     set title(value: string | undefined);
+    get titleColor(): RGBA | undefined;
+    set titleColor(value: string | RGBA | undefined);
     get titleAlignment(): "left" | "center" | "right";
     set titleAlignment(value: "left" | "center" | "right");
     get bottomTitle(): string | undefined;

package/renderables/Code.d.ts

@@ -1,4 +1,4 @@
-import { type RenderContext } from "../types.js";
+import { type LineInfo, type RenderContext } from "../types.js";
 import { SyntaxStyle } from "../syntax-style.js";
 import { TreeSitterClient } from "../lib/tree-sitter/index.js";
 import { TextBufferRenderable, type TextBufferOptions } from "./TextBufferRenderable.js";
@@ -45,6 +45,8 @@ export declare class CodeRenderable extends TextBufferRenderable {
     private _onHighlight?;
     private _onChunks?;
     private _highlightingPromise;
+    private _renderedLineSources?;
+    private _mappedLineInfo?;
     protected _contentDefaultOptions: {
         content: string;
         conceal: true;
@@ -54,6 +56,11 @@ export declare class CodeRenderable extends TextBufferRenderable {
     constructor(ctx: RenderContext, options: CodeOptions);
     get content(): string;
     set content(value: string);
+    get lineInfo(): LineInfo;
+    get wrapMode(): "none" | "char" | "word";
+    set wrapMode(value: "none" | "char" | "word");
+    protected onResize(width: number, height: number): void;
+    protected updateTextInfo(): void;
     get filetype(): string | undefined;
     set filetype(value: string | undefined);
     get syntaxStyle(): SyntaxStyle;
@@ -77,6 +84,10 @@ export declare class CodeRenderable extends TextBufferRenderable {
     protected transformChunks(chunks: TextChunk[], context: ChunkRenderContext): Promise<TextChunk[]>;
     private ensureVisibleTextBeforeHighlight;
     private startHighlight;
+    private setRenderedLineSources;
+    private static isIdentityLineSources;
+    private static getMergedConcealLineRanges;
+    private getConcealLinesSourceMap;
     getLineHighlights(lineIdx: number): import("../types.js").Highlight[];
     protected renderSelf(buffer: OptimizedBuffer): void;
 }

package/renderables/Diff.d.ts

@@ -37,6 +37,8 @@ export declare class DiffRenderable extends Renderable {
     private _view;
     private _parsedDiff;
     private _parseError;
+    private _hunkStartLines;
+    private _hunkRowOffsets;
     private _fg?;
     private _filetype?;
     private _syntaxStyle?;
@@ -77,6 +79,7 @@ export declare class DiffRenderable extends Renderable {
     private isInsideSide;
     protected onResize(width: number, height: number): void;
     private requestRebuild;
+    private invalidateHunkRowOffsets;
     private rebuildView;
     private handleLineInfoChange;
     private attachLineInfoListeners;
@@ -139,4 +142,6 @@ export declare class DiffRenderable extends Renderable {
     clearAllLineColors(): void;
     highlightLines(startLine: number, endLine: number, color: string | RGBA | LineColorConfig): void;
     clearHighlightLines(startLine: number, endLine: number): void;
+    getHunkRowOffsets(): number[];
+    private computeHunkRowOffsets;
 }

package/renderables/Markdown.d.ts

@@ -3,7 +3,7 @@ import { type RenderContext } from "../types.js";
 import { SyntaxStyle } from "../syntax-style.js";
 import type { BorderStyle } from "../lib/border.js";
 import { RGBA, type ColorInput } from "../lib/RGBA.js";
-import { type MarkedToken, type Token } from "marked";
+import { type MarkedToken, type Token, type Tokens } from "marked";
 import { type TextTableColumnFitter, type TextTableColumnWidthMode, type TextTableContent } from "./TextTable.js";
 import type { TreeSitterClient } from "../lib/tree-sitter/index.js";
 import { type ParseState } from "./markdown-parser.js";
@@ -113,6 +113,9 @@ export interface RenderNodeContext {
     /** Creates default renderable for this token */
     defaultRender: () => Renderable | null;
 }
+export type MarkdownCodeBlockRenderer = (token: Tokens.Code, context: RenderNodeContext) => Renderable | undefined | null;
+export type MarkdownCodeBlockRendererMap = ReadonlyMap<string, MarkdownCodeBlockRenderer> | Readonly<Record<string, MarkdownCodeBlockRenderer>>;
+export declare function createMarkdownCodeBlockRenderer(renderers: MarkdownCodeBlockRendererMap): MarkdownOptions["renderNode"];
 interface TableContentCache {
     content: TextTableContent;
     cellKeys: Uint32Array[];
@@ -124,6 +127,8 @@ export interface BlockState {
     renderable: Renderable;
     tableContentCache?: TableContentCache;
     tracksInterBlockMargin?: boolean;
+    /** Whether built-in reconciliation can update this renderable without replacing it. */
+    canUpdateInPlace: boolean;
 }
 export type { ParseState };
 export declare class MarkdownRenderable extends Renderable {
@@ -204,6 +209,7 @@ export declare class MarkdownRenderable extends Renderable {
     private createMarkdownBlockToken;
     private normalizeMarkdownBlockRaw;
     private normalizeScrollbackMarkdownBlockRaw;
+    private isCodeBlockOnlyRenderer;
     private buildRenderableTokens;
     private buildTopLevelRenderBlocks;
     private shouldAddTopLevelMargin;
@@ -228,6 +234,10 @@ export declare class MarkdownRenderable extends Renderable {
     private createTopLevelDefaultRenderable;
     private createTopLevelRenderable;
     private createDefaultRenderable;
+    private createCustomRenderable;
+    private createTopLevelCustomRenderable;
+    private renderCustomNode;
+    private destroyUnusedDefaultRenderable;
     private updateBlockRenderable;
     private updateTopLevelBlocks;
     private canUpdateBlockRenderable;

package/renderables/ScrollBox.d.ts

@@ -73,6 +73,7 @@ export declare class ScrollBoxRenderable extends BoxRenderable {
     get scrollWidth(): number;
     get scrollHeight(): number;
     private updateStickyState;
+    private syncManualScrollState;
     private applyStickyStart;
     constructor(ctx: RenderContext, options: ScrollBoxOptions);
     protected onUpdate(deltaTime: number): void;

package/renderer.d.ts

@@ -1,9 +1,8 @@
 import { Renderable, RootRenderable } from "./Renderable.js";
 import { DebugOverlayCorner, type CursorStyleOptions, type MousePointerStyle, type RenderContext, type TerminalCapabilities, type ThemeMode, type WidthMethod } from "./types.js";
 import { RGBA, type ColorInput } from "./lib/RGBA.js";
-import type { Pointer } from "./platform/ffi.js";
 import { OptimizedBuffer } from "./buffer.js";
-import { type NativeBufferedOutput, type NativeRenderStats } from "./zig.js";
+import { type NativeBufferedOutput, type NativeRenderStats, type RendererHandle } from "./zig.js";
 import { TerminalConsole, type ConsoleOptions } from "./console.js";
 import { type MouseEventType, type RawMouseEvent, type ScrollInfo } from "./lib/parse.mouse.js";
 import { Selection } from "./lib/selection.js";
@@ -203,7 +202,7 @@ export declare enum RendererControlState {
 export declare class CliRenderer extends EventEmitter implements RenderContext {
     private static animationFrameId;
     private lib;
-    rendererPtr: Pointer;
+    rendererPtr: RendererHandle;
     stdin: NodeJS.ReadStream;
     private stdout;
     private exitOnCtrlC;

package/runtime-plugin-support-configure.js

@@ -1,13 +1,13 @@
 // @bun
 import {
   ensureRuntimePluginSupport
-} from "./index-gnh42qx3.js";
+} from "./index-jh82sd41.js";
 import {
   createRuntimePlugin,
   runtimeModuleIdForSpecifier
-} from "./index-2wycxnwx.js";
-import"./index-zv319bjp.js";
-import"./index-jx0p1c2f.js";
+} from "./index-mbck6rbg.js";
+import"./index-qndc8vq8.js";
+import"./index-mn090kzf.js";
 export {
   runtimeModuleIdForSpecifier,
   ensureRuntimePluginSupport,

package/runtime-plugin-support.js

@@ -1,13 +1,13 @@
 // @bun
 import {
   ensureRuntimePluginSupport
-} from "./index-gnh42qx3.js";
+} from "./index-jh82sd41.js";
 import {
   createRuntimePlugin,
   runtimeModuleIdForSpecifier
-} from "./index-2wycxnwx.js";
-import"./index-zv319bjp.js";
-import"./index-jx0p1c2f.js";
+} from "./index-mbck6rbg.js";
+import"./index-qndc8vq8.js";
+import"./index-mn090kzf.js";
 // src/runtime-plugin-support.ts
 ensureRuntimePluginSupport();
 export {

package/runtime-plugin.js

@@ -3,9 +3,9 @@ import {
   createRuntimePlugin,
   isCoreRuntimeModuleSpecifier,
   runtimeModuleIdForSpecifier
-} from "./index-2wycxnwx.js";
-import"./index-zv319bjp.js";
-import"./index-jx0p1c2f.js";
+} from "./index-mbck6rbg.js";
+import"./index-qndc8vq8.js";
+import"./index-mn090kzf.js";
 export {
   runtimeModuleIdForSpecifier,
   isCoreRuntimeModuleSpecifier,

package/syntax-style.d.ts

@@ -1,6 +1,5 @@
 import { RGBA, type ColorInput } from "./lib/RGBA.js";
-import { type RenderLib } from "./zig.js";
-import { type Pointer } from "./platform/ffi.js";
+import { type RenderLib, type SyntaxStyleHandle } from "./zig.js";
 export interface StyleDefinition {
     fg?: RGBA;
     bg?: RGBA;
@@ -41,7 +40,7 @@ export declare class SyntaxStyle {
     private nameCache;
     private styleDefs;
     private mergedCache;
-    constructor(lib: RenderLib, ptr: Pointer);
+    constructor(lib: RenderLib, ptr: SyntaxStyleHandle);
     static create(): SyntaxStyle;
     static fromTheme(theme: ThemeTokenStyle[]): SyntaxStyle;
     static fromStyles(styles: Record<string, StyleDefinitionInput>): SyntaxStyle;
@@ -49,7 +48,7 @@ export declare class SyntaxStyle {
     registerStyle(name: string, style: StyleDefinitionInput): number;
     resolveStyleId(name: string): number | null;
     getStyleId(name: string): number | null;
-    get ptr(): Pointer;
+    get ptr(): SyntaxStyleHandle;
     getStyleCount(): number;
     clearNameCache(): void;
     getStyle(name: string): StyleDefinition | undefined;

package/testing.js

@@ -3,7 +3,7 @@ import {
   ANSI,
   CliRenderer,
   TreeSitterClient
-} from "./index-jx0p1c2f.js";
+} from "./index-mn090kzf.js";
 
 // src/testing/mock-keys.ts
 import { Buffer as Buffer2 } from "buffer";

package/text-buffer-view.d.ts

@@ -1,16 +1,15 @@
 import { RGBA } from "./lib/RGBA.js";
-import { type LineInfo, type RenderLib } from "./zig.js";
-import { type Pointer } from "./platform/ffi.js";
+import { type LineInfo, type RenderLib, type TextBufferViewHandle } from "./zig.js";
 import type { TextBuffer } from "./text-buffer.js";
 export declare class TextBufferView {
     private lib;
     private viewPtr;
     private textBuffer;
     private _destroyed;
-    constructor(lib: RenderLib, ptr: Pointer, textBuffer: TextBuffer);
+    constructor(lib: RenderLib, ptr: TextBufferViewHandle, textBuffer: TextBuffer);
     static create(textBuffer: TextBuffer): TextBufferView;
     private guard;
-    get ptr(): Pointer;
+    get ptr(): TextBufferViewHandle;
     setSelection(start: number, end: number, bgColor?: RGBA, fgColor?: RGBA): void;
     updateSelection(end: number, bgColor?: RGBA, fgColor?: RGBA): void;
     resetSelection(): void;

package/text-buffer.d.ts

@@ -1,7 +1,6 @@
 import type { StyledText } from "./lib/styled-text.js";
 import { RGBA } from "./lib/RGBA.js";
-import { type RenderLib } from "./zig.js";
-import { type Pointer } from "./platform/ffi.js";
+import { type RenderLib, type TextBufferHandle } from "./zig.js";
 import { type WidthMethod, type Highlight } from "./types.js";
 import type { SyntaxStyle } from "./syntax-style.js";
 export interface TextChunk {
@@ -25,7 +24,7 @@ export declare class TextBuffer {
     private _textBytes?;
     private _memId?;
     private _appendedChunks;
-    constructor(lib: RenderLib, ptr: Pointer);
+    constructor(lib: RenderLib, ptr: TextBufferHandle);
     static create(widthMethod: WidthMethod): TextBuffer;
     private guard;
     setText(text: string): void;
@@ -39,7 +38,7 @@ export declare class TextBuffer {
     getLineCount(): number;
     get length(): number;
     get byteSize(): number;
-    get ptr(): Pointer;
+    get ptr(): TextBufferHandle;
     getPlainText(): string;
     getTextRange(startOffset: number, endOffset: number): string;
     /**