@opentui/core 0.1.1 → 0.1.3

package/lib/TrackedNode.d.ts

@@ -9,7 +9,6 @@ declare class TrackedNode<T extends NodeMetadata = NodeMetadata> extends EventEm
     metadata: T;
     parent: TrackedNode<any> | null;
     children: TrackedNode<any>[];
-    zIndex: number;
     protected _destroyed: boolean;
     protected _width: number | "auto" | `${number}%`;
     protected _height: number | "auto" | `${number}%`;

package/lib/yoga.options.d.ts

@@ -0,0 +1,31 @@
+import { BoxSizing, Align, Dimension, Direction, Display, Edge, FlexDirection, Gutter, Justify, LogLevel, MeasureMode, Overflow, PositionType, Unit, Wrap } from "yoga-layout";
+export type AlignString = "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly";
+export type BoxSizingString = "border-box" | "content-box";
+export type DimensionString = "width" | "height";
+export type DirectionString = "inherit" | "ltr" | "rtl";
+export type DisplayString = "flex" | "none" | "contents";
+export type EdgeString = "left" | "top" | "right" | "bottom" | "start" | "end" | "horizontal" | "vertical" | "all";
+export type FlexDirectionString = "column" | "column-reverse" | "row" | "row-reverse";
+export type GutterString = "column" | "row" | "all";
+export type JustifyString = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+export type LogLevelString = "error" | "warn" | "info" | "debug" | "verbose" | "fatal";
+export type MeasureModeString = "undefined" | "exactly" | "at-most";
+export type OverflowString = "visible" | "hidden" | "scroll";
+export type PositionTypeString = "static" | "relative" | "absolute";
+export type UnitString = "undefined" | "point" | "percent" | "auto";
+export type WrapString = "no-wrap" | "wrap" | "wrap-reverse";
+export declare function parseAlign(value: string): Align;
+export declare function parseBoxSizing(value: string): BoxSizing;
+export declare function parseDimension(value: string): Dimension;
+export declare function parseDirection(value: string): Direction;
+export declare function parseDisplay(value: string): Display;
+export declare function parseEdge(value: string): Edge;
+export declare function parseFlexDirection(value: string): FlexDirection;
+export declare function parseGutter(value: string): Gutter;
+export declare function parseJustify(value: string): Justify;
+export declare function parseLogLevel(value: string): LogLevel;
+export declare function parseMeasureMode(value: string): MeasureMode;
+export declare function parseOverflow(value: string): Overflow;
+export declare function parsePositionType(value: string): PositionType;
+export declare function parseUnit(value: string): Unit;
+export declare function parseWrap(value: string): Wrap;

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "OpenTUI is a TypeScript library for building terminal user interfaces (TUIs)",
   "license": "MIT",
   "repository": {
@@ -29,14 +29,14 @@
   },
   "optionalDependencies": {
     "@dimforge/rapier2d-simd-compat": "^0.17.3",
-    "bun-webgpu": "0.1.0",
+    "bun-webgpu": "0.1.3",
     "planck": "^1.4.2",
     "three": "0.177.0",
-    "@opentui/core-darwin-x64": "^0.1.1",
-    "@opentui/core-darwin-arm64": "^0.1.1",
-    "@opentui/core-linux-x64": "^0.1.1",
-    "@opentui/core-linux-arm64": "^0.1.1",
-    "@opentui/core-win32-x64": "^0.1.1",
-    "@opentui/core-win32-arm64": "^0.1.1"
+    "@opentui/core-darwin-x64": "0.1.3",
+    "@opentui/core-darwin-arm64": "0.1.3",
+    "@opentui/core-linux-x64": "0.1.3",
+    "@opentui/core-linux-arm64": "0.1.3",
+    "@opentui/core-win32-x64": "0.1.3",
+    "@opentui/core-win32-arm64": "0.1.3"
   }
 }

package/renderables/ASCIIFont.d.ts

