shaders 2.5.97 → 2.5.98

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

package/dist/js/createShader.js

@@ -2,6 +2,11 @@ import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { getAllShaders } from "../core/registry.js";
 import { isExternalUser, startTelemetry } from "../core/telemetry/index.js";
 import { vec4 } from "three/tsl";
+function isPropDriver(value) {
+	if (typeof value !== "object" || value === null || !("type" in value)) return false;
+	const maybe = value;
+	return maybe.type === "map" || maybe.type === "mouse" || maybe.type === "mouse-position" || maybe.type === "auto-animate";
+}
 var METADATA_PROPS = new Set([
 	"opacity",
 	"blendMode",
@@ -41,7 +46,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.97", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.98", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);
@@ -55,13 +60,19 @@ async function createShader(canvas, preset, options) {
 			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 mapsFromProps = {};
+		for (const [key, val] of Object.entries(component.props || {})) if (!METADATA_PROPS.has(key) && Object.prototype.hasOwnProperty.call(componentDef.props, key) && isPropDriver(val)) mapsFromProps[key] = val;
+		const uniforms = createUniformsMap(componentDef, Object.fromEntries(Object.entries(componentDef.props).map(([key, propConfig]) => {
+			const val = component.props?.[key] !== void 0 ? component.props[key] : propConfig.default;
+			return [key, isPropDriver(val) ? propConfig.default : val];
+		})), nodeId);
 		const metadata = {
 			blendMode: component.props?.blendMode || "normal",
 			opacity: component.props?.opacity,
 			visible: component.props?.visible,
 			renderOrder,
 			id: component.id,
+			maps: Object.keys(mapsFromProps).length > 0 ? { ...mapsFromProps } : void 0,
 			mask: component.props?.maskSource ? {
 				source: component.props.maskSource,
 				type: component.props.maskType || "alpha"
@@ -82,7 +93,8 @@ async function createShader(canvas, preset, options) {
 			componentDef,
 			uniforms,
 			nodeId,
-			component
+			component,
+			currentMaps: { ...mapsFromProps }
 		});
 		component.children?.forEach((child, index) => {
 			registerComponent(child, nodeId, index);
@@ -101,7 +113,18 @@ async function createShader(canvas, preset, options) {
 		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);
+		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 } });
+		}
+		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);
+		}
 	}
 	function resize(width, height) {
 		const rect = canvas.getBoundingClientRect();

package/dist/react/Shader.js

@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.97", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.98", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);

package/dist/solid/engine/Shader.js

@@ -67,7 +67,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.97";
+        const version = "2.5.98";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

package/dist/svelte/index.js

@@ -20546,7 +20546,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.97", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.98", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.97", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.98", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.97",
+  "version": "2.5.98",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",