@open-draw/canvas 0.0.0-stage → 0.2.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/LICENSE +21 -0
- package/README.md +77 -2
- package/dist/a11y.d.ts +13 -0
- package/dist/a11y.d.ts.map +1 -0
- package/dist/a11y.js +41 -0
- package/dist/a11y.js.map +1 -0
- package/dist/camera.d.ts +96 -0
- package/dist/camera.d.ts.map +1 -0
- package/dist/camera.js +208 -0
- package/dist/camera.js.map +1 -0
- package/dist/capabilities/clipping/defs.d.ts +7 -0
- package/dist/capabilities/clipping/defs.d.ts.map +1 -0
- package/dist/capabilities/clipping/defs.js +2 -0
- package/dist/capabilities/clipping/defs.js.map +1 -0
- package/dist/capabilities/clipping/index.d.ts +3 -0
- package/dist/capabilities/clipping/index.d.ts.map +1 -0
- package/dist/capabilities/clipping/index.js +3 -0
- package/dist/capabilities/clipping/index.js.map +1 -0
- package/dist/capabilities/clipping/manager.d.ts +14 -0
- package/dist/capabilities/clipping/manager.d.ts.map +1 -0
- package/dist/capabilities/clipping/manager.js +75 -0
- package/dist/capabilities/clipping/manager.js.map +1 -0
- package/dist/capabilities/connector/defs.d.ts +9 -0
- package/dist/capabilities/connector/defs.d.ts.map +1 -0
- package/dist/capabilities/connector/defs.js +2 -0
- package/dist/capabilities/connector/defs.js.map +1 -0
- package/dist/capabilities/connector/index.d.ts +3 -0
- package/dist/capabilities/connector/index.d.ts.map +1 -0
- package/dist/capabilities/connector/index.js +3 -0
- package/dist/capabilities/connector/index.js.map +1 -0
- package/dist/capabilities/connector/manager.d.ts +19 -0
- package/dist/capabilities/connector/manager.d.ts.map +1 -0
- package/dist/capabilities/connector/manager.js +108 -0
- package/dist/capabilities/connector/manager.js.map +1 -0
- package/dist/capabilities/text-editing/defs.d.ts +2 -0
- package/dist/capabilities/text-editing/defs.d.ts.map +1 -0
- package/dist/capabilities/text-editing/defs.js +2 -0
- package/dist/capabilities/text-editing/defs.js.map +1 -0
- package/dist/capabilities/text-editing/index.d.ts +3 -0
- package/dist/capabilities/text-editing/index.d.ts.map +1 -0
- package/dist/capabilities/text-editing/index.js +3 -0
- package/dist/capabilities/text-editing/index.js.map +1 -0
- package/dist/capabilities/text-editing/manager.d.ts +20 -0
- package/dist/capabilities/text-editing/manager.d.ts.map +1 -0
- package/dist/capabilities/text-editing/manager.js +153 -0
- package/dist/capabilities/text-editing/manager.js.map +1 -0
- package/dist/editor.d.ts +94 -0
- package/dist/editor.d.ts.map +1 -0
- package/dist/editor.js +241 -0
- package/dist/editor.js.map +1 -0
- package/dist/eraser/eraser.d.ts +21 -0
- package/dist/eraser/eraser.d.ts.map +1 -0
- package/dist/eraser/eraser.js +147 -0
- package/dist/eraser/eraser.js.map +1 -0
- package/dist/eraser/index.d.ts +2 -0
- package/dist/eraser/index.d.ts.map +1 -0
- package/dist/eraser/index.js +2 -0
- package/dist/eraser/index.js.map +1 -0
- package/dist/export/index.d.ts +2 -0
- package/dist/export/index.d.ts.map +1 -0
- package/dist/export/index.js +2 -0
- package/dist/export/index.js.map +1 -0
- package/dist/export/png.d.ts +17 -0
- package/dist/export/png.d.ts.map +1 -0
- package/dist/export/png.js +130 -0
- package/dist/export/png.js.map +1 -0
- package/dist/gesture/gesture.d.ts +36 -0
- package/dist/gesture/gesture.d.ts.map +1 -0
- package/dist/gesture/gesture.js +268 -0
- package/dist/gesture/gesture.js.map +1 -0
- package/dist/gesture/index.d.ts +2 -0
- package/dist/gesture/index.d.ts.map +1 -0
- package/dist/gesture/index.js +2 -0
- package/dist/gesture/index.js.map +1 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/input/commands.d.ts +12 -0
- package/dist/input/commands.d.ts.map +1 -0
- package/dist/input/commands.js +195 -0
- package/dist/input/commands.js.map +1 -0
- package/dist/input/index.d.ts +5 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/index.js +5 -0
- package/dist/input/index.js.map +1 -0
- package/dist/input/keyboard.d.ts +13 -0
- package/dist/input/keyboard.d.ts.map +1 -0
- package/dist/input/keyboard.js +83 -0
- package/dist/input/keyboard.js.map +1 -0
- package/dist/input/keymap.d.ts +10 -0
- package/dist/input/keymap.d.ts.map +1 -0
- package/dist/input/keymap.js +75 -0
- package/dist/input/keymap.js.map +1 -0
- package/dist/input/utils.d.ts +5 -0
- package/dist/input/utils.d.ts.map +1 -0
- package/dist/input/utils.js +4 -0
- package/dist/input/utils.js.map +1 -0
- package/dist/interaction.d.ts +29 -0
- package/dist/interaction.d.ts.map +1 -0
- package/dist/interaction.js +248 -0
- package/dist/interaction.js.map +1 -0
- package/dist/perf/index.d.ts +2 -0
- package/dist/perf/index.d.ts.map +1 -0
- package/dist/perf/index.js +2 -0
- package/dist/perf/index.js.map +1 -0
- package/dist/perf/telemetry.d.ts +33 -0
- package/dist/perf/telemetry.d.ts.map +1 -0
- package/dist/perf/telemetry.js +145 -0
- package/dist/perf/telemetry.js.map +1 -0
- package/dist/registry.d.ts +68 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +34 -0
- package/dist/registry.js.map +1 -0
- package/dist/renderer.d.ts +29 -0
- package/dist/renderer.d.ts.map +1 -0
- package/dist/renderer.js +257 -0
- package/dist/renderer.js.map +1 -0
- package/dist/selection/defs.d.ts +6 -0
- package/dist/selection/defs.d.ts.map +1 -0
- package/dist/selection/defs.js +2 -0
- package/dist/selection/defs.js.map +1 -0
- package/dist/selection/group.d.ts +7 -0
- package/dist/selection/group.d.ts.map +1 -0
- package/dist/selection/group.js +25 -0
- package/dist/selection/group.js.map +1 -0
- package/dist/selection/handles.d.ts +9 -0
- package/dist/selection/handles.d.ts.map +1 -0
- package/dist/selection/handles.js +19 -0
- package/dist/selection/handles.js.map +1 -0
- package/dist/selection/handlesView.d.ts +4 -0
- package/dist/selection/handlesView.d.ts.map +1 -0
- package/dist/selection/handlesView.js +98 -0
- package/dist/selection/handlesView.js.map +1 -0
- package/dist/selection/index.d.ts +10 -0
- package/dist/selection/index.d.ts.map +1 -0
- package/dist/selection/index.js +10 -0
- package/dist/selection/index.js.map +1 -0
- package/dist/selection/manager.d.ts +29 -0
- package/dist/selection/manager.d.ts.map +1 -0
- package/dist/selection/manager.js +195 -0
- package/dist/selection/manager.js.map +1 -0
- package/dist/selection/marquee.d.ts +11 -0
- package/dist/selection/marquee.d.ts.map +1 -0
- package/dist/selection/marquee.js +52 -0
- package/dist/selection/marquee.js.map +1 -0
- package/dist/selection/reparent.d.ts +12 -0
- package/dist/selection/reparent.d.ts.map +1 -0
- package/dist/selection/reparent.js +57 -0
- package/dist/selection/reparent.js.map +1 -0
- package/dist/selection/resize.d.ts +10 -0
- package/dist/selection/resize.d.ts.map +1 -0
- package/dist/selection/resize.js +66 -0
- package/dist/selection/resize.js.map +1 -0
- package/dist/selection/rotate.d.ts +18 -0
- package/dist/selection/rotate.d.ts.map +1 -0
- package/dist/selection/rotate.js +39 -0
- package/dist/selection/rotate.js.map +1 -0
- package/dist/shapes/arrow/defs.d.ts +17 -0
- package/dist/shapes/arrow/defs.d.ts.map +1 -0
- package/dist/shapes/arrow/defs.js +7 -0
- package/dist/shapes/arrow/defs.js.map +1 -0
- package/dist/shapes/arrow/geometry.d.ts +11 -0
- package/dist/shapes/arrow/geometry.d.ts.map +1 -0
- package/dist/shapes/arrow/geometry.js +77 -0
- package/dist/shapes/arrow/geometry.js.map +1 -0
- package/dist/shapes/arrow/index.d.ts +7 -0
- package/dist/shapes/arrow/index.d.ts.map +1 -0
- package/dist/shapes/arrow/index.js +23 -0
- package/dist/shapes/arrow/index.js.map +1 -0
- package/dist/shapes/arrow/render.d.ts +6 -0
- package/dist/shapes/arrow/render.d.ts.map +1 -0
- package/dist/shapes/arrow/render.js +84 -0
- package/dist/shapes/arrow/render.js.map +1 -0
- package/dist/shapes/ellipse/defs.d.ts +8 -0
- package/dist/shapes/ellipse/defs.d.ts.map +1 -0
- package/dist/shapes/ellipse/defs.js +2 -0
- package/dist/shapes/ellipse/defs.js.map +1 -0
- package/dist/shapes/ellipse/geometry.d.ts +9 -0
- package/dist/shapes/ellipse/geometry.d.ts.map +1 -0
- package/dist/shapes/ellipse/geometry.js +74 -0
- package/dist/shapes/ellipse/geometry.js.map +1 -0
- package/dist/shapes/ellipse/index.d.ts +7 -0
- package/dist/shapes/ellipse/index.d.ts.map +1 -0
- package/dist/shapes/ellipse/index.js +21 -0
- package/dist/shapes/ellipse/index.js.map +1 -0
- package/dist/shapes/ellipse/render.d.ts +6 -0
- package/dist/shapes/ellipse/render.d.ts.map +1 -0
- package/dist/shapes/ellipse/render.js +39 -0
- package/dist/shapes/ellipse/render.js.map +1 -0
- package/dist/shapes/frame/defs.d.ts +9 -0
- package/dist/shapes/frame/defs.d.ts.map +1 -0
- package/dist/shapes/frame/defs.js +8 -0
- package/dist/shapes/frame/defs.js.map +1 -0
- package/dist/shapes/frame/geometry.d.ts +4 -0
- package/dist/shapes/frame/geometry.d.ts.map +1 -0
- package/dist/shapes/frame/geometry.js +66 -0
- package/dist/shapes/frame/geometry.js.map +1 -0
- package/dist/shapes/frame/index.d.ts +7 -0
- package/dist/shapes/frame/index.d.ts.map +1 -0
- package/dist/shapes/frame/index.js +20 -0
- package/dist/shapes/frame/index.js.map +1 -0
- package/dist/shapes/frame/render.d.ts +6 -0
- package/dist/shapes/frame/render.d.ts.map +1 -0
- package/dist/shapes/frame/render.js +73 -0
- package/dist/shapes/frame/render.js.map +1 -0
- package/dist/shapes/group/defs.d.ts +6 -0
- package/dist/shapes/group/defs.d.ts.map +1 -0
- package/dist/shapes/group/defs.js +2 -0
- package/dist/shapes/group/defs.js.map +1 -0
- package/dist/shapes/group/geometry.d.ts +8 -0
- package/dist/shapes/group/geometry.d.ts.map +1 -0
- package/dist/shapes/group/geometry.js +19 -0
- package/dist/shapes/group/geometry.js.map +1 -0
- package/dist/shapes/group/index.d.ts +7 -0
- package/dist/shapes/group/index.d.ts.map +1 -0
- package/dist/shapes/group/index.js +23 -0
- package/dist/shapes/group/index.js.map +1 -0
- package/dist/shapes/group/render.d.ts +6 -0
- package/dist/shapes/group/render.d.ts.map +1 -0
- package/dist/shapes/group/render.js +9 -0
- package/dist/shapes/group/render.js.map +1 -0
- package/dist/shapes/image/defs.d.ts +10 -0
- package/dist/shapes/image/defs.d.ts.map +1 -0
- package/dist/shapes/image/defs.js +2 -0
- package/dist/shapes/image/defs.js.map +1 -0
- package/dist/shapes/image/geometry.d.ts +21 -0
- package/dist/shapes/image/geometry.d.ts.map +1 -0
- package/dist/shapes/image/geometry.js +79 -0
- package/dist/shapes/image/geometry.js.map +1 -0
- package/dist/shapes/image/handlers.d.ts +10 -0
- package/dist/shapes/image/handlers.d.ts.map +1 -0
- package/dist/shapes/image/handlers.js +85 -0
- package/dist/shapes/image/handlers.js.map +1 -0
- package/dist/shapes/image/index.d.ts +8 -0
- package/dist/shapes/image/index.d.ts.map +1 -0
- package/dist/shapes/image/index.js +21 -0
- package/dist/shapes/image/index.js.map +1 -0
- package/dist/shapes/image/render.d.ts +6 -0
- package/dist/shapes/image/render.d.ts.map +1 -0
- package/dist/shapes/image/render.js +28 -0
- package/dist/shapes/image/render.js.map +1 -0
- package/dist/shapes/ink/defs.d.ts +10 -0
- package/dist/shapes/ink/defs.d.ts.map +1 -0
- package/dist/shapes/ink/defs.js +13 -0
- package/dist/shapes/ink/defs.js.map +1 -0
- package/dist/shapes/ink/geometry.d.ts +4 -0
- package/dist/shapes/ink/geometry.d.ts.map +1 -0
- package/dist/shapes/ink/geometry.js +67 -0
- package/dist/shapes/ink/geometry.js.map +1 -0
- package/dist/shapes/ink/index.d.ts +9 -0
- package/dist/shapes/ink/index.d.ts.map +1 -0
- package/dist/shapes/ink/index.js +22 -0
- package/dist/shapes/ink/index.js.map +1 -0
- package/dist/shapes/ink/rdp.d.ts +2 -0
- package/dist/shapes/ink/rdp.d.ts.map +1 -0
- package/dist/shapes/ink/rdp.js +37 -0
- package/dist/shapes/ink/rdp.js.map +1 -0
- package/dist/shapes/ink/render.d.ts +7 -0
- package/dist/shapes/ink/render.d.ts.map +1 -0
- package/dist/shapes/ink/render.js +81 -0
- package/dist/shapes/ink/render.js.map +1 -0
- package/dist/shapes/note/defs.d.ts +7 -0
- package/dist/shapes/note/defs.d.ts.map +1 -0
- package/dist/shapes/note/defs.js +2 -0
- package/dist/shapes/note/defs.js.map +1 -0
- package/dist/shapes/note/geometry.d.ts +11 -0
- package/dist/shapes/note/geometry.d.ts.map +1 -0
- package/dist/shapes/note/geometry.js +70 -0
- package/dist/shapes/note/geometry.js.map +1 -0
- package/dist/shapes/note/index.d.ts +7 -0
- package/dist/shapes/note/index.d.ts.map +1 -0
- package/dist/shapes/note/index.js +41 -0
- package/dist/shapes/note/index.js.map +1 -0
- package/dist/shapes/note/render.d.ts +6 -0
- package/dist/shapes/note/render.d.ts.map +1 -0
- package/dist/shapes/note/render.js +38 -0
- package/dist/shapes/note/render.js.map +1 -0
- package/dist/shapes/rect/defs.d.ts +9 -0
- package/dist/shapes/rect/defs.d.ts.map +1 -0
- package/dist/shapes/rect/defs.js +2 -0
- package/dist/shapes/rect/defs.js.map +1 -0
- package/dist/shapes/rect/geometry.d.ts +9 -0
- package/dist/shapes/rect/geometry.d.ts.map +1 -0
- package/dist/shapes/rect/geometry.js +68 -0
- package/dist/shapes/rect/geometry.js.map +1 -0
- package/dist/shapes/rect/index.d.ts +7 -0
- package/dist/shapes/rect/index.d.ts.map +1 -0
- package/dist/shapes/rect/index.js +22 -0
- package/dist/shapes/rect/index.js.map +1 -0
- package/dist/shapes/rect/render.d.ts +6 -0
- package/dist/shapes/rect/render.d.ts.map +1 -0
- package/dist/shapes/rect/render.js +42 -0
- package/dist/shapes/rect/render.js.map +1 -0
- package/dist/shapes/text/defs.d.ts +9 -0
- package/dist/shapes/text/defs.d.ts.map +1 -0
- package/dist/shapes/text/defs.js +2 -0
- package/dist/shapes/text/defs.js.map +1 -0
- package/dist/shapes/text/geometry.d.ts +9 -0
- package/dist/shapes/text/geometry.d.ts.map +1 -0
- package/dist/shapes/text/geometry.js +68 -0
- package/dist/shapes/text/geometry.js.map +1 -0
- package/dist/shapes/text/index.d.ts +7 -0
- package/dist/shapes/text/index.d.ts.map +1 -0
- package/dist/shapes/text/index.js +43 -0
- package/dist/shapes/text/index.js.map +1 -0
- package/dist/shapes/text/render.d.ts +6 -0
- package/dist/shapes/text/render.d.ts.map +1 -0
- package/dist/shapes/text/render.js +23 -0
- package/dist/shapes/text/render.js.map +1 -0
- package/dist/store/index.d.ts +5 -0
- package/dist/store/index.d.ts.map +1 -0
- package/dist/store/index.js +5 -0
- package/dist/store/index.js.map +1 -0
- package/dist/store/snapshot.d.ts +5 -0
- package/dist/store/snapshot.d.ts.map +1 -0
- package/dist/store/snapshot.js +76 -0
- package/dist/store/snapshot.js.map +1 -0
- package/dist/store/store.d.ts +52 -0
- package/dist/store/store.d.ts.map +1 -0
- package/dist/store/store.js +252 -0
- package/dist/store/store.js.map +1 -0
- package/dist/store/types.d.ts +13 -0
- package/dist/store/types.d.ts.map +1 -0
- package/dist/store/types.js +2 -0
- package/dist/store/types.js.map +1 -0
- package/dist/store/zorder.d.ts +4 -0
- package/dist/store/zorder.d.ts.map +1 -0
- package/dist/store/zorder.js +53 -0
- package/dist/store/zorder.js.map +1 -0
- package/package.json +29 -4
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Performance and Frame-rate Telemetry (§1)
|
|
3
|
+
* Measures input -> paint latency and frame rate over a sliding window.
|
|
4
|
+
*/
|
|
5
|
+
export class FrameTelemetry {
|
|
6
|
+
windowSize;
|
|
7
|
+
latencies = [];
|
|
8
|
+
frameTimestamps = [];
|
|
9
|
+
droppedFrames = 0;
|
|
10
|
+
lastInputTime = null;
|
|
11
|
+
rafId = null;
|
|
12
|
+
overlayEl = null;
|
|
13
|
+
isEnabled = false;
|
|
14
|
+
constructor(windowSize = 60) {
|
|
15
|
+
this.windowSize = windowSize;
|
|
16
|
+
}
|
|
17
|
+
enable(container) {
|
|
18
|
+
if (this.isEnabled)
|
|
19
|
+
return;
|
|
20
|
+
this.isEnabled = true;
|
|
21
|
+
this.reset();
|
|
22
|
+
if (container && typeof document !== 'undefined') {
|
|
23
|
+
this._createOverlay(container);
|
|
24
|
+
}
|
|
25
|
+
this._startLoop();
|
|
26
|
+
}
|
|
27
|
+
disable() {
|
|
28
|
+
this.isEnabled = false;
|
|
29
|
+
if (this.rafId !== null && typeof cancelAnimationFrame !== 'undefined') {
|
|
30
|
+
cancelAnimationFrame(this.rafId);
|
|
31
|
+
this.rafId = null;
|
|
32
|
+
}
|
|
33
|
+
if (this.overlayEl) {
|
|
34
|
+
this.overlayEl.remove();
|
|
35
|
+
this.overlayEl = null;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
reset() {
|
|
39
|
+
this.latencies = [];
|
|
40
|
+
this.frameTimestamps = [];
|
|
41
|
+
this.droppedFrames = 0;
|
|
42
|
+
this.lastInputTime = null;
|
|
43
|
+
}
|
|
44
|
+
recordInput(time = performance.now()) {
|
|
45
|
+
if (!this.isEnabled)
|
|
46
|
+
return;
|
|
47
|
+
this.lastInputTime = time;
|
|
48
|
+
}
|
|
49
|
+
recordPaint(time = performance.now()) {
|
|
50
|
+
if (!this.isEnabled)
|
|
51
|
+
return;
|
|
52
|
+
if (this.lastInputTime !== null) {
|
|
53
|
+
const latency = Math.max(0, time - this.lastInputTime);
|
|
54
|
+
this.latencies.push(latency);
|
|
55
|
+
if (this.latencies.length > this.windowSize) {
|
|
56
|
+
this.latencies.shift();
|
|
57
|
+
}
|
|
58
|
+
this.lastInputTime = null;
|
|
59
|
+
}
|
|
60
|
+
if (this.frameTimestamps.length > 0) {
|
|
61
|
+
const prev = this.frameTimestamps[this.frameTimestamps.length - 1];
|
|
62
|
+
const delta = time - prev;
|
|
63
|
+
if (delta > 25) {
|
|
64
|
+
// Dropped frame threshold: > 25ms (at 60Hz 16.6ms + jitter margin)
|
|
65
|
+
this.droppedFrames++;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
this.frameTimestamps.push(time);
|
|
69
|
+
if (this.frameTimestamps.length > this.windowSize) {
|
|
70
|
+
this.frameTimestamps.shift();
|
|
71
|
+
}
|
|
72
|
+
this._updateOverlay();
|
|
73
|
+
}
|
|
74
|
+
getMetrics() {
|
|
75
|
+
const count = this.latencies.length;
|
|
76
|
+
if (count === 0 && this.frameTimestamps.length < 2) {
|
|
77
|
+
return {
|
|
78
|
+
fps: 60,
|
|
79
|
+
p50LatencyMs: 0,
|
|
80
|
+
p95LatencyMs: 0,
|
|
81
|
+
p99LatencyMs: 0,
|
|
82
|
+
droppedFrames: this.droppedFrames,
|
|
83
|
+
sampleCount: 0,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
const sorted = [...this.latencies].sort((a, b) => a - b);
|
|
87
|
+
const p50 = sorted[Math.floor(sorted.length * 0.5)] ?? 0;
|
|
88
|
+
const p95 = sorted[Math.floor(sorted.length * 0.95)] ?? (sorted[sorted.length - 1] ?? 0);
|
|
89
|
+
const p99 = sorted[Math.floor(sorted.length * 0.99)] ?? (sorted[sorted.length - 1] ?? 0);
|
|
90
|
+
let fps = 60;
|
|
91
|
+
if (this.frameTimestamps.length >= 2) {
|
|
92
|
+
const duration = this.frameTimestamps[this.frameTimestamps.length - 1] - this.frameTimestamps[0];
|
|
93
|
+
if (duration > 0) {
|
|
94
|
+
fps = Math.round(((this.frameTimestamps.length - 1) * 1000) / duration);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
return {
|
|
98
|
+
fps,
|
|
99
|
+
p50LatencyMs: Math.round(p50 * 100) / 100,
|
|
100
|
+
p95LatencyMs: Math.round(p95 * 100) / 100,
|
|
101
|
+
p99LatencyMs: Math.round(p99 * 100) / 100,
|
|
102
|
+
droppedFrames: this.droppedFrames,
|
|
103
|
+
sampleCount: count,
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
_startLoop() {
|
|
107
|
+
if (typeof requestAnimationFrame === 'undefined')
|
|
108
|
+
return;
|
|
109
|
+
const loop = (now) => {
|
|
110
|
+
if (!this.isEnabled)
|
|
111
|
+
return;
|
|
112
|
+
this.recordPaint(now);
|
|
113
|
+
this.rafId = requestAnimationFrame(loop);
|
|
114
|
+
};
|
|
115
|
+
this.rafId = requestAnimationFrame(loop);
|
|
116
|
+
}
|
|
117
|
+
_createOverlay(container) {
|
|
118
|
+
this.overlayEl = document.createElement('div');
|
|
119
|
+
this.overlayEl.id = 'od-perf-overlay';
|
|
120
|
+
Object.assign(this.overlayEl.style, {
|
|
121
|
+
position: 'absolute',
|
|
122
|
+
top: '8px',
|
|
123
|
+
right: '8px',
|
|
124
|
+
padding: '6px 10px',
|
|
125
|
+
background: 'rgba(15, 23, 42, 0.85)',
|
|
126
|
+
color: '#f8fafc',
|
|
127
|
+
fontFamily: 'monospace',
|
|
128
|
+
fontSize: '11px',
|
|
129
|
+
lineHeight: '1.4',
|
|
130
|
+
borderRadius: '4px',
|
|
131
|
+
zIndex: '99999',
|
|
132
|
+
pointerEvents: 'none',
|
|
133
|
+
userSelect: 'none',
|
|
134
|
+
boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
|
|
135
|
+
});
|
|
136
|
+
container.appendChild(this.overlayEl);
|
|
137
|
+
}
|
|
138
|
+
_updateOverlay() {
|
|
139
|
+
if (!this.overlayEl)
|
|
140
|
+
return;
|
|
141
|
+
const m = this.getMetrics();
|
|
142
|
+
this.overlayEl.textContent = `FPS: ${m.fps} | Latency p50: ${m.p50LatencyMs}ms p95: ${m.p95LatencyMs}ms | Drop: ${m.droppedFrames}`;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
//# sourceMappingURL=telemetry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../src/perf/telemetry.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { Bounds, Point, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { CanvasStore } from './store/index.js';
|
|
3
|
+
export type ResizeHandle = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'bottom' | 'left' | 'right' | 'nw' | 'ne' | 'se' | 'sw' | 'n' | 's' | 'e' | 'w' | 'rotate';
|
|
4
|
+
export interface RenderContext {
|
|
5
|
+
readonly isSelected?: boolean;
|
|
6
|
+
readonly overlaySlot?: SVGGElement;
|
|
7
|
+
readonly store?: CanvasStore;
|
|
8
|
+
readonly registry?: ShapeRegistry;
|
|
9
|
+
}
|
|
10
|
+
export interface InteractionContext {
|
|
11
|
+
readonly editor: unknown;
|
|
12
|
+
}
|
|
13
|
+
export interface ShapeGeometry<P = Record<string, unknown>> {
|
|
14
|
+
bounds(shape: ShapeRecord<P>): Bounds;
|
|
15
|
+
resize(shape: ShapeRecord<P>, handleOrBounds: ResizeHandle | Bounds, point?: Point): Partial<ShapeRecord<P>>;
|
|
16
|
+
hit(shape: ShapeRecord<P>, point: Point): boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface TextCapability<P = Record<string, unknown>> {
|
|
19
|
+
canEditText(shape: ShapeRecord<P>): boolean;
|
|
20
|
+
getText(shape: ShapeRecord<P>): string;
|
|
21
|
+
setText(shape: ShapeRecord<P>, text: string): Partial<ShapeRecord<P>>;
|
|
22
|
+
getTextBounds?(shape: ShapeRecord<P>): Bounds;
|
|
23
|
+
}
|
|
24
|
+
export interface ConnectorCapability<P = Record<string, unknown>> {
|
|
25
|
+
getSnapPoints(shape: ShapeRecord<P>): Point[];
|
|
26
|
+
getConnectionAnchor(shape: ShapeRecord<P>, target: Point): Point;
|
|
27
|
+
}
|
|
28
|
+
export interface ClippingCapability<P = Record<string, unknown>> {
|
|
29
|
+
getClipPath(shape: ShapeRecord<P>): string | null;
|
|
30
|
+
isMask(shape: ShapeRecord<P>): boolean;
|
|
31
|
+
}
|
|
32
|
+
export interface GroupCapability<P = Record<string, unknown>> {
|
|
33
|
+
readonly isGroup?: boolean;
|
|
34
|
+
getMembers?(shape: ShapeRecord<P>): readonly string[];
|
|
35
|
+
}
|
|
36
|
+
export interface ShapeCapabilities<P = Record<string, unknown>> {
|
|
37
|
+
readonly text?: TextCapability<P>;
|
|
38
|
+
readonly connector?: ConnectorCapability<P>;
|
|
39
|
+
readonly clipping?: ClippingCapability<P>;
|
|
40
|
+
readonly group?: GroupCapability<P>;
|
|
41
|
+
}
|
|
42
|
+
export interface ShapeDefinition<P = Record<string, unknown>> {
|
|
43
|
+
readonly type: string;
|
|
44
|
+
readonly defaultProps: () => P;
|
|
45
|
+
readonly geometry: ShapeGeometry<P>;
|
|
46
|
+
render(shape: ShapeRecord<P>, ctx: RenderContext): SVGElement | SVGElement[];
|
|
47
|
+
update?(element: SVGElement, shape: ShapeRecord<P>, prevShape: ShapeRecord<P>, ctx: RenderContext): void;
|
|
48
|
+
doubleClick?(shape: ShapeRecord<P>, event: MouseEvent, ctx: InteractionContext): void;
|
|
49
|
+
readonly lockAspect?: boolean;
|
|
50
|
+
readonly capabilities?: ShapeCapabilities<P>;
|
|
51
|
+
}
|
|
52
|
+
export declare class DuplicateShapeTypeError extends Error {
|
|
53
|
+
readonly shapeType: string;
|
|
54
|
+
constructor(shapeType: string);
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* ShapeRegistry manages all registered shape definitions.
|
|
58
|
+
* Ensures zero hardcoded shape types in engine core.
|
|
59
|
+
*/
|
|
60
|
+
export declare class ShapeRegistry {
|
|
61
|
+
private readonly definitions;
|
|
62
|
+
register<P = Record<string, unknown>>(definition: ShapeDefinition<P>): void;
|
|
63
|
+
get<P = Record<string, unknown>>(type: string): ShapeDefinition<P> | undefined;
|
|
64
|
+
has(type: string): boolean;
|
|
65
|
+
list(): ReadonlyArray<ShapeDefinition<any>>;
|
|
66
|
+
clear(): void;
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=registry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"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"}
|
package/dist/registry.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export class DuplicateShapeTypeError extends Error {
|
|
2
|
+
shapeType;
|
|
3
|
+
constructor(shapeType) {
|
|
4
|
+
super(`Shape type "${shapeType}" is already registered. Types must be unique.`);
|
|
5
|
+
this.name = 'DuplicateShapeTypeError';
|
|
6
|
+
this.shapeType = shapeType;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* ShapeRegistry manages all registered shape definitions.
|
|
11
|
+
* Ensures zero hardcoded shape types in engine core.
|
|
12
|
+
*/
|
|
13
|
+
export class ShapeRegistry {
|
|
14
|
+
definitions = new Map();
|
|
15
|
+
register(definition) {
|
|
16
|
+
if (this.definitions.has(definition.type)) {
|
|
17
|
+
throw new DuplicateShapeTypeError(definition.type);
|
|
18
|
+
}
|
|
19
|
+
this.definitions.set(definition.type, definition);
|
|
20
|
+
}
|
|
21
|
+
get(type) {
|
|
22
|
+
return this.definitions.get(type);
|
|
23
|
+
}
|
|
24
|
+
has(type) {
|
|
25
|
+
return this.definitions.has(type);
|
|
26
|
+
}
|
|
27
|
+
list() {
|
|
28
|
+
return Array.from(this.definitions.values());
|
|
29
|
+
}
|
|
30
|
+
clear() {
|
|
31
|
+
this.definitions.clear();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=registry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAkEA,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IACvC,SAAS,CAAS;IAE3B,YAAY,SAAiB;QAC3B,KAAK,CAAC,eAAe,SAAS,gDAAgD,CAAC,CAAC;QAChF,IAAI,CAAC,IAAI,GAAG,yBAAyB,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,aAAa;IACP,WAAW,GAAG,IAAI,GAAG,EAAgC,CAAC;IAEvE,QAAQ,CAA8B,UAA8B;QAClE,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAI,uBAAuB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrD,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACpD,CAAC;IAED,GAAG,CAA8B,IAAY;QAC3C,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAmC,CAAC;IACtE,CAAC;IAED,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,IAAI;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,KAAK;QACH,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC;CACF"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { Camera, ShapeId, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { ShapeRegistry } from './registry.js';
|
|
3
|
+
import type { CanvasStore, StoreDiff } from './store/index.js';
|
|
4
|
+
export declare class SVGRenderer {
|
|
5
|
+
readonly registry: ShapeRegistry;
|
|
6
|
+
private container;
|
|
7
|
+
private svgElement;
|
|
8
|
+
private viewportGroup;
|
|
9
|
+
private shapesLayer;
|
|
10
|
+
private readonly shapeElements;
|
|
11
|
+
private store;
|
|
12
|
+
constructor(registry: ShapeRegistry);
|
|
13
|
+
mount(container: HTMLElement, initialCamera: Camera): void;
|
|
14
|
+
destroy(): void;
|
|
15
|
+
updateCamera(camera: Camera): void;
|
|
16
|
+
getOverlaySlot(id: ShapeId): SVGGElement | null;
|
|
17
|
+
getShapeWrapper(id: ShapeId): SVGGElement | null;
|
|
18
|
+
getShapeRecord(id: ShapeId): ShapeRecord | undefined;
|
|
19
|
+
reorderDOM(shapes: Iterable<ShapeRecord>): void;
|
|
20
|
+
renderAll(shapes: Iterable<ShapeRecord>): void;
|
|
21
|
+
applyDiff(diff: StoreDiff, store: CanvasStore): void;
|
|
22
|
+
updatePreview(shape: ShapeRecord): void;
|
|
23
|
+
private _updateBoundConnectors;
|
|
24
|
+
private _createOrReuseEntry;
|
|
25
|
+
private _renderShapeContent;
|
|
26
|
+
private _patchShapeDOM;
|
|
27
|
+
private _attachWrapper;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB/D,qBAAa,WAAW;IACtB,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IAEjC,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,WAAW,CAA4B;IAE/C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqC;IACnE,OAAO,CAAC,KAAK,CAA4B;IAEzC,YAAY,QAAQ,EAAE,aAAa,EAElC;IAED,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAezD;IAED,OAAO,IAAI,IAAI,CAId;IAED,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAIjC;IAED,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAAqD;IACpG,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAAwD;IACxG,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAA8C;IAElG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,IAAI,CAQ9C;IAED,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,IAAI,CAS7C;IAED,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CA0CnD;IAED,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAOtC;IAED,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,mBAAmB;IA+B3B,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,cAAc;IA4CtB,OAAO,CAAC,cAAc;CAsCvB"}
|
package/dist/renderer.js
ADDED
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
import { cameraToTransform } from './camera.js';
|
|
2
|
+
import { computeShapeAria, A11Y_FOCUS_STYLES } from './a11y.js';
|
|
3
|
+
/**
|
|
4
|
+
* Pure DOM/SVG Canvas Renderer.
|
|
5
|
+
* Completely polymorphic — delegates shape inner rendering to registered ShapeDefinition plugins.
|
|
6
|
+
* Maintains the overlay slot structural contract: wrapper's last child with identity transform.
|
|
7
|
+
*/
|
|
8
|
+
function createSVG(tag, attrs = {}) {
|
|
9
|
+
const el = document.createElementNS('http://www.w3.org/2000/svg', tag);
|
|
10
|
+
for (const [k, v] of Object.entries(attrs))
|
|
11
|
+
el.setAttribute(k, v);
|
|
12
|
+
return el;
|
|
13
|
+
}
|
|
14
|
+
export class SVGRenderer {
|
|
15
|
+
registry;
|
|
16
|
+
container = null;
|
|
17
|
+
svgElement = null;
|
|
18
|
+
viewportGroup = null;
|
|
19
|
+
shapesLayer = null;
|
|
20
|
+
shapeElements = new Map();
|
|
21
|
+
store = null;
|
|
22
|
+
constructor(registry) {
|
|
23
|
+
this.registry = registry;
|
|
24
|
+
}
|
|
25
|
+
mount(container, initialCamera) {
|
|
26
|
+
this.container = container;
|
|
27
|
+
const svg = createSVG('svg', { class: 'od-canvas-root', xmlns: 'http://www.w3.org/2000/svg' });
|
|
28
|
+
svg.style.cssText = 'width:100%;height:100%;display:block;overflow:hidden;user-select:none;';
|
|
29
|
+
const style = createSVG('style');
|
|
30
|
+
style.textContent = A11Y_FOCUS_STYLES;
|
|
31
|
+
svg.appendChild(style);
|
|
32
|
+
const viewport = createSVG('g', { class: 'od-viewport', transform: cameraToTransform(initialCamera) });
|
|
33
|
+
const shapes = createSVG('g', { class: 'od-shapes-layer' });
|
|
34
|
+
viewport.appendChild(shapes);
|
|
35
|
+
svg.appendChild(viewport);
|
|
36
|
+
container.appendChild(svg);
|
|
37
|
+
this.svgElement = svg;
|
|
38
|
+
this.viewportGroup = viewport;
|
|
39
|
+
this.shapesLayer = shapes;
|
|
40
|
+
}
|
|
41
|
+
destroy() {
|
|
42
|
+
if (this.svgElement && this.container)
|
|
43
|
+
this.container.removeChild(this.svgElement);
|
|
44
|
+
this.shapeElements.clear();
|
|
45
|
+
this.container = this.svgElement = this.viewportGroup = this.shapesLayer = null;
|
|
46
|
+
}
|
|
47
|
+
updateCamera(camera) {
|
|
48
|
+
if (this.viewportGroup) {
|
|
49
|
+
this.viewportGroup.setAttribute('transform', cameraToTransform(camera));
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
getOverlaySlot(id) { return this.shapeElements.get(id)?.slot ?? null; }
|
|
53
|
+
getShapeWrapper(id) { return this.shapeElements.get(id)?.wrapper ?? null; }
|
|
54
|
+
getShapeRecord(id) { return this.shapeElements.get(id)?.shape; }
|
|
55
|
+
reorderDOM(shapes) {
|
|
56
|
+
if (!this.shapesLayer)
|
|
57
|
+
return;
|
|
58
|
+
for (const shape of shapes) {
|
|
59
|
+
const entry = this.shapeElements.get(shape.id);
|
|
60
|
+
if (entry && entry.wrapper.parentNode === this.shapesLayer) {
|
|
61
|
+
this.shapesLayer.appendChild(entry.wrapper);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
renderAll(shapes) {
|
|
66
|
+
if (this.shapesLayer)
|
|
67
|
+
this.shapesLayer.innerHTML = '';
|
|
68
|
+
this.shapeElements.clear();
|
|
69
|
+
const list = Array.from(shapes);
|
|
70
|
+
for (const s of list)
|
|
71
|
+
this._createOrReuseEntry(s);
|
|
72
|
+
for (const s of list) {
|
|
73
|
+
const e = this.shapeElements.get(s.id);
|
|
74
|
+
if (e)
|
|
75
|
+
this._attachWrapper(e.shape, e.wrapper);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
applyDiff(diff, store) {
|
|
79
|
+
this.store = store;
|
|
80
|
+
// 1. Delete
|
|
81
|
+
for (const id of diff.deleted) {
|
|
82
|
+
const entry = this.shapeElements.get(id);
|
|
83
|
+
if (entry) {
|
|
84
|
+
entry.wrapper.remove();
|
|
85
|
+
this.shapeElements.delete(id);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
// 2. Create
|
|
89
|
+
for (const id of diff.created) {
|
|
90
|
+
const shape = store.getShape(id);
|
|
91
|
+
if (shape) {
|
|
92
|
+
const entry = this._createOrReuseEntry(shape);
|
|
93
|
+
this._attachWrapper(shape, entry.wrapper);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
// 3. Update
|
|
97
|
+
for (const id of diff.updated) {
|
|
98
|
+
const shape = store.getShape(id);
|
|
99
|
+
const entry = this.shapeElements.get(id);
|
|
100
|
+
if (shape && entry) {
|
|
101
|
+
const prevShape = entry.shape;
|
|
102
|
+
entry.shape = shape;
|
|
103
|
+
this._patchShapeDOM(entry, prevShape);
|
|
104
|
+
if (prevShape.meta['parent'] !== shape.meta['parent'] ||
|
|
105
|
+
prevShape.meta['parentId'] !== shape.meta['parentId']) {
|
|
106
|
+
this._attachWrapper(shape, entry.wrapper);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
// 4. Connector reconciliation for bound arrows
|
|
111
|
+
for (const updatedId of diff.updated) {
|
|
112
|
+
this._updateBoundConnectors(updatedId);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
updatePreview(shape) {
|
|
116
|
+
const entry = this.shapeElements.get(shape.id);
|
|
117
|
+
if (!entry)
|
|
118
|
+
return;
|
|
119
|
+
const prev = entry.shape;
|
|
120
|
+
entry.shape = shape;
|
|
121
|
+
this._patchShapeDOM(entry, prev);
|
|
122
|
+
this._updateBoundConnectors(shape.id);
|
|
123
|
+
}
|
|
124
|
+
_updateBoundConnectors(updatedId) {
|
|
125
|
+
if (!this.store)
|
|
126
|
+
return;
|
|
127
|
+
for (const s of this.store.listShapes()) {
|
|
128
|
+
const def = this.registry.get(s.type);
|
|
129
|
+
if (def?.capabilities?.connector) {
|
|
130
|
+
const props = s.props;
|
|
131
|
+
if (props.startBinding?.shapeId === updatedId || props.endBinding?.shapeId === updatedId) {
|
|
132
|
+
const entry = this.shapeElements.get(s.id);
|
|
133
|
+
if (entry)
|
|
134
|
+
this._patchShapeDOM(entry, entry.shape);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
_createOrReuseEntry(shape) {
|
|
140
|
+
let entry = this.shapeElements.get(shape.id);
|
|
141
|
+
if (entry) {
|
|
142
|
+
const prevShape = entry.shape;
|
|
143
|
+
entry.shape = shape;
|
|
144
|
+
this._patchShapeDOM(entry, prevShape);
|
|
145
|
+
return entry;
|
|
146
|
+
}
|
|
147
|
+
const def = this.registry.get(shape.type);
|
|
148
|
+
const bounds = def?.geometry.bounds(shape);
|
|
149
|
+
const rot = shape.rotation && bounds ? ` rotate(${shape.rotation}, ${bounds.width / 2}, ${bounds.height / 2})` : '';
|
|
150
|
+
const { role, ariaLabel } = computeShapeAria(shape, def);
|
|
151
|
+
const wrapper = createSVG('g', {
|
|
152
|
+
class: 'od-shape',
|
|
153
|
+
'data-id': shape.id,
|
|
154
|
+
tabindex: '0',
|
|
155
|
+
role,
|
|
156
|
+
'aria-label': ariaLabel,
|
|
157
|
+
transform: `translate(${shape.x}, ${shape.y})${rot}`,
|
|
158
|
+
});
|
|
159
|
+
const slot = createSVG('g', { class: 'od-overlay-slot', 'data-slot': 'overlay' });
|
|
160
|
+
slot.style.pointerEvents = 'none';
|
|
161
|
+
entry = { wrapper, slot, shape };
|
|
162
|
+
this.shapeElements.set(shape.id, entry);
|
|
163
|
+
this._renderShapeContent(entry);
|
|
164
|
+
wrapper.appendChild(slot);
|
|
165
|
+
return entry;
|
|
166
|
+
}
|
|
167
|
+
_renderShapeContent(entry) {
|
|
168
|
+
const { wrapper, slot, shape } = entry;
|
|
169
|
+
const def = this.registry.get(shape.type);
|
|
170
|
+
if (def) {
|
|
171
|
+
const rendered = def.render(shape, {
|
|
172
|
+
overlaySlot: slot,
|
|
173
|
+
store: this.store ?? undefined,
|
|
174
|
+
registry: this.registry,
|
|
175
|
+
});
|
|
176
|
+
if (Array.isArray(rendered)) {
|
|
177
|
+
for (const el of rendered) {
|
|
178
|
+
wrapper.appendChild(el);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
else {
|
|
182
|
+
wrapper.appendChild(rendered);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
_patchShapeDOM(entry, prevShape) {
|
|
187
|
+
const { wrapper, slot, shape } = entry;
|
|
188
|
+
const parentId = typeof shape.meta['parent'] === 'string'
|
|
189
|
+
? shape.meta['parent']
|
|
190
|
+
: typeof shape.meta['parentId'] === 'string'
|
|
191
|
+
? shape.meta['parentId']
|
|
192
|
+
: null;
|
|
193
|
+
let localX = shape.x;
|
|
194
|
+
let localY = shape.y;
|
|
195
|
+
if (parentId) {
|
|
196
|
+
const parentEntry = this.shapeElements.get(parentId);
|
|
197
|
+
if (parentEntry) {
|
|
198
|
+
const parentDef = this.registry.get(parentEntry.shape.type);
|
|
199
|
+
if (parentDef?.capabilities?.clipping) {
|
|
200
|
+
localX = shape.x - parentEntry.shape.x;
|
|
201
|
+
localY = shape.y - parentEntry.shape.y;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
const def = this.registry.get(shape.type);
|
|
206
|
+
const bounds = def?.geometry.bounds(shape);
|
|
207
|
+
const rot = shape.rotation && bounds ? ` rotate(${shape.rotation}, ${bounds.width / 2}, ${bounds.height / 2})` : '';
|
|
208
|
+
wrapper.setAttribute('transform', `translate(${localX}, ${localY})${rot}`);
|
|
209
|
+
const { role, ariaLabel } = computeShapeAria(shape, def);
|
|
210
|
+
wrapper.setAttribute('role', role);
|
|
211
|
+
wrapper.setAttribute('aria-label', ariaLabel);
|
|
212
|
+
if (def?.update) {
|
|
213
|
+
def.update(wrapper, shape, prevShape, {
|
|
214
|
+
overlaySlot: slot,
|
|
215
|
+
store: this.store ?? undefined,
|
|
216
|
+
registry: this.registry,
|
|
217
|
+
});
|
|
218
|
+
}
|
|
219
|
+
// Ensure slot remains the last child
|
|
220
|
+
if (wrapper.lastElementChild !== slot) {
|
|
221
|
+
wrapper.appendChild(slot);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
_attachWrapper(shape, wrapper) {
|
|
225
|
+
const parentId = typeof shape.meta['parent'] === 'string'
|
|
226
|
+
? shape.meta['parent']
|
|
227
|
+
: typeof shape.meta['parentId'] === 'string'
|
|
228
|
+
? shape.meta['parentId']
|
|
229
|
+
: null;
|
|
230
|
+
if (parentId) {
|
|
231
|
+
const parentEntry = this.shapeElements.get(parentId);
|
|
232
|
+
if (parentEntry) {
|
|
233
|
+
const parentDef = this.registry.get(parentEntry.shape.type);
|
|
234
|
+
if (parentDef?.capabilities?.clipping) {
|
|
235
|
+
wrapper.setAttribute('transform', `translate(${shape.x - parentEntry.shape.x}, ${shape.y - parentEntry.shape.y})`);
|
|
236
|
+
}
|
|
237
|
+
const frameChildren = parentEntry.wrapper.querySelector('.od-frame-children');
|
|
238
|
+
if (frameChildren) {
|
|
239
|
+
frameChildren.appendChild(wrapper);
|
|
240
|
+
return;
|
|
241
|
+
}
|
|
242
|
+
const groupContent = parentEntry.wrapper.querySelector('.od-group-content');
|
|
243
|
+
if (groupContent) {
|
|
244
|
+
groupContent.appendChild(wrapper);
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
parentEntry.wrapper.insertBefore(wrapper, parentEntry.slot);
|
|
248
|
+
return;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
wrapper.setAttribute('transform', `translate(${shape.x}, ${shape.y})`);
|
|
252
|
+
if (this.shapesLayer && wrapper.parentNode !== this.shapesLayer) {
|
|
253
|
+
this.shapesLayer.appendChild(wrapper);
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
//# sourceMappingURL=renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAQhE;;;;GAIG;AACH,SAAS,SAAS,CAAuC,GAAM,EAAE,KAAK,GAA2B,EAAE;IACjG,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;IACvE,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClE,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,OAAO,WAAW;IACb,QAAQ,CAAgB;IAEzB,SAAS,GAAuB,IAAI,CAAC;IACrC,UAAU,GAAyB,IAAI,CAAC;IACxC,aAAa,GAAuB,IAAI,CAAC;IACzC,WAAW,GAAuB,IAAI,CAAC;IAE9B,aAAa,GAAG,IAAI,GAAG,EAA0B,CAAC;IAC3D,KAAK,GAAuB,IAAI,CAAC;IAEzC,YAAY,QAAuB;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,SAAsB,EAAE,aAAqB;QACjD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC;QAC/F,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,wEAAwE,CAAC;QAC7F,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACjC,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC;QACtC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACvG,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;QAC5D,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7B,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC1B,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC9B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5B,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnF,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAClF,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAED,cAAc,CAAC,EAAW,IAAwB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC;IACpG,eAAe,CAAC,EAAW,IAAwB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC;IACxG,cAAc,CAAC,EAAW,IAA6B,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAElG,UAAU,CAAC,MAA6B;QACtC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAC9B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC/C,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3D,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,CAAC,MAA6B;QACrC,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,EAAE,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,KAAK,MAAM,CAAC,IAAI,IAAI;YAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAClD,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC;gBAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,SAAS,CAAC,IAAe,EAAE,KAAkB;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,YAAY;QACZ,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACzC,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAED,YAAY;QACZ,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjC,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC9C,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;QAED,YAAY;QACZ,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACzC,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;gBACnB,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;gBAC9B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBACtC,IACE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACjD,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,EACrD,CAAC;oBACD,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;QACH,CAAC;QAED,+CAA+C;QAC/C,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACrC,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,aAAa,CAAC,KAAkB;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAEO,sBAAsB,CAAC,SAAkB;QAC/C,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;YACxC,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACtC,IAAI,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,CAAC,CAAC,KAAiF,CAAC;gBAClG,IAAI,KAAK,CAAC,YAAY,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;oBACzF,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC3C,IAAI,KAAK;wBAAE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBACrD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,mBAAmB,CAAC,KAAkB;QAC5C,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC7C,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;YAC9B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACtC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,WAAW,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACzD,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE;YAC7B,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,KAAK,CAAC,EAAE;YACnB,QAAQ,EAAE,GAAG;YACb,IAAI;YACJ,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,aAAa,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,GAAG,EAAE;SACrD,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAClF,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAElC,KAAK,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACjC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAChC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,mBAAmB,CAAC,KAAoB;QAC9C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE1C,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;gBACjC,WAAW,EAAE,IAAI;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,SAAS;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC5B,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;oBAC1B,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAoB,EAAE,SAAsB;QACjE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACvC,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,QAAQ;YACtC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YACtB,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,QAAQ;gBAC1C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;gBACxB,CAAC,CAAC,IAAI,CAAC;QAEb,IAAI,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;QACrB,IAAI,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;QAErB,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC5D,IAAI,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;oBACtC,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;oBACvC,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;QACH,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,WAAW,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,aAAa,MAAM,KAAK,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC;QAC3E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACzD,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACnC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAC9C,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC;YAChB,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;gBACpC,WAAW,EAAE,IAAI;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,SAAS;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC;QACL,CAAC;QAED,qCAAqC;QACrC,IAAI,OAAO,CAAC,gBAAgB,KAAK,IAAI,EAAE,CAAC;YACtC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAkB,EAAE,OAAoB;QAC7D,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,QAAQ;YACtC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YACtB,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,QAAQ;gBAC1C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;gBACxB,CAAC,CAAC,IAAI,CAAC;QAEb,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC5D,IAAI,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;oBACtC,OAAO,CAAC,YAAY,CAClB,WAAW,EACX,aAAa,KAAK,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,CAChF,CAAC;gBACJ,CAAC;gBACD,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC9E,IAAI,aAAa,EAAE,CAAC;oBAClB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBACnC,OAAO;gBACT,CAAC;gBACD,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;gBAC5E,IAAI,YAAY,EAAE,CAAC;oBACjB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAClC,OAAO;gBACT,CAAC;gBACD,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC5D,OAAO;YACT,CAAC;QACH,CAAC;QAED,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,aAAa,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;QACvE,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/selection/defs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,WAAW,EAAE,SAAS,OAAO,EAAE,CAAC;CAC1C;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,SAAS,OAAO,EAAE,KAAK,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../src/selection/defs.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ShapeId, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { ShapeRegistry } from '../registry.js';
|
|
3
|
+
import type { CanvasStore } from '../store/index.js';
|
|
4
|
+
export declare function isGroupShape(shape: ShapeRecord, registry: ShapeRegistry): boolean;
|
|
5
|
+
export declare function getGroupMembers(shape: ShapeRecord, registry: ShapeRegistry): readonly ShapeId[];
|
|
6
|
+
export declare function findGroupForMember(memberId: ShapeId, store: CanvasStore, registry: ShapeRegistry): ShapeRecord | null;
|
|
7
|
+
//# sourceMappingURL=group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/selection/group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,GAAG,OAAO,CAGjF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,GAAG,SAAS,OAAO,EAAE,CAO/F;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,aAAa,GACtB,WAAW,GAAG,IAAI,CAUpB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export function isGroupShape(shape, registry) {
|
|
2
|
+
const def = registry.get(shape.type);
|
|
3
|
+
return def?.capabilities?.group?.isGroup === true;
|
|
4
|
+
}
|
|
5
|
+
export function getGroupMembers(shape, registry) {
|
|
6
|
+
const def = registry.get(shape.type);
|
|
7
|
+
if (!def?.capabilities?.group?.isGroup)
|
|
8
|
+
return [];
|
|
9
|
+
if (def.capabilities.group.getMembers) {
|
|
10
|
+
return def.capabilities.group.getMembers(shape);
|
|
11
|
+
}
|
|
12
|
+
return shape.props?.memberIds ?? [];
|
|
13
|
+
}
|
|
14
|
+
export function findGroupForMember(memberId, store, registry) {
|
|
15
|
+
for (const candidate of store.listShapes()) {
|
|
16
|
+
if (isGroupShape(candidate, registry)) {
|
|
17
|
+
const members = getGroupMembers(candidate, registry);
|
|
18
|
+
if (members.includes(memberId)) {
|
|
19
|
+
return candidate;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/selection/group.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,YAAY,CAAC,KAAkB,EAAE,QAAuB;IACtE,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAkB,EAAE,QAAuB;IACzE,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO;QAAE,OAAO,EAAE,CAAC;IAClD,IAAI,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QACtC,OAAO,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IACD,OAAQ,KAAK,CAAC,KAAK,EAAE,SAAgC,IAAI,EAAE,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,QAAiB,EACjB,KAAkB,EAClB,QAAuB;IAEvB,KAAK,MAAM,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;QAC3C,IAAI,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtC,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YACrD,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,OAAO,SAAS,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
|