@effect-tui/core 0.1.0-alpha.1
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/LICENSE +21 -0
- package/README.md +93 -0
- package/dist/anim.d.ts +4 -0
- package/dist/anim.d.ts.map +1 -0
- package/dist/anim.js +5 -0
- package/dist/anim.js.map +1 -0
- package/dist/ansi.d.ts +69 -0
- package/dist/ansi.d.ts.map +1 -0
- package/dist/ansi.js +72 -0
- package/dist/ansi.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +16 -0
- package/dist/index.js.map +1 -0
- package/dist/keys.d.ts +18 -0
- package/dist/keys.d.ts.map +1 -0
- package/dist/keys.js +247 -0
- package/dist/keys.js.map +1 -0
- package/dist/layout/linearStack.d.ts +17 -0
- package/dist/layout/linearStack.d.ts.map +1 -0
- package/dist/layout/linearStack.js +86 -0
- package/dist/layout/linearStack.js.map +1 -0
- package/dist/motion-value.d.ts +58 -0
- package/dist/motion-value.d.ts.map +1 -0
- package/dist/motion-value.js +250 -0
- package/dist/motion-value.js.map +1 -0
- package/dist/present/display.d.ts +58 -0
- package/dist/present/display.d.ts.map +1 -0
- package/dist/present/display.js +168 -0
- package/dist/present/display.js.map +1 -0
- package/dist/present/writers/fullscreen.d.ts +19 -0
- package/dist/present/writers/fullscreen.d.ts.map +1 -0
- package/dist/present/writers/fullscreen.js +55 -0
- package/dist/present/writers/fullscreen.js.map +1 -0
- package/dist/present/writers/inline.d.ts +20 -0
- package/dist/present/writers/inline.d.ts.map +1 -0
- package/dist/present/writers/inline.js +92 -0
- package/dist/present/writers/inline.js.map +1 -0
- package/dist/render/buffer.d.ts +31 -0
- package/dist/render/buffer.d.ts.map +1 -0
- package/dist/render/buffer.js +183 -0
- package/dist/render/buffer.js.map +1 -0
- package/dist/render/color-utils.d.ts +18 -0
- package/dist/render/color-utils.d.ts.map +1 -0
- package/dist/render/color-utils.js +58 -0
- package/dist/render/color-utils.js.map +1 -0
- package/dist/render/diff.d.ts +30 -0
- package/dist/render/diff.d.ts.map +1 -0
- package/dist/render/diff.js +83 -0
- package/dist/render/diff.js.map +1 -0
- package/dist/render/measure.d.ts +15 -0
- package/dist/render/measure.d.ts.map +1 -0
- package/dist/render/measure.js +65 -0
- package/dist/render/measure.js.map +1 -0
- package/dist/render/palette.d.ts +46 -0
- package/dist/render/palette.d.ts.map +1 -0
- package/dist/render/palette.js +108 -0
- package/dist/render/palette.js.map +1 -0
- package/dist/render/surface.d.ts +77 -0
- package/dist/render/surface.d.ts.map +1 -0
- package/dist/render/surface.js +198 -0
- package/dist/render/surface.js.map +1 -0
- package/dist/runtime/backend_node.d.ts +36 -0
- package/dist/runtime/backend_node.d.ts.map +1 -0
- package/dist/runtime/backend_node.js +66 -0
- package/dist/runtime/backend_node.js.map +1 -0
- package/dist/spring-physics.d.ts +36 -0
- package/dist/spring-physics.d.ts.map +1 -0
- package/dist/spring-physics.js +113 -0
- package/dist/spring-physics.js.map +1 -0
- package/dist/spring.d.ts +73 -0
- package/dist/spring.d.ts.map +1 -0
- package/dist/spring.js +136 -0
- package/dist/spring.js.map +1 -0
- package/dist/ui/containers/canvas.d.ts +13 -0
- package/dist/ui/containers/canvas.d.ts.map +1 -0
- package/dist/ui/containers/canvas.js +16 -0
- package/dist/ui/containers/canvas.js.map +1 -0
- package/dist/ui/containers/geometry-reader.d.ts +17 -0
- package/dist/ui/containers/geometry-reader.d.ts.map +1 -0
- package/dist/ui/containers/geometry-reader.js +24 -0
- package/dist/ui/containers/geometry-reader.js.map +1 -0
- package/dist/ui/containers/hstack.d.ts +12 -0
- package/dist/ui/containers/hstack.d.ts.map +1 -0
- package/dist/ui/containers/hstack.js +28 -0
- package/dist/ui/containers/hstack.js.map +1 -0
- package/dist/ui/containers/scroll.d.ts +28 -0
- package/dist/ui/containers/scroll.d.ts.map +1 -0
- package/dist/ui/containers/scroll.js +97 -0
- package/dist/ui/containers/scroll.js.map +1 -0
- package/dist/ui/containers/shared.d.ts +12 -0
- package/dist/ui/containers/shared.d.ts.map +1 -0
- package/dist/ui/containers/shared.js +19 -0
- package/dist/ui/containers/shared.js.map +1 -0
- package/dist/ui/containers/vstack.d.ts +12 -0
- package/dist/ui/containers/vstack.d.ts.map +1 -0
- package/dist/ui/containers/vstack.js +28 -0
- package/dist/ui/containers/vstack.js.map +1 -0
- package/dist/ui/containers/zstack.d.ts +14 -0
- package/dist/ui/containers/zstack.d.ts.map +1 -0
- package/dist/ui/containers/zstack.js +36 -0
- package/dist/ui/containers/zstack.js.map +1 -0
- package/dist/ui/core/geometry-store.d.ts +22 -0
- package/dist/ui/core/geometry-store.d.ts.map +1 -0
- package/dist/ui/core/geometry-store.js +29 -0
- package/dist/ui/core/geometry-store.js.map +1 -0
- package/dist/ui/core/geometry.d.ts +34 -0
- package/dist/ui/core/geometry.d.ts.map +1 -0
- package/dist/ui/core/geometry.js +14 -0
- package/dist/ui/core/geometry.js.map +1 -0
- package/dist/ui/core/view.d.ts +25 -0
- package/dist/ui/core/view.d.ts.map +1 -0
- package/dist/ui/core/view.js +34 -0
- package/dist/ui/core/view.js.map +1 -0
- package/dist/ui/index.d.ts +44 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +39 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/inlinetext.d.ts +24 -0
- package/dist/ui/inlinetext.d.ts.map +1 -0
- package/dist/ui/inlinetext.js +131 -0
- package/dist/ui/inlinetext.js.map +1 -0
- package/dist/ui/install.d.ts +22 -0
- package/dist/ui/install.d.ts.map +1 -0
- package/dist/ui/install.js +66 -0
- package/dist/ui/install.js.map +1 -0
- package/dist/ui/markdown.d.ts +40 -0
- package/dist/ui/markdown.d.ts.map +1 -0
- package/dist/ui/markdown.js +351 -0
- package/dist/ui/markdown.js.map +1 -0
- package/dist/ui/modifiers/border.d.ts +33 -0
- package/dist/ui/modifiers/border.d.ts.map +1 -0
- package/dist/ui/modifiers/border.js +82 -0
- package/dist/ui/modifiers/border.js.map +1 -0
- package/dist/ui/modifiers/fill.d.ts +14 -0
- package/dist/ui/modifiers/fill.d.ts.map +1 -0
- package/dist/ui/modifiers/fill.js +25 -0
- package/dist/ui/modifiers/fill.js.map +1 -0
- package/dist/ui/modifiers/frame.d.ts +23 -0
- package/dist/ui/modifiers/frame.d.ts.map +1 -0
- package/dist/ui/modifiers/frame.js +54 -0
- package/dist/ui/modifiers/frame.js.map +1 -0
- package/dist/ui/modifiers/offset.d.ts +15 -0
- package/dist/ui/modifiers/offset.d.ts.map +1 -0
- package/dist/ui/modifiers/offset.js +21 -0
- package/dist/ui/modifiers/offset.js.map +1 -0
- package/dist/ui/modifiers/opacity.d.ts +15 -0
- package/dist/ui/modifiers/opacity.d.ts.map +1 -0
- package/dist/ui/modifiers/opacity.js +95 -0
- package/dist/ui/modifiers/opacity.js.map +1 -0
- package/dist/ui/modifiers/padding.d.ts +20 -0
- package/dist/ui/modifiers/padding.d.ts.map +1 -0
- package/dist/ui/modifiers/padding.js +36 -0
- package/dist/ui/modifiers/padding.js.map +1 -0
- package/dist/ui/modifiers/styled.d.ts +14 -0
- package/dist/ui/modifiers/styled.d.ts.map +1 -0
- package/dist/ui/modifiers/styled.js +26 -0
- package/dist/ui/modifiers/styled.js.map +1 -0
- package/dist/ui/primitives/rectangle.d.ts +15 -0
- package/dist/ui/primitives/rectangle.d.ts.map +1 -0
- package/dist/ui/primitives/rectangle.js +23 -0
- package/dist/ui/primitives/rectangle.js.map +1 -0
- package/dist/ui/primitives/spacer.d.ts +13 -0
- package/dist/ui/primitives/spacer.d.ts.map +1 -0
- package/dist/ui/primitives/spacer.js +16 -0
- package/dist/ui/primitives/spacer.js.map +1 -0
- package/dist/ui/primitives/text.d.ts +15 -0
- package/dist/ui/primitives/text.d.ts.map +1 -0
- package/dist/ui/primitives/text.js +79 -0
- package/dist/ui/primitives/text.js.map +1 -0
- package/dist/ui/primitives/wrapped-text.d.ts +30 -0
- package/dist/ui/primitives/wrapped-text.d.ts.map +1 -0
- package/dist/ui/primitives/wrapped-text.js +117 -0
- package/dist/ui/primitives/wrapped-text.js.map +1 -0
- package/dist/ui/shinytext.d.ts +66 -0
- package/dist/ui/shinytext.d.ts.map +1 -0
- package/dist/ui/shinytext.js +99 -0
- package/dist/ui/shinytext.js.map +1 -0
- package/dist/ui/text/layout.d.ts +35 -0
- package/dist/ui/text/layout.d.ts.map +1 -0
- package/dist/ui/text/layout.js +102 -0
- package/dist/ui/text/layout.js.map +1 -0
- package/dist/ui/textinput.d.ts +140 -0
- package/dist/ui/textinput.d.ts.map +1 -0
- package/dist/ui/textinput.js +402 -0
- package/dist/ui/textinput.js.map +1 -0
- package/dist/ui/view-constructors.d.ts +72 -0
- package/dist/ui/view-constructors.d.ts.map +1 -0
- package/dist/ui/view-constructors.js +74 -0
- package/dist/ui/view-constructors.js.map +1 -0
- package/package.json +57 -0
- package/src/anim.ts +5 -0
- package/src/ansi.ts +83 -0
- package/src/index.ts +21 -0
- package/src/keys.ts +302 -0
- package/src/layout/linearStack.ts +115 -0
- package/src/motion-value.ts +335 -0
- package/src/present/display.ts +206 -0
- package/src/present/writers/fullscreen.ts +58 -0
- package/src/present/writers/inline.ts +101 -0
- package/src/render/buffer.ts +200 -0
- package/src/render/color-utils.ts +60 -0
- package/src/render/diff.ts +95 -0
- package/src/render/measure.ts +74 -0
- package/src/render/palette.ts +113 -0
- package/src/render/surface.ts +238 -0
- package/src/runtime/backend_node.ts +80 -0
- package/src/spring-physics.ts +151 -0
- package/src/spring.ts +234 -0
- package/src/ui/__snapshots__/wrappedtext.test.ts.snap +57 -0
- package/src/ui/containers/canvas.ts +18 -0
- package/src/ui/containers/geometry-reader.ts +32 -0
- package/src/ui/containers/hstack.ts +33 -0
- package/src/ui/containers/scroll.ts +106 -0
- package/src/ui/containers/shared.ts +27 -0
- package/src/ui/containers/vstack.ts +34 -0
- package/src/ui/containers/zstack.ts +37 -0
- package/src/ui/core/geometry-store.ts +42 -0
- package/src/ui/core/geometry.ts +30 -0
- package/src/ui/core/view.ts +49 -0
- package/src/ui/index.ts +84 -0
- package/src/ui/inlinetext.ts +135 -0
- package/src/ui/install.ts +110 -0
- package/src/ui/markdown.test.ts +74 -0
- package/src/ui/markdown.ts +388 -0
- package/src/ui/modifiers/border.ts +100 -0
- package/src/ui/modifiers/fill.ts +28 -0
- package/src/ui/modifiers/frame.ts +74 -0
- package/src/ui/modifiers/offset.ts +23 -0
- package/src/ui/modifiers/opacity.ts +93 -0
- package/src/ui/modifiers/padding.ts +53 -0
- package/src/ui/modifiers/styled.ts +31 -0
- package/src/ui/primitives/rectangle.ts +25 -0
- package/src/ui/primitives/spacer.ts +18 -0
- package/src/ui/primitives/text.ts +85 -0
- package/src/ui/primitives/wrapped-text.ts +131 -0
- package/src/ui/shinytext.ts +159 -0
- package/src/ui/text/layout.ts +119 -0
- package/src/ui/textinput.ts +496 -0
- package/src/ui/view-constructors.ts +96 -0
- package/src/ui/wrappedtext.test.ts +138 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
// linearStack.ts — SwiftUI-like linear stacks with flexible children
|
|
2
|
+
/** flexBase[i] = null for fixed, or the child's base main-size for flexible. */
|
|
3
|
+
export function measureLinear(axis, maxW, maxH, spacing, sizes, flexBase) {
|
|
4
|
+
const n = sizes.length;
|
|
5
|
+
const gaps = Math.max(0, n - 1) * Math.max(0, spacing);
|
|
6
|
+
let mainSum = 0;
|
|
7
|
+
let crossMax = 0;
|
|
8
|
+
let hasFlex = false;
|
|
9
|
+
for (let i = 0; i < n; i++) {
|
|
10
|
+
const s = sizes[i];
|
|
11
|
+
if (!s)
|
|
12
|
+
continue;
|
|
13
|
+
const main = axis === "horizontal" ? s.w : s.h;
|
|
14
|
+
const cross = axis === "horizontal" ? s.h : s.w;
|
|
15
|
+
crossMax = Math.max(crossMax, cross);
|
|
16
|
+
hasFlex ||= flexBase[i] != null;
|
|
17
|
+
mainSum += flexBase[i] ?? main;
|
|
18
|
+
}
|
|
19
|
+
const maxMain = axis === "horizontal" ? maxW : maxH;
|
|
20
|
+
const totalMain = hasFlex ? maxMain : Math.min(maxMain, mainSum + gaps);
|
|
21
|
+
return axis === "horizontal"
|
|
22
|
+
? { w: Math.min(maxW, totalMain), h: Math.min(maxH, crossMax) }
|
|
23
|
+
: { w: Math.min(maxW, crossMax), h: Math.min(maxH, totalMain) };
|
|
24
|
+
}
|
|
25
|
+
export function layoutLinear(axis, rect, spacing, crossAlign, sizes, flexBase) {
|
|
26
|
+
const n = sizes.length;
|
|
27
|
+
const out = new Array(n);
|
|
28
|
+
const gaps = Math.max(0, n - 1) * Math.max(0, spacing);
|
|
29
|
+
const mainAvail = axis === "horizontal" ? rect.w : rect.h;
|
|
30
|
+
const crossAvail = axis === "horizontal" ? rect.h : rect.w;
|
|
31
|
+
let baseSum = 0;
|
|
32
|
+
let flexCount = 0;
|
|
33
|
+
for (let i = 0; i < n; i++) {
|
|
34
|
+
if (flexBase[i] != null) {
|
|
35
|
+
baseSum += flexBase[i];
|
|
36
|
+
flexCount++;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
const size = sizes[i];
|
|
40
|
+
if (size) {
|
|
41
|
+
baseSum += axis === "horizontal" ? size.w : size.h;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
const leftover = Math.max(0, mainAvail - baseSum - gaps);
|
|
46
|
+
const per = flexCount > 0 ? Math.floor(leftover / flexCount) : 0;
|
|
47
|
+
let rem = flexCount > 0 ? leftover - per * flexCount : 0;
|
|
48
|
+
const crossOffset = (childCross) => {
|
|
49
|
+
if (crossAlign === "center")
|
|
50
|
+
return Math.floor((crossAvail - childCross) / 2);
|
|
51
|
+
if ((crossAlign === "trailing" && axis === "vertical") || (crossAlign === "bottom" && axis === "horizontal"))
|
|
52
|
+
return Math.max(0, crossAvail - childCross);
|
|
53
|
+
return 0;
|
|
54
|
+
};
|
|
55
|
+
let pos = 0;
|
|
56
|
+
for (let i = 0; i < n; i++) {
|
|
57
|
+
const s = sizes[i];
|
|
58
|
+
if (!s)
|
|
59
|
+
continue;
|
|
60
|
+
const baseMain = flexBase[i] ?? (axis === "horizontal" ? s.w : s.h);
|
|
61
|
+
const flexExtra = flexBase[i] != null ? per + (rem > 0 ? (rem--, 1) : 0) : 0;
|
|
62
|
+
const wantMain = baseMain + flexExtra;
|
|
63
|
+
const childCross = Math.min(crossAvail, axis === "horizontal" ? s.h : s.w);
|
|
64
|
+
const remaining = Math.max(0, mainAvail - pos);
|
|
65
|
+
const takeMain = Math.min(wantMain, remaining);
|
|
66
|
+
const cs = crossOffset(childCross);
|
|
67
|
+
out[i] =
|
|
68
|
+
axis === "horizontal"
|
|
69
|
+
? { x: rect.x + pos, y: rect.y + cs, w: Math.max(0, takeMain), h: Math.max(0, childCross) }
|
|
70
|
+
: { x: rect.x + cs, y: rect.y + pos, w: Math.max(0, childCross), h: Math.max(0, takeMain) };
|
|
71
|
+
pos += takeMain;
|
|
72
|
+
if (i < n - 1)
|
|
73
|
+
pos += spacing;
|
|
74
|
+
if (pos >= mainAvail) {
|
|
75
|
+
for (let j = i + 1; j < n; j++) {
|
|
76
|
+
out[j] =
|
|
77
|
+
axis === "horizontal"
|
|
78
|
+
? { x: rect.x + mainAvail, y: rect.y, w: 0, h: 0 }
|
|
79
|
+
: { x: rect.x, y: rect.y + mainAvail, w: 0, h: 0 };
|
|
80
|
+
}
|
|
81
|
+
break;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return out;
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=linearStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linearStack.js","sourceRoot":"","sources":["../../src/layout/linearStack.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { ColorLike, ColorValue } from "./render/surface.js";
|
|
2
|
+
import { type SpringConfig } from "./spring-physics.js";
|
|
3
|
+
export type SpringOptions = SpringConfig & {
|
|
4
|
+
maxDt?: number;
|
|
5
|
+
};
|
|
6
|
+
export type Unsubscribe = () => void;
|
|
7
|
+
export interface AnimationControls {
|
|
8
|
+
readonly time: number;
|
|
9
|
+
readonly speed: number;
|
|
10
|
+
isRunning(): boolean;
|
|
11
|
+
play(): void;
|
|
12
|
+
pause(): void;
|
|
13
|
+
stop(): void;
|
|
14
|
+
cancel(): void;
|
|
15
|
+
seek(t: number): void;
|
|
16
|
+
finished: Promise<void>;
|
|
17
|
+
}
|
|
18
|
+
export interface Adapter<T> {
|
|
19
|
+
toArray(v: T): number[];
|
|
20
|
+
fromArray(a: ReadonlyArray<number>): T;
|
|
21
|
+
clamp?(a: number[]): number[];
|
|
22
|
+
equals?(a: T, b: T): boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface MotionValue<T> {
|
|
25
|
+
get(): T;
|
|
26
|
+
set(next: T): void;
|
|
27
|
+
setTarget(next: T): void;
|
|
28
|
+
getVelocity(): T;
|
|
29
|
+
onChange(fn: (v: T) => void): Unsubscribe;
|
|
30
|
+
onSettle(fn: () => void): Unsubscribe;
|
|
31
|
+
animate(to: T, options?: SpringOptions): AnimationControls;
|
|
32
|
+
stop(): void;
|
|
33
|
+
destroy(): void;
|
|
34
|
+
}
|
|
35
|
+
export interface ColorMotionValue extends MotionValue<ColorValue> {
|
|
36
|
+
animate(to: ColorLike | ColorValue, options?: SpringOptions): AnimationControls;
|
|
37
|
+
}
|
|
38
|
+
export declare const numberAdapter: Adapter<number>;
|
|
39
|
+
export declare const rgbAdapter: Adapter<ColorValue>;
|
|
40
|
+
type AdapterEntry = {
|
|
41
|
+
test: (value: unknown) => boolean;
|
|
42
|
+
create: (value: any) => Adapter<any>;
|
|
43
|
+
normalize?: (value: any) => any;
|
|
44
|
+
};
|
|
45
|
+
export declare function registerAdapter(entry: AdapterEntry): void;
|
|
46
|
+
export declare function motionValue(initial: number, opts?: SpringOptions & {
|
|
47
|
+
adapter?: Adapter<number>;
|
|
48
|
+
}): MotionValue<number>;
|
|
49
|
+
export declare function motionValue(initial: ColorLike, opts?: SpringOptions & {
|
|
50
|
+
adapter?: Adapter<ColorValue>;
|
|
51
|
+
}): ColorMotionValue;
|
|
52
|
+
export declare function motionValue<T>(initial: T, opts?: SpringOptions & {
|
|
53
|
+
adapter?: Adapter<T>;
|
|
54
|
+
}): MotionValue<T>;
|
|
55
|
+
export declare function animate<T>(mv: MotionValue<T>, to: T, opts?: SpringOptions): AnimationControls;
|
|
56
|
+
export declare function animate(mv: ColorMotionValue, to: ColorLike | ColorValue, opts?: SpringOptions): AnimationControls;
|
|
57
|
+
export {};
|
|
58
|
+
//# sourceMappingURL=motion-value.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-value.d.ts","sourceRoot":"","sources":["../src/motion-value.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
// motion-value.ts - Generic MotionValue<T> with adapters and animate()
|
|
2
|
+
import { parseColor } from "./render/surface.js";
|
|
3
|
+
import { idxToRGB, clamp255 } from "./render/color-utils.js";
|
|
4
|
+
import { DEFAULTS, fromDurationBounce, stepSpring1D } from "./spring-physics.js";
|
|
5
|
+
import { colorLikeToRGB } from "./spring.js";
|
|
6
|
+
// ---- Built-in adapters ----
|
|
7
|
+
export const numberAdapter = {
|
|
8
|
+
toArray: (n) => [n],
|
|
9
|
+
fromArray: (a) => a[0] ?? 0,
|
|
10
|
+
clamp: (a) => a,
|
|
11
|
+
equals: (a, b) => Object.is(a, b),
|
|
12
|
+
};
|
|
13
|
+
export const rgbAdapter = {
|
|
14
|
+
toArray: (c) => [
|
|
15
|
+
typeof c === "number" ? idxToRGB(c).r : c.r,
|
|
16
|
+
typeof c === "number" ? idxToRGB(c).g : c.g,
|
|
17
|
+
typeof c === "number" ? idxToRGB(c).b : c.b,
|
|
18
|
+
],
|
|
19
|
+
fromArray: (a) => ({ r: clamp255(a[0] ?? 0), g: clamp255(a[1] ?? 0), b: clamp255(a[2] ?? 0) }),
|
|
20
|
+
clamp: (a) => [clamp255(a[0] ?? 0), clamp255(a[1] ?? 0), clamp255(a[2] ?? 0)],
|
|
21
|
+
equals: (a, b) => typeof a === "number" || typeof b === "number"
|
|
22
|
+
? JSON.stringify(colorLikeToRGB(a)) === JSON.stringify(colorLikeToRGB(b))
|
|
23
|
+
: a.r === b.r && a.g === b.g && a.b === b.b,
|
|
24
|
+
};
|
|
25
|
+
const ADAPTERS = [];
|
|
26
|
+
export function registerAdapter(entry) {
|
|
27
|
+
ADAPTERS.unshift(entry);
|
|
28
|
+
}
|
|
29
|
+
function isColorObject(x) {
|
|
30
|
+
return x && typeof x === "object" && typeof x.r === "number" && typeof x.g === "number" && typeof x.b === "number";
|
|
31
|
+
}
|
|
32
|
+
function isColorLike(v) {
|
|
33
|
+
if (isColorObject(v))
|
|
34
|
+
return true;
|
|
35
|
+
if (typeof v === "string" || typeof v === "number") {
|
|
36
|
+
const parsed = parseColor(v);
|
|
37
|
+
return typeof parsed === "number" || isColorObject(parsed);
|
|
38
|
+
}
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
// Register built-in adapters
|
|
42
|
+
registerAdapter({
|
|
43
|
+
test: (v) => isColorLike(v),
|
|
44
|
+
create: () => rgbAdapter,
|
|
45
|
+
normalize: (v) => colorLikeToRGB(v),
|
|
46
|
+
});
|
|
47
|
+
registerAdapter({
|
|
48
|
+
test: (v) => typeof v === "number",
|
|
49
|
+
create: () => numberAdapter,
|
|
50
|
+
});
|
|
51
|
+
const tickers = new Set();
|
|
52
|
+
let timer = null;
|
|
53
|
+
function pump() {
|
|
54
|
+
const copy = Array.from(tickers);
|
|
55
|
+
for (const t of copy) {
|
|
56
|
+
const keep = t();
|
|
57
|
+
if (!keep)
|
|
58
|
+
tickers.delete(t);
|
|
59
|
+
}
|
|
60
|
+
if (tickers.size === 0 && timer) {
|
|
61
|
+
clearTimeout(timer);
|
|
62
|
+
timer = null;
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
// aim ~60fps
|
|
66
|
+
timer = setTimeout(pump, 16);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
function ensureLoop() {
|
|
70
|
+
if (!timer)
|
|
71
|
+
timer = setTimeout(pump, 16);
|
|
72
|
+
}
|
|
73
|
+
// ---- AnimationControls implementation ----
|
|
74
|
+
class AnimationControlsImpl {
|
|
75
|
+
_running = false;
|
|
76
|
+
_resolve;
|
|
77
|
+
finished = new Promise((res) => (this._resolve = res));
|
|
78
|
+
time = 0;
|
|
79
|
+
speed = 1;
|
|
80
|
+
isRunning() {
|
|
81
|
+
return this._running;
|
|
82
|
+
}
|
|
83
|
+
play() {
|
|
84
|
+
if (!this._running) {
|
|
85
|
+
this._running = true;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
pause() {
|
|
89
|
+
this._running = false;
|
|
90
|
+
}
|
|
91
|
+
stop() {
|
|
92
|
+
this._running = false;
|
|
93
|
+
this._resolve();
|
|
94
|
+
}
|
|
95
|
+
cancel() {
|
|
96
|
+
this._running = false;
|
|
97
|
+
}
|
|
98
|
+
seek(t) {
|
|
99
|
+
this.time = Math.max(0, t);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
// ---- MotionValue implementation ----
|
|
103
|
+
class MotionValueImpl {
|
|
104
|
+
adapter;
|
|
105
|
+
opts;
|
|
106
|
+
x;
|
|
107
|
+
v;
|
|
108
|
+
target;
|
|
109
|
+
last;
|
|
110
|
+
changeSubs = new Set();
|
|
111
|
+
settleSubs = new Set();
|
|
112
|
+
controls;
|
|
113
|
+
constructor(initial, adapter, opts) {
|
|
114
|
+
this.adapter = adapter;
|
|
115
|
+
const base = { ...DEFAULTS, maxDt: 0.1, ...(opts ?? {}) };
|
|
116
|
+
this.opts = base;
|
|
117
|
+
if (this.opts.duration != null) {
|
|
118
|
+
const derived = fromDurationBounce(this.opts.duration, this.opts.bounce ?? DEFAULTS.bounce);
|
|
119
|
+
this.opts.frequency = derived.frequency;
|
|
120
|
+
this.opts.dampingRatio = derived.dampingRatio;
|
|
121
|
+
}
|
|
122
|
+
this.x = adapter.toArray(initial);
|
|
123
|
+
this.v = this.x.map(() => 0);
|
|
124
|
+
this.target = this.x.slice();
|
|
125
|
+
}
|
|
126
|
+
get() {
|
|
127
|
+
return this.adapter.fromArray(this.x);
|
|
128
|
+
}
|
|
129
|
+
set(next) {
|
|
130
|
+
this.x = this.adapter.toArray(next);
|
|
131
|
+
if (this.adapter.clamp)
|
|
132
|
+
this.x = this.adapter.clamp(this.x);
|
|
133
|
+
this.v = this.v.map(() => 0);
|
|
134
|
+
this.target = this.x.slice();
|
|
135
|
+
this.emitChange();
|
|
136
|
+
}
|
|
137
|
+
setTarget(next) {
|
|
138
|
+
this.target = this.adapter.toArray(next);
|
|
139
|
+
if (this.adapter.clamp)
|
|
140
|
+
this.target = this.adapter.clamp(this.target);
|
|
141
|
+
}
|
|
142
|
+
getVelocity() {
|
|
143
|
+
return this.adapter.fromArray(this.v);
|
|
144
|
+
}
|
|
145
|
+
onChange(fn) {
|
|
146
|
+
this.changeSubs.add(fn);
|
|
147
|
+
return () => this.changeSubs.delete(fn);
|
|
148
|
+
}
|
|
149
|
+
onSettle(fn) {
|
|
150
|
+
this.settleSubs.add(fn);
|
|
151
|
+
return () => this.settleSubs.delete(fn);
|
|
152
|
+
}
|
|
153
|
+
animate(to, options) {
|
|
154
|
+
this.setTarget(to);
|
|
155
|
+
this.opts = { ...this.opts, ...(options ?? {}) };
|
|
156
|
+
if (this.opts.duration != null) {
|
|
157
|
+
const derived = fromDurationBounce(this.opts.duration, this.opts.bounce ?? DEFAULTS.bounce);
|
|
158
|
+
this.opts.frequency = derived.frequency;
|
|
159
|
+
this.opts.dampingRatio = derived.dampingRatio;
|
|
160
|
+
}
|
|
161
|
+
this.controls?.cancel();
|
|
162
|
+
const controls = new AnimationControlsImpl();
|
|
163
|
+
controls.play();
|
|
164
|
+
this.controls = controls;
|
|
165
|
+
this.last = undefined;
|
|
166
|
+
const tick = () => {
|
|
167
|
+
if (!controls.isRunning())
|
|
168
|
+
return false;
|
|
169
|
+
const now = Date.now();
|
|
170
|
+
const last = this.last ?? now;
|
|
171
|
+
const dt = Math.max(0, Math.min(this.opts.maxDt ?? 0.1, (now - last) / 1000));
|
|
172
|
+
this.last = now;
|
|
173
|
+
const { frequency: f, dampingRatio: z, epsilon, bounce } = this.opts;
|
|
174
|
+
let settled = true;
|
|
175
|
+
for (let i = 0; i < this.x.length; i++) {
|
|
176
|
+
const prevX = this.x[i];
|
|
177
|
+
let { x: nextX, v: nextV } = stepSpring1D(prevX, this.v[i], this.target[i], dt, f, z);
|
|
178
|
+
if ((bounce ?? DEFAULTS.bounce) <= 0) {
|
|
179
|
+
const crossed = (prevX - this.target[i]) * (nextX - this.target[i]) <= 0;
|
|
180
|
+
if (crossed) {
|
|
181
|
+
nextX = this.target[i];
|
|
182
|
+
nextV = 0;
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
this.x[i] = nextX;
|
|
186
|
+
this.v[i] = nextV;
|
|
187
|
+
if (!(Math.abs(this.x[i] - this.target[i]) < (epsilon ?? DEFAULTS.epsilon) &&
|
|
188
|
+
Math.abs(this.v[i]) < (epsilon ?? DEFAULTS.epsilon))) {
|
|
189
|
+
settled = false;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
if (this.adapter.clamp)
|
|
193
|
+
this.x = this.adapter.clamp(this.x);
|
|
194
|
+
this.emitChange();
|
|
195
|
+
if (settled) {
|
|
196
|
+
this.x = this.target.slice();
|
|
197
|
+
this.v = this.v.map(() => 0);
|
|
198
|
+
this.emitChange();
|
|
199
|
+
this.emitSettle();
|
|
200
|
+
controls.stop();
|
|
201
|
+
return false;
|
|
202
|
+
}
|
|
203
|
+
return true;
|
|
204
|
+
};
|
|
205
|
+
tickers.add(tick);
|
|
206
|
+
ensureLoop();
|
|
207
|
+
return controls;
|
|
208
|
+
}
|
|
209
|
+
stop() {
|
|
210
|
+
this.controls?.stop();
|
|
211
|
+
}
|
|
212
|
+
destroy() {
|
|
213
|
+
this.changeSubs.clear();
|
|
214
|
+
this.settleSubs.clear();
|
|
215
|
+
this.controls?.cancel();
|
|
216
|
+
}
|
|
217
|
+
emitChange() {
|
|
218
|
+
const v = this.get();
|
|
219
|
+
this.changeSubs.forEach((fn) => fn(v));
|
|
220
|
+
}
|
|
221
|
+
emitSettle() {
|
|
222
|
+
this.settleSubs.forEach((fn) => fn());
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
class ColorMotionValueImpl extends MotionValueImpl {
|
|
226
|
+
animate(to, options) {
|
|
227
|
+
const target = typeof to === "string" || typeof to === "number" ? colorLikeToRGB(to) : to;
|
|
228
|
+
return super.animate(target, options);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
export function motionValue(initial, opts) {
|
|
232
|
+
if (opts?.adapter) {
|
|
233
|
+
const norm = opts.adapter.fromArray(opts.adapter.toArray(initial));
|
|
234
|
+
return new MotionValueImpl(norm, opts.adapter, opts);
|
|
235
|
+
}
|
|
236
|
+
for (const entry of ADAPTERS) {
|
|
237
|
+
if (entry.test(initial)) {
|
|
238
|
+
const adapter = entry.create(initial);
|
|
239
|
+
const normalized = entry.normalize ? entry.normalize(initial) : adapter.fromArray(adapter.toArray(initial));
|
|
240
|
+
if (adapter === rgbAdapter)
|
|
241
|
+
return new ColorMotionValueImpl(normalized, adapter, opts);
|
|
242
|
+
return new MotionValueImpl(normalized, adapter, opts);
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
throw new Error("No adapter found for initial value. Provide { adapter } explicitly.");
|
|
246
|
+
}
|
|
247
|
+
export function animate(mv, to, opts) {
|
|
248
|
+
return mv.animate(to, opts);
|
|
249
|
+
}
|
|
250
|
+
//# sourceMappingURL=motion-value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-value.js","sourceRoot":"","sources":["../src/motion-value.ts"],"names":[],"mappings":"AAAA,uEAAuE;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAqB,MAAM,qBAAqB,CAAA;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AA0C5C,8BAA8B;AAE9B,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACf,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC9C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC3C;IACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;IAC9F,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAChB,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ;QAC7C,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAQ,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAQ,CAAC,CAAC;QACvF,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7C,CAAA;AAUD,MAAM,QAAQ,GAAmB,EAAE,CAAA;AAEnC,MAAM,UAAU,eAAe,CAAC,KAAmB;IAClD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AACxB,CAAC;AAED,SAAS,aAAa,CAAC,CAAM;IAC5B,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AACnH,CAAC;AAED,SAAS,WAAW,CAAC,CAAU;IAC9B,IAAI,aAAa,CAAC,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QACpD,MAAM,MAAM,GAAG,UAAU,CAAC,CAAQ,CAAC,CAAA;QACnC,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC;IACD,OAAO,KAAK,CAAA;AACb,CAAC;AAED,6BAA6B;AAC7B,eAAe,CAAC;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU;IACxB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAc,CAAC;CAChD,CAAC,CAAA;AACF,eAAe,CAAC;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa;CAC3B,CAAC,CAAA;AAKF,MAAM,OAAO,GAAG,IAAI,GAAG,EAAY,CAAA;AACnC,IAAI,KAAK,GAA0B,IAAI,CAAA;AAEvC,SAAS,IAAI;IACZ,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAChC,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,CAAC,EAAE,CAAA;QAChB,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC7B,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,EAAE,CAAC;QACjC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,GAAG,IAAI,CAAA;IACb,CAAC;SAAM,CAAC;QACP,aAAa;QACb,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IAC7B,CAAC;AACF,CAAC;AAED,SAAS,UAAU;IAClB,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACzC,CAAC;AAED,6CAA6C;AAE7C,MAAM,qBAAqB;IAClB,QAAQ,GAAG,KAAK,CAAA;IAChB,QAAQ,CAAa;IAC7B,QAAQ,GAAkB,IAAI,OAAO,CAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAA;IAC3E,IAAI,GAAG,CAAC,CAAA;IACR,KAAK,GAAG,CAAC,CAAA;IACT,SAAS;QACR,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC;IACD,IAAI;QACH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACrB,CAAC;IACF,CAAC;IACD,KAAK;QACJ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACtB,CAAC;IACD,IAAI;QACH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAA;IAChB,CAAC;IACD,MAAM;QACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACtB,CAAC;IACD,IAAI,CAAC,CAAS;QACb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3B,CAAC;CACD;AAED,uCAAuC;AAEvC,MAAM,eAAe;IACZ,OAAO,CAAY;IACnB,IAAI,CAAyB;IAC7B,CAAC,CAAU;IACX,CAAC,CAAU;IACX,MAAM,CAAU;IAChB,IAAI,CAAoB;IACxB,UAAU,GAAG,IAAI,GAAG,EAAkB,CAAA;IACtC,UAAU,GAAG,IAAI,GAAG,EAAc,CAAA;IAClC,QAAQ,CAAwB;IAExC,YAAY,OAAU,EAAE,OAAmB,EAAE,IAAoB;QAChE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAA;QACzD,IAAI,CAAC,IAAI,GAAG,IAA+B,CAAA;QAC3C,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC3F,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;YACvC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;QAC9C,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAA;IAC7B,CAAC;IAED,GAAG;QACF,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;IACD,GAAG,CAAC,IAAO;QACV,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACnC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK;YAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAA;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAA;IAClB,CAAC;IACD,SAAS,CAAC,IAAO;QAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACxC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK;YAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtE,CAAC;IACD,WAAW;QACV,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;IACD,QAAQ,CAAC,EAAkB;QAC1B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACvB,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC;IACD,QAAQ,CAAC,EAAc;QACtB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACvB,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,EAAK,EAAE,OAAuB;QACrC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAClB,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAA6B,CAAA;QAC3E,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC3F,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;YACvC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;QAC9C,CAAC;QACD,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;QACvB,MAAM,QAAQ,GAAG,IAAI,qBAAqB,EAAE,CAAA;QAC5C,QAAQ,CAAC,IAAI,EAAE,CAAA;QACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;QAErB,MAAM,IAAI,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;gBAAE,OAAO,KAAK,CAAA;YACvC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YACtB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,CAAA;YAC7B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;YAC7E,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;YACf,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAA;YACpE,IAAI,OAAO,GAAG,IAAI,CAAA;YAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBACvB,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAE,EAAE,CAAE,CAAC,CAAA;gBACvF,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtC,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;oBACxE,IAAI,OAAO,EAAE,CAAC;wBACb,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;wBACtB,KAAK,GAAG,CAAC,CAAA;oBACV,CAAC;gBACF,CAAC;gBACD,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;gBACjB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;gBACjB,IACC,CAAC,CACA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAQ,CAAC;oBACrE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAQ,CAAC,CACpD,EACA,CAAC;oBACF,OAAO,GAAG,KAAK,CAAA;gBAChB,CAAC;YACF,CAAC;YACD,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK;gBAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAC3D,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,OAAO,EAAE,CAAC;gBACb,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;gBAC5B,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;gBAC5B,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,QAAQ,CAAC,IAAI,EAAE,CAAA;gBACf,OAAO,KAAK,CAAA;YACb,CAAC;YACD,OAAO,IAAI,CAAA;QACZ,CAAC,CAAA;QACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACjB,UAAU,EAAE,CAAA;QACZ,OAAO,QAAQ,CAAA;IAChB,CAAC;IAED,IAAI;QACH,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;IACtB,CAAC;IACD,OAAO;QACN,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;QACvB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;IACxB,CAAC;IAEO,UAAU;QACjB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACpB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IACvC,CAAC;IACO,UAAU;QACjB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACtC,CAAC;CACD;AAED,MAAM,oBAAqB,SAAQ,eAA2B;IACpD,OAAO,CAAC,EAA0B,EAAE,OAAuB;QACnE,MAAM,MAAM,GACX,OAAO,EAAE,KAAK,QAAQ,IAAI,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAAe,CAAC,CAAC,CAAC,CAAE,EAAiB,CAAA;QACxG,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,CAAC;CACD;AAUD,MAAM,UAAU,WAAW,CAAC,OAAY,EAAE,IAAiD;IAC1F,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;QAClE,OAAO,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IACrD,CAAC;IACD,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;QAC9B,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACrC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;YAC3G,IAAI,OAAO,KAAK,UAAU;gBAAE,OAAO,IAAI,oBAAoB,CAAC,UAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;YACpG,OAAO,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;QACtD,CAAC;IACF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC,CAAA;AACvF,CAAC;AAMD,MAAM,UAAU,OAAO,CAAC,EAAO,EAAE,EAAO,EAAE,IAAoB;IAC7D,OAAO,EAAE,CAAC,OAAO,CAAC,EAAS,EAAE,IAAI,CAAC,CAAA;AACnC,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Palette, type Surface as SurfaceType } from "../render/surface.js";
|
|
2
|
+
import { type RunWriter } from "../render/diff.js";
|
|
3
|
+
import type { View } from "../ui/core/view.js";
|
|
4
|
+
import type { TerminalBackend } from "../runtime/backend_node.js";
|
|
5
|
+
import { Effect } from "effect";
|
|
6
|
+
export interface DisplayRenderer {
|
|
7
|
+
start(): void;
|
|
8
|
+
draw(view: View): void;
|
|
9
|
+
resize(cols: number, rows: number): void;
|
|
10
|
+
end(): void;
|
|
11
|
+
}
|
|
12
|
+
declare abstract class BaseRenderer implements DisplayRenderer {
|
|
13
|
+
protected backend: TerminalBackend;
|
|
14
|
+
protected palette: Palette;
|
|
15
|
+
protected prev?: SurfaceType;
|
|
16
|
+
protected next?: SurfaceType;
|
|
17
|
+
constructor(backend: TerminalBackend);
|
|
18
|
+
abstract start(): void;
|
|
19
|
+
abstract end(): void;
|
|
20
|
+
abstract makeWriter(): RunWriter;
|
|
21
|
+
protected ensureFrames(cols: number, rows: number): void;
|
|
22
|
+
protected swap(): void;
|
|
23
|
+
draw(view: View): void;
|
|
24
|
+
resize(_c: number, _r: number): void;
|
|
25
|
+
}
|
|
26
|
+
export declare class FullscreenRenderer extends BaseRenderer {
|
|
27
|
+
/**
|
|
28
|
+
* Create a fullscreen renderer. Kept as an Effect to align with inline
|
|
29
|
+
* and allow future async setup without changing call sites.
|
|
30
|
+
*/
|
|
31
|
+
static make(backend: TerminalBackend): Effect.Effect<FullscreenRenderer, never, never>;
|
|
32
|
+
start(): void;
|
|
33
|
+
end(): void;
|
|
34
|
+
makeWriter(): RunWriter;
|
|
35
|
+
}
|
|
36
|
+
export declare class InlineRenderer extends BaseRenderer {
|
|
37
|
+
private writer;
|
|
38
|
+
private baseRow;
|
|
39
|
+
private skipDiff;
|
|
40
|
+
private lastPrintedHeight;
|
|
41
|
+
/**
|
|
42
|
+
* Create an inline renderer anchored to the current cursor row.
|
|
43
|
+
*/
|
|
44
|
+
static make(backend: TerminalBackend): Effect.Effect<InlineRenderer, never, never>;
|
|
45
|
+
setBaseRow(n: number): void;
|
|
46
|
+
start(): void;
|
|
47
|
+
end(): void;
|
|
48
|
+
makeWriter(): RunWriter;
|
|
49
|
+
resize(c: number, r: number): void;
|
|
50
|
+
draw(view: View): void;
|
|
51
|
+
}
|
|
52
|
+
export type RendererMode = "fullscreen" | "inline";
|
|
53
|
+
export declare class TerminalRenderer {
|
|
54
|
+
private constructor();
|
|
55
|
+
static make(mode: RendererMode, backend: TerminalBackend): Effect.Effect<FullscreenRenderer, never, never>;
|
|
56
|
+
}
|
|
57
|
+
export {};
|
|
58
|
+
//# sourceMappingURL=display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../src/present/display.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAW,KAAK,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACpF,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAG/B,MAAM,WAAW,eAAe;IAC9B,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,GAAG,IAAI,IAAI,CAAA;CACZ;AAED,uBAAe,YAAa,YAAW,eAAe;IAKxC,SAAS,CAAC,OAAO,EAAE,eAAe;IAJ9C,SAAS,CAAC,OAAO,UAAgB;IACjC,SAAS,CAAC,IAAI,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,IAAI,CAAC,EAAE,WAAW,CAAA;gBAEN,OAAO,EAAE,eAAe;IAC9C,QAAQ,CAAC,KAAK,IAAI,IAAI;IACtB,QAAQ,CAAC,GAAG,IAAI,IAAI;IACpB,QAAQ,CAAC,UAAU,IAAI,SAAS;IAEhC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAgBjD,SAAS,CAAC,IAAI;IAMd,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAkBtB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;CAMrC;AAED,qBAAa,kBAAmB,SAAQ,YAAY;IAClD;;;OAGG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe;IAGpC,KAAK,IAAI,IAAI;IAGb,GAAG,IAAI,IAAI;IAGX,UAAU,IAAI,SAAS;CAGxB;AAED,qBAAa,cAAe,SAAQ,YAAY;IAC9C,OAAO,CAAC,MAAM,CAAmC;IACjD,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,iBAAiB,CAAI;IAE7B;;OAEG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe;IAWpC,UAAU,CAAC,CAAC,EAAE,MAAM;IAIpB,KAAK,IAAI,IAAI;IAGb,GAAG,IAAI,IAAI;IAMX,UAAU,IAAI,SAAS;IAKd,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAYlC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;CAoDhC;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,QAAQ,CAAA;AAElD,qBAAa,gBAAgB;IAC3B,OAAO;IACP,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe;CAGzD"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { Palette, Surface } from "../render/surface.js";
|
|
2
|
+
import { diffFrames } from "../render/diff.js";
|
|
3
|
+
import { FullscreenWriter } from "./writers/fullscreen.js";
|
|
4
|
+
import { LineDiffWriter } from "./writers/inline.js";
|
|
5
|
+
import { ANSI, Terminal } from "../ansi.js";
|
|
6
|
+
import { Effect } from "effect";
|
|
7
|
+
import { geometryStore } from "../ui/core/geometry-store.js";
|
|
8
|
+
class BaseRenderer {
|
|
9
|
+
backend;
|
|
10
|
+
palette = new Palette();
|
|
11
|
+
prev;
|
|
12
|
+
next;
|
|
13
|
+
constructor(backend) {
|
|
14
|
+
this.backend = backend;
|
|
15
|
+
}
|
|
16
|
+
ensureFrames(cols, rows) {
|
|
17
|
+
const needNew = !this.prev ||
|
|
18
|
+
!this.next ||
|
|
19
|
+
this.prev.w !== cols ||
|
|
20
|
+
this.prev.h !== rows ||
|
|
21
|
+
this.next.w !== cols ||
|
|
22
|
+
this.next.h !== rows;
|
|
23
|
+
if (needNew) {
|
|
24
|
+
this.prev = new Surface(cols, rows, { palette: this.palette });
|
|
25
|
+
this.next = new Surface(cols, rows, { palette: this.palette });
|
|
26
|
+
this.prev.clear(0);
|
|
27
|
+
this.next.clear(0);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
swap() {
|
|
31
|
+
const t = this.prev;
|
|
32
|
+
this.prev = this.next;
|
|
33
|
+
this.next = t;
|
|
34
|
+
}
|
|
35
|
+
draw(view) {
|
|
36
|
+
const { cols, rows } = this.backend.size();
|
|
37
|
+
this.ensureFrames(cols, rows);
|
|
38
|
+
// render into the "next" frame
|
|
39
|
+
this.next?.clear(0);
|
|
40
|
+
geometryStore.beginFrame();
|
|
41
|
+
view.render(this.next, this.palette, { x: 0, y: 0, w: cols, h: rows });
|
|
42
|
+
geometryStore.endFrame();
|
|
43
|
+
const writer = this.makeWriter();
|
|
44
|
+
diffFrames(this.prev, this.next, writer);
|
|
45
|
+
this.backend.write(writer.flush());
|
|
46
|
+
// swap for next frame
|
|
47
|
+
this.swap();
|
|
48
|
+
}
|
|
49
|
+
resize(_c, _r) {
|
|
50
|
+
// Clear terminal and force full rerender
|
|
51
|
+
this.backend.write(Terminal.clearAndHome); // clear screen + move to top-left
|
|
52
|
+
delete this.prev;
|
|
53
|
+
delete this.next;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
export class FullscreenRenderer extends BaseRenderer {
|
|
57
|
+
/**
|
|
58
|
+
* Create a fullscreen renderer. Kept as an Effect to align with inline
|
|
59
|
+
* and allow future async setup without changing call sites.
|
|
60
|
+
*/
|
|
61
|
+
static make(backend) {
|
|
62
|
+
return Effect.sync(() => new FullscreenRenderer(backend));
|
|
63
|
+
}
|
|
64
|
+
start() {
|
|
65
|
+
this.backend.enterFullscreen();
|
|
66
|
+
}
|
|
67
|
+
end() {
|
|
68
|
+
this.backend.exitFullscreen();
|
|
69
|
+
}
|
|
70
|
+
makeWriter() {
|
|
71
|
+
return new FullscreenWriter(this.palette);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
export class InlineRenderer extends BaseRenderer {
|
|
75
|
+
writer = new LineDiffWriter(this.palette);
|
|
76
|
+
baseRow;
|
|
77
|
+
skipDiff = false;
|
|
78
|
+
lastPrintedHeight = 1;
|
|
79
|
+
/**
|
|
80
|
+
* Create an inline renderer anchored to the current cursor row.
|
|
81
|
+
*/
|
|
82
|
+
static make(backend) {
|
|
83
|
+
return Effect.promise(() => backend.getCursorPosition()).pipe(Effect.catchAll(() => Effect.succeed({ row: process.stdout.rows || 24, col: 1 })), Effect.map((pos) => {
|
|
84
|
+
const r = new InlineRenderer(backend);
|
|
85
|
+
r.setBaseRow(Math.max(0, (pos.row | 0) - 1));
|
|
86
|
+
return r;
|
|
87
|
+
}));
|
|
88
|
+
}
|
|
89
|
+
setBaseRow(n) {
|
|
90
|
+
this.baseRow = Math.max(0, n | 0);
|
|
91
|
+
}
|
|
92
|
+
start() {
|
|
93
|
+
this.backend.hideCursor();
|
|
94
|
+
}
|
|
95
|
+
end() {
|
|
96
|
+
const topRow = this.baseRow ?? 0;
|
|
97
|
+
const nextRow1 = Math.max(1, topRow + this.lastPrintedHeight);
|
|
98
|
+
this.backend.write(ANSI.cursor.to(nextRow1 + 1, 1));
|
|
99
|
+
this.backend.showCursor();
|
|
100
|
+
}
|
|
101
|
+
makeWriter() {
|
|
102
|
+
return this.writer;
|
|
103
|
+
}
|
|
104
|
+
// Override resize to clear screen and reset base row for inline mode
|
|
105
|
+
resize(c, r) {
|
|
106
|
+
// Clear entire screen, scrollback buffer, and move cursor to top-left
|
|
107
|
+
this.backend.write(ANSI.screen.clearScrollback + Terminal.clearAndHome);
|
|
108
|
+
// Reset base row to start from top
|
|
109
|
+
this.baseRow = 0;
|
|
110
|
+
// Force full redraw on next draw
|
|
111
|
+
this.skipDiff = true;
|
|
112
|
+
// Call parent to clear surfaces
|
|
113
|
+
super.resize(c, r);
|
|
114
|
+
}
|
|
115
|
+
// Override draw to support inline base-row anchoring and scroll-up
|
|
116
|
+
draw(view) {
|
|
117
|
+
const { cols, rows } = this.backend.size();
|
|
118
|
+
this.ensureFrames(cols, rows);
|
|
119
|
+
let baseRow = this.baseRow ?? 0;
|
|
120
|
+
const measured = view.measure(cols, rows);
|
|
121
|
+
const renderW = Math.max(1, Math.min(cols, measured.w || 0));
|
|
122
|
+
const renderH = Math.max(1, Math.min(rows, measured.h || 0));
|
|
123
|
+
// Render into the "next" frame (clamp to measured size so we don't fill the viewport)
|
|
124
|
+
this.next?.clear(0);
|
|
125
|
+
geometryStore.beginFrame();
|
|
126
|
+
view.render(this.next, this.palette, { x: 0, y: 0, w: renderW, h: renderH });
|
|
127
|
+
geometryStore.endFrame();
|
|
128
|
+
// Determine content footprint
|
|
129
|
+
const bounds = this.next?.contentBounds();
|
|
130
|
+
const contentH = Math.max(1, (bounds?.h ?? 0) | 0);
|
|
131
|
+
this.lastPrintedHeight = contentH;
|
|
132
|
+
// If bottom would overflow viewport, scroll up and reduce baseRow
|
|
133
|
+
const bottom1 = baseRow + contentH;
|
|
134
|
+
if (bottom1 > rows) {
|
|
135
|
+
const scroll = bottom1 - rows;
|
|
136
|
+
if (scroll > 0) {
|
|
137
|
+
this.backend.write(ANSI.scroll.up(scroll));
|
|
138
|
+
baseRow = Math.max(0, baseRow - scroll);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
// Inform writer of base row for absolute addressing
|
|
142
|
+
this.writer.setBaseRow?.(baseRow);
|
|
143
|
+
// If we need to skip diff, render directly
|
|
144
|
+
if (this.skipDiff) {
|
|
145
|
+
// Position cursor at base row
|
|
146
|
+
this.backend.write(ANSI.cursor.to(baseRow + 1, 1));
|
|
147
|
+
// Just render what we have in the surface (viewport content)
|
|
148
|
+
const output = this.next?.buildStyledLines({ x: 0, y: 0, w: this.next?.w ?? 0, h: contentH }, this.palette);
|
|
149
|
+
this.backend.write((output ?? []).join("\n"));
|
|
150
|
+
this.skipDiff = false;
|
|
151
|
+
}
|
|
152
|
+
else {
|
|
153
|
+
// Normal diff and flush
|
|
154
|
+
diffFrames(this.prev, this.next, this.writer);
|
|
155
|
+
this.backend.write(this.writer.flush());
|
|
156
|
+
}
|
|
157
|
+
// swap for next frame and advance baseline for subsequent renders
|
|
158
|
+
this.swap();
|
|
159
|
+
this.baseRow = baseRow;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
export class TerminalRenderer {
|
|
163
|
+
constructor() { }
|
|
164
|
+
static make(mode, backend) {
|
|
165
|
+
return mode === "inline" ? InlineRenderer.make(backend) : FullscreenRenderer.make(backend);
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
//# sourceMappingURL=display.js.map
|