motion-script 1.0.0
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/dist/attributes/bounds/bounds.d.ts +10 -0
- package/dist/attributes/bounds/bounds.d.ts.map +1 -0
- package/dist/attributes/bounds/bounds.js +2 -0
- package/dist/attributes/bounds/bounds.js.map +1 -0
- package/dist/attributes/fill/blend.d.ts +4 -0
- package/dist/attributes/fill/blend.d.ts.map +1 -0
- package/dist/attributes/fill/blend.js +14 -0
- package/dist/attributes/fill/blend.js.map +1 -0
- package/dist/attributes/fill/fill.d.ts +28 -0
- package/dist/attributes/fill/fill.d.ts.map +1 -0
- package/dist/attributes/fill/fill.js +23 -0
- package/dist/attributes/fill/fill.js.map +1 -0
- package/dist/attributes/fill/registry.d.ts +23 -0
- package/dist/attributes/fill/registry.d.ts.map +1 -0
- package/dist/attributes/fill/registry.js +106 -0
- package/dist/attributes/fill/registry.js.map +1 -0
- package/dist/attributes/index.d.ts +9 -0
- package/dist/attributes/index.d.ts.map +1 -0
- package/dist/attributes/index.js +9 -0
- package/dist/attributes/index.js.map +1 -0
- package/dist/attributes/insets/inset.d.ts +7 -0
- package/dist/attributes/insets/inset.d.ts.map +1 -0
- package/dist/attributes/insets/inset.js +2 -0
- package/dist/attributes/insets/inset.js.map +1 -0
- package/dist/attributes/position/vector2.d.ts +5 -0
- package/dist/attributes/position/vector2.d.ts.map +1 -0
- package/dist/attributes/position/vector2.js +2 -0
- package/dist/attributes/position/vector2.js.map +1 -0
- package/dist/attributes/size/constraints.d.ts +5 -0
- package/dist/attributes/size/constraints.d.ts.map +1 -0
- package/dist/attributes/size/constraints.js +2 -0
- package/dist/attributes/size/constraints.js.map +1 -0
- package/dist/attributes/size/size.d.ts +6 -0
- package/dist/attributes/size/size.d.ts.map +1 -0
- package/dist/attributes/size/size.js +2 -0
- package/dist/attributes/size/size.js.map +1 -0
- package/dist/attributes/stroke/stroke.d.ts +6 -0
- package/dist/attributes/stroke/stroke.d.ts.map +1 -0
- package/dist/attributes/stroke/stroke.js +2 -0
- package/dist/attributes/stroke/stroke.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/jsx/jsx-dev-runtime.d.ts +4 -0
- package/dist/jsx/jsx-dev-runtime.d.ts.map +1 -0
- package/dist/jsx/jsx-dev-runtime.js +16 -0
- package/dist/jsx/jsx-dev-runtime.js.map +1 -0
- package/dist/jsx/jsx-runtime.d.ts +4 -0
- package/dist/jsx/jsx-runtime.d.ts.map +1 -0
- package/dist/jsx/jsx-runtime.js +16 -0
- package/dist/jsx/jsx-runtime.js.map +1 -0
- package/dist/nodes/base/node.d.ts +37 -0
- package/dist/nodes/base/node.d.ts.map +1 -0
- package/dist/nodes/base/node.js +107 -0
- package/dist/nodes/base/node.js.map +1 -0
- package/dist/nodes/flex/node.d.ts +35 -0
- package/dist/nodes/flex/node.d.ts.map +1 -0
- package/dist/nodes/flex/node.js +318 -0
- package/dist/nodes/flex/node.js.map +1 -0
- package/dist/nodes/flex/props.d.ts +27 -0
- package/dist/nodes/flex/props.d.ts.map +1 -0
- package/dist/nodes/flex/props.js +2 -0
- package/dist/nodes/flex/props.js.map +1 -0
- package/dist/nodes/index.d.ts +13 -0
- package/dist/nodes/index.d.ts.map +1 -0
- package/dist/nodes/index.js +13 -0
- package/dist/nodes/index.js.map +1 -0
- package/dist/nodes/rect/node.d.ts +14 -0
- package/dist/nodes/rect/node.d.ts.map +1 -0
- package/dist/nodes/rect/node.js +55 -0
- package/dist/nodes/rect/node.js.map +1 -0
- package/dist/nodes/rect/props.d.ts +10 -0
- package/dist/nodes/rect/props.d.ts.map +1 -0
- package/dist/nodes/rect/props.js +2 -0
- package/dist/nodes/rect/props.js.map +1 -0
- package/dist/nodes/registry.d.ts +3 -0
- package/dist/nodes/registry.d.ts.map +1 -0
- package/dist/nodes/registry.js +31 -0
- package/dist/nodes/registry.js.map +1 -0
- package/dist/nodes/shape/node.d.ts +15 -0
- package/dist/nodes/shape/node.d.ts.map +1 -0
- package/dist/nodes/shape/node.js +32 -0
- package/dist/nodes/shape/node.js.map +1 -0
- package/dist/nodes/shape/props.d.ts +8 -0
- package/dist/nodes/shape/props.d.ts.map +1 -0
- package/dist/nodes/shape/props.js +2 -0
- package/dist/nodes/shape/props.js.map +1 -0
- package/dist/nodes/text/node.d.ts +18 -0
- package/dist/nodes/text/node.d.ts.map +1 -0
- package/dist/nodes/text/node.js +76 -0
- package/dist/nodes/text/node.js.map +1 -0
- package/dist/nodes/text/props.d.ts +11 -0
- package/dist/nodes/text/props.d.ts.map +1 -0
- package/dist/nodes/text/props.js +2 -0
- package/dist/nodes/text/props.js.map +1 -0
- package/dist/nodes/transform/node.d.ts +39 -0
- package/dist/nodes/transform/node.d.ts.map +1 -0
- package/dist/nodes/transform/node.js +160 -0
- package/dist/nodes/transform/node.js.map +1 -0
- package/dist/nodes/transform/props.d.ts +11 -0
- package/dist/nodes/transform/props.d.ts.map +1 -0
- package/dist/nodes/transform/props.js +2 -0
- package/dist/nodes/transform/props.js.map +1 -0
- package/dist/project/generator.d.ts +2 -0
- package/dist/project/generator.d.ts.map +1 -0
- package/dist/project/generator.js +2 -0
- package/dist/project/generator.js.map +1 -0
- package/dist/project/index.d.ts +4 -0
- package/dist/project/index.d.ts.map +1 -0
- package/dist/project/index.js +4 -0
- package/dist/project/index.js.map +1 -0
- package/dist/project/project.d.ts +14 -0
- package/dist/project/project.d.ts.map +1 -0
- package/dist/project/project.js +2 -0
- package/dist/project/project.js.map +1 -0
- package/dist/project/scene.d.ts +49 -0
- package/dist/project/scene.d.ts.map +1 -0
- package/dist/project/scene.js +2 -0
- package/dist/project/scene.js.map +1 -0
- package/dist/rendering/contexts/draw-context.d.ts +17 -0
- package/dist/rendering/contexts/draw-context.d.ts.map +1 -0
- package/dist/rendering/contexts/draw-context.js +12 -0
- package/dist/rendering/contexts/draw-context.js.map +1 -0
- package/dist/rendering/contexts/pixi-context.d.ts +29 -0
- package/dist/rendering/contexts/pixi-context.d.ts.map +1 -0
- package/dist/rendering/contexts/pixi-context.js +117 -0
- package/dist/rendering/contexts/pixi-context.js.map +1 -0
- package/dist/rendering/index.d.ts +11 -0
- package/dist/rendering/index.d.ts.map +1 -0
- package/dist/rendering/index.js +11 -0
- package/dist/rendering/index.js.map +1 -0
- package/dist/rendering/painters/base/painter.d.ts +9 -0
- package/dist/rendering/painters/base/painter.d.ts.map +1 -0
- package/dist/rendering/painters/base/painter.js +12 -0
- package/dist/rendering/painters/base/painter.js.map +1 -0
- package/dist/rendering/painters/ellipse/ellipse.d.ts +9 -0
- package/dist/rendering/painters/ellipse/ellipse.d.ts.map +1 -0
- package/dist/rendering/painters/ellipse/ellipse.js +2 -0
- package/dist/rendering/painters/ellipse/ellipse.js.map +1 -0
- package/dist/rendering/painters/latex/state.d.ts +6 -0
- package/dist/rendering/painters/latex/state.d.ts.map +1 -0
- package/dist/rendering/painters/latex/state.js +2 -0
- package/dist/rendering/painters/latex/state.js.map +1 -0
- package/dist/rendering/painters/rect/cache.d.ts +22 -0
- package/dist/rendering/painters/rect/cache.d.ts.map +1 -0
- package/dist/rendering/painters/rect/cache.js +106 -0
- package/dist/rendering/painters/rect/cache.js.map +1 -0
- package/dist/rendering/painters/rect/painter.d.ts +13 -0
- package/dist/rendering/painters/rect/painter.d.ts.map +1 -0
- package/dist/rendering/painters/rect/painter.js +66 -0
- package/dist/rendering/painters/rect/painter.js.map +1 -0
- package/dist/rendering/painters/rect/state.d.ts +11 -0
- package/dist/rendering/painters/rect/state.d.ts.map +1 -0
- package/dist/rendering/painters/rect/state.js +21 -0
- package/dist/rendering/painters/rect/state.js.map +1 -0
- package/dist/rendering/painters/shape/state.d.ts +9 -0
- package/dist/rendering/painters/shape/state.d.ts.map +1 -0
- package/dist/rendering/painters/shape/state.js +2 -0
- package/dist/rendering/painters/shape/state.js.map +1 -0
- package/dist/rendering/painters/text/cache.d.ts +30 -0
- package/dist/rendering/painters/text/cache.d.ts.map +1 -0
- package/dist/rendering/painters/text/cache.js +525 -0
- package/dist/rendering/painters/text/cache.js.map +1 -0
- package/dist/rendering/painters/text/geometry/font/cache.d.ts +9 -0
- package/dist/rendering/painters/text/geometry/font/cache.d.ts.map +1 -0
- package/dist/rendering/painters/text/geometry/font/cache.js +20 -0
- package/dist/rendering/painters/text/geometry/font/cache.js.map +1 -0
- package/dist/rendering/painters/text/geometry/font/fonts.json +3844 -0
- package/dist/rendering/painters/text/geometry/font/loader.d.ts +4 -0
- package/dist/rendering/painters/text/geometry/font/loader.d.ts.map +1 -0
- package/dist/rendering/painters/text/geometry/font/loader.js +33 -0
- package/dist/rendering/painters/text/geometry/font/loader.js.map +1 -0
- package/dist/rendering/painters/text/geometry/font/ttf.d.ts +27 -0
- package/dist/rendering/painters/text/geometry/font/ttf.d.ts.map +1 -0
- package/dist/rendering/painters/text/geometry/font/ttf.js +26 -0
- package/dist/rendering/painters/text/geometry/font/ttf.js.map +1 -0
- package/dist/rendering/painters/text/geometry/path.d.ts +16 -0
- package/dist/rendering/painters/text/geometry/path.d.ts.map +1 -0
- package/dist/rendering/painters/text/geometry/path.js +40 -0
- package/dist/rendering/painters/text/geometry/path.js.map +1 -0
- package/dist/rendering/painters/text/painter.d.ts +13 -0
- package/dist/rendering/painters/text/painter.d.ts.map +1 -0
- package/dist/rendering/painters/text/painter.js +69 -0
- package/dist/rendering/painters/text/painter.js.map +1 -0
- package/dist/rendering/painters/text/state.d.ts +12 -0
- package/dist/rendering/painters/text/state.d.ts.map +1 -0
- package/dist/rendering/painters/text/state.js +22 -0
- package/dist/rendering/painters/text/state.js.map +1 -0
- package/dist/rendering/painters/transform/painter.d.ts +9 -0
- package/dist/rendering/painters/transform/painter.d.ts.map +1 -0
- package/dist/rendering/painters/transform/painter.js +18 -0
- package/dist/rendering/painters/transform/painter.js.map +1 -0
- package/dist/rendering/painters/transform/state.d.ts +9 -0
- package/dist/rendering/painters/transform/state.d.ts.map +1 -0
- package/dist/rendering/painters/transform/state.js +2 -0
- package/dist/rendering/painters/transform/state.js.map +1 -0
- package/dist/rendering/textures/multi-fill.d.ts +1 -0
- package/dist/rendering/textures/multi-fill.d.ts.map +1 -0
- package/dist/rendering/textures/multi-fill.js +18 -0
- package/dist/rendering/textures/multi-fill.js.map +1 -0
- package/dist/signal/collector.d.ts +6 -0
- package/dist/signal/collector.d.ts.map +1 -0
- package/dist/signal/collector.js +18 -0
- package/dist/signal/collector.js.map +1 -0
- package/dist/signal/index.d.ts +3 -0
- package/dist/signal/index.d.ts.map +1 -0
- package/dist/signal/index.js +3 -0
- package/dist/signal/index.js.map +1 -0
- package/dist/signal/signal.d.ts +7 -0
- package/dist/signal/signal.d.ts.map +1 -0
- package/dist/signal/signal.js +217 -0
- package/dist/signal/signal.js.map +1 -0
- package/dist/signal/type.d.ts +40 -0
- package/dist/signal/type.d.ts.map +1 -0
- package/dist/signal/type.js +2 -0
- package/dist/signal/type.js.map +1 -0
- package/dist/tween/ease.d.ts +13 -0
- package/dist/tween/ease.d.ts.map +1 -0
- package/dist/tween/ease.js +40 -0
- package/dist/tween/ease.js.map +1 -0
- package/dist/tween/eases.d.ts +12 -0
- package/dist/tween/eases.d.ts.map +1 -0
- package/dist/tween/eases.js +69 -0
- package/dist/tween/eases.js.map +1 -0
- package/dist/tween/index.d.ts +7 -0
- package/dist/tween/index.d.ts.map +1 -0
- package/dist/tween/index.js +7 -0
- package/dist/tween/index.js.map +1 -0
- package/dist/tween/parallel.d.ts +3 -0
- package/dist/tween/parallel.d.ts.map +1 -0
- package/dist/tween/parallel.js +24 -0
- package/dist/tween/parallel.js.map +1 -0
- package/dist/tween/sequence.d.ts +3 -0
- package/dist/tween/sequence.d.ts.map +1 -0
- package/dist/tween/sequence.js +7 -0
- package/dist/tween/sequence.js.map +1 -0
- package/dist/tween/tests/realtime.test.d.ts +2 -0
- package/dist/tween/tests/realtime.test.d.ts.map +1 -0
- package/dist/tween/tests/realtime.test.js +76 -0
- package/dist/tween/tests/realtime.test.js.map +1 -0
- package/dist/tween/tween.d.ts +3 -0
- package/dist/tween/tween.d.ts.map +1 -0
- package/dist/tween/tween.js +14 -0
- package/dist/tween/tween.js.map +1 -0
- package/dist/tween/wait.d.ts +3 -0
- package/dist/tween/wait.d.ts.map +1 -0
- package/dist/tween/wait.js +10 -0
- package/dist/tween/wait.js.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/project/scene.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B;AAID,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B;AAID;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;CACf;AAID,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,MAAM,WAAW,YAAY;IACzB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;CACnB;AAID,MAAM,WAAW,KAAK;IAClB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.js","sourceRoot":"","sources":["../../src/project/scene.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type RectState } from "../painters/rect/state";
|
|
2
|
+
import { TextState } from "../painters/text/state";
|
|
3
|
+
import { TransformState } from "../painters/transform/state";
|
|
4
|
+
/**
|
|
5
|
+
* Helper used during `SceneGraph.toLayers()`; nodes call into this when
|
|
6
|
+
* drawing themselves. It essentially flattens the hierarchical node graph
|
|
7
|
+
* into a flat list of layer entries that the renderer consumes.
|
|
8
|
+
*/
|
|
9
|
+
export declare abstract class DrawContext {
|
|
10
|
+
beginFrame(): void;
|
|
11
|
+
endFrame(): void;
|
|
12
|
+
abstract rect(id: string, descriptor: Partial<RectState>): void;
|
|
13
|
+
abstract text(id: string, descriptor: Partial<TextState>): void;
|
|
14
|
+
abstract transform(id: string, descriptor: Partial<TransformState>): void;
|
|
15
|
+
abstract withNode(id: string, parentId: string | undefined, callback: () => void): void;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=draw-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw-context.d.ts","sourceRoot":"","sources":["../../../src/rendering/contexts/draw-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAK7D;;;;GAIG;AACH,8BAAsB,WAAW;IAI7B,UAAU,IAAI,IAAI;IAGlB,QAAQ,IAAI,IAAI;IAIhB,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAMzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;CAK1F"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Helper used during `SceneGraph.toLayers()`; nodes call into this when
|
|
3
|
+
* drawing themselves. It essentially flattens the hierarchical node graph
|
|
4
|
+
* into a flat list of layer entries that the renderer consumes.
|
|
5
|
+
*/
|
|
6
|
+
export class DrawContext {
|
|
7
|
+
beginFrame() {
|
|
8
|
+
}
|
|
9
|
+
endFrame() {
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=draw-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw-context.js","sourceRoot":"","sources":["../../../src/rendering/contexts/draw-context.ts"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,MAAM,OAAgB,WAAW;IAI7B,UAAU;IACV,CAAC;IAED,QAAQ;IAER,CAAC;CAeJ"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Application } from "pixi.js";
|
|
2
|
+
import { type RectState } from "../painters/rect/state";
|
|
3
|
+
import { DrawContext } from "./draw-context";
|
|
4
|
+
import { TextState } from "../painters/text/state";
|
|
5
|
+
import { TransformState } from "../painters/transform/state";
|
|
6
|
+
/**
|
|
7
|
+
* Helper used during `SceneGraph.toLayers()`; nodes call into this when
|
|
8
|
+
* drawing themselves. It essentially flattens the hierarchical node graph
|
|
9
|
+
* into a flat list of layer entries that the renderer consumes.
|
|
10
|
+
*/
|
|
11
|
+
export declare class PixiDrawContext extends DrawContext {
|
|
12
|
+
private rendererMap;
|
|
13
|
+
private nodeMap;
|
|
14
|
+
private currentIdStack;
|
|
15
|
+
private activeRendererIds;
|
|
16
|
+
private app;
|
|
17
|
+
private viewport;
|
|
18
|
+
constructor(app: Application, viewport: {
|
|
19
|
+
width: number;
|
|
20
|
+
height: number;
|
|
21
|
+
});
|
|
22
|
+
beginFrame(): void;
|
|
23
|
+
endFrame(): void;
|
|
24
|
+
rect(id: string, descriptor: Partial<RectState>): void;
|
|
25
|
+
text(id: string, descriptor: Partial<TextState>): void;
|
|
26
|
+
transform(id: string, descriptor: TransformState): void;
|
|
27
|
+
withNode(id: string, parentId: string | undefined, callback: () => void): void;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=pixi-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pixi-context.d.ts","sourceRoot":"","sources":["../../../src/rendering/contexts/pixi-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,WAAW,EAAa,MAAM,SAAS,CAAC;AAE9D,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC5C,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,GAAG,CAAc;IACzB,OAAO,CAAC,QAAQ,CAAoC;gBACxC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAMzE,UAAU,IAAI,IAAI;IAIlB,QAAQ,IAAI,IAAI;IAQhB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAwBtD,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;IAqBtD,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,GAAG,IAAI;IAoBvD,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;CAsBjF"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { Container } from "pixi.js";
|
|
2
|
+
import { withRectDescriptor } from "../painters/rect/state";
|
|
3
|
+
import { DrawContext } from "./draw-context";
|
|
4
|
+
import { withTextDescriptor } from "../painters/text/state";
|
|
5
|
+
import { TextPainter } from "../painters/text/painter";
|
|
6
|
+
import { RectPainter } from "../painters/rect/painter";
|
|
7
|
+
/**
|
|
8
|
+
* Helper used during `SceneGraph.toLayers()`; nodes call into this when
|
|
9
|
+
* drawing themselves. It essentially flattens the hierarchical node graph
|
|
10
|
+
* into a flat list of layer entries that the renderer consumes.
|
|
11
|
+
*/
|
|
12
|
+
export class PixiDrawContext extends DrawContext {
|
|
13
|
+
rendererMap = new Map();
|
|
14
|
+
nodeMap = new Map();
|
|
15
|
+
currentIdStack = [];
|
|
16
|
+
activeRendererIds = new Set();
|
|
17
|
+
app;
|
|
18
|
+
viewport;
|
|
19
|
+
constructor(app, viewport) {
|
|
20
|
+
super();
|
|
21
|
+
this.app = app;
|
|
22
|
+
this.viewport = viewport;
|
|
23
|
+
}
|
|
24
|
+
beginFrame() {
|
|
25
|
+
this.activeRendererIds.clear();
|
|
26
|
+
}
|
|
27
|
+
endFrame() {
|
|
28
|
+
for (const [rendererId, renderer] of this.rendererMap.entries()) {
|
|
29
|
+
if (this.activeRendererIds.has(rendererId))
|
|
30
|
+
continue;
|
|
31
|
+
renderer.destroy();
|
|
32
|
+
this.rendererMap.delete(rendererId);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
rect(id, descriptor) {
|
|
36
|
+
const nodeId = this.currentIdStack[this.currentIdStack.length - 1];
|
|
37
|
+
if (!nodeId) {
|
|
38
|
+
throw new Error(`No current node in context for rect with id ${id}`);
|
|
39
|
+
}
|
|
40
|
+
const nodeRectId = `${nodeId}_${id}`;
|
|
41
|
+
this.activeRendererIds.add(nodeRectId);
|
|
42
|
+
const existing = this.rendererMap.get(nodeRectId);
|
|
43
|
+
const fullDescriptor = withRectDescriptor(descriptor);
|
|
44
|
+
if (existing) {
|
|
45
|
+
existing.update(fullDescriptor);
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
const container = this.nodeMap.get(nodeId);
|
|
49
|
+
if (!container) {
|
|
50
|
+
throw new Error(`No container found for id ${nodeId}`);
|
|
51
|
+
}
|
|
52
|
+
// for now we assume all rects, but eventually this will need to branch based on type
|
|
53
|
+
const renderer = new RectPainter(id, container, fullDescriptor);
|
|
54
|
+
this.rendererMap.set(nodeRectId, renderer);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
text(id, descriptor) {
|
|
58
|
+
const nodeId = this.currentIdStack[this.currentIdStack.length - 1];
|
|
59
|
+
if (!nodeId) {
|
|
60
|
+
throw new Error(`No current node in context for text with id ${id}`);
|
|
61
|
+
}
|
|
62
|
+
const nodeTextId = `${nodeId}_${id}`;
|
|
63
|
+
this.activeRendererIds.add(nodeTextId);
|
|
64
|
+
const existing = this.rendererMap.get(nodeTextId);
|
|
65
|
+
const fullDescriptor = withTextDescriptor(descriptor);
|
|
66
|
+
if (existing) {
|
|
67
|
+
existing.update(fullDescriptor);
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
const container = this.nodeMap.get(nodeId);
|
|
71
|
+
if (!container) {
|
|
72
|
+
throw new Error(`No container found for id ${nodeId}`);
|
|
73
|
+
}
|
|
74
|
+
// for now we assume all rects, but eventually this will need to branch based on type
|
|
75
|
+
const renderer = new TextPainter(id, container, fullDescriptor);
|
|
76
|
+
this.rendererMap.set(nodeTextId, renderer);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
transform(id, descriptor) {
|
|
80
|
+
const nodeId = this.currentIdStack[this.currentIdStack.length - 1];
|
|
81
|
+
if (!nodeId) {
|
|
82
|
+
throw new Error(`No current node in context for transform with id ${id}`);
|
|
83
|
+
}
|
|
84
|
+
const container = this.nodeMap.get(nodeId);
|
|
85
|
+
if (!container) {
|
|
86
|
+
throw new Error(`No container found for id ${nodeId}`);
|
|
87
|
+
}
|
|
88
|
+
container.x = descriptor.x;
|
|
89
|
+
container.y = -descriptor.y;
|
|
90
|
+
// container.filters = [
|
|
91
|
+
// new AlphaFilter({ alpha: descriptor.opacity, antialias: true, }),
|
|
92
|
+
// ]
|
|
93
|
+
container.rotation = descriptor.rotate;
|
|
94
|
+
container.scale.set(descriptor.scale);
|
|
95
|
+
}
|
|
96
|
+
withNode(id, parentId, callback) {
|
|
97
|
+
this.currentIdStack.push(id);
|
|
98
|
+
if (!this.nodeMap.has(id)) {
|
|
99
|
+
const container = new Container();
|
|
100
|
+
if (parentId) {
|
|
101
|
+
const parentContainer = this.nodeMap.get(parentId);
|
|
102
|
+
if (!parentContainer) {
|
|
103
|
+
throw new Error(`Parent container with id ${parentId} not found for node ${id}`);
|
|
104
|
+
}
|
|
105
|
+
parentContainer.addChild(container);
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
this.app.stage.addChild(container);
|
|
109
|
+
this.app.stage.pivot.set(-this.viewport.width / 2, -this.viewport.height / 2);
|
|
110
|
+
}
|
|
111
|
+
this.nodeMap.set(id, container);
|
|
112
|
+
}
|
|
113
|
+
callback();
|
|
114
|
+
this.currentIdStack.pop();
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
//# sourceMappingURL=pixi-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pixi-context.js","sourceRoot":"","sources":["../../../src/rendering/contexts/pixi-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAkB,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAa,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKvD;;;;GAIG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IACpC,WAAW,GAA8B,IAAI,GAAG,EAAE,CAAC;IACnD,OAAO,GAA2B,IAAI,GAAG,EAAE,CAAC;IAC5C,cAAc,GAAa,EAAE,CAAC;IAC9B,iBAAiB,GAAgB,IAAI,GAAG,EAAE,CAAC;IAC3C,GAAG,CAAc;IACjB,QAAQ,CAAoC;IACpD,YAAY,GAAgB,EAAE,QAA2C;QACrE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED,UAAU;QACN,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,QAAQ;QACJ,KAAK,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC;YAC9D,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;gBAAE,SAAS;YACrD,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,EAAU,EAAE,UAA8B;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,MAAM,IAAI,KAAK,CAAC,+CAA+C,EAAE,EAAE,CAAC,CAAC;QACzE,CAAC;QACD,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,EAAE,EAAE,CAAC;QACrC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAA4B,CAAC;QAC7E,MAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;QAEtD,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;gBACb,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,EAAE,CAAC,CAAC;YAC3D,CAAC;YACD,qFAAqF;YACrF,MAAM,QAAQ,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAGD,IAAI,CAAC,EAAU,EAAE,UAA8B;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,MAAM,IAAI,KAAK,CAAC,+CAA+C,EAAE,EAAE,CAAC,CAAC;QACzE,CAAC;QACD,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,EAAE,EAAE,CAAC;QACrC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAA4B,CAAC;QAC7E,MAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACtD,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;gBACb,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,EAAE,CAAC,CAAC;YAC3D,CAAC;YACD,qFAAqF;YACrF,MAAM,QAAQ,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IACD,SAAS,CAAC,EAAU,EAAE,UAA0B;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,MAAM,IAAI,KAAK,CAAC,oDAAoD,EAAE,EAAE,CAAC,CAAC;QAC9E,CAAC;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,SAAS,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;QAC3B,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;QAC5B,wBAAwB;QACxB,wEAAwE;QACxE,IAAI;QACJ,SAAS,CAAC,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC;QACvC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAE1C,CAAC;IAGD,QAAQ,CAAC,EAAU,EAAE,QAA4B,EAAE,QAAoB;QACnE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACxB,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;YAClC,IAAI,QAAQ,EAAE,CAAC;gBACX,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACnD,IAAI,CAAC,eAAe,EAAE,CAAC;oBACnB,MAAM,IAAI,KAAK,CAAC,4BAA4B,QAAQ,uBAAuB,EAAE,EAAE,CAAC,CAAC;gBACrF,CAAC;gBACD,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAExC,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACnC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,CAAC;QACX,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;IAC9B,CAAC;CAGJ"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './contexts/draw-context';
|
|
2
|
+
export * from './contexts/pixi-context';
|
|
3
|
+
export * from './painters/rect/state';
|
|
4
|
+
export * from './painters/rect/painter';
|
|
5
|
+
export * from './painters/text/state';
|
|
6
|
+
export * from './painters/text/painter';
|
|
7
|
+
export * from './painters/transform/state';
|
|
8
|
+
export * from './painters/transform/painter';
|
|
9
|
+
export * from './painters/shape/state';
|
|
10
|
+
export * from './painters/base/painter';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rendering/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAExC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAExC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './contexts/draw-context';
|
|
2
|
+
export * from './contexts/pixi-context';
|
|
3
|
+
export * from './painters/rect/state';
|
|
4
|
+
export * from './painters/rect/painter';
|
|
5
|
+
export * from './painters/text/state';
|
|
6
|
+
export * from './painters/text/painter';
|
|
7
|
+
export * from './painters/transform/state';
|
|
8
|
+
export * from './painters/transform/painter';
|
|
9
|
+
export * from './painters/shape/state';
|
|
10
|
+
export * from './painters/base/painter';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rendering/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAExC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAExC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Container } from "pixi.js";
|
|
2
|
+
export declare abstract class BaseRenderer {
|
|
3
|
+
protected id: string;
|
|
4
|
+
protected container: Container;
|
|
5
|
+
constructor(id: string, container: Container);
|
|
6
|
+
abstract update(props: Record<string, any>): void;
|
|
7
|
+
destroy(): void;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=painter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/base/painter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,8BAAsB,YAAY;IAC9B,SAAS,CAAC,EAAE,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;gBACnB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;IAI5C,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAGjD,OAAO,IAAI,IAAI;CAGlB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export class BaseRenderer {
|
|
2
|
+
id;
|
|
3
|
+
container;
|
|
4
|
+
constructor(id, container) {
|
|
5
|
+
this.id = id;
|
|
6
|
+
this.container = container;
|
|
7
|
+
}
|
|
8
|
+
destroy() {
|
|
9
|
+
// Default implementation does nothing, but renderers can override this if they need to clean up resources
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=painter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"painter.js","sourceRoot":"","sources":["../../../../src/rendering/painters/base/painter.ts"],"names":[],"mappings":"AAEA,MAAM,OAAgB,YAAY;IACpB,EAAE,CAAS;IACX,SAAS,CAAY;IAC/B,YAAY,EAAU,EAAE,SAAoB;QACxC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;IAID,OAAO;QACH,0GAA0G;IAC9G,CAAC;CACJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ellipse.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/ellipse/ellipse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ellipse.js","sourceRoot":"","sources":["../../../../src/rendering/painters/ellipse/ellipse.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/latex/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/rendering/painters/latex/state.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { IFill } from '@/attributes/fill/fill';
|
|
2
|
+
import { GraphicsContext, Graphics } from 'pixi.js';
|
|
3
|
+
export declare class RectCache {
|
|
4
|
+
private _cache;
|
|
5
|
+
/**
|
|
6
|
+
* Now includes the Aspect Ratio in the hash.
|
|
7
|
+
* We multiply ratio by 100 and floor it to keep it as an integer.
|
|
8
|
+
*/
|
|
9
|
+
private _normalizeRadius;
|
|
10
|
+
getRect(width: number, height: number, radius: [number, number, number, number], fill: IFill[], paintStyle: "fill" | "stroke", strokeWeight: number): GraphicsContext;
|
|
11
|
+
createGraphics(args: {
|
|
12
|
+
graphics?: Graphics;
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
radius: [number, number, number, number];
|
|
16
|
+
fill: IFill[];
|
|
17
|
+
strokeWeight: number;
|
|
18
|
+
paintStyle: "fill" | "stroke";
|
|
19
|
+
}): Graphics;
|
|
20
|
+
}
|
|
21
|
+
export declare function useRectCache(): RectCache;
|
|
22
|
+
//# sourceMappingURL=cache.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAwE,MAAM,wBAAwB,CAAC;AAErH,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AAOlE,qBAAa,SAAS;IAClB,OAAO,CAAC,MAAM,CAA2C;IAEzD;;;OAGG;IAKH,OAAO,CAAC,gBAAgB;IAMjB,OAAO,CACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxC,IAAI,EAAE,KAAK,EAAE,EACb,UAAU,EAAE,MAAM,GAAG,QAAQ,EAC7B,YAAY,EAAE,MAAM,GACrB,eAAe;IAuDX,cAAc,CAEjB,IAAI,EAAE;QACF,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACzC,IAAI,EAAE,KAAK,EAAE,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;KACjC,GACF,QAAQ;CAgCd;AAGD,wBAAgB,YAAY,IAAI,SAAS,CAGxC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { isColorOnly, isLinearGradientOnly, toColorStops } from '@/attributes/fill/fill';
|
|
2
|
+
import { FillRegistry } from '@/attributes/fill/registry';
|
|
3
|
+
import { GraphicsContext, Graphics, FillGradient } from 'pixi.js';
|
|
4
|
+
function getHash(tl, tr, br, bl, ratio, fillHash) {
|
|
5
|
+
const r = Math.floor(ratio * 100);
|
|
6
|
+
return tl ^ (tr << 4) ^ (br << 8) ^ (bl << 12) ^ (r << 16);
|
|
7
|
+
}
|
|
8
|
+
export class RectCache {
|
|
9
|
+
_cache = new Map();
|
|
10
|
+
/**
|
|
11
|
+
* Now includes the Aspect Ratio in the hash.
|
|
12
|
+
* We multiply ratio by 100 and floor it to keep it as an integer.
|
|
13
|
+
*/
|
|
14
|
+
// Rect geometry is authored in a 100-unit-high normalized space.
|
|
15
|
+
// Convert pixel radius into that space so visual radius matches descriptor values.
|
|
16
|
+
_normalizeRadius(radius, height, w, h) {
|
|
17
|
+
if (height <= 0)
|
|
18
|
+
return 0;
|
|
19
|
+
const normalized = (radius * 100) / height;
|
|
20
|
+
return Math.max(0, Math.min(normalized, Math.min(w, h) / 2));
|
|
21
|
+
}
|
|
22
|
+
getRect(width, height, radius, fill, paintStyle, strokeWeight) {
|
|
23
|
+
const ratio = width / height;
|
|
24
|
+
const h = 100;
|
|
25
|
+
const w = 100 * ratio;
|
|
26
|
+
const [rawTl, rawTr, rawBr, rawBl] = radius;
|
|
27
|
+
const tl = this._normalizeRadius(rawTl, height, w, h);
|
|
28
|
+
const tr = this._normalizeRadius(rawTr, height, w, h);
|
|
29
|
+
const br = this._normalizeRadius(rawBr, height, w, h);
|
|
30
|
+
const bl = this._normalizeRadius(rawBl, height, w, h);
|
|
31
|
+
const fillHash = fill.reduce((acc, f) => acc ^ FillRegistry.get(f.type).hash(f), 0);
|
|
32
|
+
const hash = getHash(tl, tr, br, bl, ratio, fillHash);
|
|
33
|
+
if (this._cache.has(hash))
|
|
34
|
+
return this._cache.get(hash);
|
|
35
|
+
const ctx = new GraphicsContext();
|
|
36
|
+
// Manual Path with Arcs (using the calculated w/h)
|
|
37
|
+
ctx.moveTo(tl, 0);
|
|
38
|
+
ctx.lineTo(w - tr, 0);
|
|
39
|
+
if (tr > 0)
|
|
40
|
+
ctx.arcTo(w, 0, w, tr, tr);
|
|
41
|
+
ctx.lineTo(w, h - br);
|
|
42
|
+
if (br > 0)
|
|
43
|
+
ctx.arcTo(w, h, w - br, h, br);
|
|
44
|
+
ctx.lineTo(bl, h);
|
|
45
|
+
if (bl > 0)
|
|
46
|
+
ctx.arcTo(0, h, 0, h - bl, bl);
|
|
47
|
+
ctx.lineTo(0, tl);
|
|
48
|
+
if (tl > 0)
|
|
49
|
+
ctx.arcTo(0, 0, tl, 0, tl);
|
|
50
|
+
ctx.closePath();
|
|
51
|
+
const isStroke = paintStyle === "stroke";
|
|
52
|
+
if (isColorOnly(fill)) {
|
|
53
|
+
isStroke
|
|
54
|
+
? ctx.stroke({ width: strokeWeight, color: 0xffffff })
|
|
55
|
+
: ctx.fill({ color: 0xffffff });
|
|
56
|
+
}
|
|
57
|
+
if (isLinearGradientOnly(fill)) {
|
|
58
|
+
const g = fill[0];
|
|
59
|
+
const gradient = new FillGradient({
|
|
60
|
+
type: "linear",
|
|
61
|
+
colorStops: toColorStops(g.colors, g.stops),
|
|
62
|
+
start: { x: g.startX * w, y: g.startY * h },
|
|
63
|
+
end: { x: g.endX * w, y: g.endY * h },
|
|
64
|
+
});
|
|
65
|
+
isStroke
|
|
66
|
+
? ctx.stroke({ width: strokeWeight, fill: gradient })
|
|
67
|
+
: ctx.fill(gradient);
|
|
68
|
+
}
|
|
69
|
+
this._cache.set(hash, ctx);
|
|
70
|
+
return ctx;
|
|
71
|
+
}
|
|
72
|
+
createGraphics(args) {
|
|
73
|
+
const { graphics, width, height, radius, fill, strokeWeight, paintStyle } = args;
|
|
74
|
+
const ctx = this.getRect(width, height, radius, fill, paintStyle, strokeWeight);
|
|
75
|
+
const s = height / 100;
|
|
76
|
+
const ratio = width / height;
|
|
77
|
+
if (graphics) {
|
|
78
|
+
if (graphics.context === ctx) {
|
|
79
|
+
graphics.scale.set(s);
|
|
80
|
+
return graphics;
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
graphics.context = ctx;
|
|
84
|
+
graphics.scale.set(s);
|
|
85
|
+
graphics.pivot.set(50 * ratio, 50);
|
|
86
|
+
return graphics;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
const g = new Graphics(ctx);
|
|
91
|
+
// set 0,0 to be the center of the rect for easier transforms.
|
|
92
|
+
g.pivot.set(g.width / 2, g.height / 2);
|
|
93
|
+
// Since the context height is always 100, we scale by height.
|
|
94
|
+
// Because the width was pre-calculated in the context using the ratio,
|
|
95
|
+
// scaling the height automatically scales the width correctly.
|
|
96
|
+
const s = height / 100;
|
|
97
|
+
g.scale.set(s);
|
|
98
|
+
return g;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
const RECT_CONTEXT = new RectCache();
|
|
103
|
+
export function useRectCache() {
|
|
104
|
+
return RECT_CONTEXT;
|
|
105
|
+
}
|
|
106
|
+
//# sourceMappingURL=cache.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/cache.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Container } from "pixi.js";
|
|
2
|
+
import { BaseRenderer } from "../base/painter";
|
|
3
|
+
import type { RectState } from "./state";
|
|
4
|
+
export declare class RectPainter extends BaseRenderer {
|
|
5
|
+
private graphics?;
|
|
6
|
+
private blurFilter?;
|
|
7
|
+
constructor(id: string, container: Container, descriptor: RectState);
|
|
8
|
+
update(props: RectState): void;
|
|
9
|
+
private renderAsGraphics;
|
|
10
|
+
private cleanupGraphics;
|
|
11
|
+
destroy(): void;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=painter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/painter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOzC,qBAAa,WAAY,SAAQ,YAAY;IACzC,OAAO,CAAC,QAAQ,CAAC,CAAW;IAC5B,OAAO,CAAC,UAAU,CAAC,CAAa;gBAEpB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS;IAKnE,MAAM,CAAC,KAAK,EAAE,SAAS;IAQvB,OAAO,CAAC,gBAAgB;IAwCxB,OAAO,CAAC,eAAe;IAcd,OAAO;CAOnB"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { BaseRenderer } from "../base/painter";
|
|
2
|
+
import { useRectCache } from "./cache";
|
|
3
|
+
import { isColorOnly, getColorFromFills } from "@/attributes/fill/fill";
|
|
4
|
+
export class RectPainter extends BaseRenderer {
|
|
5
|
+
graphics;
|
|
6
|
+
blurFilter;
|
|
7
|
+
constructor(id, container, descriptor) {
|
|
8
|
+
super(id, container);
|
|
9
|
+
this.update(descriptor);
|
|
10
|
+
}
|
|
11
|
+
update(props) {
|
|
12
|
+
if (props.fill.length === 0 || props.width <= 0 || props.height <= 0) {
|
|
13
|
+
this.cleanupGraphics();
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
this.renderAsGraphics(props);
|
|
17
|
+
}
|
|
18
|
+
renderAsGraphics(descriptor) {
|
|
19
|
+
const ctx = useRectCache();
|
|
20
|
+
const isCreated = this.graphics === undefined;
|
|
21
|
+
this.graphics = ctx.createGraphics({
|
|
22
|
+
graphics: this.graphics,
|
|
23
|
+
width: descriptor.width,
|
|
24
|
+
height: descriptor.height,
|
|
25
|
+
radius: [
|
|
26
|
+
descriptor.topLeftRadius,
|
|
27
|
+
descriptor.topRightRadius,
|
|
28
|
+
descriptor.bottomRightRadius,
|
|
29
|
+
descriptor.bottomLeftRadius
|
|
30
|
+
],
|
|
31
|
+
fill: descriptor.fill,
|
|
32
|
+
paintStyle: descriptor.paintStyle,
|
|
33
|
+
strokeWeight: descriptor.strokeWidth ?? 0,
|
|
34
|
+
});
|
|
35
|
+
if (isCreated) {
|
|
36
|
+
this.container.addChild(this.graphics);
|
|
37
|
+
// this.graphics.pivot.set(-50, -50);
|
|
38
|
+
// Node transforms are center-origin, so keep geometry centered in its container.
|
|
39
|
+
}
|
|
40
|
+
const fillOpacity = descriptor.fill[0]?.opacity ?? 1;
|
|
41
|
+
this.graphics.alpha = Math.min(1, Math.max(0, fillOpacity));
|
|
42
|
+
if (isColorOnly(descriptor.fill)) {
|
|
43
|
+
this.graphics.tint = getColorFromFills(descriptor.fill);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.graphics.tint = 0xffffff;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
cleanupGraphics() {
|
|
50
|
+
if (this.graphics) {
|
|
51
|
+
if (this.graphics.parent) {
|
|
52
|
+
this.graphics.parent.removeChild(this.graphics);
|
|
53
|
+
}
|
|
54
|
+
this.graphics.destroy();
|
|
55
|
+
this.graphics = undefined;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
destroy() {
|
|
59
|
+
this.cleanupGraphics();
|
|
60
|
+
if (this.blurFilter) {
|
|
61
|
+
this.blurFilter.destroy();
|
|
62
|
+
this.blurFilter = undefined;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=painter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"painter.js","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/painter.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ShapeState } from "../shape/state";
|
|
2
|
+
export interface RectState extends ShapeState {
|
|
3
|
+
width: number;
|
|
4
|
+
height: number;
|
|
5
|
+
topLeftRadius: number;
|
|
6
|
+
topRightRadius: number;
|
|
7
|
+
bottomLeftRadius: number;
|
|
8
|
+
bottomRightRadius: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function withRectDescriptor(descriptor: Partial<RectState>): RectState;
|
|
11
|
+
//# sourceMappingURL=state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,WAAW,SAAU,SAAQ,UAAU;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAmB5E"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function withRectDescriptor(descriptor) {
|
|
2
|
+
return {
|
|
3
|
+
...descriptor,
|
|
4
|
+
opacity: descriptor.opacity ?? 1,
|
|
5
|
+
blur: descriptor.blur ?? 0,
|
|
6
|
+
rotate: descriptor.rotate ?? 0,
|
|
7
|
+
scale: descriptor.scale ?? 1,
|
|
8
|
+
x: descriptor.x ?? 0,
|
|
9
|
+
y: descriptor.y ?? 0,
|
|
10
|
+
fill: descriptor.fill ?? [],
|
|
11
|
+
strokeWidth: descriptor.strokeWidth ?? 0,
|
|
12
|
+
paintStyle: descriptor.paintStyle ?? "fill",
|
|
13
|
+
width: descriptor.width ?? 0,
|
|
14
|
+
height: descriptor.height ?? 0,
|
|
15
|
+
topLeftRadius: descriptor.topLeftRadius ?? 0,
|
|
16
|
+
topRightRadius: descriptor.topRightRadius ?? 0,
|
|
17
|
+
bottomLeftRadius: descriptor.bottomLeftRadius ?? 0,
|
|
18
|
+
bottomRightRadius: descriptor.bottomRightRadius ?? 0,
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/rendering/painters/rect/state.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,kBAAkB,CAAC,UAA8B;IAC7D,OAAO;QACH,GAAG,UAAU;QACb,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC;QAChC,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,CAAC;QAC1B,MAAM,EAAE,UAAU,CAAC,MAAM,IAAI,CAAC;QAC9B,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;QAC5B,CAAC,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;QACpB,CAAC,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,EAAE;QAC3B,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,CAAC;QACxC,UAAU,EAAE,UAAU,CAAC,UAAU,IAAI,MAAM;QAC3C,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;QAC5B,MAAM,EAAE,UAAU,CAAC,MAAM,IAAI,CAAC;QAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,IAAI,CAAC;QAC5C,cAAc,EAAE,UAAU,CAAC,cAAc,IAAI,CAAC;QAC9C,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,IAAI,CAAC;QAClD,iBAAiB,EAAE,UAAU,CAAC,iBAAiB,IAAI,CAAC;KACvD,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IFill } from "@/attributes/fill/fill";
|
|
2
|
+
import type { TransformState } from "../transform/state";
|
|
3
|
+
export interface ShapeState extends TransformState {
|
|
4
|
+
fill: IFill[];
|
|
5
|
+
strokeWidth: number;
|
|
6
|
+
paintStyle: PaintStyle;
|
|
7
|
+
}
|
|
8
|
+
export type PaintStyle = "fill" | "stroke";
|
|
9
|
+
//# sourceMappingURL=state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/rendering/painters/shape/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,cAAc;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAE1B;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/rendering/painters/shape/state.ts"],"names":[],"mappings":""}
|