@@ -3,7 +3,7 @@ import { RGBA, type SelectionState } from "../types";
 import { type fonts } from "../lib/ascii.font";
 import { FrameBufferRenderable } from "./FrameBuffer";
 export interface ASCIIFontOptions extends RenderableOptions {
-    text: string;
+    text?: string;
     font?: "tiny" | "block" | "shade" | "slick";
     fg?: RGBA | RGBA[];
     bg?: RGBA;

package/renderables/Box.d.ts

@@ -4,7 +4,7 @@ import { RGBA } from "../types";
 import { type BorderStyle, type BorderSides, type BorderCharacters, type BorderSidesConfig } from "../lib";
 import type { ColorInput } from "../types";
 export interface BoxOptions extends RenderableOptions {
-    bg?: string | RGBA;
+    backgroundColor?: string | RGBA;
     borderStyle?: BorderStyle;
     border?: boolean | BorderSides[];
     borderColor?: string | RGBA;
@@ -15,7 +15,7 @@ export interface BoxOptions extends RenderableOptions {
     focusedBorderColor?: ColorInput;
 }
 export declare class BoxRenderable extends Renderable {
-    protected _bg: RGBA;
+    protected _backgroundColor: RGBA;
     protected _border: boolean | BorderSides[];
     protected _borderStyle: BorderStyle;
     protected _borderColor: RGBA;
@@ -26,8 +26,8 @@ export declare class BoxRenderable extends Renderable {
     protected _title?: string;
     protected _titleAlignment: "left" | "center" | "right";
     constructor(id: string, options: BoxOptions);
-    get bg(): RGBA;
-    set bg(value: RGBA | string | undefined);
+    get backgroundColor(): RGBA;
+    set backgroundColor(value: RGBA | string | undefined);
     get border(): boolean | BorderSides[];
     set border(value: boolean | BorderSides[]);
     get borderStyle(): BorderStyle;

package/renderables/Input.d.ts

@@ -1,7 +1,7 @@
 import { Renderable, type RenderableOptions } from "../Renderable";
 import { OptimizedBuffer } from "../buffer";
-import type { ColorInput } from "../types";
 import type { ParsedKey } from "../lib/parse.keypress";
+import type { ColorInput } from "../types";
 export interface InputRenderableOptions extends RenderableOptions {
     backgroundColor?: ColorInput;
     textColor?: ColorInput;
@@ -20,33 +20,36 @@ export declare enum InputRenderableEvents {
 }
 export declare class InputRenderable extends Renderable {
     protected focusable: boolean;
-    private value;
-    private cursorPosition;
-    private placeholder;
-    private backgroundColor;
-    private textColor;
-    private focusedBackgroundColor;
-    private focusedTextColor;
-    private placeholderColor;
-    private cursorColor;
-    private maxLength;
-    private lastCommittedValue;
+    private _value;
+    private _cursorPosition;
+    private _placeholder;
+    private _backgroundColor;
+    private _textColor;
+    private _focusedBackgroundColor;
+    private _focusedTextColor;
+    private _placeholderColor;
+    private _cursorColor;
+    private _maxLength;
+    private _lastCommittedValue;
     constructor(id: string, options: InputRenderableOptions);
     private updateCursorPosition;
     focus(): void;
     blur(): void;
     protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
     private refreshFrameBuffer;
-    setValue(value: string): void;
-    getValue(): string;
-    getPlaceholder(): string;
-    setPlaceholder(placeholder: string): void;
-    getCursorPosition(): number;
-    setCursorPosition(position: number): void;
+    get value(): string;
+    set value(value: string);
+    set placeholder(placeholder: string);
+    set cursorPosition(position: number);
     private insertText;
     private deleteCharacter;
     handleKeyPress(key: ParsedKey | string): boolean;
-    getMaxLength(): number;
-    setMaxLength(maxLength: number): void;
+    set maxLength(maxLength: number);
+    set backgroundColor(color: ColorInput);
+    set textColor(color: ColorInput);
+    set focusedBackgroundColor(color: ColorInput);
+    set focusedTextColor(color: ColorInput);
+    set placeholderColor(color: ColorInput);
+    set cursorColor(color: ColorInput);
     protected destroySelf(): void;
 }

package/renderables/Select.d.ts

@@ -1,8 +1,8 @@
 import { Renderable, type RenderableOptions } from "../Renderable";
 import { OptimizedBuffer } from "../buffer";
-import type { ColorInput } from "../types";
-import type { ParsedKey } from "../lib/parse.keypress";
 import { fonts } from "../lib/ascii.font";
+import type { ParsedKey } from "../lib/parse.keypress";
+import type { ColorInput } from "../types";
 export interface SelectOption {
     name: string;
     description: string;
@@ -13,7 +13,7 @@ export interface SelectRenderableOptions extends RenderableOptions {
     textColor?: ColorInput;
     focusedBackgroundColor?: ColorInput;
     focusedTextColor?: ColorInput;
-    options: SelectOption[];
+    options?: SelectOption[];
     selectedBackgroundColor?: ColorInput;
     selectedTextColor?: ColorInput;
     descriptionColor?: ColorInput;
@@ -31,31 +31,32 @@ export declare enum SelectRenderableEvents {
 }
 export declare class SelectRenderable extends Renderable {
     protected focusable: boolean;
-    private options;
+    private _options;
     private selectedIndex;
     private scrollOffset;
     private maxVisibleItems;
-    private backgroundColor;
-    private textColor;
-    private focusedBackgroundColor;
-    private focusedTextColor;
-    private selectedBackgroundColor;
-    private selectedTextColor;
-    private descriptionColor;
-    private selectedDescriptionColor;
-    private showScrollIndicator;
-    private wrapSelection;
-    private showDescription;
-    private font?;
-    private itemSpacing;
+    private _backgroundColor;
+    private _textColor;
+    private _focusedBackgroundColor;
+    private _focusedTextColor;
+    private _selectedBackgroundColor;
+    private _selectedTextColor;
+    private _descriptionColor;
+    private _selectedDescriptionColor;
+    private _showScrollIndicator;
+    private _wrapSelection;
+    private _showDescription;
+    private _font?;
+    private _itemSpacing;
     private linesPerItem;
     private fontHeight;
-    private fastScrollStep;
+    private _fastScrollStep;
     constructor(id: string, options: SelectRenderableOptions);
     protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
     private refreshFrameBuffer;
     private renderScrollIndicatorToFrameBuffer;
-    setOptions(options: SelectOption[]): void;
+    get options(): SelectOption[];
+    set options(options: SelectOption[]);
     getSelectedOption(): SelectOption | null;
     getSelectedIndex(): number;
     moveUp(steps?: number): void;
@@ -65,10 +66,21 @@ export declare class SelectRenderable extends Renderable {
     private updateScrollOffset;
     protected onResize(width: number, height: number): void;
     handleKeyPress(key: ParsedKey | string): boolean;
-    getShowScrollIndicator(): boolean;
-    setShowScrollIndicator(show: boolean): void;
-    getShowDescription(): boolean;
-    setShowDescription(show: boolean): void;
-    getWrapSelection(): boolean;
-    setWrapSelection(wrap: boolean): void;
+    get showScrollIndicator(): boolean;
+    set showScrollIndicator(show: boolean);
+    get showDescription(): boolean;
+    set showDescription(show: boolean);
+    get wrapSelection(): boolean;
+    set wrapSelection(wrap: boolean);
+    set backgroundColor(color: ColorInput);
+    set textColor(color: ColorInput);
+    set focusedBackgroundColor(color: ColorInput);
+    set focusedTextColor(color: ColorInput);
+    set selectedBackgroundColor(color: ColorInput);
+    set selectedTextColor(color: ColorInput);
+    set descriptionColor(color: ColorInput);
+    set selectedDescriptionColor(color: ColorInput);
+    set font(font: keyof typeof fonts);
+    set itemSpacing(spacing: number);
+    set fastScrollStep(step: number);
 }

package/renderables/TabSelect.d.ts

@@ -9,7 +9,7 @@ export interface TabSelectOption {
 }
 export interface TabSelectRenderableOptions extends Omit<RenderableOptions, "height"> {
     height?: number;
-    options: TabSelectOption[];
+    options?: TabSelectOption[];
     tabWidth?: number;
     backgroundColor?: ColorInput;
     textColor?: ColorInput;

package/renderables/Text.d.ts

@@ -3,7 +3,7 @@ import { StyledText } from "../lib/styled-text";
 import { RGBA, type SelectionState } from "../types";
 import type { OptimizedBuffer } from "../buffer";
 export interface TextOptions extends RenderableOptions {
-    content: StyledText | string;
+    content?: StyledText | string;
     fg?: string | RGBA;
     bg?: string | RGBA;
     selectionBg?: string | RGBA;

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 opentui
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.