@pixerate/editor-svelte 0.113.0 → 0.114.1

package/dist/image-editor/imageEditorState.svelte.d.ts

@@ -2,6 +2,7 @@ import type { ToolRegistry } from '@pixerate/editor/tools';
 import { ImageEditorController, type ImageEffectsToolProviderOptions, type ImageEditorFit, type ImageEditorOptions, type ImageEditorState, type ImageEditorTool, type CropBox, type AspectRatio, type ImageAdjustments, type DepthMaskOptions, type Annotation, type CreateAnnotationPayload, type ExportOptions, type SerializedImageEditorState, type AIResultOptions, type ImagePoint, type AdjustmentKind, type AdjustmentLayerInit, type AdjustmentLayerUpdate, type ImageHistogram } from '@pixerate/editor/image-editor';
 export declare function createReactiveImageEditor(options?: ImageEditorOptions): {
     readonly controller: ImageEditorController;
+    editorDocument: import("@pixerate/editor/persistence").EditorDocument<SerializedImageEditorState>;
     readonly state: ImageEditorState;
     readonly canUndo: boolean;
     /** Histogram of the last rendered preview (after adjustments and layers); null before a render. */

package/dist/image-editor/imageEditorState.svelte.js

@@ -1,4 +1,4 @@
-import { ImageEditorController, createImageEffectsToolProvider, } from '@pixerate/editor/image-editor';
+import { ImageEditorController, createImageEditorDocument, createImageEffectsToolProvider, } from '@pixerate/editor/image-editor';
 export function createReactiveImageEditor(options = {}) {
     const controller = new ImageEditorController(options);
     let state = $state(controller.getState());
@@ -11,10 +11,13 @@ export function createReactiveImageEditor(options = {}) {
     const unsubscribeHistogram = controller.subscribeHistogram((h) => {
         histogram = h;
     });
+    /** The save / load / undo contract, with layer pixels as asset references. */
+    const editorDocument = createImageEditorDocument(controller);
     return {
         get controller() {
             return controller;
         },
+        editorDocument,
         get state() {
             return state;
         },
@@ -168,6 +171,7 @@ export function createReactiveImageEditor(options = {}) {
         destroy() {
             unsubscribe();
             unsubscribeHistogram();
+            editorDocument.destroy();
         },
     };
 }

package/dist/paint-editor/paintEditorRune.svelte.d.ts

@@ -8,6 +8,7 @@ import type { ToolRegistry } from '@pixerate/editor/tools';
 export declare function createReactivePaintEditor(options?: PaintEditorOptions | PaintEditorController): {
     readonly controller: PaintEditorController;
     readonly state: PaintEditorState;
+    editorDocument: import("@pixerate/editor/persistence").EditorDocument<import("@pixerate/editor/paint-editor").SerializedPaintDocument>;
     destroy(): void;
 };
 /** The controller's state as a rune, for components (subscribe in an effect, see GOTCHAS). */

package/dist/paint-editor/paintEditorRune.svelte.js

@@ -1,5 +1,5 @@
 import { untrack } from 'svelte';
-import { createPaintEffectsToolProvider, PaintDirector, PaintEditorController, PaintPresence } from '@pixerate/editor/paint-editor';
+import { createPaintEditorDocument, createPaintEffectsToolProvider, PaintDirector, PaintEditorController, PaintPresence } from '@pixerate/editor/paint-editor';
 /**
  * A `PaintEditorController` (created from `options`, or the one given) with its state as a
  * rune: `editor.state` updates after every change. Call `destroy()` to unsubscribe.
@@ -10,6 +10,8 @@ export function createReactivePaintEditor(options = {}) {
     const unsubscribe = controller.subscribe(() => {
         snapshot = controller.getState();
     });
+    /** The save / load / undo contract, with every image as an asset reference. */
+    const editorDocument = createPaintEditorDocument(controller);
     return {
         get controller() {
             return controller;
@@ -17,8 +19,10 @@ export function createReactivePaintEditor(options = {}) {
         get state() {
             return snapshot;
         },
+        editorDocument,
         destroy() {
             unsubscribe();
+            editorDocument.destroy();
         },
     };
 }

package/dist/persistence/editorAutosave.svelte.js

@@ -1,4 +1,4 @@
-import { parseEditorDocument, toEditorDocumentFile, } from "@pixerate/editor/persistence";
+import { parseEditorDocument, toEditorDocumentFile, withEditorAssets, } from "@pixerate/editor/persistence";
 import { createAutosave } from "./autosave.svelte.js";
 /**
  * `createAutosave` for any editor's `EditorDocument` (e.g.
@@ -9,6 +9,8 @@ import { createAutosave } from "./autosave.svelte.js";
 export function createEditorAutosave(doc, options) {
     const autosave = createAutosave({
         ...options,
+        // Image and paint documents hold asset references: their bytes are saved and read with them.
+        storage: doc.assets ? withEditorAssets(options.storage, doc.assets) : options.storage,
         key: options.key ?? doc.kind,
         getSnapshot: () => toEditorDocumentFile(doc),
         deserialize: (text) => parseEditorDocument(text, { kind: doc.kind }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.113.0",
+  "version": "0.114.1",
   "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.154.0"
+    "@pixerate/editor": "0.156.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",