geonodes-web-render 0.3.0 → 0.3.1

package/dist/embed.js

@@ -8495,85 +8495,104 @@ var Kf = {
 	simulationZone: Gf
 }, qf = { padding: .08 };
 function Jf(e) {
-	let { nodes: t, edges: n, breadcrumbs: r, onNavigate: i, onSelectionIds: o } = e, { fitView: s } = ll(), [l, u, d] = fd(t), [f, p, m] = pd(n);
-	return c(() => {
-		u(t), o?.([]), s(qf);
+	let { nodes: t, edges: n, breadcrumbs: r, onNavigate: i, onSelectionIds: o } = e, { fitView: s } = ll(), l = d(null), u = d(!1), [f, p, m] = fd(t), [h, v, y] = pd(n);
+	c(() => {
+		p(t), o?.([]), u.current = !1, s(qf);
 	}, [
 		t,
-		u,
+		p,
 		o,
 		s
 	]), c(() => {
-		p(n);
-	}, [n, p]), /* @__PURE__ */ _(dd, {
-		nodes: l,
-		edges: f,
-		onNodesChange: d,
-		onEdgesChange: m,
-		onSelectionChange: a(({ nodes: e }) => {
-			o?.(e.map((e) => e.id));
-		}, [o]),
-		nodeTypes: Kf,
-		fitView: !0,
-		fitViewOptions: qf,
-		minZoom: .2,
-		nodesDraggable: !1,
-		nodesConnectable: !1,
-		elementsSelectable: !0,
-		nodesFocusable: !1,
-		edgesFocusable: !1,
-		selectNodesOnDrag: !1,
-		selectionOnDrag: !0,
-		selectionMode: va.Partial,
-		connectOnClick: !1,
-		panOnDrag: [1, 2],
-		panOnScroll: !1,
-		zoomOnScroll: !0,
-		zoomOnDoubleClick: !1,
-		children: [
-			/* @__PURE__ */ g(bd, {
-				gap: 20,
-				size: 1
-			}),
-			/* @__PURE__ */ g(kd, { showInteractive: !1 }),
-			r.length > 1 ? /* @__PURE__ */ g(Sc, {
-				position: "top-left",
-				children: /* @__PURE__ */ g("nav", {
-					className: "gn-breadcrumbs",
-					"aria-label": "Node group path",
-					children: r.map((e, t) => {
-						let n = t === r.length - 1;
-						return /* @__PURE__ */ _("span", {
-							className: "gn-breadcrumbs__item",
-							children: [t > 0 ? /* @__PURE__ */ g("span", {
-								className: "gn-breadcrumbs__sep",
-								"aria-hidden": "true",
-								children: "›"
-							}) : null, n ? /* @__PURE__ */ g("span", {
-								className: "gn-breadcrumbs__current",
-								"aria-current": "page",
-								children: e.label
-							}) : /* @__PURE__ */ g("button", {
-								type: "button",
-								className: "gn-breadcrumbs__link",
-								onClick: () => i(t),
-								children: e.label
-							})]
-						}, `${e.id}-${t}`);
+		v(n);
+	}, [n, v]), c(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => {
+			u.current || s(qf);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [s]);
+	let b = a((e) => {
+		e && (u.current = !0);
+	}, []);
+	return /* @__PURE__ */ g("div", {
+		ref: l,
+		style: {
+			width: "100%",
+			height: "100%"
+		},
+		children: /* @__PURE__ */ _(dd, {
+			nodes: f,
+			edges: h,
+			onNodesChange: m,
+			onEdgesChange: y,
+			onSelectionChange: a(({ nodes: e }) => {
+				o?.(e.map((e) => e.id));
+			}, [o]),
+			onMoveStart: b,
+			nodeTypes: Kf,
+			fitView: !0,
+			fitViewOptions: qf,
+			minZoom: .2,
+			nodesDraggable: !1,
+			nodesConnectable: !1,
+			elementsSelectable: !0,
+			nodesFocusable: !1,
+			edgesFocusable: !1,
+			selectNodesOnDrag: !1,
+			selectionOnDrag: !0,
+			selectionMode: va.Partial,
+			connectOnClick: !1,
+			panOnDrag: [1, 2],
+			panOnScroll: !1,
+			zoomOnScroll: !0,
+			zoomOnDoubleClick: !1,
+			children: [
+				/* @__PURE__ */ g(bd, {
+					gap: 20,
+					size: 1
+				}),
+				/* @__PURE__ */ g(kd, { showInteractive: !1 }),
+				r.length > 1 ? /* @__PURE__ */ g(Sc, {
+					position: "top-left",
+					children: /* @__PURE__ */ g("nav", {
+						className: "gn-breadcrumbs",
+						"aria-label": "Node group path",
+						children: r.map((e, t) => {
+							let n = t === r.length - 1;
+							return /* @__PURE__ */ _("span", {
+								className: "gn-breadcrumbs__item",
+								children: [t > 0 ? /* @__PURE__ */ g("span", {
+									className: "gn-breadcrumbs__sep",
+									"aria-hidden": "true",
+									children: "›"
+								}) : null, n ? /* @__PURE__ */ g("span", {
+									className: "gn-breadcrumbs__current",
+									"aria-current": "page",
+									children: e.label
+								}) : /* @__PURE__ */ g("button", {
+									type: "button",
+									className: "gn-breadcrumbs__link",
+									onClick: () => i(t),
+									children: e.label
+								})]
+							}, `${e.id}-${t}`);
+						})
+					})
+				}) : null,
+				/* @__PURE__ */ g(Sc, {
+					position: "bottom-right",
+					children: /* @__PURE__ */ g("a", {
+						href: "https://extensions.blender.org/add-ons/tree-clipper/",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "tree-clipper-badge",
+						children: "Exported from Blender using Tree Clipper ↗"
 					})
 				})
-			}) : null,
-			/* @__PURE__ */ g(Sc, {
-				position: "bottom-right",
-				children: /* @__PURE__ */ g("a", {
-					href: "https://extensions.blender.org/add-ons/tree-clipper/",
-					target: "_blank",
-					rel: "noopener noreferrer",
-					className: "tree-clipper-badge",
-					children: "Exported from Blender using Tree Clipper ↗"
-				})
-			})
-		]
+			]
+		})
 	});
 }
 function Yf(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonodes-web-render",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Browser-based viewer for Blender Geometry Nodes exported via Tree Clipper. Renders node trees as a read-only, Blender-styled graph.",
   "type": "module",
   "exports": {