geonodes-web-render 0.3.11 → 0.3.12

package/dist/embed.js

@@ -7662,6 +7662,7 @@ var Xd = {
 	GEOMETRY: "#1d725e",
 	INPUT: "#82354c",
 	OUTPUT: "#3e232a",
+	COLOR: "#6e6e23",
 	ATTRIBUTE: "#1d2546",
 	CONVERTER: "#246283",
 	GROUP: "#374725",
@@ -7674,11 +7675,32 @@ var Xd = {
 	DISTORT: "#3e5a5b",
 	SCRIPT: "#203c3c",
 	DEFAULT: "#303030"
+}, Zd = {
+	ShaderNodeVectorMath: "VECTOR",
+	ShaderNodeVectorRotate: "VECTOR",
+	ShaderNodeVectorCurve: "VECTOR",
+	ShaderNodeVectorTransform: "VECTOR",
+	ShaderNodeMapping: "VECTOR",
+	ShaderNodeMixRGB: "COLOR",
+	ShaderNodeRGBCurve: "COLOR",
+	ShaderNodeMath: "CONVERTER",
+	ShaderNodeClamp: "CONVERTER",
+	ShaderNodeValToRGB: "CONVERTER",
+	ShaderNodeFloatCurve: "CONVERTER",
+	ShaderNodeSeparateXYZ: "CONVERTER",
+	ShaderNodeCombineXYZ: "CONVERTER",
+	ShaderNodeSeparateColor: "CONVERTER",
+	ShaderNodeCombineColor: "CONVERTER",
+	ShaderNodeBlackbody: "CONVERTER",
+	ShaderNodeWavelength: "CONVERTER",
+	ShaderNodeRGBToBW: "CONVERTER",
+	ShaderNodeValue: "INPUT",
+	ShaderNodeRGB: "INPUT"
 };
-function Zd(e) {
-	return e === "NodeGroupInput" || e === "NodeGroupOutput" ? "INTERFACE" : e.startsWith("NodeGroup") ? "GROUP" : e.startsWith("GeometryNodeSet") || e.startsWith("GeometryNodeTransform") || e.startsWith("GeometryNodeMerge") || e.startsWith("GeometryNodeJoin") || e.startsWith("GeometryNodeDelete") || e.startsWith("GeometryNodeSeparate") || e.startsWith("GeometryNodeDuplicate") || e.startsWith("GeometryNodeExtrude") || e.startsWith("GeometryNodeFlip") || e.startsWith("GeometryNodeSubdivide") || e.startsWith("GeometryNodeTriangulate") || e.startsWith("GeometryNodeMesh") || e.startsWith("GeometryNodeCurve") || e.startsWith("GeometryNodePoints") || e.startsWith("GeometryNodeVolume") || e.startsWith("GeometryNodeInstance") || e.startsWith("GeometryNodeRealize") || e.startsWith("GeometryNodeConvex") || e.startsWith("GeometryNodeFill") || e.startsWith("GeometryNodeSDF") || e.startsWith("GeometryNode") ? "GEOMETRY" : e.startsWith("ShaderNode") ? "SHADER" : e.startsWith("FunctionNode") ? "CONVERTER" : "DEFAULT";
+function Qd(e) {
+	return e === "NodeGroupInput" || e === "NodeGroupOutput" ? "INTERFACE" : e.startsWith("NodeGroup") ? "GROUP" : e.startsWith("GeometryNodeSet") || e.startsWith("GeometryNodeTransform") || e.startsWith("GeometryNodeMerge") || e.startsWith("GeometryNodeJoin") || e.startsWith("GeometryNodeDelete") || e.startsWith("GeometryNodeSeparate") || e.startsWith("GeometryNodeDuplicate") || e.startsWith("GeometryNodeExtrude") || e.startsWith("GeometryNodeFlip") || e.startsWith("GeometryNodeSubdivide") || e.startsWith("GeometryNodeTriangulate") || e.startsWith("GeometryNodeMesh") || e.startsWith("GeometryNodeCurve") || e.startsWith("GeometryNodePoints") || e.startsWith("GeometryNodeVolume") || e.startsWith("GeometryNodeInstance") || e.startsWith("GeometryNodeRealize") || e.startsWith("GeometryNodeConvex") || e.startsWith("GeometryNodeFill") || e.startsWith("GeometryNodeSDF") || e.startsWith("GeometryNode") ? "GEOMETRY" : e.startsWith("ShaderNode") ? e in Zd ? Zd[e] : e.startsWith("ShaderNodeTex") ? "TEXTURE" : "SHADER" : e.startsWith("FunctionNode") ? e.startsWith("FunctionNodeInput") ? "INPUT" : "CONVERTER" : "DEFAULT";
 }
-var Qd = {
+var $d = {
 	GeometryNodeInputMaterial: "INPUT",
 	GeometryNodeInputMaterialIndex: "INPUT",
 	GeometryNodeInputRadius: "INPUT",
@@ -7729,12 +7751,16 @@ var Qd = {
 	GeometryNodeFieldVariance: "CONVERTER",
 	GeometryNodeViewer: "OUTPUT"
 };
-function $d(e) {
-	return Xd[Qd[e] ?? Zd(e)] ?? Xd.DEFAULT;
+function ef(e, t) {
+	if (e === "ShaderNodeMix") return t === "VECTOR" ? "VECTOR" : t === "RGBA" ? "COLOR" : "CONVERTER";
+	if (e === "ShaderNodeMapRange") return t === "FLOAT_VECTOR" ? "VECTOR" : "CONVERTER";
+}
+function tf(e, t) {
+	return Xd[ef(e, t) ?? $d[e] ?? Qd(e)] ?? Xd.DEFAULT;
 }
 //#endregion
 //#region src/gn/importer/blenderTree.ts
-var ef = {
+var nf = {
 	NodeSocketGeometry: "GEOMETRY",
 	NodeSocketFloat: "FLOAT",
 	NodeSocketVector: "VECTOR",
@@ -7751,10 +7777,10 @@ var ef = {
 	NodeSocketMatrix: "MATRIX",
 	NodeSocketMenu: "MENU"
 };
-function tf(e) {
-	return ef[e] ?? "CUSTOM";
+function rf(e) {
+	return nf[e] ?? "CUSTOM";
 }
-var nf = {
+var af = {
 	HSV: [
 		"Hue",
 		"Saturation",
@@ -7771,7 +7797,7 @@ var nf = {
 		"Blue"
 	]
 };
-function rf(e) {
+function of(e) {
 	let t = e.data.mapping?.data;
 	if (!t) return;
 	let n = t.curves?.data?.items;
@@ -7789,8 +7815,8 @@ function rf(e) {
 		points: r
 	};
 }
-function af(e, t) {
-	let n = nf[t ?? "RGB"] ?? nf.RGB, r = nf.RGB;
+function sf(e, t) {
+	let n = af[t ?? "RGB"] ?? af.RGB, r = af.RGB;
 	return e.map((e) => {
 		let t = r.indexOf(e.name);
 		return t === -1 ? e : {
@@ -7799,11 +7825,11 @@ function af(e, t) {
 		};
 	});
 }
-function of(e) {
+function cf(e) {
 	return e.replace(/\.\d{3}$/, "");
 }
-function sf(e, t) {
-	let n = tf(e.data.socket_idname ?? ""), r = Yd(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
+function lf(e, t) {
+	let n = rf(e.data.socket_idname ?? ""), r = Yd(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
 		id: e,
 		name: "",
 		dataType: n,
@@ -7828,7 +7854,7 @@ function sf(e, t) {
 		outputs: [o(a)]
 	};
 }
-function cf(e) {
+function uf(e) {
 	return e == null ? null : Array.isArray(e) && e.length >= 2 ? {
 		kind: "vec",
 		values: e
@@ -7837,20 +7863,20 @@ function cf(e) {
 		value: e
 	} : null;
 }
-function lf(e, t) {
+function df(e, t) {
 	return {
 		id: String(e.id),
 		name: e.data.name,
 		dataType: e.data.type,
 		displayShape: e.data.display_shape,
 		color: Yd(e.data.type),
-		defaultValue: cf(e.data.default_value),
+		defaultValue: uf(e.data.default_value),
 		hideValue: e.data.hide_value ?? !1,
 		enabled: e.data.enabled ?? !0,
 		index: t
 	};
 }
-function uf(e) {
+function ff(e) {
 	if (e.data.bl_idname === "FunctionNodeCompare") {
 		let t = {};
 		return e.data.data_type && (t.data_type = e.data.data_type), e.data.operation && (t.operation = e.data.operation), Object.keys(t).length > 0 ? t : void 0;
@@ -7860,7 +7886,7 @@ function uf(e) {
 		return e.data.operation && (t.operation = e.data.operation), e.data.use_clamp && (t.use_clamp = "true"), Object.keys(t).length > 0 ? t : void 0;
 	}
 }
-function df(e, t) {
+function pf(e, t) {
 	if (!e?.data) throw Error(`"node_trees[${t}].data" is missing.`);
 	if (!e.data.nodes?.data?.items) throw Error(`"node_trees[${t}].data.nodes.data.items" is missing.`);
 	if (!e.data.links?.data?.items) throw Error(`"node_trees[${t}].data.links.data.items" is missing.`);
@@ -7870,10 +7896,10 @@ function df(e, t) {
 		nodes: e.data.nodes.data.items.map((e, t) => {
 			if (!e?.data) throw Error(`Node at index ${t} is missing ".data".`);
 			let n = e.data.location_absolute ?? e.data.location ?? [0, 0];
-			if (e.data.bl_idname === "NodeReroute") return sf(e, n);
+			if (e.data.bl_idname === "NodeReroute") return lf(e, n);
 			let r = (e.data.outputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" output socket ${n} is missing ".data".`);
-				return lf(t, n);
+				return df(t, n);
 			});
 			e.data.bl_idname === "FunctionNodeInputVector" && Array.isArray(e.data.vector) && (r[0] &&= {
 				...r[0],
@@ -7884,20 +7910,20 @@ function df(e, t) {
 			});
 			let i = (e.data.inputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" input socket ${n} is missing ".data".`);
-				return lf(t, n);
+				return df(t, n);
 			});
-			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = af(i, e.data.mode));
-			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? rf(e) : void 0, o = uf(e);
+			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = sf(i, e.data.mode));
+			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? of(e) : void 0, o = ff(e);
 			return {
 				id: String(e.id),
 				type: e.data.bl_idname,
-				label: e.data.label || of(e.data.name),
+				label: e.data.label || cf(e.data.name),
 				position: {
 					x: n[0],
 					y: -n[1]
 				},
 				width: e.data.width ?? 140,
-				headerColor: $d(e.data.bl_idname),
+				headerColor: tf(e.data.bl_idname, e.data.data_type),
 				inputs: i,
 				outputs: r,
 				floatCurve: a,
@@ -7915,12 +7941,12 @@ function df(e, t) {
 		})
 	};
 }
-function ff(e) {
+function mf(e) {
 	if (!e || typeof e != "object") throw Error("JSON root must be an object.");
 	if (!Array.isArray(e.node_trees) || e.node_trees.length === 0) throw Error("Expected \"node_trees\" array with at least one entry.");
 	let t = {};
 	for (let n = 0; n < e.node_trees.length; n++) {
-		let r = df(e.node_trees[n], n);
+		let r = pf(e.node_trees[n], n);
 		t[r.id] = r;
 	}
 	let n = /* @__PURE__ */ new Set();
@@ -7939,21 +7965,21 @@ function ff(e) {
 		trees: t
 	};
 }
-function pf(e, t) {
+function hf(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "input"
 	};
 }
-function mf(e, t) {
+function gf(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "output"
 	};
 }
-function hf(e) {
+function _f(e) {
 	let t = e.nodes.map((e) => ({
 		id: e.id,
 		type: e.type,
@@ -7961,8 +7987,8 @@ function hf(e) {
 		position: e.position,
 		width: e.width,
 		headerColor: e.headerColor,
-		inputs: e.inputs.map((t) => pf(e.id, t)),
-		outputs: e.outputs.map((t) => mf(e.id, t)),
+		inputs: e.inputs.map((t) => hf(e.id, t)),
+		outputs: e.outputs.map((t) => gf(e.id, t)),
 		floatCurve: e.floatCurve,
 		properties: e.properties,
 		groupTreeId: e.groupTreeId,
@@ -7986,11 +8012,11 @@ function hf(e) {
 }
 //#endregion
 //#region src/gn/xyflow/mapGraphIRToFlow.ts
-function gf(e) {
+function vf(e) {
 	let t = Math.max(e.inputs.length, e.outputs.length);
 	return Math.max(60, 32 + t * 18 + 16);
 }
-function _f(e, t) {
+function yf(e, t) {
 	if (e.type === "NodeReroute") {
 		let t = e.outputs[0]?.color ?? e.inputs[0]?.color ?? "#888888";
 		return {
@@ -8030,7 +8056,7 @@ function _f(e, t) {
 		}
 	};
 }
-function vf(e, t, n) {
+function bf(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e of n.nodes) r.set(e.id, []), i.set(e.id, []);
 	for (let e of n.edges) r.has(e.sourceNodeId) || r.set(e.sourceNodeId, []), i.has(e.targetNodeId) || i.set(e.targetNodeId, []), r.get(e.sourceNodeId).push(e.targetNodeId), i.get(e.targetNodeId).push(e.sourceNodeId);
@@ -8054,16 +8080,16 @@ function vf(e, t, n) {
 	for (let e of a) s.has(e) && l.add(e);
 	return l;
 }
-function yf(e) {
-	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = e.nodes.map((e) => _f(e, t)), r = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), i = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), a = n;
+function xf(e) {
+	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = e.nodes.map((e) => yf(e, t)), r = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), i = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), a = n;
 	if (r && i) {
-		let t = vf(r.id, i.id, e);
+		let t = bf(r.id, i.id, e);
 		if (t.size > 0) {
 			let i = new Map(e.nodes.map((e) => [e.id, e])), o = Infinity, s = Infinity, c = -Infinity, l = -Infinity;
 			for (let e of t) {
 				let t = i.get(e);
 				if (!t) continue;
-				let n = t.width, r = gf(t);
+				let n = t.width, r = vf(t);
 				o = Math.min(o, t.position.x), s = Math.min(s, t.position.y), c = Math.max(c, t.position.x + n), l = Math.max(l, t.position.y + r);
 			}
 			if (Number.isFinite(o) && Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(l)) {
@@ -8111,7 +8137,7 @@ function yf(e) {
 }
 //#endregion
 //#region src/gn/exporter/nodebpyExporter.ts
-function bf(e, t) {
+function Sf(e, t) {
 	let n = e.node_trees;
 	if (!Array.isArray(n) || t.size === 0) return e;
 	let r = new Map(n.map((e) => [e.id, e])), i = /* @__PURE__ */ new Set(), a = [];
@@ -8171,25 +8197,25 @@ function bf(e, t) {
 }
 //#endregion
 //#region src/utils/encodeTreeClipperPayload.ts
-var xf = "TreeClipper::";
-function Sf(e) {
+var Cf = "TreeClipper::";
+function wf(e) {
 	let t = "", n = 32768;
 	for (let r = 0; r < e.length; r += n) t += String.fromCharCode(...e.subarray(r, r + n));
 	return btoa(t);
 }
-async function Cf(e) {
+async function Tf(e) {
 	let t = new Blob([e]).stream().pipeThrough(new CompressionStream("gzip")), n = await new Response(t).arrayBuffer();
 	return new Uint8Array(n);
 }
-async function wf(e) {
-	return xf + Sf(await Cf(new TextEncoder().encode(e)));
+async function Ef(e) {
+	return Cf + wf(await Tf(new TextEncoder().encode(e)));
 }
 //#endregion
 //#region src/gn/ir/curvePath.ts
-function Tf(e, t) {
+function Df(e, t) {
 	return Math.sqrt(e * e + t * t);
 }
-function Ef(e) {
+function Of(e) {
 	let t = e.length, n = e.map(({ location: [n, r], handleType: i }, a) => {
 		let o = a > 0 ? e[a - 1].location : null, s = a < t - 1 ? e[a + 1].location : null;
 		if (i === "VECTOR") return {
@@ -8199,11 +8225,11 @@ function Ef(e) {
 		let c = 0, l = 0, u = 0, d = 0;
 		if (o && s) {
 			let e = n - o[0], t = r - o[1], i = s[0] - n, a = s[1] - r;
-			if (u = Tf(e, t), d = Tf(i, a), u > 1e-8 && d > 1e-8) {
-				let n = e / u + i / d, r = t / u + a / d, o = Tf(n, r);
+			if (u = Df(e, t), d = Df(i, a), u > 1e-8 && d > 1e-8) {
+				let n = e / u + i / d, r = t / u + a / d, o = Df(n, r);
 				o > 1e-8 && (c = n / o, l = r / o);
 			} else d > 1e-8 ? (c = (s[0] - n) / d, l = (s[1] - r) / d) : u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u);
-		} else s ? (d = Tf(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = Tf(n - o[0], r - o[1]), u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u));
+		} else s ? (d = Df(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = Df(n - o[0], r - o[1]), u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u));
 		let f = [n - c * u / 3, r - l * u / 3], p = [n + c * d / 3, r + l * d / 3];
 		if (i === "AUTO_CLAMPED") {
 			if (o) {
@@ -8248,7 +8274,7 @@ function Ef(e) {
 	}
 	return n;
 }
-function Df(e, t, n, r, i, a, o) {
+function kf(e, t, n, r, i, a, o) {
 	let s = r - t || 1, c = i - n || 1, l = (e) => (e - t) / s * a, u = (e) => (1 - (e - n) / c) * o;
 	if (e.length < 2) return {
 		strokePath: "",
@@ -8256,7 +8282,7 @@ function Df(e, t, n, r, i, a, o) {
 		zeroLinePath: "",
 		dotPositions: []
 	};
-	let d = Ef(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
+	let d = Of(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
 	for (let t = 0; t < e.length - 1; t++) {
 		let n = d[t].right, r = d[t + 1].left, [i, a] = e[t + 1].location;
 		m += ` C ${l(n[0]).toFixed(2)} ${u(n[1]).toFixed(2)},`, m += ` ${l(r[0]).toFixed(2)} ${u(r[1]).toFixed(2)},`, m += ` ${l(i).toFixed(2)} ${u(a).toFixed(2)}`;
@@ -8271,18 +8297,18 @@ function Df(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/gn/components/groupNavContext.ts
-var Of = t(null);
-function kf() {
-	return o(Of);
+var Af = t(null);
+function jf() {
+	return o(Af);
 }
 //#endregion
 //#region src/gn/components/GenericGNNode.tsx
-var Af = [
+var Mf = [
 	"X",
 	"Y",
 	"Z",
 	"W"
-], jf = {
+], Nf = {
 	FLOAT: "Float",
 	INT: "Integer",
 	VECTOR: "Vector",
@@ -8290,7 +8316,7 @@ var Af = [
 	STRING: "String",
 	BOOLEAN: "Boolean",
 	ROTATION: "Rotation"
-}, Mf = {
+}, Pf = {
 	EQUAL: "Equal",
 	NOT_EQUAL: "Not Equal",
 	LESS_THAN: "Less Than",
@@ -8336,10 +8362,10 @@ var Af = [
 	RADIANS: "To Radians",
 	DEGREES: "To Degrees"
 };
-function Nf(e, t) {
-	return e === "data_type" ? jf[t] ?? t : e === "operation" ? Mf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
+function Ff(e, t) {
+	return e === "data_type" ? Nf[t] ?? t : e === "operation" ? Pf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
 }
-function Pf(e) {
+function If(e) {
 	switch (e) {
 		case "LINE": return "gn-socket--line";
 		case "DIAMOND": return "gn-socket--diamond";
@@ -8348,55 +8374,55 @@ function Pf(e) {
 		default: return "gn-socket--circle";
 	}
 }
-function Ff(e) {
+function Lf(e) {
 	return e === "ROTATION" ? "°" : e === "FLOAT" ? " m" : "";
 }
-function If(e) {
+function Rf(e) {
 	return parseFloat(e.toFixed(3)).toString();
 }
-function Lf(e, t) {
-	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${If(e)}${Ff(t)}`;
+function zf(e, t) {
+	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${Rf(e)}${Lf(t)}`;
 }
-function Rf(e) {
+function Bf(e) {
 	return Math.round(Math.min(1, Math.max(0, e)) * 255);
 }
-function zf(e) {
+function Vf(e) {
 	let [t, n, r, i = 1] = e.values;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__color-swatch",
-		style: { background: `rgba(${Rf(t)},${Rf(n)},${Rf(r)},${i.toFixed(2)})` }
+		style: { background: `rgba(${Bf(t)},${Bf(n)},${Bf(r)},${i.toFixed(2)})` }
 	});
 }
-function Bf(e) {
-	if (e.dataType === "RGBA") return /* @__PURE__ */ g(zf, { values: e.values });
-	let t = Ff(e.dataType);
+function Hf(e) {
+	if (e.dataType === "RGBA") return /* @__PURE__ */ g(Vf, { values: e.values });
+	let t = Lf(e.dataType);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__vec-block",
 		children: e.values.slice(0, 4).map((e, n) => /* @__PURE__ */ _("div", {
 			className: "gn-node__vec-row",
 			children: [/* @__PURE__ */ g("span", {
 				className: "gn-node__vec-label",
-				children: Af[n]
+				children: Mf[n]
 			}), /* @__PURE__ */ _("span", {
 				className: "gn-node__vec-value",
-				children: [If(e), t]
+				children: [Rf(e), t]
 			})]
 		}, n))
 	});
 }
-function Vf({ properties: e }) {
+function Uf({ properties: e }) {
 	let t = Object.entries(e);
 	return t.length === 0 ? null : /* @__PURE__ */ g("div", {
 		className: "gn-node__props",
 		children: t.map(([e, t]) => /* @__PURE__ */ g("div", {
 			className: "gn-node__prop-row",
-			children: Nf(e, t)
+			children: Ff(e, t)
 		}, e))
 	});
 }
-var Hf = 120, Uf = 6;
-function Wf({ curve: e, width: t }) {
-	let n = Math.max(10, t - Uf * 2), r = Hf, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = Df(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
+var Wf = 120, Gf = 6;
+function Kf({ curve: e, width: t }) {
+	let n = Math.max(10, t - Gf * 2), r = Wf, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = kf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__curve-wrap",
 		children: /* @__PURE__ */ _("svg", {
@@ -8427,7 +8453,7 @@ function Wf({ curve: e, width: t }) {
 		})
 	});
 }
-function Gf(e) {
+function qf(e) {
 	let { socket: t, position: n, type: r, align: i, suppressDefault: a } = e, o = t.name.trim().length === 0, s = !a && !t.hideValue && t.defaultValue?.kind === "scalar";
 	return /* @__PURE__ */ _("div", {
 		className: `gn-node__socket-row gn-node__socket-row--${i}`,
@@ -8436,7 +8462,7 @@ function Gf(e) {
 				id: t.id,
 				type: r,
 				position: n,
-				className: `gn-socket ${Pf(t.displayShape)}`,
+				className: `gn-socket ${If(t.displayShape)}`,
 				style: {
 					top: "50%",
 					background: t.color,
@@ -8449,15 +8475,15 @@ function Gf(e) {
 			}),
 			s && t.defaultValue?.kind === "scalar" ? /* @__PURE__ */ g("span", {
 				className: "gn-node__value",
-				children: Lf(t.defaultValue.value, t.dataType)
+				children: zf(t.defaultValue.value, t.dataType)
 			}) : null
 		]
 	});
 }
-function Kf(e, t) {
+function Jf(e, t) {
 	return !t && !e.hideValue && e.defaultValue?.kind === "vec";
 }
-function qf() {
+function Yf() {
 	return /* @__PURE__ */ _("div", {
 		className: "gn-node__stack",
 		"aria-hidden": "true",
@@ -8468,8 +8494,8 @@ function qf() {
 		]
 	});
 }
-function Jf(e) {
-	let t = e.data, n = kf(), r = new Set(t.connectedInputIds ?? []), i = t.outputs.filter((e) => e.enabled), a = t.inputs.filter((e) => e.enabled), o = t.groupTreeId, s = o !== void 0 && t.groupTreeName !== void 0 && !!n;
+function Xf(e) {
+	let t = e.data, n = jf(), r = new Set(t.connectedInputIds ?? []), i = t.outputs.filter((e) => e.enabled), a = t.inputs.filter((e) => e.enabled), o = t.groupTreeId, s = o !== void 0 && t.groupTreeName !== void 0 && !!n;
 	return /* @__PURE__ */ _("div", {
 		className: `gn-node${s ? " gn-node--group nodrag" : ""}`,
 		onClick: s ? () => n.openGroup(o) : void 0,
@@ -8484,15 +8510,15 @@ function Jf(e) {
 					children: t.label
 				})
 			}),
-			s && /* @__PURE__ */ g(qf, {}),
-			t.properties && /* @__PURE__ */ g(Vf, { properties: t.properties }),
-			t.floatCurve && /* @__PURE__ */ g(Wf, {
+			s && /* @__PURE__ */ g(Yf, {}),
+			t.properties && /* @__PURE__ */ g(Uf, { properties: t.properties }),
+			t.floatCurve && /* @__PURE__ */ g(Kf, {
 				curve: t.floatCurve,
 				width: t.width
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "gn-node__body",
-				children: [i.map((e) => /* @__PURE__ */ g(Gf, {
+				children: [i.map((e) => /* @__PURE__ */ g(qf, {
 					socket: e,
 					position: Y.Right,
 					type: "source",
@@ -8500,13 +8526,13 @@ function Jf(e) {
 					suppressDefault: !0
 				}, e.id)), a.map((e) => {
 					let t = r.has(e.id);
-					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(Gf, {
+					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(qf, {
 						socket: e,
 						position: Y.Left,
 						type: "target",
 						align: "left",
 						suppressDefault: t
-					}), Kf(e, t) ? /* @__PURE__ */ g(Bf, {
+					}), Jf(e, t) ? /* @__PURE__ */ g(Hf, {
 						values: e.defaultValue.values,
 						dataType: e.dataType
 					}) : null] }, e.id);
@@ -8517,7 +8543,7 @@ function Jf(e) {
 }
 //#endregion
 //#region src/gn/components/RerouteNode.tsx
-function Yf(e) {
+function Zf(e) {
 	let t = e.data;
 	return /* @__PURE__ */ _("div", {
 		className: "gn-reroute",
@@ -8537,7 +8563,7 @@ function Yf(e) {
 }
 //#endregion
 //#region src/gn/components/SimulationZoneFrame.tsx
-function Xf(e) {
+function Qf(e) {
 	let t = e.data;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-sim-zone",
@@ -8564,30 +8590,30 @@ function Xf(e) {
 }
 //#endregion
 //#region src/gn/components/GeometryNodesFlow.tsx
-var Zf = {
-	gnNode: Jf,
-	rerouteNode: Yf,
-	simulationZone: Xf
-}, Qf = { padding: .08 }, $f = 120;
-function ep(e) {
+var $f = {
+	gnNode: Xf,
+	rerouteNode: Zf,
+	simulationZone: Qf
+}, ep = { padding: .08 }, tp = 120;
+function np(e) {
 	let t = e.style?.height;
 	if (typeof t == "number") return t;
 	let n = e.data, r = Math.max(n?.inputs?.length ?? 0, n?.outputs?.length ?? 0);
 	return Math.max(60, 32 + r * 18 + 16);
 }
-function tp(e) {
+function rp(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
 	for (let a of e) {
 		if (a.parentId) continue;
-		let e = a.style?.width ?? a.width ?? 200, o = ep(a);
+		let e = a.style?.width ?? a.width ?? 200, o = np(a);
 		t = Math.min(t, a.position.x), n = Math.min(n, a.position.y), r = Math.max(r, a.position.x + e), i = Math.max(i, a.position.y + o);
 	}
-	return Number.isFinite(t) ? [[t - $f, n - $f], [r + $f, i + $f]] : [[-Infinity, -Infinity], [Infinity, Infinity]];
+	return Number.isFinite(t) ? [[t - tp, n - tp], [r + tp, i + tp]] : [[-Infinity, -Infinity], [Infinity, Infinity]];
 }
-function np(e) {
-	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, zoomOnScroll: p = !0 } = e, { fitView: m } = ll(), h = d(null), v = d(!1), y = d([]), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(!1), E = d([]), [D, O, k] = fd(t), [A, j, M] = pd(n), N = u(() => tp(t), [t]);
+function ip(e) {
+	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, zoomOnScroll: p = !0 } = e, { fitView: m } = ll(), h = d(null), v = d(!1), y = d([]), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(!1), E = d([]), [D, O, k] = fd(t), [A, j, M] = pd(n), N = u(() => rp(t), [t]);
 	c(() => {
-		O(t), s?.([]), v.current = !1, m(Qf);
+		O(t), s?.([]), v.current = !1, m(ep);
 	}, [
 		t,
 		O,
@@ -8599,7 +8625,7 @@ function np(e) {
 		let e = h.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			v.current || m(Qf);
+			v.current || m(ep);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [m]);
@@ -8616,7 +8642,7 @@ function np(e) {
 	}, []), L = a(async () => {
 		x(null);
 		try {
-			let e = JSON.parse(r), t = new Set(y.current.map(Number).filter(Number.isFinite)), n = t.size > 0 ? bf(e, t) : e, i = await wf(JSON.stringify(n));
+			let e = JSON.parse(r), t = new Set(y.current.map(Number).filter(Number.isFinite)), n = t.size > 0 ? Sf(e, t) : e, i = await Ef(JSON.stringify(n));
 			if (await navigator.clipboard.writeText(i), l) {
 				l();
 				return;
@@ -8650,9 +8676,9 @@ function np(e) {
 				onEdgesChange: M,
 				onSelectionChange: F,
 				onMoveStart: P,
-				nodeTypes: Zf,
+				nodeTypes: $f,
 				fitView: !0,
-				fitViewOptions: Qf,
+				fitViewOptions: ep,
 				minZoom: .2,
 				translateExtent: N,
 				nodesDraggable: !1,
@@ -8681,7 +8707,7 @@ function np(e) {
 							className: "gn-top-left",
 							children: [/* @__PURE__ */ _("span", {
 								className: "gn-version-badge",
-								children: ["node-web-render v", "0.3.11"]
+								children: ["node-web-render v", "0.3.12"]
 							}), i.length > 1 ? /* @__PURE__ */ g("nav", {
 								className: "gn-breadcrumbs",
 								"aria-label": "Node group path",
@@ -8734,19 +8760,19 @@ function np(e) {
 		]
 	});
 }
-function rp(e) {
+function ap(e) {
 	let { jsonText: t, showHeader: n = !0, onSelectionChange: r, onCopiedMagicString: i, zoomOnScroll: o = !0 } = e, [s, l] = f({
 		json: t,
 		ids: []
 	}), d = u(() => {
 		if (!t.trim()) return null;
 		try {
-			let { rootId: e, trees: n } = ff(JSON.parse(t)), r = {};
+			let { rootId: e, trees: n } = mf(JSON.parse(t)), r = {};
 			for (let e of Object.values(n)) {
-				let t = hf(e);
+				let t = _f(e);
 				r[t.id] = {
 					graph: t,
-					flow: yf(t)
+					flow: xf(t)
 				};
 			}
 			return {
@@ -8810,9 +8836,9 @@ function rp(e) {
 				className: "flow-error",
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Parse error" }), /* @__PURE__ */ g("span", { children: d.error })]
-			}) : m ? /* @__PURE__ */ g(Of.Provider, {
+			}) : m ? /* @__PURE__ */ g(Af.Provider, {
 				value: v,
-				children: /* @__PURE__ */ g(sd, { children: /* @__PURE__ */ g(np, {
+				children: /* @__PURE__ */ g(sd, { children: /* @__PURE__ */ g(ip, {
 					nodes: m.flow.nodes,
 					edges: m.flow.edges,
 					jsonText: t,
@@ -8834,7 +8860,7 @@ function rp(e) {
 }
 //#endregion
 //#region src/components/TreeClipperLogo.tsx
-function ip({ className: e }) {
+function op({ className: e }) {
 	return /* @__PURE__ */ _("svg", {
 		viewBox: "0 0 256 256",
 		className: e,
@@ -8895,7 +8921,7 @@ function ip({ className: e }) {
 }
 //#endregion
 //#region src/embed.tsx
-function ap(e) {
+function sp(e) {
 	let { payload: t } = e, [n, r] = f(""), [i, a] = f(null), [o, s] = f(!0), [l, u] = f(!1), [p, m] = f(!1), v = d(!1), y = d(!1), b = d(null), S = d(null), C = d(null), w = () => {
 		!y.current || v.current || (m(!0), C.current && clearTimeout(C.current), C.current = setTimeout(() => {
 			u(!1), m(!1);
@@ -8934,7 +8960,7 @@ function ap(e) {
 				className: "gnwr-loading",
 				role: "status",
 				"aria-live": "polite",
-				children: [/* @__PURE__ */ g(ip, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ g(op, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
 					className: "gnwr-loading__label",
 					children: "Loading graph…"
 				})]
@@ -8943,7 +8969,7 @@ function ap(e) {
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Decode error" }), /* @__PURE__ */ g("span", { children: i })]
 			}) : /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(rp, {
+				/* @__PURE__ */ g(ap, {
 					jsonText: n,
 					showHeader: !1,
 					zoomOnScroll: !1,
@@ -8968,7 +8994,7 @@ function ap(e) {
 							strokeLinecap: "round",
 							strokeLinejoin: "round"
 						})
-					}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ip, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: "Copy TreeClipper Magic String" })] })
+					}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(op, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: "Copy TreeClipper Magic String" })] })
 				}),
 				(l || p) && /* @__PURE__ */ _("div", {
 					className: `gnwr-copy-toast${p ? " gnwr-leaving" : ""}`,
@@ -8993,22 +9019,22 @@ function ap(e) {
 		})
 	});
 }
-var op = /* @__PURE__ */ new Map(), sp = null;
-function cp(e, t) {
-	op.get(e)?.unmount();
+var cp = /* @__PURE__ */ new Map(), lp = null;
+function up(e, t) {
+	cp.get(e)?.unmount();
 	let r = m(e);
-	op.set(e, r), sp = e;
+	cp.set(e, r), lp = e;
 	let i = t.onClose;
-	return r.render(n(ap, {
+	return r.render(n(sp, {
 		...t,
 		onClose: i ? () => {
-			lp(e), i();
+			dp(e), i();
 		} : void 0
-	})), () => lp(e);
+	})), () => dp(e);
 }
-function lp(e) {
-	let t = e ?? sp;
-	t && (op.get(t)?.unmount(), op.delete(t), t === sp && (sp = null));
+function dp(e) {
+	let t = e ?? lp;
+	t && (cp.get(t)?.unmount(), cp.delete(t), t === lp && (lp = null));
 }
 //#endregion
-export { ap as GraphView, cp as mountGraphView, lp as unmountGraphView };
+export { sp as GraphView, up as mountGraphView, dp as unmountGraphView };

package/dist/types/gn/ir/nodeColors.d.ts

@@ -1 +1 @@
-export declare function nodeHeaderColor(blIdname: string): string;
+export declare function nodeHeaderColor(blIdname: string, dataType?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonodes-web-render",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "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": {