@opentui/core 0.1.50 → 0.1.52

package/lib/KeyHandler.d.ts

@@ -17,6 +17,7 @@ export declare class KeyEvent implements ParsedKey {
     capsLock?: boolean;
     numLock?: boolean;
     baseCode?: number;
+    repeated?: boolean;
     private _defaultPrevented;
     constructor(key: ParsedKey);
     get defaultPrevented(): boolean;
@@ -31,7 +32,6 @@ export declare class PasteEvent {
 }
 export type KeyHandlerEventMap = {
     keypress: [KeyEvent];
-    keyrepeat: [KeyEvent];
     keyrelease: [KeyEvent];
     paste: [PasteEvent];
 };

package/lib/parse.keypress.d.ts

@@ -18,6 +18,7 @@ export interface ParsedKey {
     capsLock?: boolean;
     numLock?: boolean;
     baseCode?: number;
+    repeated?: boolean;
 }
 export type ParseKeypressOptions = {
     useKittyKeyboard?: boolean;

package/lib/terminal-palette.d.ts

@@ -27,12 +27,17 @@ export declare class TerminalPalette implements TerminalPaletteDetector {
     private writeFn;
     private activeListeners;
     private activeTimers;
-    constructor(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction);
+    private inTmux;
+    constructor(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isTmux?: boolean);
+    /**
+     * Write an OSC sequence, wrapping for tmux if needed
+     */
+    private writeOsc;
     cleanup(): void;
     detectOSCSupport(timeoutMs?: number): Promise<boolean>;
     private queryPalette;
     private querySpecialColors;
     detect(options?: GetPaletteOptions): Promise<TerminalColors>;
 }
-export declare function createTerminalPalette(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction): TerminalPaletteDetector;
+export declare function createTerminalPalette(stdin: NodeJS.ReadStream, stdout: NodeJS.WriteStream, writeFn?: WriteFunction, isTmux?: boolean): TerminalPaletteDetector;
 export {};

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "description": "OpenTUI is a TypeScript library for building terminal user interfaces (TUIs)",
   "license": "MIT",
   "repository": {
@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "bun-ffi-structs": "0.1.2",
+    "diff": "8.0.2",
     "jimp": "1.6.0",
     "yoga-layout": "3.2.1"
   },
@@ -55,11 +56,11 @@
     "bun-webgpu": "0.1.4",
     "planck": "^1.4.2",
     "three": "0.177.0",
-    "@opentui/core-darwin-x64": "0.1.50",
-    "@opentui/core-darwin-arm64": "0.1.50",
-    "@opentui/core-linux-x64": "0.1.50",
-    "@opentui/core-linux-arm64": "0.1.50",
-    "@opentui/core-win32-x64": "0.1.50",
-    "@opentui/core-win32-arm64": "0.1.50"
+    "@opentui/core-darwin-x64": "0.1.52",
+    "@opentui/core-darwin-arm64": "0.1.52",
+    "@opentui/core-linux-x64": "0.1.52",
+    "@opentui/core-linux-arm64": "0.1.52",
+    "@opentui/core-win32-x64": "0.1.52",
+    "@opentui/core-win32-arm64": "0.1.52"
   }
 }

package/renderables/Diff.d.ts

