@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,76 @@
|
|
|
1
|
+
import { CorruptSnapshotError } from '@open-draw/schema';
|
|
2
|
+
export function parseAndValidateSnapshot(snapshot, metaValidators) {
|
|
3
|
+
if (!snapshot || typeof snapshot !== 'object') {
|
|
4
|
+
throw new CorruptSnapshotError('Snapshot must be an object');
|
|
5
|
+
}
|
|
6
|
+
const s = snapshot;
|
|
7
|
+
if (typeof s.version !== 'number' || s.version < 1) {
|
|
8
|
+
throw new CorruptSnapshotError(`Invalid snapshot version: ${s.version}`);
|
|
9
|
+
}
|
|
10
|
+
if (!Array.isArray(s.shapes)) {
|
|
11
|
+
throw new CorruptSnapshotError('Snapshot shapes must be an array');
|
|
12
|
+
}
|
|
13
|
+
const newShapes = new Map();
|
|
14
|
+
for (const item of s.shapes) {
|
|
15
|
+
if (!item || typeof item !== 'object') {
|
|
16
|
+
throw new CorruptSnapshotError('Shape record must be an object');
|
|
17
|
+
}
|
|
18
|
+
if (typeof item.id !== 'string' || item.id.trim() === '') {
|
|
19
|
+
throw new CorruptSnapshotError('Shape record must have a non-empty string id');
|
|
20
|
+
}
|
|
21
|
+
if (typeof item.type !== 'string' || item.type.trim() === '') {
|
|
22
|
+
throw new CorruptSnapshotError(`Shape "${item.id}" must have a non-empty string type`);
|
|
23
|
+
}
|
|
24
|
+
if (!Number.isFinite(item.x) || !Number.isFinite(item.y)) {
|
|
25
|
+
throw new CorruptSnapshotError(`Shape "${item.id}" must have finite x and y coordinates`);
|
|
26
|
+
}
|
|
27
|
+
if (!item.props || typeof item.props !== 'object') {
|
|
28
|
+
throw new CorruptSnapshotError(`Shape "${item.id}" props must be an object`);
|
|
29
|
+
}
|
|
30
|
+
if (!item.meta || typeof item.meta !== 'object') {
|
|
31
|
+
throw new CorruptSnapshotError(`Shape "${item.id}" meta must be an object`);
|
|
32
|
+
}
|
|
33
|
+
// Validate registered meta namespaces
|
|
34
|
+
const meta = item.meta;
|
|
35
|
+
for (const [namespace, validator] of metaValidators.entries()) {
|
|
36
|
+
if (namespace in meta) {
|
|
37
|
+
const isValid = validator(meta[namespace]);
|
|
38
|
+
if (!isValid) {
|
|
39
|
+
throw new CorruptSnapshotError(`Shape "${item.id}" contains invalid meta for namespace "${namespace}"`);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
const validatedShape = Object.freeze({
|
|
44
|
+
id: item.id,
|
|
45
|
+
type: item.type,
|
|
46
|
+
x: item.x,
|
|
47
|
+
y: item.y,
|
|
48
|
+
rotation: typeof item.rotation === 'number' ? item.rotation : 0,
|
|
49
|
+
hidden: Boolean(item.hidden),
|
|
50
|
+
meta: Object.freeze({ ...meta }),
|
|
51
|
+
props: Object.freeze({ ...item.props }),
|
|
52
|
+
});
|
|
53
|
+
newShapes.set(validatedShape.id, validatedShape);
|
|
54
|
+
}
|
|
55
|
+
return newShapes;
|
|
56
|
+
}
|
|
57
|
+
export function computeDiff(before, after) {
|
|
58
|
+
const created = new Set();
|
|
59
|
+
const updated = new Set();
|
|
60
|
+
const deleted = new Set();
|
|
61
|
+
for (const [id] of after) {
|
|
62
|
+
if (!before.has(id)) {
|
|
63
|
+
created.add(id);
|
|
64
|
+
}
|
|
65
|
+
else if (before.get(id) !== after.get(id)) {
|
|
66
|
+
updated.add(id);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
for (const [id] of before) {
|
|
70
|
+
if (!after.has(id)) {
|
|
71
|
+
deleted.add(id);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return { created, updated, deleted };
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=snapshot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../../src/store/snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAiD,MAAM,mBAAmB,CAAC;AAGxG,MAAM,UAAU,wBAAwB,CACtC,QAAiB,EACjB,cAA0C;IAE1C,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC9C,MAAM,IAAI,oBAAoB,CAAC,4BAA4B,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM,CAAC,GAAG,QAA6B,CAAC;IACxC,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;QACnD,MAAM,IAAI,oBAAoB,CAAC,6BAA6B,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,MAAM,IAAI,oBAAoB,CAAC,kCAAkC,CAAC,CAAC;IACrE,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,GAAG,EAAwB,CAAC;IAElD,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5B,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtC,MAAM,IAAI,oBAAoB,CAAC,gCAAgC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACzD,MAAM,IAAI,oBAAoB,CAAC,8CAA8C,CAAC,CAAC;QACjF,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC7D,MAAM,IAAI,oBAAoB,CAAC,UAAU,IAAI,CAAC,EAAE,qCAAqC,CAAC,CAAC;QACzF,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,MAAM,IAAI,oBAAoB,CAAC,UAAU,IAAI,CAAC,EAAE,wCAAwC,CAAC,CAAC;QAC5F,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAClD,MAAM,IAAI,oBAAoB,CAAC,UAAU,IAAI,CAAC,EAAE,2BAA2B,CAAC,CAAC;QAC/E,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAChD,MAAM,IAAI,oBAAoB,CAAC,UAAU,IAAI,CAAC,EAAE,0BAA0B,CAAC,CAAC;QAC9E,CAAC;QAED,sCAAsC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,IAA+B,CAAC;QAClD,KAAK,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC;YAC9D,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACtB,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,MAAM,IAAI,oBAAoB,CAC5B,UAAU,IAAI,CAAC,EAAE,0CAA0C,SAAS,GAAG,CACxE,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC;QAED,MAAM,cAAc,GAAgB,MAAM,CAAC,MAAM,CAAC;YAChD,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/D,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;YAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;YAChC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;SACxC,CAAC,CAAC;QAEH,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,MAAiC,EACjC,KAAgC;IAEhC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAW,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAW,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAW,CAAC;IAEnC,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACpB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;aAAM,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YAC5C,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC;IAED,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { ShapeId, ShapeRecord, Snapshot } from '@open-draw/schema';
|
|
2
|
+
import type { HistoryEntry, MetaValidator, StoreDiff, StoreListener } from './types.js';
|
|
3
|
+
import { type ZOrderOperation } from './zorder.js';
|
|
4
|
+
export type { HistoryEntry, MetaValidator, StoreDiff, StoreListener };
|
|
5
|
+
export declare class CanvasStore {
|
|
6
|
+
private shapes;
|
|
7
|
+
private undoStack;
|
|
8
|
+
private redoStack;
|
|
9
|
+
private listeners;
|
|
10
|
+
private metaValidators;
|
|
11
|
+
private isTransacting;
|
|
12
|
+
private transactionDepth;
|
|
13
|
+
private transactionInitialShapes;
|
|
14
|
+
private pendingCreated;
|
|
15
|
+
private pendingUpdated;
|
|
16
|
+
private pendingDeleted;
|
|
17
|
+
registerMetaNamespace(namespace: string, validator: MetaValidator): void;
|
|
18
|
+
getShape(id: ShapeId): ShapeRecord | undefined;
|
|
19
|
+
hasShape(id: ShapeId): boolean;
|
|
20
|
+
listShapes(): ReadonlyArray<ShapeRecord>;
|
|
21
|
+
createShape(record: {
|
|
22
|
+
readonly id: ShapeId;
|
|
23
|
+
readonly type: string;
|
|
24
|
+
readonly x: number;
|
|
25
|
+
readonly y: number;
|
|
26
|
+
readonly rotation?: number;
|
|
27
|
+
readonly hidden?: boolean;
|
|
28
|
+
readonly meta?: Record<string, unknown>;
|
|
29
|
+
readonly props?: Record<string, unknown>;
|
|
30
|
+
}): ShapeRecord;
|
|
31
|
+
updateShape(id: ShapeId, patch: Partial<Omit<ShapeRecord, 'id' | 'type'>>): ShapeRecord;
|
|
32
|
+
deleteShape(id: ShapeId): boolean;
|
|
33
|
+
beginTransaction(): void;
|
|
34
|
+
commitTransaction(): void;
|
|
35
|
+
rollbackTransaction(): void;
|
|
36
|
+
transact(fn: () => void): void;
|
|
37
|
+
canUndo(): boolean;
|
|
38
|
+
canRedo(): boolean;
|
|
39
|
+
clearHistory(): void;
|
|
40
|
+
mergeLastHistoryEntry(): void;
|
|
41
|
+
reorderShapes(op: ZOrderOperation, ids: readonly ShapeId[]): void;
|
|
42
|
+
undo(): boolean;
|
|
43
|
+
redo(): boolean;
|
|
44
|
+
listen(listener: StoreListener): () => void;
|
|
45
|
+
getSnapshot(): Snapshot;
|
|
46
|
+
loadSnapshot(snapshot: unknown): void;
|
|
47
|
+
private applyCreate;
|
|
48
|
+
private applyUpdate;
|
|
49
|
+
private applyDelete;
|
|
50
|
+
private notifyListeners;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=store.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAElE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEtE,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAwC;IACtD,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,cAAc,CAAyC;IAE/D,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,wBAAwB,CAA0C;IAC1E,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,cAAc,CAA2B;IAEjD,qBAAqB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG,IAAI,CAAmD;IAC3H,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAAgC;IAC9E,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAgC;IAC9D,UAAU,IAAI,aAAa,CAAC,WAAW,CAAC,CAA6C;IAErF,WAAW,CAAC,MAAM,EAAE;QAClB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC1C,GAAG,WAAW,CAyBd;IAED,WAAW,CACT,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,GAC/C,WAAW,CA+Bb;IAED,WAAW,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAchC;IAED,gBAAgB,IAAI,IAAI,CAWvB;IAED,iBAAiB,IAAI,IAAI,CAkCxB;IAED,mBAAmB,IAAI,IAAI,CAa1B;IAED,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI,CAS7B;IAED,OAAO,IAAI,OAAO,CAAsC;IACxD,OAAO,IAAI,OAAO,CAAsC;IACxD,YAAY,IAAI,IAAI,CAA8C;IAElE,qBAAqB,IAAI,IAAI,CAK5B;IAED,aAAa,CAAC,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAUhE;IAED,IAAI,IAAI,OAAO,CAad;IAED,IAAI,IAAI,OAAO,CAad;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI,CAK1C;IAED,WAAW,IAAI,QAAQ,CAKtB;IAED,YAAY,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAKpC;IAED,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,eAAe;CASxB"}
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { computeDiff, parseAndValidateSnapshot } from './snapshot.js';
|
|
2
|
+
import { reorderShapes } from './zorder.js';
|
|
3
|
+
export class CanvasStore {
|
|
4
|
+
shapes = new Map();
|
|
5
|
+
undoStack = [];
|
|
6
|
+
redoStack = [];
|
|
7
|
+
listeners = new Set();
|
|
8
|
+
metaValidators = new Map();
|
|
9
|
+
isTransacting = false;
|
|
10
|
+
transactionDepth = 0;
|
|
11
|
+
transactionInitialShapes = null;
|
|
12
|
+
pendingCreated = new Set();
|
|
13
|
+
pendingUpdated = new Set();
|
|
14
|
+
pendingDeleted = new Set();
|
|
15
|
+
registerMetaNamespace(namespace, validator) { this.metaValidators.set(namespace, validator); }
|
|
16
|
+
getShape(id) { return this.shapes.get(id); }
|
|
17
|
+
hasShape(id) { return this.shapes.has(id); }
|
|
18
|
+
listShapes() { return Array.from(this.shapes.values()); }
|
|
19
|
+
createShape(record) {
|
|
20
|
+
if (this.shapes.has(record.id)) {
|
|
21
|
+
throw new Error(`Shape with id "${record.id}" already exists`);
|
|
22
|
+
}
|
|
23
|
+
const shape = Object.freeze({
|
|
24
|
+
id: record.id,
|
|
25
|
+
type: record.type,
|
|
26
|
+
x: record.x,
|
|
27
|
+
y: record.y,
|
|
28
|
+
rotation: record.rotation ?? 0,
|
|
29
|
+
hidden: record.hidden ?? false,
|
|
30
|
+
meta: Object.freeze({ ...(record.meta ?? {}) }),
|
|
31
|
+
props: Object.freeze({ ...(record.props ?? {}) }),
|
|
32
|
+
});
|
|
33
|
+
if (!this.isTransacting) {
|
|
34
|
+
this.transact(() => {
|
|
35
|
+
this.applyCreate(shape);
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.applyCreate(shape);
|
|
40
|
+
}
|
|
41
|
+
return shape;
|
|
42
|
+
}
|
|
43
|
+
updateShape(id, patch) {
|
|
44
|
+
const existing = this.shapes.get(id);
|
|
45
|
+
if (!existing) {
|
|
46
|
+
throw new Error(`Cannot update non-existent shape "${id}"`);
|
|
47
|
+
}
|
|
48
|
+
let meta = existing.meta;
|
|
49
|
+
if (patch.meta) {
|
|
50
|
+
const merged = { ...existing.meta, ...patch.meta };
|
|
51
|
+
for (const k of Object.keys(merged)) {
|
|
52
|
+
if (merged[k] === undefined)
|
|
53
|
+
delete merged[k];
|
|
54
|
+
}
|
|
55
|
+
meta = Object.freeze(merged);
|
|
56
|
+
}
|
|
57
|
+
const updated = Object.freeze({
|
|
58
|
+
...existing,
|
|
59
|
+
...patch,
|
|
60
|
+
meta,
|
|
61
|
+
props: patch.props ? Object.freeze({ ...existing.props, ...patch.props }) : existing.props,
|
|
62
|
+
});
|
|
63
|
+
if (!this.isTransacting) {
|
|
64
|
+
this.transact(() => {
|
|
65
|
+
this.applyUpdate(updated);
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
this.applyUpdate(updated);
|
|
70
|
+
}
|
|
71
|
+
return updated;
|
|
72
|
+
}
|
|
73
|
+
deleteShape(id) {
|
|
74
|
+
if (!this.shapes.has(id)) {
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
77
|
+
if (!this.isTransacting) {
|
|
78
|
+
this.transact(() => {
|
|
79
|
+
this.applyDelete(id);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
this.applyDelete(id);
|
|
84
|
+
}
|
|
85
|
+
return true;
|
|
86
|
+
}
|
|
87
|
+
beginTransaction() {
|
|
88
|
+
if (!this.isTransacting) {
|
|
89
|
+
this.isTransacting = true;
|
|
90
|
+
this.transactionDepth = 1;
|
|
91
|
+
this.transactionInitialShapes = new Map(this.shapes);
|
|
92
|
+
this.pendingCreated.clear();
|
|
93
|
+
this.pendingUpdated.clear();
|
|
94
|
+
this.pendingDeleted.clear();
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
this.transactionDepth++;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
commitTransaction() {
|
|
101
|
+
if (!this.isTransacting) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
this.transactionDepth--;
|
|
105
|
+
if (this.transactionDepth > 0) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
const hasChanges = this.pendingCreated.size > 0 ||
|
|
109
|
+
this.pendingUpdated.size > 0 ||
|
|
110
|
+
this.pendingDeleted.size > 0;
|
|
111
|
+
if (hasChanges) {
|
|
112
|
+
const before = this.transactionInitialShapes ?? new Map();
|
|
113
|
+
const after = new Map(this.shapes);
|
|
114
|
+
this.undoStack.push({ before, after });
|
|
115
|
+
this.redoStack = [];
|
|
116
|
+
}
|
|
117
|
+
const diff = {
|
|
118
|
+
created: new Set(this.pendingCreated),
|
|
119
|
+
updated: new Set(this.pendingUpdated),
|
|
120
|
+
deleted: new Set(this.pendingDeleted),
|
|
121
|
+
};
|
|
122
|
+
this.isTransacting = false;
|
|
123
|
+
this.transactionDepth = 0;
|
|
124
|
+
this.transactionInitialShapes = null;
|
|
125
|
+
if (hasChanges) {
|
|
126
|
+
this.notifyListeners(diff);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
rollbackTransaction() {
|
|
130
|
+
if (!this.isTransacting) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
if (this.transactionInitialShapes) {
|
|
134
|
+
this.shapes = new Map(this.transactionInitialShapes);
|
|
135
|
+
}
|
|
136
|
+
this.isTransacting = false;
|
|
137
|
+
this.transactionDepth = 0;
|
|
138
|
+
this.transactionInitialShapes = null;
|
|
139
|
+
this.pendingCreated.clear();
|
|
140
|
+
this.pendingUpdated.clear();
|
|
141
|
+
this.pendingDeleted.clear();
|
|
142
|
+
}
|
|
143
|
+
transact(fn) {
|
|
144
|
+
this.beginTransaction();
|
|
145
|
+
try {
|
|
146
|
+
fn();
|
|
147
|
+
this.commitTransaction();
|
|
148
|
+
}
|
|
149
|
+
catch (err) {
|
|
150
|
+
this.rollbackTransaction();
|
|
151
|
+
throw err;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
canUndo() { return this.undoStack.length > 0; }
|
|
155
|
+
canRedo() { return this.redoStack.length > 0; }
|
|
156
|
+
clearHistory() { this.undoStack = []; this.redoStack = []; }
|
|
157
|
+
mergeLastHistoryEntry() {
|
|
158
|
+
if (this.undoStack.length < 2)
|
|
159
|
+
return;
|
|
160
|
+
const current = this.undoStack.pop();
|
|
161
|
+
const prev = this.undoStack[this.undoStack.length - 1];
|
|
162
|
+
this.undoStack[this.undoStack.length - 1] = { before: prev.before, after: current.after };
|
|
163
|
+
}
|
|
164
|
+
reorderShapes(op, ids) {
|
|
165
|
+
if (ids.length === 0)
|
|
166
|
+
return;
|
|
167
|
+
const reordered = reorderShapes(Array.from(this.shapes.values()), ids, op);
|
|
168
|
+
const before = new Map(this.shapes);
|
|
169
|
+
const after = new Map();
|
|
170
|
+
for (const s of reordered)
|
|
171
|
+
after.set(s.id, s);
|
|
172
|
+
this.undoStack.push({ before, after });
|
|
173
|
+
this.redoStack = [];
|
|
174
|
+
this.shapes = after;
|
|
175
|
+
this.notifyListeners({ created: new Set(), updated: new Set(), deleted: new Set() });
|
|
176
|
+
}
|
|
177
|
+
undo() {
|
|
178
|
+
if (!this.canUndo())
|
|
179
|
+
return false;
|
|
180
|
+
const entry = this.undoStack.pop();
|
|
181
|
+
if (!entry)
|
|
182
|
+
return false;
|
|
183
|
+
const currentShapes = new Map(this.shapes);
|
|
184
|
+
this.redoStack.push({ before: entry.before, after: currentShapes });
|
|
185
|
+
this.shapes = new Map(entry.before);
|
|
186
|
+
const diff = computeDiff(currentShapes, this.shapes);
|
|
187
|
+
this.notifyListeners(diff);
|
|
188
|
+
return true;
|
|
189
|
+
}
|
|
190
|
+
redo() {
|
|
191
|
+
if (!this.canRedo())
|
|
192
|
+
return false;
|
|
193
|
+
const entry = this.redoStack.pop();
|
|
194
|
+
if (!entry)
|
|
195
|
+
return false;
|
|
196
|
+
const currentShapes = new Map(this.shapes);
|
|
197
|
+
this.undoStack.push({ before: currentShapes, after: entry.after });
|
|
198
|
+
this.shapes = new Map(entry.after);
|
|
199
|
+
const diff = computeDiff(currentShapes, this.shapes);
|
|
200
|
+
this.notifyListeners(diff);
|
|
201
|
+
return true;
|
|
202
|
+
}
|
|
203
|
+
listen(listener) {
|
|
204
|
+
this.listeners.add(listener);
|
|
205
|
+
return () => {
|
|
206
|
+
this.listeners.delete(listener);
|
|
207
|
+
};
|
|
208
|
+
}
|
|
209
|
+
getSnapshot() {
|
|
210
|
+
return {
|
|
211
|
+
version: 1,
|
|
212
|
+
shapes: this.listShapes(),
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
loadSnapshot(snapshot) {
|
|
216
|
+
const newShapes = parseAndValidateSnapshot(snapshot, this.metaValidators);
|
|
217
|
+
this.transact(() => {
|
|
218
|
+
this.shapes = newShapes;
|
|
219
|
+
});
|
|
220
|
+
}
|
|
221
|
+
applyCreate(shape) {
|
|
222
|
+
this.shapes.set(shape.id, shape);
|
|
223
|
+
this.pendingCreated.add(shape.id);
|
|
224
|
+
}
|
|
225
|
+
applyUpdate(shape) {
|
|
226
|
+
this.shapes.set(shape.id, shape);
|
|
227
|
+
if (!this.pendingCreated.has(shape.id)) {
|
|
228
|
+
this.pendingUpdated.add(shape.id);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
applyDelete(id) {
|
|
232
|
+
this.shapes.delete(id);
|
|
233
|
+
if (this.pendingCreated.has(id)) {
|
|
234
|
+
this.pendingCreated.delete(id);
|
|
235
|
+
}
|
|
236
|
+
else {
|
|
237
|
+
this.pendingUpdated.delete(id);
|
|
238
|
+
this.pendingDeleted.add(id);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
notifyListeners(diff) {
|
|
242
|
+
for (const listener of this.listeners) {
|
|
243
|
+
try {
|
|
244
|
+
listener(diff);
|
|
245
|
+
}
|
|
246
|
+
catch (err) {
|
|
247
|
+
console.error('Store listener error:', err);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
//# sourceMappingURL=store.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ShapeId, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
export interface StoreDiff {
|
|
3
|
+
readonly created: ReadonlySet<ShapeId>;
|
|
4
|
+
readonly updated: ReadonlySet<ShapeId>;
|
|
5
|
+
readonly deleted: ReadonlySet<ShapeId>;
|
|
6
|
+
}
|
|
7
|
+
export type StoreListener = (diff: StoreDiff) => void;
|
|
8
|
+
export type MetaValidator = (metaValue: unknown) => boolean;
|
|
9
|
+
export interface HistoryEntry {
|
|
10
|
+
readonly before: Map<ShapeId, ShapeRecord>;
|
|
11
|
+
readonly after: Map<ShapeId, ShapeRecord>;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;AACtD,MAAM,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC3C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;CAC3C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ShapeId, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
export type ZOrderOperation = 'forward' | 'backward' | 'front' | 'back';
|
|
3
|
+
export declare function reorderShapes(shapes: readonly ShapeRecord[], targetIds: readonly ShapeId[], op: ZOrderOperation): ShapeRecord[];
|
|
4
|
+
//# sourceMappingURL=zorder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zorder.d.ts","sourceRoot":"","sources":["../../src/store/zorder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,SAAS,EAAE,SAAS,OAAO,EAAE,EAC7B,EAAE,EAAE,eAAe,GAClB,WAAW,EAAE,CAqDf"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export function reorderShapes(shapes, targetIds, op) {
|
|
2
|
+
const targetSet = new Set(targetIds);
|
|
3
|
+
if (targetSet.size === 0 || shapes.length <= 1) {
|
|
4
|
+
return [...shapes];
|
|
5
|
+
}
|
|
6
|
+
if (op === 'front') {
|
|
7
|
+
const nonTargets = [];
|
|
8
|
+
const targets = [];
|
|
9
|
+
for (const s of shapes) {
|
|
10
|
+
if (targetSet.has(s.id)) {
|
|
11
|
+
targets.push(s);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
nonTargets.push(s);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
return [...nonTargets, ...targets];
|
|
18
|
+
}
|
|
19
|
+
if (op === 'back') {
|
|
20
|
+
const nonTargets = [];
|
|
21
|
+
const targets = [];
|
|
22
|
+
for (const s of shapes) {
|
|
23
|
+
if (targetSet.has(s.id)) {
|
|
24
|
+
targets.push(s);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
nonTargets.push(s);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return [...targets, ...nonTargets];
|
|
31
|
+
}
|
|
32
|
+
const result = [...shapes];
|
|
33
|
+
if (op === 'forward') {
|
|
34
|
+
for (let i = result.length - 2; i >= 0; i--) {
|
|
35
|
+
if (targetSet.has(result[i].id) && !targetSet.has(result[i + 1].id)) {
|
|
36
|
+
const temp = result[i];
|
|
37
|
+
result[i] = result[i + 1];
|
|
38
|
+
result[i + 1] = temp;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return result;
|
|
42
|
+
}
|
|
43
|
+
// op === 'backward'
|
|
44
|
+
for (let i = 1; i < result.length; i++) {
|
|
45
|
+
if (targetSet.has(result[i].id) && !targetSet.has(result[i - 1].id)) {
|
|
46
|
+
const temp = result[i];
|
|
47
|
+
result[i] = result[i - 1];
|
|
48
|
+
result[i - 1] = temp;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return result;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=zorder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zorder.js","sourceRoot":"","sources":["../../src/store/zorder.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,31 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-draw/canvas",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "0.2.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.js"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"files": [
|
|
15
|
+
"dist",
|
|
16
|
+
"!dist/**/*.test.*",
|
|
17
|
+
"README.md",
|
|
18
|
+
"LICENSE"
|
|
19
|
+
],
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@open-draw/schema": "^0.1.0"
|
|
22
|
+
},
|
|
23
|
+
"publishConfig": {
|
|
24
|
+
"access": "public"
|
|
25
|
+
},
|
|
26
|
+
"scripts": {
|
|
27
|
+
"typecheck": "tsc --noEmit",
|
|
28
|
+
"test": "vitest run",
|
|
29
|
+
"build": "tsc"
|
|
30
|
+
}
|
|
31
|
+
}
|