@pixerate/editor-svelte 0.112.0 → 0.113.0

package/dist/canvas/createCanvasDocument.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type CanvasEdge, type CanvasEdgeLike, type CanvasEditorDocument, type CanvasEditorDocumentOptions, type CanvasNode } from '@pixerate/editor/canvas';
+import type { EditorDocument } from '@pixerate/editor/persistence';
+export type CreateCanvasDocumentOptions<TNode extends CanvasNode = CanvasNode, TEdge extends CanvasEdgeLike = CanvasEdge> = Omit<CanvasEditorDocumentOptions<TNode, TEdge>, 'subscribe'>;
+/**
+ * Svelte 5 rune: the save / load / undo contract (kind `canvas`) for nodes and edges held in
+ * `$state`, for `createEditorAutosave` or `createDocumentToolProvider`. Reads `getNodes()` /
+ * `getEdges()` reactively, so changes the history does not see (a finished drag, an edge
+ * removed by Svelte Flow) count too; selection, measuring and drag frames do not. Parity with
+ * React's `useCanvasEditorDocument`. Call `destroy()` when done.
+ */
+export declare function createCanvasDocument<TNode extends CanvasNode = CanvasNode, TEdge extends CanvasEdgeLike = CanvasEdge>(options: CreateCanvasDocumentOptions<TNode, TEdge>): EditorDocument<CanvasEditorDocument<TNode, TEdge>>;

package/dist/canvas/createCanvasDocument.svelte.js

@@ -0,0 +1,42 @@
+import { createCanvasEditorDocument } from '@pixerate/editor/canvas';
+const contentKey = (nodes, edges) => JSON.stringify([
+    nodes.map(({ selected: _s, dragging: _d, measured: _m, resizing: _r, ...rest }) => rest),
+    edges.map(({ selected: _s, ...rest }) => rest)
+]);
+/**
+ * Svelte 5 rune: the save / load / undo contract (kind `canvas`) for nodes and edges held in
+ * `$state`, for `createEditorAutosave` or `createDocumentToolProvider`. Reads `getNodes()` /
+ * `getEdges()` reactively, so changes the history does not see (a finished drag, an edge
+ * removed by Svelte Flow) count too; selection, measuring and drag frames do not. Parity with
+ * React's `useCanvasEditorDocument`. Call `destroy()` when done.
+ */
+export function createCanvasDocument(options) {
+    const listeners = new Set();
+    const doc = createCanvasEditorDocument({
+        ...options,
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        }
+    });
+    let lastKey = null;
+    const stop = $effect.root(() => {
+        $effect(() => {
+            const nodes = options.getNodes();
+            const edges = options.getEdges();
+            if (nodes.some((n) => n.dragging))
+                return;
+            const key = contentKey(nodes, edges);
+            if (lastKey !== null && key !== lastKey)
+                listeners.forEach((listener) => listener());
+            lastKey = key;
+        });
+    });
+    return {
+        ...doc,
+        destroy() {
+            stop();
+            doc.destroy();
+        }
+    };
+}

package/dist/canvas/index.d.ts

@@ -18,6 +18,7 @@ export { createStreamingCanvas, type CreateStreamingCanvasOptions } from './crea
 export { createCanvasArrange, createCanvasArrangeShortcuts, type CanvasArrange, type CreateCanvasArrangeOptions, type CanvasArrangeShortcutsOptions } from './createCanvasArrange.svelte.js';
 export { createCanvasScenes, type CanvasScenes, type CreateCanvasScenesOptions } from './createCanvasScenes.svelte.js';
 export { createCanvasCapture, type CreateCanvasCaptureOptions } from './createCanvasCapture.js';
+export { createCanvasDocument, type CreateCanvasDocumentOptions } from './createCanvasDocument.svelte.js';
 export { createCanvasPlaybackSurface, type CreateCanvasPlaybackSurfaceOptions } from './createCanvasPlaybackSurface.svelte.js';
 export { default as PresenceLayer } from '../playback/PresenceLayer.svelte';
 export { default as CanvasGuidesLayer } from './CanvasGuidesLayer.svelte';

package/dist/canvas/index.js

@@ -36,6 +36,7 @@ export { createStreamingCanvas } from './createStreamingCanvas.svelte.js';
 export { createCanvasArrange, createCanvasArrangeShortcuts } from './createCanvasArrange.svelte.js';
 export { createCanvasScenes } from './createCanvasScenes.svelte.js';
 export { createCanvasCapture } from './createCanvasCapture.js';
+export { createCanvasDocument } from './createCanvasDocument.svelte.js';
 export { createCanvasPlaybackSurface } from './createCanvasPlaybackSurface.svelte.js';
 export { default as PresenceLayer } from '../playback/PresenceLayer.svelte';
 export { default as CanvasGuidesLayer } from './CanvasGuidesLayer.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.112.0",
+  "version": "0.113.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -160,7 +160,7 @@
     "@tiptap/extension-bubble-menu": "^2.27.3",
     "@tiptap/extension-placeholder": "^2.27.3",
     "@tiptap/starter-kit": "^2.27.3",
-    "@pixerate/editor": "0.153.0"
+    "@pixerate/editor": "0.154.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",