shaders 2.5.120 → 2.5.122

package/dist/core/{FloatingParticles-C4sLwGyT.js → FloatingParticles-DKoG78j0.js}

@@ -163,25 +163,17 @@ const componentDefinition = {
 		const animTime = createAnimatedTime(params, uniforms.speed);
 		const renderParticle = Fn(([uv$2]) => {
 			const rootUV = floor(uv$2);
-			const localPos = fract(uv$2);
-			let minDist = getParticleDistance(uv$2, rootUV, uniforms.randomness.uniform);
+			const randomness = uniforms.randomness.uniform;
+			const dCenter = getParticleDistance(uv$2, rootUV, randomness);
+			const dLeft = getParticleDistance(uv$2, rootUV.add(vec2(-1, 0)), randomness);
+			const dRight = getParticleDistance(uv$2, rootUV.add(vec2(1, 0)), randomness);
+			const dTop = getParticleDistance(uv$2, rootUV.add(vec2(0, -1)), randomness);
+			const dBottom = getParticleDistance(uv$2, rootUV.add(vec2(0, 1)), randomness);
+			const minDist = min(min(min(min(dCenter, dLeft), dRight), dTop), dBottom);
 			const softness = uniforms.particleSoftness.uniform;
 			const scaledSize = uniforms.particleSize.uniform.mul(.01);
-			const outerRadius = scaledSize.mul(.6).add(softness.mul(scaledSize.mul(2.4)));
-			const needsNeighbors = outerRadius.greaterThan(.35);
-			const nearLeft = localPos.x.lessThan(.4);
-			const nearRight = localPos.x.greaterThan(.6);
-			const nearTop = localPos.y.lessThan(.4);
-			const nearBottom = localPos.y.greaterThan(.6);
-			const checkLeft = needsNeighbors.and(nearLeft);
-			const checkRight = needsNeighbors.and(nearRight);
-			const checkTop = needsNeighbors.and(nearTop);
-			const checkBottom = needsNeighbors.and(nearBottom);
-			minDist = checkLeft.select(min(minDist, getParticleDistance(uv$2, rootUV.add(vec2(-1, 0)), uniforms.randomness.uniform)), minDist);
-			minDist = checkRight.select(min(minDist, getParticleDistance(uv$2, rootUV.add(vec2(1, 0)), uniforms.randomness.uniform)), minDist);
-			minDist = checkTop.select(min(minDist, getParticleDistance(uv$2, rootUV.add(vec2(0, -1)), uniforms.randomness.uniform)), minDist);
-			minDist = checkBottom.select(min(minDist, getParticleDistance(uv$2, rootUV.add(vec2(0, 1)), uniforms.randomness.uniform)), minDist);
-			const baseIntensity = smoothstep(scaledSize.mul(.6), outerRadius, minDist).oneMinus();
+			const innerRadius = scaledSize.mul(.6);
+			const baseIntensity = smoothstep(innerRadius, innerRadius.add(softness.mul(scaledSize.mul(2.4))), minDist).oneMinus();
 			const twinkleIntensity = uniforms.twinkle.uniform;
 			const particlePhase = rootUV.x.mul(12.9898).add(rootUV.y.mul(78.233)).sin().mul(43758.5453).fract();
 			const twinkleValue = sin(time.mul(2).add(particlePhase.mul(6.28318))).mul(.5).add(.5);

package/dist/core/index.js

@@ -42,7 +42,7 @@ import "./Ellipse-sWhNvW9-.js";
 import "./Emboss-DGaubb9x.js";
 import "./FallingLines-DqIZ8wTH.js";
 import "./FilmGrain-Dbw02Jz9.js";
-import "./FloatingParticles-C4sLwGyT.js";
+import "./FloatingParticles-DKoG78j0.js";
 import "./Flower-BbRNrXIa.js";
 import "./FlowField-D3CAHBBG.js";
 import "./FlowingGradient-BRQ_K-k3.js";
@@ -122,7 +122,7 @@ import "./Weave-DJ4s3Gwc.js";
 import "./WebcamTexture-9Td8qQWm.js";
 import "./WorleyNoise-CWytDfGH.js";
 import "./ZoomBlur-DWFQVFMK.js";
-import { t as getAllShaders } from "./shaderRegistry-CO5SCxc6.js";
+import { t as getAllShaders } from "./shaderRegistry-BoqhBfun.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -768,6 +768,7 @@ function shaderRenderer() {
 	let isUpdatingMaterial = false;
 	let pendingNodeRemoval = false;
 	let globalEventUnregister = null;
+	let canvasContextLossUnregister = null;
 	let unloadHandler = null;
 	let windowResizeHandler = null;
 	let cachedMaxTextureDim = 8192;
@@ -780,6 +781,22 @@ function shaderRenderer() {
 	let onReadyCallback = null;
 	let hasEmittedReady = false;
 	let firstRenderPending = false;
+	let onDeviceLostCallback = null;
+	let deviceLostFired = false;
+	const fireDeviceLost = (reason) => {
+		if (deviceLostFired) return;
+		deviceLostFired = true;
+		try {
+			stopAnimation();
+		} catch {}
+		if (onDeviceLostCallback) queueMicrotask(() => {
+			try {
+				onDeviceLostCallback?.(reason);
+			} catch (e) {
+				console.error("[Shaders] onDeviceLost callback threw:", e);
+			}
+		});
+	};
 	let materialUpdateBatchRAF = null;
 	let lastComposedNodes = /* @__PURE__ */ new Set();
 	let activeRTTNodes = /* @__PURE__ */ new Set();
@@ -2145,6 +2162,14 @@ function shaderRenderer() {
 					stencil: true,
 					powerPreference: "high-performance"
 				});
+				const wglLost = (e) => {
+					e.preventDefault();
+					fireDeviceLost("webglcontextlost");
+				};
+				canvas.addEventListener("webglcontextlost", wglLost, false);
+				canvasContextLossUnregister = () => {
+					canvas.removeEventListener("webglcontextlost", wglLost, false);
+				};
 			} else try {
 				renderer = new WebGPURenderer({
 					canvas,
@@ -2159,6 +2184,15 @@ function shaderRenderer() {
 				});
 				else await renderer.init();
 				if (localAbortController.signal.aborted) return;
+				try {
+					const device = renderer.backend?.device;
+					if (device?.lost && typeof device.lost.then === "function") device.lost.then((info) => {
+						if (info?.reason === "destroyed") return;
+						fireDeviceLost(info?.message || info?.reason || "unknown");
+					}).catch(() => {});
+				} catch (hookErr) {
+					console.warn("[Shaders] could not attach WebGPU device.lost handler", hookErr);
+				}
 			} catch (e) {
 				if (localAbortController.signal.aborted) return;
 				console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", e);
@@ -2174,6 +2208,14 @@ function shaderRenderer() {
 					if (context) webglOptions.context = context;
 					renderer = new WebGLRenderer(webglOptions);
 					if (localAbortController.signal.aborted) return;
+					const wglLost = (e$1) => {
+						e$1.preventDefault();
+						fireDeviceLost("webglcontextlost");
+					};
+					canvas.addEventListener("webglcontextlost", wglLost, false);
+					canvasContextLossUnregister = () => {
+						canvas.removeEventListener("webglcontextlost", wglLost, false);
+					};
 				} catch (webglError) {
 					if (localAbortController.signal.aborted) return;
 					console.error("[Shaders] Both WebGPU and WebGL initialization failed:", webglError);
@@ -2266,6 +2308,10 @@ function shaderRenderer() {
 			globalEventUnregister();
 			globalEventUnregister = null;
 		}
+		if (canvasContextLossUnregister) {
+			canvasContextLossUnregister();
+			canvasContextLossUnregister = null;
+		}
 		if (canvasElement) {
 			canvasElement.removeEventListener("mousedown", canvasMouseDownHandler);
 			canvasElement.removeEventListener("touchstart", canvasTouchStartHandler);
@@ -2331,6 +2377,8 @@ function shaderRenderer() {
 		onReadyCallback = null;
 		hasEmittedReady = false;
 		firstRenderPending = false;
+		onDeviceLostCallback = null;
+		deviceLostFired = false;
 	};
 	const getRendererType = () => {
 		if (!renderer) return null;
@@ -2363,6 +2411,9 @@ function shaderRenderer() {
 		setOnReady: (callback) => {
 			onReadyCallback = callback;
 		},
+		setOnDeviceLost: (callback) => {
+			onDeviceLostCallback = callback;
+		},
 		__testing: {
 			needsTransformation,
 			findChildNodes,

package/dist/core/registry.js

@@ -42,7 +42,7 @@ import "./Ellipse-sWhNvW9-.js";
 import "./Emboss-DGaubb9x.js";
 import "./FallingLines-DqIZ8wTH.js";
 import "./FilmGrain-Dbw02Jz9.js";
-import "./FloatingParticles-C4sLwGyT.js";
+import "./FloatingParticles-DKoG78j0.js";
 import "./Flower-BbRNrXIa.js";
 import "./FlowField-D3CAHBBG.js";
 import "./FlowingGradient-BRQ_K-k3.js";
@@ -122,5 +122,5 @@ import "./Weave-DJ4s3Gwc.js";
 import "./WebcamTexture-9Td8qQWm.js";
 import "./WorleyNoise-CWytDfGH.js";
 import "./ZoomBlur-DWFQVFMK.js";
-import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-CO5SCxc6.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-BoqhBfun.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/renderer.d.ts

@@ -198,6 +198,7 @@ export declare function shaderRenderer(): {
     getInternalRenderer: () => WebGPURenderer | WebGLRenderer;
     setForceFullFrameRate: (enabled: boolean) => boolean;
     setOnReady: (callback: (() => void) | null) => void;
+    setOnDeviceLost: (callback: ((reason: string) => void) | null) => void;
     __testing: {
         needsTransformation: (transform: import('./types').TransformConfig | undefined) => boolean;
         findChildNodes: (parentId: string) => NodeInfo[];

package/dist/core/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}

package/dist/core/{shaderRegistry-CO5SCxc6.js → shaderRegistry-BoqhBfun.js}

@@ -35,7 +35,7 @@ import { n as componentDefinition$33 } from "./Ellipse-sWhNvW9-.js";
 import { n as componentDefinition$34 } from "./Emboss-DGaubb9x.js";
 import { n as componentDefinition$35 } from "./FallingLines-DqIZ8wTH.js";
 import { n as componentDefinition$36 } from "./FilmGrain-Dbw02Jz9.js";
-import { n as componentDefinition$37 } from "./FloatingParticles-C4sLwGyT.js";
+import { n as componentDefinition$37 } from "./FloatingParticles-DKoG78j0.js";
 import { n as componentDefinition$38 } from "./Flower-BbRNrXIa.js";
 import { n as componentDefinition$39 } from "./FlowField-D3CAHBBG.js";
 import { n as componentDefinition$40 } from "./FlowingGradient-BRQ_K-k3.js";

package/dist/core/shaders/FloatingParticles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FloatingParticles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAkClE,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyNnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FloatingParticles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAkClE,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAuMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/FloatingParticles/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CJcUeZIC.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-C4sLwGyT.js";
+import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-DKoG78j0.js";
 export { componentDefinition, FloatingParticles_default as default };

package/dist/js/createShader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAqB5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAiRzB"}
+{"version":3,"file":"createShader.d.ts","sourceRoot":"","sources":["../src/createShader.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgC5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CA2WzB"}

package/dist/js/createShader.js

@@ -16,13 +16,10 @@ var METADATA_PROPS = new Set([
 	"maskType"
 ]);
 async function createShader(canvas, preset, options) {
-	const renderer = shaderRenderer();
-	if (options?.onReady) renderer.setOnReady(options.onReady);
 	const componentRegistry = /* @__PURE__ */ new Map();
 	getAllShaders().forEach((shader) => {
 		componentRegistry.set(shader.definition.name, shader.definition);
 	});
-	const nodeEntryMap = /* @__PURE__ */ new Map();
 	if (!canvas.style.width || !canvas.style.height) {
 		const rect = canvas.getBoundingClientRect();
 		const w = rect.width > 0 ? rect.width : canvas.width;
@@ -30,32 +27,21 @@ async function createShader(canvas, preset, options) {
 		if (w > 0 && !canvas.style.width) canvas.style.width = `${w}px`;
 		if (h > 0 && !canvas.style.height) canvas.style.height = `${h}px`;
 	}
-	await renderer.initialize({
-		canvas,
-		resizeTarget: canvas,
-		enablePerformanceTracking: options?.enablePerformanceTracking || false,
-		colorSpace: options?.colorSpace,
-		observeElement: options?.observeElement,
-		gpu: options?.gpu
-	});
-	const rootId = "shader-root";
-	renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
-	preset.components.forEach((component, index) => {
-		registerComponent(component, rootId, index);
-	});
-	let telemetryCollector = null;
-	let telemetryStartTimeout = null;
-	if (isExternalUser()) {
-		const checkRendering = () => {
-			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.120", options?.disableTelemetry || false, false);
-				if (telemetryCollector) telemetryCollector.start();
-				telemetryStartTimeout = null;
-			} else telemetryStartTimeout = setTimeout(checkRendering, 500);
+	function cloneComponent(c) {
+		return {
+			...c,
+			props: c.props ? { ...c.props } : void 0,
+			children: c.children?.map(cloneComponent)
 		};
-		telemetryStartTimeout = setTimeout(checkRendering, 500);
 	}
-	function registerComponent(component, parentId, renderOrder) {
+	const livePreset = {
+		...preset,
+		components: preset.components.map(cloneComponent)
+	};
+	let current = null;
+	let destroyed = false;
+	let rebuilding = false;
+	function registerComponent(renderer, nodeEntryMap, component, parentId, renderOrder) {
 		const componentDef = componentRegistry.get(component.type);
 		if (!componentDef) {
 			console.warn(`[createShader] Unknown component type: ${component.type}`);
@@ -99,33 +85,134 @@ async function createShader(canvas, preset, options) {
 			currentMaps: { ...mapsFromProps }
 		});
 		component.children?.forEach((child, index) => {
-			registerComponent(child, nodeId, index);
+			registerComponent(renderer, nodeEntryMap, child, nodeId, index);
+		});
+	}
+	async function build() {
+		const renderer = shaderRenderer();
+		const nodeEntryMap = /* @__PURE__ */ new Map();
+		if (options?.onReady) renderer.setOnReady(options.onReady);
+		await renderer.initialize({
+			canvas,
+			resizeTarget: canvas,
+			enablePerformanceTracking: options?.enablePerformanceTracking || false,
+			colorSpace: options?.colorSpace,
+			observeElement: options?.observeElement,
+			gpu: options?.gpu
+		});
+		const state = {
+			renderer,
+			nodeEntryMap,
+			telemetryCollector: null,
+			telemetryStartTimeout: null
+		};
+		renderer.setOnDeviceLost((reason) => {
+			if (destroyed || rebuilding) return;
+			if (current !== null && current !== state) return;
+			rebuilding = true;
+			try {
+				options?.onError?.(reason);
+			} catch (e) {
+				console.error("[createShader] onError callback threw:", e);
+			}
+			(async () => {
+				try {
+					teardownState(state);
+					current = null;
+					if (destroyed) return;
+					const next = await build();
+					if (destroyed) {
+						teardownState(next);
+						return;
+					}
+					current = next;
+				} catch (rebuildErr) {
+					console.error("[createShader] rebuild after device loss failed:", rebuildErr);
+					try {
+						options?.onError?.("rebuild_failed");
+					} catch {}
+				} finally {
+					rebuilding = false;
+				}
+			})();
 		});
+		const rootId = "shader-root";
+		renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
+		livePreset.components.forEach((component, index) => {
+			registerComponent(renderer, nodeEntryMap, component, rootId, index);
+		});
+		if (isExternalUser()) {
+			const checkRendering = () => {
+				if (destroyed || current !== state) {
+					state.telemetryStartTimeout = null;
+					return;
+				}
+				if (renderer.getPerformanceStats().fps > 0) {
+					state.telemetryCollector = startTelemetry(renderer, "2.5.122", options?.disableTelemetry || false, false);
+					if (state.telemetryCollector) state.telemetryCollector.start();
+					state.telemetryStartTimeout = null;
+				} else state.telemetryStartTimeout = setTimeout(checkRendering, 500);
+			};
+			state.telemetryStartTimeout = setTimeout(checkRendering, 500);
+		}
+		return state;
+	}
+	function teardownState(state) {
+		if (state.telemetryCollector) {
+			try {
+				state.telemetryCollector.stop();
+			} catch {}
+			state.telemetryCollector = null;
+		}
+		if (state.telemetryStartTimeout !== null) {
+			clearTimeout(state.telemetryStartTimeout);
+			state.telemetryStartTimeout = null;
+		}
+		try {
+			state.renderer.cleanup();
+		} catch {}
 	}
+	current = await build();
 	function update(componentId, props) {
+		if (!current) return;
+		const { renderer, nodeEntryMap } = current;
 		const entry = nodeEntryMap.get(componentId);
 		if (!entry) {
 			console.warn(`[createShader] Component ID not found: ${componentId}`);
 			return;
 		}
-		for (const [key, value] of Object.entries(props)) if (METADATA_PROPS.has(key)) if (key === "maskSource") renderer.updateNodeMetadata(entry.nodeId, { mask: value ? {
-			source: value,
-			type: props.maskType || entry.component.props?.maskType || "alpha"
-		} : void 0 });
-		else if (key === "maskType") continue;
-		else if (key === "transform") renderer.updateNodeMetadata(entry.nodeId, { transform: value });
-		else renderer.updateNodeMetadata(entry.nodeId, { [key]: value });
+		if (!entry.component.props) entry.component.props = {};
+		const live = entry.component.props;
+		for (const [key, value] of Object.entries(props)) if (METADATA_PROPS.has(key)) if (key === "maskSource") {
+			renderer.updateNodeMetadata(entry.nodeId, { mask: value ? {
+				source: value,
+				type: props.maskType || live.maskType || "alpha"
+			} : void 0 });
+			live.maskSource = value;
+			if ("maskType" in props) live.maskType = props.maskType;
+		} else if (key === "maskType") continue;
+		else if (key === "transform") {
+			renderer.updateNodeMetadata(entry.nodeId, { transform: value });
+			live.transform = value;
+		} else {
+			renderer.updateNodeMetadata(entry.nodeId, { [key]: value });
+			live[key] = value;
+		}
 		else if (isPropDriver(value)) if (!Object.prototype.hasOwnProperty.call(entry.componentDef.props, key)) console.warn(`[createShader] Ignoring PropDriver for unknown prop "${key}" on ${entry.component.type}`);
 		else {
 			entry.currentMaps[key] = value;
 			renderer.updateNodeMetadata(entry.nodeId, { maps: { ...entry.currentMaps } });
+			live[key] = value;
 		}
 		else {
 			if (key in entry.currentMaps) {
 				delete entry.currentMaps[key];
 				renderer.updateNodeMetadata(entry.nodeId, { maps: Object.keys(entry.currentMaps).length > 0 ? { ...entry.currentMaps } : void 0 });
 			}
-			if (Object.prototype.hasOwnProperty.call(entry.componentDef.props, key)) renderer.updateUniformValue(entry.nodeId, key, value);
+			if (Object.prototype.hasOwnProperty.call(entry.componentDef.props, key)) {
+				renderer.updateUniformValue(entry.nodeId, key, value);
+				live[key] = value;
+			}
 		}
 	}
 	function resize(width, height) {
@@ -135,25 +222,21 @@ async function createShader(canvas, preset, options) {
 		if (w > 0 && h > 0) {
 			canvas.style.width = `${w}px`;
 			canvas.style.height = `${h}px`;
-			renderer.resize(w, h);
+			if (current) current.renderer.resize(w, h);
 		}
 	}
 	function destroy() {
-		if (telemetryCollector) {
-			telemetryCollector.stop();
-			telemetryCollector = null;
-		}
-		if (telemetryStartTimeout !== null) {
-			clearTimeout(telemetryStartTimeout);
-			telemetryStartTimeout = null;
+		destroyed = true;
+		if (current) {
+			teardownState(current);
+			current = null;
 		}
-		renderer.cleanup();
 	}
 	function pause() {
-		renderer.stopAnimation();
+		if (current) current.renderer.stopAnimation();
 	}
 	function resume() {
-		renderer.startAnimation();
+		if (current) current.renderer.startAnimation();
 	}
 	return {
 		update,

package/dist/js/types.d.ts

@@ -5,6 +5,20 @@ export interface ShaderOptions {
     enablePerformanceTracking?: boolean;
     isPreview?: boolean;
     onReady?: () => void;
+    /**
+     * Fires when the underlying GPU device/context is lost — e.g. Chrome
+     * evicting a backgrounded tab's WebGPU device, an OS-level GPU reset,
+     * driver crash, or `webglcontextlost` on the WebGL fallback path. By the
+     * time this callback runs the instance has already started rebuilding
+     * itself transparently against the same canvas and preset; the existing
+     * `update / pause / resume / resize / destroy` references continue to work
+     * once the rebuild completes. The callback is informational — surface a
+     * toast, write a log, no action required.
+     *
+     * @param reason Best-effort string from the underlying API
+     *   (e.g. `'destroyed'`, `'webglcontextlost'`, GPU error message).
+     */
+    onError?: (reason: string) => void;
     /** When false, disables automatic ResizeObserver and IntersectionObserver.
      *  Use resize() for manual sizing and pause()/resume() for animation control.
      *  Defaults to true.

package/dist/js/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;kBAKc;IACd,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,aAAa,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,iGAAiG;IACjG,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;CAC/D;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;IAC7D;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7C,mFAAmF;IACnF,KAAK,IAAI,IAAI,CAAA;IACb,kDAAkD;IAClD,MAAM,IAAI,IAAI,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;kBAKc;IACd,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,aAAa,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,iGAAiG;IACjG,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;CAC/D;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;IAC7D;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7C,mFAAmF;IACnF,KAAK,IAAI,IAAI,CAAA;IACb,kDAAkD;IAClD,MAAM,IAAI,IAAI,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;CAChB"}

package/dist/partner/index.d.ts

@@ -10,10 +10,19 @@ export interface PartnerPresetDefinition {
     colorSpace?: string;
     devicePreview?: string;
 }
+/**
+ * Top-level groupings the dotcom catalogues shaders under. Pass to
+ * `listPresets({ categories })` to narrow the response. Omit to receive every
+ * category.
+ */
+export type CollectionCategory = 'background' | 'logo' | 'image-effects';
 export interface PartnerCollection {
     id: string;
     name: string;
     slug: string;
+    /** Top-level grouping. Useful when partners want to render section
+     *  headings or filter the list further client-side. */
+    category: CollectionCategory;
 }
 export type PartnerPresetLabel = 'gradient' | 'geometric' | 'organic' | 'glowing' | 'textured' | 'retro' | '3d' | 'minimal' | 'vibrant' | 'dark' | 'calm' | 'dramatic';
 export interface PartnerKeyPropTarget {
@@ -56,6 +65,13 @@ export interface PartnerClientOptions {
 export interface ListPresetsOptions {
     page?: number;
     limit?: number;
+    /**
+     * Restrict the response to one or more categories. Omit to receive every
+     * category (the default — what you want for a general-purpose integration).
+     * Supply a subset (e.g. `['logo']`) when the integration only renders one
+     * kind of shader, so you don't pull rows you'll never show.
+     */
+    categories?: CollectionCategory[];
 }
 export declare class PartnerClient {
     private readonly apiKey;
@@ -65,5 +81,29 @@ export declare class PartnerClient {
     private getCached;
     private setCached;
     listPresets(options?: ListPresetsOptions): Promise<PartnerListPresetsResponse>;
+    /**
+     * Generate an SDF (signed distance field) `.bin` file from raw SVG content.
+     * Resolves to the file's bytes as a `Uint8Array` — the caller can write it
+     * to disk, upload it to their own CDN, or feed it straight into a shader
+     * component that consumes SDF buffers.
+     *
+     * Backed by the public `/api/plugin/sdf/generate` endpoint, which is shared
+     * with the Framer plugin. The endpoint is anonymous (no API key required);
+     * Vercel-side rate limits apply. Maximum input size: 5 MB of SVG text.
+     *
+     * Not cached — the same SVG fed in twice will round-trip twice. Memoize
+     * upstream if you need to.
+     *
+     * @example
+     * ```ts
+     * const fs = await import('node:fs/promises')
+     * const svg = await fs.readFile('./logo.svg', 'utf8')
+     * const sdf = await client.generateSdf(svg)
+     * await fs.writeFile('./logo.sdf.bin', sdf)
+     * ```
+     */
+    generateSdf(svg: string, options?: {
+        timeoutMs?: number;
+    }): Promise<Uint8Array>;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/partner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,sBAAsB,EAAE,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEtK,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACpC,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC/B,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAA;IACnC,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,UAAU,EAAE,iBAAiB,CAAA;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;gBAEnD,OAAO,EAAE,oBAAoB;IAMzC,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,SAAS;IAIX,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,0BAA0B,CAAC;CA6BzF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/partner/index.js

@@ -22,12 +22,16 @@ class PartnerClient {
   async listPresets(options = {}) {
     const page = Math.max(1, options.page ?? 1);
     const limit = Math.min(100, Math.max(1, options.limit ?? 20));
-    const cacheKey = `presets:p${page}:l${limit}`;
+    const categories = options.categories && options.categories.length > 0 ? [...new Set(options.categories)].sort() : null;
+    const cacheKey = `presets:p${page}:l${limit}:c${(categories == null ? void 0 : categories.join(",")) ?? "*"}`;
     const cached = this.getCached(cacheKey);
     if (cached) return cached;
     const url = new URL(`${this.baseUrl}/api/partner/v1/presets`);
     url.searchParams.set("page", String(page));
     url.searchParams.set("limit", String(limit));
+    if (categories) {
+      url.searchParams.set("categories", categories.join(","));
+    }
     const response = await fetch(url.toString(), {
       headers: { Authorization: `Bearer ${this.apiKey}` }
     });
@@ -44,6 +48,62 @@ class PartnerClient {
     this.setCached(cacheKey, data);
     return data;
   }
+  /**
+   * Generate an SDF (signed distance field) `.bin` file from raw SVG content.
+   * Resolves to the file's bytes as a `Uint8Array` — the caller can write it
+   * to disk, upload it to their own CDN, or feed it straight into a shader
+   * component that consumes SDF buffers.
+   *
+   * Backed by the public `/api/plugin/sdf/generate` endpoint, which is shared
+   * with the Framer plugin. The endpoint is anonymous (no API key required);
+   * Vercel-side rate limits apply. Maximum input size: 5 MB of SVG text.
+   *
+   * Not cached — the same SVG fed in twice will round-trip twice. Memoize
+   * upstream if you need to.
+   *
+   * @example
+   * ```ts
+   * const fs = await import('node:fs/promises')
+   * const svg = await fs.readFile('./logo.svg', 'utf8')
+   * const sdf = await client.generateSdf(svg)
+   * await fs.writeFile('./logo.sdf.bin', sdf)
+   * ```
+   */
+  async generateSdf(svg, options = {}) {
+    if (typeof svg !== "string" || svg.length === 0) {
+      throw new Error("generateSdf requires a non-empty SVG string");
+    }
+    const timeoutMs = options.timeoutMs ?? 3e4;
+    const controller = new AbortController();
+    const timeoutHandle = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(`${this.baseUrl}/api/plugin/sdf/generate`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ svg }),
+        signal: controller.signal
+      });
+      if (!response.ok) {
+        let message = response.statusText;
+        try {
+          const body = await response.json();
+          if (body.message) message = body.message;
+          else if (body.error) message = body.error;
+        } catch {
+        }
+        throw new Error(`SDF generation failed ${response.status}: ${message}`);
+      }
+      const buffer = await response.arrayBuffer();
+      return new Uint8Array(buffer);
+    } catch (err) {
+      if (err instanceof Error && err.name === "AbortError") {
+        throw new Error(`SDF generation timed out after ${timeoutMs}ms`);
+      }
+      throw err;
+    } finally {
+      clearTimeout(timeoutHandle);
+    }
+  }
 }
 export {
   PartnerClient