@pixerate/editor-svelte 0.213.6 → 0.214.0

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

@@ -28,13 +28,18 @@ export { button, chip } from '../brushes/styles.js';
 export declare const panel = "flex flex-col gap-2 text-xs text-slate-200";
 /** Runs `fn` and returns the error message it threw (or a rejected promise's, through `onAsync`). */
 export declare function attempt(fn: () => unknown, onError: (msg: string | null) => void): void;
-/** The controller's effects provider as a rune, following `setEffectsProvider`. */
+/**
+ * The effects the panel offers as a rune: the controller's provider with the painting's authored
+ * effects (`controller.effectsCatalog`), following `setEffectsProvider` and saved or removed
+ * authored effects.
+ */
 export declare function paintEffectsProvider(controller: () => PaintEditorController): {
     readonly current: EffectProvider | null;
 };
 /**
  * Registers the paint editor's provider-effect tools (`set_paper_effect`, `add_effect_layer`,
  * `fill_layer_with_effect`, `apply_effect`, …) for the lifetime of the calling component. Before
- * an effects provider is registered the read tools say so and the write tools refuse.
+ * an effects provider is registered the read tools say so and the write tools refuse. Also
+ * registers the effect authoring tools (`open_effect_authoring`, `save_authored_effect`, …).
  */
 export declare function usePaintEffectsTools(registry: ToolRegistry | null | undefined | (() => ToolRegistry | null | undefined), controller: PaintEditorController, options?: PaintEffectsToolProviderOptions): void;

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

@@ -1,5 +1,5 @@
 import { untrack } from 'svelte';
-import { createPaintEditorDocument, createPaintEffectsToolProvider, PaintDirector, PaintEditorController, PaintPresence } from '@pixerate/editor/paint-editor';
+import { createPaintEditorDocument, createPaintEffectAuthoringToolProvider, 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.
@@ -73,16 +73,26 @@ export function attempt(fn, onError) {
         onError(e instanceof Error ? e.message : String(e));
     }
 }
-/** The controller's effects provider as a rune, following `setEffectsProvider`. */
+/**
+ * The effects the panel offers as a rune: the controller's provider with the painting's authored
+ * effects (`controller.effectsCatalog`), following `setEffectsProvider` and saved or removed
+ * authored effects.
+ */
 export function paintEffectsProvider(controller) {
-    let provider = $state.raw(controller().effectsProvider);
+    let provider = $state.raw(controller().effectsCatalog);
     $effect(() => {
         const c = controller();
         return untrack(() => {
-            provider = c.effectsProvider;
-            return c.effects.subscribe((p) => {
-                provider = p;
-            });
+            const sync = () => {
+                provider = c.effectsCatalog;
+            };
+            sync();
+            const a = c.effects.subscribe(sync);
+            const b = c.subscribe(sync);
+            return () => {
+                a();
+                b();
+            };
         });
     });
     return {
@@ -94,13 +104,20 @@ export function paintEffectsProvider(controller) {
 /**
  * Registers the paint editor's provider-effect tools (`set_paper_effect`, `add_effect_layer`,
  * `fill_layer_with_effect`, `apply_effect`, …) for the lifetime of the calling component. Before
- * an effects provider is registered the read tools say so and the write tools refuse.
+ * an effects provider is registered the read tools say so and the write tools refuse. Also
+ * registers the effect authoring tools (`open_effect_authoring`, `save_authored_effect`, …).
  */
 export function usePaintEffectsTools(registry, controller, options = {}) {
     $effect(() => {
         const target = typeof registry === 'function' ? registry() : registry;
         if (!target)
             return;
-        return target.register(createPaintEffectsToolProvider(controller, options));
+        const a = target.register(createPaintEffectsToolProvider(controller, options));
+        const { id, namespace } = options;
+        const b = target.register(createPaintEffectAuthoringToolProvider(controller, { ...options, id: id ? `${id}-authoring` : undefined, namespace: namespace === undefined ? undefined : namespace && `${namespace}-authoring` }));
+        return () => {
+            a();
+            b();
+        };
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.213.6",
+  "version": "0.214.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -184,7 +184,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@pixerate/editor": "0.287.0"
+    "@pixerate/editor": "0.289.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",