shaders 2.4.77 → 2.5.80

package/dist/core/index.d.ts

@@ -14,7 +14,7 @@ export { grain } from './helpers/grain';
 export { distort } from './helpers/distort';
 export { glow } from './helpers/glow';
 export { edgeMask } from './helpers/edgeMask';
-export type { UniformsMap, PropConfig, NodeMetadata, MaskConfig, MapConfig, MapChannel, PropDriver, MousePositionConfig, MouseMapConfig, AutoAnimateConfig, TransformConfig } from './types';
+export type { UniformsMap, PropConfig, NodeMetadata, MaskConfig, MapConfig, MapChannel, PropDriver, MousePositionConfig, MouseMapConfig, AutoAnimateConfig, TransformConfig, ComponentDefinition } from './types';
 export type { BlendMode } from './blendModes';
 export type { PerformanceStats } from './performanceTracker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EACV,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,UAAU,EACX,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAG7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAC1L,YAAY,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAC3C,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EACV,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,UAAU,EACX,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAG7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAC/M,YAAY,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAC3C,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}

package/dist/core/index.js

@@ -1336,14 +1336,15 @@ function shaderRenderer() {
 		let transformUniforms = void 0;
 		if (metadata?.transform) {
 			const aspectRatio = currentWidth / Math.max(1, currentHeight);
+			const t = metadata.transform;
 			transformUniforms = {
-				offsetX: uniform(metadata.transform.offsetX),
-				offsetY: uniform(metadata.transform.offsetY),
-				rotation: uniform(metadata.transform.rotation),
-				scale: uniform(metadata.transform.scale),
-				anchorX: uniform(metadata.transform.anchorX),
-				anchorY: uniform(metadata.transform.anchorY),
-				edges: uniform(metadata.transform.edges === "stretch" ? 0 : metadata.transform.edges === "transparent" ? 1 : metadata.transform.edges === "mirror" ? 2 : 3),
+				offsetX: uniform(t.offsetX ?? 0),
+				offsetY: uniform(t.offsetY ?? 0),
+				rotation: uniform(t.rotation ?? 0),
+				scale: uniform(t.scale ?? 1),
+				anchorX: uniform(t.anchorX ?? .5),
+				anchorY: uniform(t.anchorY ?? .5),
+				edges: uniform(t.edges === "stretch" ? 0 : t.edges === "transparent" ? 1 : t.edges === "mirror" ? 2 : t.edges === "wrap" ? 3 : 1),
 				aspectRatio: uniform(aspectRatio)
 			};
 		}
@@ -1512,29 +1513,38 @@ function shaderRenderer() {
 			}
 		}
 		if (metadata.transform !== void 0) {
-			const newTransformState = needsTransformation(metadata.transform);
-			existingNode.metadata.transform = metadata.transform;
-			if (!existingNode.transformUniforms && metadata.transform) {
+			const mergedTransform = {
+				offsetX: metadata.transform.offsetX ?? existingNode.metadata.transform?.offsetX ?? 0,
+				offsetY: metadata.transform.offsetY ?? existingNode.metadata.transform?.offsetY ?? 0,
+				rotation: metadata.transform.rotation ?? existingNode.metadata.transform?.rotation ?? 0,
+				scale: metadata.transform.scale ?? existingNode.metadata.transform?.scale ?? 1,
+				anchorX: metadata.transform.anchorX ?? existingNode.metadata.transform?.anchorX ?? .5,
+				anchorY: metadata.transform.anchorY ?? existingNode.metadata.transform?.anchorY ?? .5,
+				edges: metadata.transform.edges ?? existingNode.metadata.transform?.edges ?? "transparent"
+			};
+			const newTransformState = needsTransformation(mergedTransform);
+			existingNode.metadata.transform = mergedTransform;
+			if (!existingNode.transformUniforms && mergedTransform) {
 				const aspectRatio = currentWidth / Math.max(1, currentHeight);
 				existingNode.transformUniforms = {
-					offsetX: uniform(metadata.transform.offsetX),
-					offsetY: uniform(metadata.transform.offsetY),
-					rotation: uniform(metadata.transform.rotation),
-					scale: uniform(metadata.transform.scale),
-					anchorX: uniform(metadata.transform.anchorX),
-					anchorY: uniform(metadata.transform.anchorY),
-					edges: uniform(metadata.transform.edges === "stretch" ? 0 : metadata.transform.edges === "transparent" ? 1 : metadata.transform.edges === "mirror" ? 2 : 3),
+					offsetX: uniform(mergedTransform.offsetX),
+					offsetY: uniform(mergedTransform.offsetY),
+					rotation: uniform(mergedTransform.rotation),
+					scale: uniform(mergedTransform.scale),
+					anchorX: uniform(mergedTransform.anchorX),
+					anchorY: uniform(mergedTransform.anchorY),
+					edges: uniform(mergedTransform.edges === "stretch" ? 0 : mergedTransform.edges === "transparent" ? 1 : mergedTransform.edges === "mirror" ? 2 : 3),
 					aspectRatio: uniform(aspectRatio)
 				};
 			} else if (existingNode.transformUniforms) {
-				existingNode.transformUniforms.offsetX.value = metadata.transform.offsetX;
-				existingNode.transformUniforms.offsetY.value = metadata.transform.offsetY;
-				existingNode.transformUniforms.rotation.value = metadata.transform.rotation;
-				existingNode.transformUniforms.scale.value = metadata.transform.scale;
-				existingNode.transformUniforms.anchorX.value = metadata.transform.anchorX;
-				existingNode.transformUniforms.anchorY.value = metadata.transform.anchorY;
+				existingNode.transformUniforms.offsetX.value = mergedTransform.offsetX;
+				existingNode.transformUniforms.offsetY.value = mergedTransform.offsetY;
+				existingNode.transformUniforms.rotation.value = mergedTransform.rotation;
+				existingNode.transformUniforms.scale.value = mergedTransform.scale;
+				existingNode.transformUniforms.anchorX.value = mergedTransform.anchorX;
+				existingNode.transformUniforms.anchorY.value = mergedTransform.anchorY;
 				const oldEdgesValue = existingNode.transformUniforms.edges.value;
-				existingNode.transformUniforms.edges.value = metadata.transform.edges === "stretch" ? 0 : metadata.transform.edges === "transparent" ? 1 : metadata.transform.edges === "mirror" ? 2 : 3;
+				existingNode.transformUniforms.edges.value = mergedTransform.edges === "stretch" ? 0 : mergedTransform.edges === "transparent" ? 1 : mergedTransform.edges === "mirror" ? 2 : 3;
 				if (existingNode.transformUniforms.edges.value !== oldEdgesValue) needsRecompose = true;
 			}
 			if (newTransformState && !existingNode.transformRTTActive) {
@@ -1870,7 +1880,7 @@ function shaderRenderer() {
 		pendingRegistrationQueue = [];
 		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition);
 	};
-	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear", context, gpu, forceFullFrameRate: forceFullFps = false }) => {
+	const initialize = async ({ canvas, resizeTarget, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear", context, gpu, forceFullFrameRate: forceFullFps = false }) => {
 		if (isInitialized || isInitializing) return;
 		enablePerformanceTracking = enableTracking;
 		forceFullFrameRate = forceFullFps;
@@ -1952,19 +1962,18 @@ function shaderRenderer() {
 			material.fragmentNode = vec4(0, 0, 0, 0);
 			mesh = new Mesh(new PlaneGeometry(2, 2), material);
 			scene.add(mesh);
-			const parentElement = canvas.parentElement;
-			if (!parentElement) {
-				console.warn("[Shaders] Canvas has no parent element for resize observation");
-				return;
-			}
-			resizeObserver = new ResizeObserver(handleResize);
-			resizeObserver.observe(parentElement);
+			const elementToObserve = resizeTarget ?? canvas.parentElement;
+			if (elementToObserve) {
+				resizeObserver = new ResizeObserver(handleResize);
+				resizeObserver.observe(elementToObserve);
+			} else console.warn("[Shaders] No element available for resize observation — use resize() manually");
 			intersectionObserver = new IntersectionObserver(handleVisibilityChange, { threshold: 0 });
 			intersectionObserver.observe(canvas);
 			const rect = canvas.getBoundingClientRect();
 			isVisible = rect.width > 0 && rect.height > 0 && rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
 			shouldAnimate = true;
-			const { width, height } = canvas.getBoundingClientRect();
+			const width = rect.width > 0 ? rect.width : canvas.width;
+			const height = rect.height > 0 ? rect.height : canvas.height;
 			const roundedWidth = Math.round(width);
 			const roundedHeight = Math.round(height);
 			if (roundedWidth > 0 && roundedHeight > 0) {
@@ -2081,6 +2090,10 @@ function shaderRenderer() {
 		updateUniformValue: updateUniformValue$1,
 		updateNodeMetadata,
 		isInitialized: () => isInitialized,
+		resize: (width, height) => {
+			if (!renderer || !camera || !mesh) return;
+			updateRendererDimensions(width, height);
+		},
 		startAnimation,
 		stopAnimation,
 		renderAndWait,
@@ -2164,7 +2177,7 @@ function createRendererFromJSON(preset, options) {
 		}
 		const nodeId = component.id || `${component.type}_${Date.now()}_${Math.random()}`;
 		nodeIdMap.set(nodeId, component.type);
-		const uniforms = propsToUniforms(component.props || {}, componentDef);
+		const uniforms = createUniformsMap(componentDef, Object.fromEntries(Object.entries(componentDef.props).map(([key, propConfig]) => [key, component.props?.[key] !== void 0 ? component.props[key] : propConfig.default])), nodeId);
 		const metadata = {
 			blendMode: component.props?.blendMode || "normal",
 			opacity: component.props?.opacity,
@@ -2175,29 +2188,22 @@ function createRendererFromJSON(preset, options) {
 				source: component.props.maskSource,
 				type: component.props.maskType || "alpha"
 			} : void 0,
-			transform: component.props?.transform
+			transform: component.props?.transform ? {
+				offsetX: 0,
+				offsetY: 0,
+				rotation: 0,
+				scale: 1,
+				anchorX: .5,
+				anchorY: .5,
+				edges: "transparent",
+				...component.props.transform
+			} : void 0
 		};
 		coreRenderer.registerNode(nodeId, componentDef.fragmentNode, parentId, metadata, uniforms, componentDef);
 		component.children?.forEach((child, index) => {
 			registerComponent(child, nodeId, index);
 		});
 	}
-	function propsToUniforms(props, componentDef) {
-		const uniforms = {};
-		Object.entries(componentDef.props).forEach(([key, propConfig]) => {
-			const value = props[key] !== void 0 ? props[key] : propConfig.default;
-			const transformedValue = propConfig.transform ? propConfig.transform(value) : value;
-			if (transformedValue && typeof transformedValue === "object" && "node" in transformedValue) uniforms[key] = {
-				uniform: transformedValue.node,
-				transform: propConfig.transform
-			};
-			else uniforms[key] = {
-				uniform: uniform(transformedValue),
-				transform: propConfig.transform
-			};
-		});
-		return uniforms;
-	}
 	return {
 		initialize,
 		renderFrame,

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

@@ -1 +1 @@
-{"version":3,"file":"presetRenderer.d.ts","sourceRoot":"","sources":["../src/presetRenderer.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;IACD,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IAExD,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IACxD,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,qBAAqB;yBAgBG,iBAAiB,KAAG,OAAO,CAAC,IAAI,CAAC;uBAoBrC,OAAO,CAAC,IAAI,CAAC;8BAaV,YAAY,KAAG,IAAI;yBAgB1B,UAAU;mBAwBhB,IAAI;EAyHzB"}
+{"version":3,"file":"presetRenderer.d.ts","sourceRoot":"","sources":["../src/presetRenderer.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;IACD,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IAExD,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IACxD,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,qBAAqB;yBAgBG,iBAAiB,KAAG,OAAO,CAAC,IAAI,CAAC;uBAoBrC,OAAO,CAAC,IAAI,CAAC;8BAaV,YAAY,KAAG,IAAI;yBAgB1B,UAAU;mBAwBhB,IAAI;EA6FzB"}

package/dist/core/renderer.d.ts

@@ -135,6 +135,9 @@ interface NodeRegistry {
  */
 interface InitializeOptions {
     canvas: HTMLCanvasElement;
+    /** Element to observe for resize events. Defaults to canvas.parentElement.
+     *  Pass the canvas itself when the user controls the canvas directly (e.g. the JS package). */
+    resizeTarget?: HTMLElement;
     enablePerformanceTracking?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
     context?: WebGLRenderingContext | WebGL2RenderingContext;
@@ -148,13 +151,14 @@ interface InitializeOptions {
  * The core renderer for Shaders
  */
 export declare function shaderRenderer(): {
-    initialize: ({ canvas, enablePerformanceTracking: enableTracking, colorSpace, context, gpu, forceFullFrameRate: forceFullFps }: InitializeOptions) => Promise<void>;
+    initialize: ({ canvas, resizeTarget, enablePerformanceTracking: enableTracking, colorSpace, context, gpu, forceFullFrameRate: forceFullFps }: InitializeOptions) => Promise<void>;
     cleanup: () => void;
     registerNode: (id: string, fragmentNodeFunc: ComponentDefinition["fragmentNode"] | null, parentId: string | null, metadata: NodeMetadata | null, uniforms?: UniformsMap, componentDefinition?: ComponentDefinition) => void;
     removeNode: (id: string) => void;
     updateUniformValue: (nodeId: string, uniformName: string, value: any) => void;
     updateNodeMetadata: (nodeId: string, metadata: Partial<NodeMetadata>) => void;
     isInitialized: () => boolean;
+    resize: (width: number, height: number) => void;
     startAnimation: () => void;
     stopAnimation: () => void;
     renderAndWait: () => Promise<void>;

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/js/codegen.d.ts

@@ -0,0 +1 @@
+export * from './utils/generatePresetCode'

package/dist/js/codegen.js

@@ -0,0 +1 @@
+export * from './utils/generatePresetCode.js'

package/dist/js/createPreview.d.ts

@@ -0,0 +1,19 @@
+import { ShaderInstance, PreviewOptions } from './types';
+
+/**
+ * Create a watermarked shader preview from a preview token or preset ID.
+ * Fetches the encoded (and server-watermarked) definition from the API,
+ * decodes it, renders it to the canvas, and adds a DOM watermark overlay.
+ *
+ * @example
+ * ```ts
+ * const preview = await createPreview(canvas, {
+ *   presetId: 'abc123'
+ * })
+ *
+ * // Cleanup
+ * preview.destroy()
+ * ```
+ */
+export declare function createPreview(canvas: HTMLCanvasElement, options: PreviewOptions): Promise<ShaderInstance>;
+//# sourceMappingURL=createPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPreview.d.ts","sourceRoot":"","sources":["../src/createPreview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7D;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,cAAc,CAAC,CAuCzB"}

package/dist/js/createPreview.js

@@ -0,0 +1,64 @@
+import { createShader } from "./createShader.js";
+import { decodePreviewDefinition } from "./decode.js";
+var DEFAULT_API_BASE = "https://shaders.com";
+var WATERMARK_TEXT = "Unlock your Shaders Pro license";
+var WATERMARK_LINK = "https://shaders.com/dashboard?pricing=true";
+async function createPreview(canvas, options) {
+	if (!options.shader && !options.presetId || options.shader && options.presetId) throw new Error("Exactly one of shader (preview token) or presetId must be provided");
+	const apiBase = options.apiBaseUrl || DEFAULT_API_BASE;
+	const url = options.shader ? `${apiBase}/api/preview/shader/${encodeURIComponent(options.shader)}` : `${apiBase}/api/preview/preset/${encodeURIComponent(options.presetId)}`;
+	const response = await fetch(url);
+	if (!response.ok) throw new Error(`Failed to fetch preview: ${response.status} ${response.statusText}`);
+	const instance = await createShader(canvas, decodePreviewDefinition(await response.text()), {
+		isPreview: true,
+		enablePerformanceTracking: true
+	});
+	const { overlay, savedPosition, parentEl } = createWatermarkOverlay(canvas);
+	const originalDestroy = instance.destroy.bind(instance);
+	instance.destroy = () => {
+		if (parentEl && savedPosition !== void 0) parentEl.style.position = savedPosition;
+		overlay.remove();
+		originalDestroy();
+	};
+	return instance;
+}
+function createWatermarkOverlay(canvas) {
+	const parent = canvas.parentElement;
+	let savedPosition;
+	if (parent) {
+		if (getComputedStyle(parent).position === "static") {
+			savedPosition = parent.style.position;
+			parent.style.position = "relative";
+		}
+	}
+	const link = document.createElement("a");
+	link.href = WATERMARK_LINK;
+	link.target = "_blank";
+	link.rel = "noopener noreferrer";
+	link.textContent = WATERMARK_TEXT;
+	Object.assign(link.style, {
+		position: "absolute",
+		bottom: "8px",
+		right: "12px",
+		fontSize: "11px",
+		fontFamily: "system-ui, -apple-system, sans-serif",
+		color: "rgba(255, 255, 255, 0.5)",
+		textDecoration: "none",
+		zIndex: "10",
+		pointerEvents: "auto",
+		transition: "color 0.2s ease"
+	});
+	link.addEventListener("mouseenter", () => {
+		link.style.color = "rgba(255, 255, 255, 0.8)";
+	});
+	link.addEventListener("mouseleave", () => {
+		link.style.color = "rgba(255, 255, 255, 0.5)";
+	});
+	if (parent) parent.appendChild(link);
+	return {
+		overlay: link,
+		savedPosition,
+		parentEl: parent
+	};
+}
+export { createPreview };

package/dist/js/createShader.d.ts

@@ -0,0 +1,24 @@
+import { PresetConfig } from '../core';
+import { ShaderOptions, ShaderInstance } from './types';
+
+/**
+ * Create a shader instance from preset JSON.
+ * Auto-starts animation loop — no manual render needed.
+ *
+ * @example
+ * ```ts
+ * const shader = await createShader(canvas, {
+ *   components: [
+ *     { type: 'Circle', id: 'c1', props: { color: '#ff0000', radius: 0.5 } }
+ *   ]
+ * })
+ *
+ * // Update at runtime
+ * shader.update('c1', { radius: 0.8 })
+ *
+ * // Cleanup
+ * shader.destroy()
+ * ```
+ */
+export declare function createShader(canvas: HTMLCanvasElement, preset: PresetConfig, options?: ShaderOptions): Promise<ShaderInstance>;
+//# sourceMappingURL=createShader.d.ts.map

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

@@ -0,0 +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;AAa5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,cAAc,CAAC,CAqOzB"}

package/dist/js/createShader.js

@@ -0,0 +1,132 @@
+import { createUniformsMap, shaderRenderer } from "../core/index.js";
+import { getAllShaders } from "../core/registry.js";
+import { isExternalUser, shouldCollectTelemetry, startTelemetry } from "../core/telemetry/index.js";
+import { vec4 } from "three/tsl";
+var METADATA_PROPS = new Set([
+	"opacity",
+	"blendMode",
+	"visible",
+	"transform",
+	"maskSource",
+	"maskType"
+]);
+async function createShader(canvas, preset, options) {
+	const renderer = shaderRenderer();
+	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;
+		const h = rect.height > 0 ? rect.height : canvas.height;
+		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
+	});
+	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() && shouldCollectTelemetry(options?.disableTelemetry || false, options?.isPreview || false)) {
+		const checkRendering = () => {
+			if (renderer.getPerformanceStats().fps > 0) {
+				telemetryCollector = startTelemetry(renderer, "2.5.80", options?.disableTelemetry || false, false);
+				if (telemetryCollector) telemetryCollector.start();
+				telemetryStartTimeout = null;
+			} else telemetryStartTimeout = setTimeout(checkRendering, 500);
+		};
+		telemetryStartTimeout = setTimeout(checkRendering, 500);
+	}
+	function registerComponent(component, parentId, renderOrder) {
+		const componentDef = componentRegistry.get(component.type);
+		if (!componentDef) {
+			console.warn(`[createShader] Unknown component type: ${component.type}`);
+			return;
+		}
+		const nodeId = component.id || `${component.type}_${Date.now()}_${Math.random()}`;
+		const uniforms = createUniformsMap(componentDef, Object.fromEntries(Object.entries(componentDef.props).map(([key, propConfig]) => [key, component.props?.[key] !== void 0 ? component.props[key] : propConfig.default])), nodeId);
+		const metadata = {
+			blendMode: component.props?.blendMode || "normal",
+			opacity: component.props?.opacity,
+			visible: component.props?.visible,
+			renderOrder,
+			id: component.id,
+			mask: component.props?.maskSource ? {
+				source: component.props.maskSource,
+				type: component.props.maskType || "alpha"
+			} : void 0,
+			transform: component.props?.transform ? {
+				offsetX: 0,
+				offsetY: 0,
+				rotation: 0,
+				scale: 1,
+				anchorX: .5,
+				anchorY: .5,
+				edges: "transparent",
+				...component.props.transform
+			} : void 0
+		};
+		renderer.registerNode(nodeId, componentDef.fragmentNode, parentId, metadata, uniforms, componentDef);
+		nodeEntryMap.set(nodeId, {
+			componentDef,
+			uniforms,
+			nodeId,
+			component
+		});
+		component.children?.forEach((child, index) => {
+			registerComponent(child, nodeId, index);
+		});
+	}
+	function update(componentId, props) {
+		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 });
+		else renderer.updateUniformValue(entry.nodeId, key, value);
+	}
+	function resize(width, height) {
+		const rect = canvas.getBoundingClientRect();
+		const w = width ?? (rect.width > 0 ? rect.width : canvas.width);
+		const h = height ?? (rect.height > 0 ? rect.height : canvas.height);
+		if (w > 0 && h > 0) {
+			canvas.style.width = `${w}px`;
+			canvas.style.height = `${h}px`;
+			renderer.resize(w, h);
+		}
+	}
+	function destroy() {
+		if (telemetryCollector) {
+			telemetryCollector.stop();
+			telemetryCollector = null;
+		}
+		if (telemetryStartTimeout !== null) {
+			clearTimeout(telemetryStartTimeout);
+			telemetryStartTimeout = null;
+		}
+		renderer.cleanup();
+	}
+	return {
+		update,
+		resize,
+		destroy
+	};
+}
+export { createShader };

package/dist/js/decode.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Decode a preview definition (simple XOR + Base64, no name mapping).
+ * Preview definitions are version-proof — they use readable JSON
+ * instead of index-based name mapping.
+ */
+export declare function decodePreviewDefinition(encoded: string): Record<string, unknown>;
+//# sourceMappingURL=decode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../src/decode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiBhF"}

package/dist/js/decode.js

@@ -0,0 +1,22 @@
+var PREVIEW_KEY = "shaders-preview-key";
+function xorCrypt(data, key) {
+	const keyBytes = new TextEncoder().encode(key);
+	const result = new Uint8Array(data.length);
+	for (let i = 0; i < data.length; i++) result[i] = data[i] ^ keyBytes[i % keyBytes.length];
+	return result;
+}
+function decodePreviewDefinition(encoded) {
+	try {
+		const binaryString = atob(encoded);
+		const encrypted = new Uint8Array(binaryString.length);
+		for (let i = 0; i < binaryString.length; i++) encrypted[i] = binaryString.charCodeAt(i);
+		const decrypted = xorCrypt(encrypted, PREVIEW_KEY);
+		const json = new TextDecoder().decode(decrypted);
+		const result = JSON.parse(json);
+		if (typeof result !== "object" || result === null || Array.isArray(result)) throw new Error("unexpected shape");
+		return result;
+	} catch {
+		throw new Error("Failed to decode preview definition: invalid data");
+	}
+}
+export { decodePreviewDefinition };

package/dist/js/index.d.ts

@@ -0,0 +1,6 @@
+export { createShader } from './createShader';
+export { createPreview } from './createPreview';
+export type { ShaderInstance, ShaderOptions, PreviewOptions } from './types';
+export type { PresetConfig, ComponentConfig } from '../core';
+export { generatePresetCode } from './utils/generatePresetCode';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/js/index.js

@@ -0,0 +1,4 @@
+import { createShader } from "./createShader.js";
+import { createPreview } from "./createPreview.js";
+import { generatePresetCode } from "./utils/generatePresetCode.js";
+export { createPreview, createShader, generatePresetCode };

package/dist/js/types.d.ts

@@ -0,0 +1,23 @@
+export type { PresetConfig, ComponentConfig } from '../core';
+export interface ShaderOptions {
+    colorSpace?: 'p3-linear' | 'srgb';
+    disableTelemetry?: boolean;
+    enablePerformanceTracking?: boolean;
+    isPreview?: boolean;
+}
+export interface PreviewOptions {
+    shader?: string;
+    presetId?: string;
+    apiBaseUrl?: string;
+}
+export interface ShaderInstance {
+    update(componentId: string, props: Record<string, any>): void;
+    /**
+     * Sync the renderer to the canvas's current dimensions.
+     * Call this after changing canvas.style.width/height or the width/height attributes.
+     * Optionally pass explicit pixel dimensions to force a specific size.
+     */
+    resize(width?: number, height?: number): void;
+    destroy(): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;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,OAAO,IAAI,IAAI,CAAA;CAChB"}

package/dist/js/utils/generatePresetCode.d.ts

@@ -0,0 +1,13 @@
+interface ComponentConfig {
+    type: string;
+    id?: string;
+    props?: Record<string, any>;
+    children?: ComponentConfig[];
+}
+interface PresetConfig {
+    components: ComponentConfig[];
+}
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare const availableComponents: string[];
+export {};
+//# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/js/utils/generatePresetCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2sCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}