@@ -0,0 +1,121 @@
+import { Renderable, type RenderableOptions } from "../Renderable";
+import type { RenderContext } from "../types";
+import { RGBA } from "../lib/RGBA";
+import { SyntaxStyle } from "../syntax-style";
+export interface DiffRenderableOptions extends RenderableOptions<DiffRenderable> {
+    diff?: string;
+    view?: "unified" | "split";
+    filetype?: string;
+    syntaxStyle?: SyntaxStyle;
+    wrapMode?: "word" | "char" | "none";
+    conceal?: boolean;
+    selectionBg?: string | RGBA;
+    selectionFg?: string | RGBA;
+    showLineNumbers?: boolean;
+    lineNumberFg?: string | RGBA;
+    lineNumberBg?: string | RGBA;
+    addedBg?: string | RGBA;
+    removedBg?: string | RGBA;
+    contextBg?: string | RGBA;
+    addedContentBg?: string | RGBA;
+    removedContentBg?: string | RGBA;
+    contextContentBg?: string | RGBA;
+    addedSignColor?: string | RGBA;
+    removedSignColor?: string | RGBA;
+    addedLineNumberBg?: string | RGBA;
+    removedLineNumberBg?: string | RGBA;
+}
+export declare class DiffRenderable extends Renderable {
+    private _diff;
+    private _view;
+    private _parsedDiff;
+    private _parseError;
+    private _filetype?;
+    private _syntaxStyle?;
+    private _wrapMode?;
+    private _conceal;
+    private _selectionBg?;
+    private _selectionFg?;
+    private _showLineNumbers;
+    private _lineNumberFg;
+    private _lineNumberBg;
+    private _addedBg;
+    private _removedBg;
+    private _contextBg;
+    private _addedContentBg;
+    private _removedContentBg;
+    private _contextContentBg;
+    private _addedSignColor;
+    private _removedSignColor;
+    private _addedLineNumberBg;
+    private _removedLineNumberBg;
+    private leftSide;
+    private rightSide;
+    private leftSideAdded;
+    private rightSideAdded;
+    private leftCodeRenderable;
+    private rightCodeRenderable;
+    private pendingRebuild;
+    private errorTextRenderable;
+    private errorCodeRenderable;
+    constructor(ctx: RenderContext, options: DiffRenderableOptions);
+    private parseDiff;
+    private buildView;
+    protected onResize(width: number, height: number): void;
+    private requestRebuild;
+    private rebuildView;
+    destroyRecursively(): void;
+    /**
+     * Create or update a CodeRenderable with the given content and options.
+     * Reuses existing instances to avoid expensive recreation.
+     */
+    private buildErrorView;
+    private createOrUpdateCodeRenderable;
+    /**
+     * Create or update a LineNumberRenderable side panel.
+     * Handles both creation and updates, ensuring the side is properly added to the render tree.
+     */
+    private createOrUpdateSide;
+    private buildUnifiedView;
+    private buildSplitView;
+    get diff(): string;
+    set diff(value: string);
+    get view(): "unified" | "split";
+    set view(value: "unified" | "split");
+    get filetype(): string | undefined;
+    set filetype(value: string | undefined);
+    get syntaxStyle(): SyntaxStyle | undefined;
+    set syntaxStyle(value: SyntaxStyle | undefined);
+    get wrapMode(): "word" | "char" | "none" | undefined;
+    set wrapMode(value: "word" | "char" | "none" | undefined);
+    get showLineNumbers(): boolean;
+    set showLineNumbers(value: boolean);
+    get addedBg(): RGBA;
+    set addedBg(value: string | RGBA);
+    get removedBg(): RGBA;
+    set removedBg(value: string | RGBA);
+    get contextBg(): RGBA;
+    set contextBg(value: string | RGBA);
+    get addedSignColor(): RGBA;
+    set addedSignColor(value: string | RGBA);
+    get removedSignColor(): RGBA;
+    set removedSignColor(value: string | RGBA);
+    get addedLineNumberBg(): RGBA;
+    set addedLineNumberBg(value: string | RGBA);
+    get removedLineNumberBg(): RGBA;
+    set removedLineNumberBg(value: string | RGBA);
+    get lineNumberFg(): RGBA;
+    set lineNumberFg(value: string | RGBA);
+    get lineNumberBg(): RGBA;
+    set lineNumberBg(value: string | RGBA);
+    get addedContentBg(): RGBA | null;
+    set addedContentBg(value: string | RGBA | null);
+    get removedContentBg(): RGBA | null;
+    set removedContentBg(value: string | RGBA | null);
+    get contextContentBg(): RGBA | null;
+    set contextContentBg(value: string | RGBA | null);
+    get selectionBg(): RGBA | undefined;
+    set selectionBg(value: string | RGBA | undefined);
+    get selectionFg(): RGBA | undefined;
+    set selectionFg(value: string | RGBA | undefined);
+}

package/renderables/EditBufferRenderable.d.ts

