@opentui/core 0.1.11 → 0.1.13

package/3d.js

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

package/Renderable.d.ts

@@ -1,9 +1,12 @@
-import { OptimizedBuffer, type RenderContext, type MouseEvent, type SelectionState } from ".";
 import { EventEmitter } from "events";
+import { OptimizedBuffer } from "./buffer";
+import { type KeyHandler } from "./lib/KeyHandler";
 import { TrackedNode } from "./lib/TrackedNode";
 import type { ParsedKey } from "./lib/parse.keypress";
-import { type KeyHandler } from "./lib/KeyHandler";
 import { type AlignString, type FlexDirectionString, type JustifyString, type PositionTypeString } from "./lib/yoga.options";
+import type { MouseEvent } from "./renderer";
+import type { RenderContext, SelectionState } from "./types";
+import { type VNode } from "./renderables/composition/vnode";
 export declare enum LayoutEvents {
     LAYOUT_CHANGED = "layout-changed",
     ADDED = "added",
@@ -14,10 +17,6 @@ export declare enum RenderableEvents {
     FOCUSED = "focused",
     BLURRED = "blurred"
 }
-export interface RootContext {
-    requestLive(): void;
-    dropLive(): void;
-}
 export interface Position {
     top?: number | "auto" | `${number}%`;
     right?: number | "auto" | `${number}%`;
@@ -52,24 +51,29 @@ export interface LayoutOptions {
     paddingLeft?: number | `${number}%`;
     enableLayout?: boolean;
 }
-export interface RenderableOptions extends Partial<LayoutOptions> {
+export interface RenderableOptions<T extends Renderable = Renderable> extends Partial<LayoutOptions> {
+    id?: string;
     width?: number | "auto" | `${number}%`;
     height?: number | "auto" | `${number}%`;
     zIndex?: number;
     visible?: boolean;
     buffered?: boolean;
     live?: boolean;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseDrag?: (event: MouseEvent) => void;
-    onMouseDragEnd?: (event: MouseEvent) => void;
-    onMouseDrop?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onMouseScroll?: (event: MouseEvent) => void;
+    renderBefore?: (this: T, buffer: OptimizedBuffer, deltaTime: number) => void;
+    renderAfter?: (this: T, buffer: OptimizedBuffer, deltaTime: number) => void;
+    onMouse?: (this: T, event: MouseEvent) => void;
+    onMouseDown?: (this: T, event: MouseEvent) => void;
+    onMouseUp?: (this: T, event: MouseEvent) => void;
+    onMouseMove?: (this: T, event: MouseEvent) => void;
+    onMouseDrag?: (this: T, event: MouseEvent) => void;
+    onMouseDragEnd?: (this: T, event: MouseEvent) => void;
+    onMouseDrop?: (this: T, event: MouseEvent) => void;
+    onMouseOver?: (this: T, event: MouseEvent) => void;
+    onMouseOut?: (this: T, event: MouseEvent) => void;
+    onMouseScroll?: (this: T, event: MouseEvent) => void;
     onKeyDown?: (key: ParsedKey) => void;
 }
+export declare function isValidPercentage(value: any): value is `${number}%`;
 export declare function isMarginType(value: any): value is number | "auto" | `${number}%`;
 export declare function isPaddingType(value: any): value is number | `${number}%`;
 export declare function isPositionType(value: any): value is number | "auto" | `${number}%`;
@@ -82,7 +86,7 @@ export declare abstract class Renderable extends EventEmitter {
     static renderablesByNumber: Map<number, Renderable>;
     readonly id: string;
     readonly num: number;
-    protected ctx: RenderContext | null;
+    protected _ctx: RenderContext;
     private _x;
     private _y;
     protected _width: number | "auto" | `${number}%`;
@@ -101,16 +105,21 @@ export declare abstract class Renderable extends EventEmitter {
     protected keypressHandler: ((key: ParsedKey) => void) | null;
     private _live;
     protected _liveCount: number;
+    private _mouseListener;
     private _mouseListeners;
     private _keyListeners;
     protected layoutNode: TrackedNode;
     protected _positionType: PositionTypeString;
     protected _position: Position;
+    private _childHostOverride;
     private renderableMap;
     private renderableArray;
     private needsZIndexSort;
     parent: Renderable | null;
-    constructor(id: string, options: RenderableOptions);
+    renderBefore?: (this: Renderable, buffer: OptimizedBuffer, deltaTime: number) => void;
+    renderAfter?: (this: Renderable, buffer: OptimizedBuffer, deltaTime: number) => void;
+    constructor(ctx: RenderContext, options: RenderableOptions<any>);
+    get ctx(): RenderContext;
     get visible(): boolean;
     set visible(value: boolean);
     hasSelection(): boolean;
@@ -126,6 +135,10 @@ export declare abstract class Renderable extends EventEmitter {
     protected propagateLiveCount(delta: number): void;
     handleKeyPress?(key: ParsedKey | string): boolean;
     protected get isDirty(): boolean;
+    get childHost(): Renderable;
+    set childHost(host: Renderable | null);
+    findDescendantById(id: string): Renderable | undefined;
+    setChildHostById(id: string): boolean;
     private markClean;
     needsUpdate(): void;
     get x(): number;
@@ -146,7 +159,7 @@ export declare abstract class Renderable extends EventEmitter {
     set height(value: number | "auto" | `${number}%`);
     get zIndex(): number;
     set zIndex(value: number);
-    requestZIndexSort(): void;
+    private requestZIndexSort;
     private ensureZIndexSorted;
     private setupYogaProperties;
     private setupMarginAndPadding;
@@ -180,11 +193,11 @@ export declare abstract class Renderable extends EventEmitter {
     protected createFrameBuffer(): void;
     protected onResize(width: number, height: number): void;
     private replaceParent;
-    add(obj: Renderable, index?: number): number;
-    insertBefore(obj: Renderable, anchor?: Renderable): number;
-    propagateContext(ctx: RenderContext | null): void;
+    add(obj: Renderable | VNode<any, any[]>, index?: number): number;
+    insertBefore(obj: Renderable | VNode<any, any[]>, anchor?: Renderable): number;
     getRenderable(id: string): Renderable | undefined;
     remove(id: string): void;
+    protected onRemove(): void;
     getChildren(): Renderable[];
     render(buffer: OptimizedBuffer, deltaTime: number): void;
     protected beforeRender(): void;
@@ -194,6 +207,7 @@ export declare abstract class Renderable extends EventEmitter {
     protected destroySelf(): void;
     processMouseEvent(event: MouseEvent): void;
     protected onMouseEvent(event: MouseEvent): void;
+    set onMouse(handler: ((event: MouseEvent) => void) | undefined);
     set onMouseDown(handler: ((event: MouseEvent) => void) | undefined);
     set onMouseUp(handler: ((event: MouseEvent) => void) | undefined);
     set onMouseMove(handler: ((event: MouseEvent) => void) | undefined);
@@ -209,8 +223,7 @@ export declare abstract class Renderable extends EventEmitter {
 }
 export declare class RootRenderable extends Renderable {
     private yogaConfig;
-    private rootContext;
-    constructor(width: number, height: number, ctx: RenderContext, rootContext: RootContext);
+    constructor(ctx: RenderContext);
     protected propagateLiveCount(delta: number): void;
     calculateLayout(): void;
     resize(width: number, height: number): void;

package/buffer.d.ts

@@ -3,14 +3,15 @@ import { RGBA } from "./lib";
 import { type RenderLib } from "./zig";
 import { type Pointer } from "bun:ffi";
 import { type BorderStyle, type BorderSides } from "./lib";
+import { type WidthMethod } from "./types";
 export declare class OptimizedBuffer {
     private static fbIdCounter;
     id: string;
     lib: RenderLib;
     private bufferPtr;
     private buffer;
-    private width;
-    private height;
+    private _width;
+    private _height;
     respectAlpha: boolean;
     private useFFI;
     get ptr(): Pointer;
@@ -22,7 +23,7 @@ export declare class OptimizedBuffer {
     }, width: number, height: number, options: {
         respectAlpha?: boolean;
     });
-    static create(width: number, height: number, options?: {
+    static create(width: number, height: number, widthMethod: WidthMethod, options?: {
         respectAlpha?: boolean;
     }): OptimizedBuffer;
     get buffers(): {
@@ -32,8 +33,8 @@ export declare class OptimizedBuffer {
         attributes: Uint8Array;
     };
     private coordsToIndex;
-    getWidth(): number;
-    getHeight(): number;
+    get width(): number;
+    get height(): number;
     setRespectAlpha(respectAlpha: boolean): void;
     clear(bg?: RGBA, clearChar?: string): void;
     clearLocal(bg?: RGBA, clearChar?: string): void;