@pixerate/editor-svelte 0.76.2 → 0.77.0

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

@@ -0,0 +1,61 @@
+import { untrack } from 'svelte';
+import { PaintEditorController } 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.
+ */
+export function createReactivePaintEditor(options = {}) {
+    const controller = options instanceof PaintEditorController ? options : new PaintEditorController(options);
+    let snapshot = $state.raw(controller.getState());
+    const unsubscribe = controller.subscribe(() => {
+        snapshot = controller.getState();
+    });
+    return {
+        get controller() {
+            return controller;
+        },
+        get state() {
+            return snapshot;
+        },
+        destroy() {
+            unsubscribe();
+        },
+    };
+}
+/** The controller's state as a rune, for components (subscribe in an effect, see GOTCHAS). */
+export function paintEditorState(controller) {
+    let snapshot = $state.raw(controller().getState());
+    $effect(() => {
+        const c = controller();
+        // Untracked, so the effect never depends on the state its listener writes (see GOTCHAS).
+        return untrack(() => {
+            snapshot = c.getState();
+            const off = c.subscribe(() => {
+                snapshot = c.getState();
+            });
+            return () => {
+                off();
+            };
+        });
+    });
+    return {
+        get current() {
+            return snapshot;
+        },
+    };
+}
+export const chip = (on) => `px-2 py-1 rounded text-[11px] ${on ? 'bg-indigo-600 text-white' : 'bg-slate-800 text-slate-300 hover:text-white'}`;
+export const button = 'px-2 py-1 rounded text-[11px] bg-slate-800 text-slate-200 hover:bg-slate-700 disabled:opacity-40';
+export 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 function attempt(fn, onError) {
+    try {
+        onError(null);
+        const r = fn();
+        if (r && typeof r.catch === 'function')
+            r.catch((e) => onError(e instanceof Error ? e.message : String(e)));
+    }
+    catch (e) {
+        onError(e instanceof Error ? e.message : String(e));
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.76.2",
+  "version": "0.77.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -33,6 +33,11 @@
       "svelte": "./dist/image-editor/index.js",
       "default": "./dist/image-editor/index.js"
     },
+    "./paint-editor": {
+      "types": "./dist/paint-editor/index.d.ts",
+      "svelte": "./dist/paint-editor/index.js",
+      "default": "./dist/paint-editor/index.js"
+    },
     "./commands": {
       "types": "./dist/commands/index.d.ts",
       "svelte": "./dist/commands/index.js",
@@ -91,6 +96,9 @@
       "image-editor": [
         "./dist/image-editor/index.d.ts"
       ],
+      "paint-editor": [
+        "./dist/paint-editor/index.d.ts"
+      ],
       "commands": [
         "./dist/commands/index.d.ts"
       ],
@@ -131,7 +139,7 @@
     "@tiptap/extension-bubble-menu": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "@pixerate/editor": "0.103.0"
+    "@pixerate/editor": "0.105.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",