@@ -3,7 +3,7 @@ import { Selection, type LocalSelectionBounds } from "../lib/selection";
 import { EditBuffer, type LogicalCursor } from "../edit-buffer";
 import { EditorView, type VisualCursor } from "../editor-view";
 import { RGBA } from "../lib/RGBA";
-import type { RenderContext, Highlight, CursorStyleOptions } from "../types";
+import type { RenderContext, Highlight, CursorStyleOptions, LineInfoProvider, LineInfo } from "../types";
 import type { OptimizedBuffer } from "../buffer";
 import type { SyntaxStyle } from "../syntax-style";
 export interface CursorChangeEvent {
@@ -30,7 +30,7 @@ export interface EditBufferOptions extends RenderableOptions<EditBufferRenderabl
     onCursorChange?: (event: CursorChangeEvent) => void;
     onContentChange?: (event: ContentChangeEvent) => void;
 }
-export declare abstract class EditBufferRenderable extends Renderable {
+export declare abstract class EditBufferRenderable extends Renderable implements LineInfoProvider {
     protected _focusable: boolean;
     selectable: boolean;
     protected _textColor: RGBA;
@@ -46,6 +46,7 @@ export declare abstract class EditBufferRenderable extends Renderable {
     protected lastLocalSelection: LocalSelectionBounds | null;
     protected _tabIndicator?: string | number;
     protected _tabIndicatorColor?: RGBA;
+    private _selectionAnchorState;
     private _cursorChangeListener;
     private _contentChangeListener;
     readonly editBuffer: EditBuffer;
@@ -69,7 +70,10 @@ export declare abstract class EditBufferRenderable extends Renderable {
         tabIndicatorColor: undefined;
     };
     constructor(ctx: RenderContext, options: EditBufferOptions);
+    get lineInfo(): LineInfo;
     private setupEventListeners;
+    get lineCount(): number;
+    get scrollY(): number;
     get plainText(): string;
     get logicalCursor(): LogicalCursor;
     get visualCursor(): VisualCursor;
@@ -136,4 +140,5 @@ export declare abstract class EditBufferRenderable extends Renderable {
     insertText(text: string): void;
     getTextRange(startOffset: number, endOffset: number): string;
     getTextRangeByCoords(startRow: number, startCol: number, endRow: number, endCol: number): string;
+    protected updateSelectionForMovement(shiftPressed: boolean, isBeforeMovement: boolean): void;
 }

package/renderables/LineNumberRenderable.d.ts

@@ -0,0 +1,71 @@
+import { Renderable, type RenderableOptions } from "../Renderable";
+import { OptimizedBuffer } from "../buffer";
+import type { RenderContext, LineInfoProvider } from "../types";
+import { RGBA } from "../lib/RGBA";
+export interface LineSign {
+    before?: string;
+    beforeColor?: string | RGBA;
+    after?: string;
+    afterColor?: string | RGBA;
+}
+export interface LineColorConfig {
+    gutter?: string | RGBA;
+    content?: string | RGBA;
+}
+export interface LineNumberOptions extends RenderableOptions<LineNumberRenderable> {
+    target?: Renderable & LineInfoProvider;
+    fg?: string | RGBA;
+    bg?: string | RGBA;
+    minWidth?: number;
+    paddingRight?: number;
+    lineColors?: Map<number, string | RGBA | LineColorConfig>;
+    lineSigns?: Map<number, LineSign>;
+    lineNumberOffset?: number;
+    hideLineNumbers?: Set<number>;
+    lineNumbers?: Map<number, number>;
+}
+export declare class LineNumberRenderable extends Renderable {
+    private gutter;
+    private target;
+    private _lineColorsGutter;
+    private _lineColorsContent;
+    private _lineSigns;
+    private _fg;
+    private _bg;
+    private _minWidth;
+    private _paddingRight;
+    private _lineNumberOffset;
+    private _hideLineNumbers;
+    private _lineNumbers;
+    private _isDestroying;
+    private handleLineInfoChange;
+    private parseLineColor;
+    constructor(ctx: RenderContext, options: LineNumberOptions);
+    private setTarget;
+    add(child: Renderable): number;
+    remove(id: string): void;
+    destroyRecursively(): void;
+    clearTarget(): void;
+    protected renderSelf(buffer: OptimizedBuffer): void;
+    set showLineNumbers(value: boolean);
+    get showLineNumbers(): boolean;
+    setLineColor(line: number, color: string | RGBA | LineColorConfig): void;
+    clearLineColor(line: number): void;
+    clearAllLineColors(): void;
+    setLineColors(lineColors: Map<number, string | RGBA | LineColorConfig>): void;
+    getLineColors(): {
+        gutter: Map<number, RGBA>;
+        content: Map<number, RGBA>;
+    };
+    setLineSign(line: number, sign: LineSign): void;
+    clearLineSign(line: number): void;
+    clearAllLineSigns(): void;
+    setLineSigns(lineSigns: Map<number, LineSign>): void;
+    getLineSigns(): Map<number, LineSign>;
+    set lineNumberOffset(value: number);
+    get lineNumberOffset(): number;
+    setHideLineNumbers(hideLineNumbers: Set<number>): void;
+    getHideLineNumbers(): Set<number>;
+    setLineNumbers(lineNumbers: Map<number, number>): void;
+    getLineNumbers(): Map<number, number>;
+}

package/renderables/TextBufferRenderable.d.ts

@@ -3,7 +3,7 @@ import { Selection, type LocalSelectionBounds } from "../lib/selection";
 import { TextBuffer } from "../text-buffer";
 import { TextBufferView } from "../text-buffer-view";
 import { RGBA } from "../lib/RGBA";
-import { type RenderContext } from "../types";
+import { type RenderContext, type LineInfoProvider } from "../types";
 import type { OptimizedBuffer } from "../buffer";
 import type { LineInfo } from "../zig";
 export interface TextBufferOptions extends RenderableOptions<TextBufferRenderable> {
@@ -17,7 +17,7 @@ export interface TextBufferOptions extends RenderableOptions<TextBufferRenderabl
     tabIndicator?: string | number;
     tabIndicatorColor?: string | RGBA;
 }
-export declare abstract class TextBufferRenderable extends Renderable {
+export declare abstract class TextBufferRenderable extends Renderable implements LineInfoProvider {
     selectable: boolean;
     protected _defaultFg: RGBA;
     protected _defaultBg: RGBA;
@@ -28,9 +28,10 @@ export declare abstract class TextBufferRenderable extends Renderable {
     protected lastLocalSelection: LocalSelectionBounds | null;
     protected _tabIndicator?: string | number;
     protected _tabIndicatorColor?: RGBA;
+    protected _scrollX: number;
+    protected _scrollY: number;
     protected textBuffer: TextBuffer;
     protected textBufferView: TextBufferView;
-    protected _lineInfo: LineInfo;
     protected _defaultOptions: {
         fg: RGBA;
         bg: RGBA;
@@ -43,6 +44,19 @@ export declare abstract class TextBufferRenderable extends Renderable {
         tabIndicatorColor: undefined;
     };
     constructor(ctx: RenderContext, options: TextBufferOptions);
+    protected onMouseEvent(event: any): void;
+    protected handleScroll(event: any): void;
+    get lineInfo(): LineInfo;
+    get lineCount(): number;
+    get scrollY(): number;
+    set scrollY(value: number);
+    get scrollX(): number;
+    set scrollX(value: number);
+    get scrollWidth(): number;
+    get scrollHeight(): number;
+    get maxScrollY(): number;
+    get maxScrollX(): number;
+    protected updateViewportOffset(): void;
     get plainText(): string;
     get textLength(): number;
     get fg(): RGBA;
@@ -65,8 +79,6 @@ export declare abstract class TextBufferRenderable extends Renderable {
     protected refreshLocalSelection(): boolean;
     private updateLocalSelection;
     protected updateTextInfo(): void;
-    private updateLineInfo;
-    private updateWrapWidth;
     private setupMeasureFunc;
     shouldStartSelection(x: number, y: number): boolean;
     onSelectionChanged(selection: Selection | null): boolean;

package/renderables/Textarea.d.ts

@@ -5,7 +5,7 @@ import { RGBA, type ColorInput } from "../lib/RGBA";
 import { type KeyBinding as BaseKeyBinding } from "../lib/keymapping";
 import { type StyledText } from "../lib/styled-text";
 import type { ExtmarksController } from "../lib/extmarks";
-export type TextareaAction = "move-left" | "move-right" | "move-up" | "move-down" | "select-left" | "select-right" | "select-up" | "select-down" | "line-home" | "line-end" | "select-line-home" | "select-line-end" | "buffer-home" | "buffer-end" | "delete-line" | "delete-to-line-end" | "delete-to-line-start" | "backspace" | "delete" | "newline" | "undo" | "redo" | "word-forward" | "word-backward" | "select-word-forward" | "select-word-backward" | "delete-word-forward" | "delete-word-backward" | "submit";
+export type TextareaAction = "move-left" | "move-right" | "move-up" | "move-down" | "select-left" | "select-right" | "select-up" | "select-down" | "line-home" | "line-end" | "select-line-home" | "select-line-end" | "buffer-home" | "buffer-end" | "select-buffer-home" | "select-buffer-end" | "delete-line" | "delete-to-line-end" | "delete-to-line-start" | "backspace" | "delete" | "newline" | "undo" | "redo" | "word-forward" | "word-backward" | "select-word-forward" | "select-word-backward" | "delete-word-forward" | "delete-word-backward" | "submit";
 export type KeyBinding = BaseKeyBinding<TextareaAction>;
 export interface SubmitEvent {
 }
@@ -62,8 +62,12 @@ export declare class TextareaRenderable extends EditBufferRenderable {
     gotoLineEnd(options?: {
         select?: boolean;
     }): boolean;
-    gotoBufferHome(): boolean;
-    gotoBufferEnd(): boolean;
+    gotoBufferHome(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoBufferEnd(options?: {
+        select?: boolean;
+    }): boolean;
     deleteToLineEnd(): boolean;
     deleteToLineStart(): boolean;
     undo(): boolean;
@@ -76,7 +80,6 @@ export declare class TextareaRenderable extends EditBufferRenderable {
     }): boolean;
     deleteWordForward(): boolean;
     deleteWordBackward(): boolean;
-    private handleShiftSelection;
     focus(): void;
     blur(): void;
     get placeholder(): StyledText | string | null;

package/renderables/index.d.ts

@@ -4,8 +4,10 @@ export * from "./Code";
 export * from "./composition/constructs";
 export * from "./composition/VRenderable";
 export * from "./composition/vnode";
+export * from "./Diff";
 export * from "./FrameBuffer";
 export * from "./Input";
+export * from "./LineNumberRenderable";
 export * from "./ScrollBar";
 export * from "./ScrollBox";
 export * from "./Select";

package/testing.js

@@ -4,7 +4,7 @@ import {
   CliRenderer,
   TreeSitterClient,
   resolveRenderLib
-} from "./index-ztfy2qy3.js";
+} from "./index-vhxgbbed.js";
 
 // src/testing/test-renderer.ts
 import { Readable } from "stream";

package/text-buffer-view.d.ts

@@ -23,11 +23,16 @@ export declare class TextBufferView {
     setWrapWidth(width: number | null): void;
     setWrapMode(mode: "none" | "char" | "word"): void;
     setViewportSize(width: number, height: number): void;
+    setViewport(x: number, y: number, width: number, height: number): void;
     get lineInfo(): LineInfo;
     get logicalLineInfo(): LineInfo;
     getSelectedText(): string;
     getPlainText(): string;
     setTabIndicator(indicator: string | number): void;
     setTabIndicatorColor(color: RGBA): void;
+    measureForDimensions(width: number, height: number): {
+        lineCount: number;
+        maxWidth: number;
+    } | null;
     destroy(): void;
 }

package/text-buffer.d.ts

@@ -33,6 +33,7 @@ export declare class TextBuffer {
     setDefaultBg(bg: RGBA | null): void;
     setDefaultAttributes(attributes: number | null): void;
     resetDefaults(): void;
+    getLineCount(): number;
     get length(): number;
     get byteSize(): number;
     get ptr(): Pointer;

package/types.d.ts

@@ -77,3 +77,15 @@ export interface Highlight {
     priority?: number | null;
     hlRef?: number | null;
 }
+export interface LineInfo {
+    lineStarts: number[];
+    lineWidths: number[];
+    maxLineWidth: number;
+    lineSources: number[];
+    lineWraps: number[];
+}
+export interface LineInfoProvider {
+    get lineInfo(): LineInfo;
+    get lineCount(): number;
+    get scrollY(): number;
+}

package/zig-structs.d.ts

@@ -29,3 +29,13 @@ export declare const TerminalCapabilitiesStruct: import("bun-ffi-structs").Defin
     readonly lengthOf: "term_version";
 }], readonly ["term_from_xtversion", "bool_u8"]], {}>;
 export declare const EncodedCharStruct: import("bun-ffi-structs").DefineStructReturnType<[readonly ["width", "u8"], readonly ["char", "u32"]], {}>;
+export declare const LineInfoStruct: import("bun-ffi-structs").DefineStructReturnType<[readonly ["starts", readonly ["u32"]], readonly ["startsLen", "u32", {
+    readonly lengthOf: "starts";
+}], readonly ["widths", readonly ["u32"]], readonly ["widthsLen", "u32", {
+    readonly lengthOf: "widths";
+}], readonly ["sources", readonly ["u32"]], readonly ["sourcesLen", "u32", {
+    readonly lengthOf: "sources";
+}], readonly ["wraps", readonly ["u32"]], readonly ["wrapsLen", "u32", {
+    readonly lengthOf: "wraps";
+}], readonly ["maxWidth", "u32"]], {}>;
+export declare const MeasureResultStruct: import("bun-ffi-structs").DefineStructReturnType<[readonly ["lineCount", "u32"], readonly ["maxWidth", "u32"]], {}>;

package/zig.d.ts

@@ -1,5 +1,6 @@
 import { type Pointer } from "bun:ffi";
-import { type CursorStyle, type DebugOverlayCorner, type WidthMethod, type Highlight } from "./types";
+import { type CursorStyle, type DebugOverlayCorner, type WidthMethod, type Highlight, type LineInfo } from "./types";
+export type { LineInfo };
 import { RGBA } from "./lib/RGBA";
 import { OptimizedBuffer } from "./buffer";
 import { TextBuffer } from "./text-buffer";
@@ -9,11 +10,6 @@ export declare enum LogLevel {
     Info = 2,
     Debug = 3
 }
-export interface LineInfo {
-    lineStarts: number[];
-    lineWidths: number[];
-    maxLineWidth: number;
-}
 /**
  * VisualCursor represents a cursor position with both visual and logical coordinates.
  * Visual coordinates (visualRow, visualCol) are VIEWPORT-RELATIVE.
@@ -132,12 +128,17 @@ export interface RenderLib {
     textBufferViewSetWrapWidth: (view: Pointer, width: number) => void;
     textBufferViewSetWrapMode: (view: Pointer, mode: "none" | "char" | "word") => void;
     textBufferViewSetViewportSize: (view: Pointer, width: number, height: number) => void;
+    textBufferViewSetViewport: (view: Pointer, x: number, y: number, width: number, height: number) => void;
     textBufferViewGetLineInfo: (view: Pointer) => LineInfo;
     textBufferViewGetLogicalLineInfo: (view: Pointer) => LineInfo;
     textBufferViewGetSelectedTextBytes: (view: Pointer, maxLength: number) => Uint8Array | null;
     textBufferViewGetPlainTextBytes: (view: Pointer, maxLength: number) => Uint8Array | null;
     textBufferViewSetTabIndicator: (view: Pointer, indicator: number) => void;
     textBufferViewSetTabIndicatorColor: (view: Pointer, color: RGBA) => void;
+    textBufferViewMeasureForDimensions: (view: Pointer, width: number, height: number) => {
+        lineCount: number;
+        maxWidth: number;
+    } | null;
     readonly encoder: TextEncoder;
     readonly decoder: TextDecoder;
     bufferDrawTextBufferView: (buffer: Pointer, view: Pointer, x: number, y: number) => void;