shaders 2.5.114 → 2.5.116

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,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,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;;;;;;;;;;;;;;;;;;;;;;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/js/utils/generatePresetCode.js

@@ -1374,7 +1374,7 @@ function formatValue(value, indent) {
 }
 function shouldIncludeProp(key, value, componentType, props) {
 	if (key === "maskType" && value === "alpha") return false;
-	if (key === "shape" && props.shapeSdfUrl) return false;
+	if ((key === "shape" || key === "shapeType") && props.shapeSdfUrl) return false;
 	if (key === "transform" && typeof value === "object") {
 		if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 	}

package/dist/react/Preview.js

@@ -19,6 +19,94 @@ function decodePreviewDefinition(encoded, key) {
 		throw new Error("Failed to decode shader definition: invalid data or incorrect key");
 	}
 }
+var RESERVED_IDENTIFIERS = new Set([
+	"break",
+	"case",
+	"catch",
+	"class",
+	"const",
+	"continue",
+	"default",
+	"delete",
+	"do",
+	"else",
+	"export",
+	"extends",
+	"finally",
+	"for",
+	"function",
+	"if",
+	"import",
+	"in",
+	"instanceof",
+	"new",
+	"return",
+	"super",
+	"switch",
+	"this",
+	"throw",
+	"try",
+	"typeof",
+	"var",
+	"void",
+	"while",
+	"with",
+	"yield"
+]);
+function slugifyIdentifier(label, fallback) {
+	const cleaned = label.replace(/[^A-Za-z0-9]+/g, " ").trim();
+	if (!cleaned) return fallback;
+	const camel = cleaned.split(/\s+/).map((part, i) => i === 0 ? part.charAt(0).toLowerCase() + part.slice(1) : part.charAt(0).toUpperCase() + part.slice(1)).join("");
+	const safe = /^[A-Za-z_$]/.test(camel) ? camel : `_${camel}`;
+	return RESERVED_IDENTIFIERS.has(safe) ? `_${safe}` : safe;
+}
+function buildKeyPropIdentifierMap(keyProps) {
+	const used = new Set(["style"]);
+	const map = /* @__PURE__ */ new Map();
+	if (!keyProps?.length) return map;
+	keyProps.forEach((kp, i) => {
+		if (!kp.targets?.length) return;
+		const base = slugifyIdentifier(kp.label, `keyProp${i}`);
+		let ident = base;
+		let suffix = 1;
+		while (used.has(ident)) {
+			suffix++;
+			ident = `${base}${suffix}`;
+		}
+		used.add(ident);
+		map.set(ident, kp);
+	});
+	return map;
+}
+function findInTree(id, list) {
+	for (const c of list) {
+		if (c.id === id) return c;
+		if (c.children?.length) {
+			const hit = findInTree(id, c.children);
+			if (hit) return hit;
+		}
+	}
+	return null;
+}
+function applyConfiguration(definition, configuration, keyProps) {
+	if (!configuration || !keyProps?.length) return definition;
+	const entries = Object.entries(configuration);
+	if (entries.length === 0) return definition;
+	const identMap = buildKeyPropIdentifierMap(keyProps);
+	const cloned = JSON.parse(JSON.stringify(definition.components));
+	for (const [ident, value] of entries) {
+		const kp = identMap.get(ident);
+		if (!kp) continue;
+		for (const t of kp.targets ?? []) {
+			const comp = findInTree(t.component_id, cloned);
+			if (comp?.props && t.prop in comp.props) comp.props[t.prop] = value;
+		}
+	}
+	return {
+		...definition,
+		components: cloned
+	};
+}
 var componentMap = {
 	AngularBlur: lazy(() => import("./AngularBlur.js")),
 	Ascii: lazy(() => import("./Ascii.js")),
@@ -158,23 +246,31 @@ function RenderComponent({ component }) {
 		children: children?.map((child, index) => /* @__PURE__ */ jsx(RenderComponent, { component: child }, child.id || index))
 	});
 }
-const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfuscationKey = DEFAULT_KEY, watermarkText = "Unlock your Shaders Pro license", watermarkLink = "https://shaders.com/dashboard?pricing=true", style, className,...rest }) => {
+const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfuscationKey = DEFAULT_KEY, watermarkText = "Unlock your Shaders Pro license", watermarkLink = "https://shaders.com/dashboard?pricing=true", style, className, configuration, version,...rest }) => {
 	const [fetchedDefinition, setFetchedDefinition] = useState(null);
+	const [fetchedKeyProps, setFetchedKeyProps] = useState(null);
 	const fetchAndDecode = (url) => {
 		setFetchedDefinition(null);
+		setFetchedKeyProps(null);
 		fetch(url).then((res) => {
 			if (!res.ok) throw new Error(`Failed to fetch: ${res.status}`);
 			return res.json();
 		}).then((data) => {
 			const item = data.preset || data.shader;
-			if (item?.definition && typeof item.definition === "string") setFetchedDefinition(decodePreviewDefinition(item.definition, obfuscationKey));
+			if (item?.definition && typeof item.definition === "string") {
+				setFetchedDefinition(decodePreviewDefinition(item.definition, obfuscationKey));
+				setFetchedKeyProps(Array.isArray(item.key_props) ? item.key_props : null);
+			}
 		}).catch((err) => {
 			console.error("[Shaders Preview] Failed to fetch preview:", err);
 		});
 	};
 	useEffect(() => {
 		if (shader) fetchAndDecode(`${apiBaseUrl}/api/preview/shader/${shader}`);
-		else if (!presetId) setFetchedDefinition(null);
+		else if (!presetId) {
+			setFetchedDefinition(null);
+			setFetchedKeyProps(null);
+		}
 	}, [
 		shader,
 		presetId,
@@ -182,18 +278,26 @@ const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfusca
 		obfuscationKey
 	]);
 	useEffect(() => {
-		if (presetId) fetchAndDecode(`${apiBaseUrl}/api/preview/preset/${presetId}`);
-		else if (!shader) setFetchedDefinition(null);
+		if (presetId) fetchAndDecode(`${apiBaseUrl}/api/preview/preset/${presetId}${version ? `?version=${encodeURIComponent(version)}` : ""}`);
+		else if (!shader) {
+			setFetchedDefinition(null);
+			setFetchedKeyProps(null);
+		}
 	}, [
 		presetId,
 		shader,
 		apiBaseUrl,
-		obfuscationKey
+		obfuscationKey,
+		version
 	]);
 	const definition = useMemo(() => {
-		if (fetchedDefinition) return fetchedDefinition;
-		return null;
-	}, [fetchedDefinition]);
+		if (!fetchedDefinition) return null;
+		return applyConfiguration(fetchedDefinition, configuration, fetchedKeyProps);
+	}, [
+		fetchedDefinition,
+		fetchedKeyProps,
+		configuration
+	]);
 	const hasWarnedRef = useRef(false);
 	useEffect(() => {
 		if (!hasWarnedRef.current && definition) {

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.114", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.116", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);