@pixerate/editor-svelte 0.174.1 → 0.175.0

package/dist/index.d.ts

@@ -50,4 +50,5 @@ export * from "./generation/index.js";
 export * from "./find-replace/index.js";
 export * from "./tables/index.js";
 export * from "./chart-node/index.js";
+export * from "./loading-node/index.js";
 export * from "./style/index.js";

package/dist/index.js

@@ -30,4 +30,5 @@ export * from "./generation/index.js";
 export * from "./find-replace/index.js";
 export * from "./tables/index.js";
 export * from "./chart-node/index.js";
+export * from "./loading-node/index.js";
 export * from "./style/index.js";

package/dist/loading-node/createLoadingNodeView.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type Component } from "svelte";
+import type { LoadingNodeViewMount, LoadingNodeViewState } from "@pixerate/editor";
+/**
+ * The `nodeView` for the core `loadingNode`, mounting `component` inside each placeholder:
+ * `LoadingNode.configure({ nodeView: createSvelteLoadingNodeView(MyLoader) })`. The component
+ * receives `view` (`LoadingNodeViewState`). The placeholder keeps `role="status"` and its
+ * `aria-label`, so the component can be decorative.
+ */
+export declare function createSvelteLoadingNodeView(component: Component<{
+    view: LoadingNodeViewState;
+}>): LoadingNodeViewMount;

package/dist/loading-node/createLoadingNodeView.svelte.js

@@ -0,0 +1,26 @@
+import { mount, unmount } from "svelte";
+/**
+ * The `nodeView` for the core `loadingNode`, mounting `component` inside each placeholder:
+ * `LoadingNode.configure({ nodeView: createSvelteLoadingNodeView(MyLoader) })`. The component
+ * receives `view` (`LoadingNodeViewState`). The placeholder keeps `role="status"` and its
+ * `aria-label`, so the component can be decorative.
+ */
+export function createSvelteLoadingNodeView(component) {
+    return (dom, state) => {
+        let current = $state.raw(state);
+        const instance = mount(component, {
+            target: dom,
+            props: {
+                get view() {
+                    return current;
+                },
+            },
+        });
+        return {
+            update: (next) => {
+                current = next;
+            },
+            destroy: () => void unmount(instance),
+        };
+    };
+}

package/dist/loading-node/index.d.ts

@@ -0,0 +1 @@
+export * from "./createLoadingNodeView.svelte.js";

package/dist/loading-node/index.js

@@ -0,0 +1 @@
+export * from "./createLoadingNodeView.svelte.js";

package/package.json

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