@opentui/core 0.1.12 → 0.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/3d.js +1 -1
- package/Renderable.d.ts +30 -9
- package/animation/Timeline.d.ts +11 -0
- package/buffer.d.ts +6 -0
- package/console.d.ts +1 -1
- package/{index-bpwzbxgn.js → index-rv93tneq.js} +290 -99
- package/{index-bpwzbxgn.js.map → index-rv93tneq.js.map} +10 -10
- package/index.js +221 -106
- package/index.js.map +12 -13
- package/lib/KeyHandler.d.ts +6 -1
- package/package.json +7 -7
- package/renderables/Box.d.ts +7 -1
- package/renderables/Text.d.ts +13 -0
- package/renderables/composition/constructs.d.ts +1 -3
- package/renderables/composition/vnode.d.ts +13 -6
- package/renderables/index.d.ts +0 -1
- package/renderer.d.ts +3 -1
- package/types.d.ts +1 -1
- package/zig.d.ts +12 -1
- package/renderables/Group.d.ts +0 -5
package/3d.js
CHANGED
package/Renderable.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { OptimizedBuffer } from "./buffer";
|
|
|
3
3
|
import { type KeyHandler } from "./lib/KeyHandler";
|
|
4
4
|
import { TrackedNode } from "./lib/TrackedNode";
|
|
5
5
|
import type { ParsedKey } from "./lib/parse.keypress";
|
|
6
|
-
import { type AlignString, type FlexDirectionString, type JustifyString, type PositionTypeString } from "./lib/yoga.options";
|
|
6
|
+
import { type AlignString, type FlexDirectionString, type JustifyString, type OverflowString, type PositionTypeString, type WrapString } from "./lib/yoga.options";
|
|
7
7
|
import type { MouseEvent } from "./renderer";
|
|
8
8
|
import type { RenderContext, SelectionState } from "./types";
|
|
9
9
|
import { type VNode } from "./renderables/composition/vnode";
|
|
@@ -27,18 +27,21 @@ export interface LayoutOptions {
|
|
|
27
27
|
flexGrow?: number;
|
|
28
28
|
flexShrink?: number;
|
|
29
29
|
flexDirection?: FlexDirectionString;
|
|
30
|
+
flexWrap?: WrapString;
|
|
30
31
|
alignItems?: AlignString;
|
|
31
32
|
justifyContent?: JustifyString;
|
|
33
|
+
alignSelf?: AlignString;
|
|
32
34
|
flexBasis?: number | "auto" | undefined;
|
|
33
35
|
position?: PositionTypeString;
|
|
36
|
+
overflow?: OverflowString;
|
|
34
37
|
top?: number | "auto" | `${number}%`;
|
|
35
38
|
right?: number | "auto" | `${number}%`;
|
|
36
39
|
bottom?: number | "auto" | `${number}%`;
|
|
37
40
|
left?: number | "auto" | `${number}%`;
|
|
38
|
-
minWidth?: number
|
|
39
|
-
minHeight?: number
|
|
40
|
-
maxWidth?: number
|
|
41
|
-
maxHeight?: number
|
|
41
|
+
minWidth?: number | "auto" | `${number}%`;
|
|
42
|
+
minHeight?: number | "auto" | `${number}%`;
|
|
43
|
+
maxWidth?: number | "auto" | `${number}%`;
|
|
44
|
+
maxHeight?: number | "auto" | `${number}%`;
|
|
42
45
|
margin?: number | "auto" | `${number}%`;
|
|
43
46
|
marginTop?: number | "auto" | `${number}%`;
|
|
44
47
|
marginRight?: number | "auto" | `${number}%`;
|
|
@@ -77,7 +80,8 @@ export declare function isValidPercentage(value: any): value is `${number}%`;
|
|
|
77
80
|
export declare function isMarginType(value: any): value is number | "auto" | `${number}%`;
|
|
78
81
|
export declare function isPaddingType(value: any): value is number | `${number}%`;
|
|
79
82
|
export declare function isPositionType(value: any): value is number | "auto" | `${number}%`;
|
|
80
|
-
export declare function
|
|
83
|
+
export declare function isPositionTypeType(value: any): value is PositionTypeString;
|
|
84
|
+
export declare function isOverflowType(value: any): value is OverflowString;
|
|
81
85
|
export declare function isDimensionType(value: any): value is number | "auto" | `${number}%`;
|
|
82
86
|
export declare function isFlexBasisType(value: any): value is number | "auto" | undefined;
|
|
83
87
|
export declare function isSizeType(value: any): value is number | `${number}%` | undefined;
|
|
@@ -87,8 +91,10 @@ export declare abstract class Renderable extends EventEmitter {
|
|
|
87
91
|
readonly id: string;
|
|
88
92
|
readonly num: number;
|
|
89
93
|
protected _ctx: RenderContext;
|
|
90
|
-
|
|
91
|
-
|
|
94
|
+
protected _translateX: number;
|
|
95
|
+
protected _translateY: number;
|
|
96
|
+
protected _x: number;
|
|
97
|
+
protected _y: number;
|
|
92
98
|
protected _width: number | "auto" | `${number}%`;
|
|
93
99
|
protected _height: number | "auto" | `${number}%`;
|
|
94
100
|
protected _widthValue: number;
|
|
@@ -110,6 +116,7 @@ export declare abstract class Renderable extends EventEmitter {
|
|
|
110
116
|
private _keyListeners;
|
|
111
117
|
protected layoutNode: TrackedNode;
|
|
112
118
|
protected _positionType: PositionTypeString;
|
|
119
|
+
protected _overflow: OverflowString;
|
|
113
120
|
protected _position: Position;
|
|
114
121
|
private _childHostOverride;
|
|
115
122
|
private renderableMap;
|
|
@@ -140,7 +147,11 @@ export declare abstract class Renderable extends EventEmitter {
|
|
|
140
147
|
findDescendantById(id: string): Renderable | undefined;
|
|
141
148
|
setChildHostById(id: string): boolean;
|
|
142
149
|
private markClean;
|
|
143
|
-
|
|
150
|
+
requestRender(): void;
|
|
151
|
+
get translateX(): number;
|
|
152
|
+
set translateX(value: number);
|
|
153
|
+
get translateY(): number;
|
|
154
|
+
set translateY(value: number);
|
|
144
155
|
get x(): number;
|
|
145
156
|
set x(value: number);
|
|
146
157
|
get top(): number | "auto" | `${number}%` | undefined;
|
|
@@ -164,13 +175,17 @@ export declare abstract class Renderable extends EventEmitter {
|
|
|
164
175
|
private setupYogaProperties;
|
|
165
176
|
private setupMarginAndPadding;
|
|
166
177
|
set position(positionType: PositionTypeString);
|
|
178
|
+
get overflow(): OverflowString;
|
|
179
|
+
set overflow(overflow: OverflowString);
|
|
167
180
|
setPosition(position: Position): void;
|
|
168
181
|
private updateYogaPosition;
|
|
169
182
|
set flexGrow(grow: number);
|
|
170
183
|
set flexShrink(shrink: number);
|
|
171
184
|
set flexDirection(direction: FlexDirectionString);
|
|
185
|
+
set flexWrap(wrap: WrapString);
|
|
172
186
|
set alignItems(alignItems: AlignString);
|
|
173
187
|
set justifyContent(justifyContent: JustifyString);
|
|
188
|
+
set alignSelf(alignSelf: AlignString);
|
|
174
189
|
set flexBasis(basis: number | "auto" | undefined);
|
|
175
190
|
set minWidth(minWidth: number | `${number}%` | undefined);
|
|
176
191
|
set maxWidth(maxWidth: number | `${number}%` | undefined);
|
|
@@ -201,6 +216,12 @@ export declare abstract class Renderable extends EventEmitter {
|
|
|
201
216
|
getChildren(): Renderable[];
|
|
202
217
|
render(buffer: OptimizedBuffer, deltaTime: number): void;
|
|
203
218
|
protected beforeRender(): void;
|
|
219
|
+
protected getScissorRect(): {
|
|
220
|
+
x: number;
|
|
221
|
+
y: number;
|
|
222
|
+
width: number;
|
|
223
|
+
height: number;
|
|
224
|
+
};
|
|
204
225
|
protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
|
|
205
226
|
destroy(): void;
|
|
206
227
|
destroyRecursively(): void;
|
package/animation/Timeline.d.ts
CHANGED
|
@@ -88,7 +88,11 @@ export declare class Timeline {
|
|
|
88
88
|
private autoplay;
|
|
89
89
|
private onComplete?;
|
|
90
90
|
private onPause?;
|
|
91
|
+
private stateChangeListeners;
|
|
91
92
|
constructor(options?: TimelineOptions);
|
|
93
|
+
addStateChangeListener(listener: (timeline: Timeline) => void): void;
|
|
94
|
+
removeStateChangeListener(listener: (timeline: Timeline) => void): void;
|
|
95
|
+
private notifyStateChange;
|
|
92
96
|
add(target: any, properties: AnimationOptions, startTime?: number | string): this;
|
|
93
97
|
once(target: any, properties: AnimationOptions): this;
|
|
94
98
|
call(callback: () => void, startTime?: number | string): this;
|
|
@@ -101,9 +105,16 @@ export declare class Timeline {
|
|
|
101
105
|
}
|
|
102
106
|
declare class TimelineEngine {
|
|
103
107
|
private timelines;
|
|
108
|
+
private renderer;
|
|
109
|
+
private frameCallback;
|
|
110
|
+
private isLive;
|
|
104
111
|
defaults: {
|
|
105
112
|
frameRate: number;
|
|
106
113
|
};
|
|
114
|
+
attach(renderer: any): void;
|
|
115
|
+
detach(): void;
|
|
116
|
+
private updateLiveState;
|
|
117
|
+
private onTimelineStateChange;
|
|
107
118
|
register(timeline: Timeline): void;
|
|
108
119
|
unregister(timeline: Timeline): void;
|
|
109
120
|
clear(): void;
|
package/buffer.d.ts
CHANGED
|
@@ -22,9 +22,11 @@ export declare class OptimizedBuffer {
|
|
|
22
22
|
attributes: Uint8Array;
|
|
23
23
|
}, width: number, height: number, options: {
|
|
24
24
|
respectAlpha?: boolean;
|
|
25
|
+
id?: string;
|
|
25
26
|
});
|
|
26
27
|
static create(width: number, height: number, widthMethod: WidthMethod, options?: {
|
|
27
28
|
respectAlpha?: boolean;
|
|
29
|
+
id?: string;
|
|
28
30
|
}): OptimizedBuffer;
|
|
29
31
|
get buffers(): {
|
|
30
32
|
char: Uint32Array;
|
|
@@ -36,6 +38,7 @@ export declare class OptimizedBuffer {
|
|
|
36
38
|
get width(): number;
|
|
37
39
|
get height(): number;
|
|
38
40
|
setRespectAlpha(respectAlpha: boolean): void;
|
|
41
|
+
getNativeId(): string;
|
|
39
42
|
clear(bg?: RGBA, clearChar?: string): void;
|
|
40
43
|
clearLocal(bg?: RGBA, clearChar?: string): void;
|
|
41
44
|
setCell(x: number, y: number, char: string, fg: RGBA, bg: RGBA, attributes?: number): void;
|
|
@@ -87,4 +90,7 @@ export declare class OptimizedBuffer {
|
|
|
87
90
|
title?: string;
|
|
88
91
|
titleAlignment?: "left" | "center" | "right";
|
|
89
92
|
}): void;
|
|
93
|
+
pushScissorRect(x: number, y: number, width: number, height: number): void;
|
|
94
|
+
popScissorRect(): void;
|
|
95
|
+
clearScissorRects(): void;
|
|
90
96
|
}
|
package/console.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ export declare class TerminalConsole extends EventEmitter {
|
|
|
45
45
|
private _displayLines;
|
|
46
46
|
private _allLogEntries;
|
|
47
47
|
private _needsFrameBufferUpdate;
|
|
48
|
-
private
|
|
48
|
+
private markNeedsRerender;
|
|
49
49
|
private _rgbaInfo;
|
|
50
50
|
private _rgbaWarn;
|
|
51
51
|
private _rgbaError;
|