shaders 2.4.78 → 2.5.81

package/dist/js/utils/generatePresetCode.template.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: any[];
+export {};
+//# sourceMappingURL=generatePresetCode.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAkKD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/react/Shader.js

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

package/dist/react/components/Liquify.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Liquify';
 
 export type { ComponentProps };
@@ -22,7 +22,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main React wrapper component for Shader shader nodes
  */

package/dist/react/components/Liquify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAwDF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmM1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAwDF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmM1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1 +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;AA8rCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}
+{"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;AA+tCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -7,9 +7,16 @@ var DEFAULT_TRANSFORM = {
 	anchorY: .5,
 	edges: "transparent"
 };
+function toJSLiteral(value) {
+	if (typeof value === "string") return JSON.stringify(value);
+	if (typeof value === "boolean" || typeof value === "number" || value === null || value === void 0) return String(value);
+	if (Array.isArray(value)) return `[${value.map((v) => toJSLiteral(v)).join(", ")}]`;
+	if (typeof value === "object") return `{ ${Object.entries(value).map(([k, v]) => `${k}: ${toJSLiteral(v)}`).join(", ")} }`;
+	return String(value);
+}
 function toObjectLiteral(obj) {
 	return `{ ${Object.entries(obj).map(([key, value]) => {
-		return `${key}: ${typeof value === "string" ? `"${value}"` : value}`;
+		return `${key}: ${toJSLiteral(value)}`;
 	}).join(", ")} }`;
 }
 var shaderMetadata = {
@@ -577,8 +584,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},
@@ -1084,7 +1092,7 @@ function isPropMapValue(value) {
 function generatePropString(props, componentType, indent = "  ") {
 	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
 		if (key === "maskType" && value === "alpha") return false;
-		if (componentType === "Glass" && key === "shape" && props.shapeType === "svg") return false;
+		if (key === "shape" && props.shapeSdfUrl) return false;
 		if (key === "transform" && typeof value === "object") {
 			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 		}
@@ -1113,11 +1121,22 @@ function generatePropString(props, componentType, indent = "  ") {
 			const v = value[k];
 			return `${k}: ${typeof v === "string" ? `"${v}"` : v}`;
 		}).join(`,\n${indent}    `)}\n${indent}  }}`;
-		if (typeof value === "string") return `${key}="${value}"`;
-		else if (value !== null && typeof value === "object") {
+		if (typeof value === "string") {
+			if (value.startsWith("{") && value.endsWith("}")) try {
+				const parsed = JSON.parse(value);
+				if (typeof parsed === "object" && parsed !== null) {
+					const keys = Object.keys(parsed);
+					if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${toJSLiteral(parsed[k])}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+					return `${key}={${toObjectLiteral(parsed)}}`;
+				}
+			} catch {}
+			return `${key}="${value}"`;
+		} else if (value !== null && typeof value === "object") {
 			const roundedValue = { ...value };
 			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
 			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+			const keys = Object.keys(roundedValue);
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof roundedValue[k] === "string" ? `"${roundedValue[k]}"` : roundedValue[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
 			return `${key}={${toObjectLiteral(roundedValue)}}`;
 		} else return `${key}={${value}}`;
 	}).join("\n" + indent + "  ");
@@ -1140,7 +1159,15 @@ function isIdReferenced(id, allComponents) {
 	});
 }
 function generatePresetCode(preset, colorSpace) {
-	const generateComponentString = (config, indent = "  ") => {
+	const componentTypes = /* @__PURE__ */ new Set();
+	function collectTypes(components) {
+		for (const config of components) {
+			componentTypes.add(config.type);
+			if (config.children) collectTypes(config.children);
+		}
+	}
+	collectTypes(preset.components);
+	const generateComponentString = (config, indent = "      ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
 		if (config.id) {
@@ -1155,7 +1182,17 @@ function generatePresetCode(preset, colorSpace) {
 		else return `${indent}<${config.type} />`;
 	};
 	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
+	const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+	const allImports = ["Shader", ...Array.from(componentTypes).sort()];
+	return `${allImports.length > 3 ? `import {\n  ${allImports.join(",\n  ")},\n} from 'shaders/react'` : `import { ${allImports.join(", ")} } from 'shaders/react'`}
+
+export default function ShaderEffect() {
+  return (
+    <Shader${shaderProps}>
+${componentStrings}
+    </Shader>
+  )
+}`;
 }
 const availableComponents = [
 	"AngularBlur",

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAqJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAqLD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/registry.js

@@ -9830,36 +9830,51 @@ export const shaderRegistry = [
       "requiresChild": true,
       "props": {
         "intensity": {
-          "default": 1,
-          "description": "Strength of the distortion effect",
+          "default": 10,
+          "description": "Scale of the fabric displacement effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
-            "max": 5,
+            "max": 20,
             "step": 0.1,
             "label": "Intensity",
             "group": "Effect"
           }
         },
-        "decay": {
+        "stiffness": {
           "default": 3,
-          "description": "Rate of distortion decay (higher = faster)",
+          "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)",
+          "ui": {
+            "type": "range",
+            "min": 1,
+            "max": 30,
+            "step": 0.5,
+            "label": "Stiffness",
+            "group": "Effect"
+          }
+        },
+        "damping": {
+          "default": 3,
+          "description": "How quickly fabric motion settles",
           "ui": {
             "type": "range",
             "min": 0,
             "max": 10,
             "step": 0.1,
-            "label": "Decay",
+            "label": "Damping",
             "group": "Effect"
           }
         },
         "radius": {
           "default": 1,
-          "description": "Radius of the distortion effect",
+          "description": "Cursor influence area",
           "ui": {
             "type": "range",
-            "min": 0,
-            "max": 3,
+            "min": 0.1,
+            "max": 1.5,
             "step": 0.1,
             "label": "Radius",
             "group": "Effect"
@@ -9898,39 +9913,54 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
-          "max": 5,
+          "max": 20,
           "step": 0.1,
           "label": "Intensity",
           "group": "Effect"
         },
-        "default": 1,
-        "description": "Strength of the distortion effect"
+        "default": 10,
+        "description": "Scale of the fabric displacement effect"
       },
-      "decay": {
+      "stiffness": {
+        "ui": {
+          "type": "range",
+          "min": 1,
+          "max": 30,
+          "step": 0.5,
+          "label": "Stiffness",
+          "group": "Effect"
+        },
+        "default": 3,
+        "description": "Fabric rigidity (higher = stiffer canvas, lower = stretchy silk)"
+      },
+      "damping": {
         "ui": {
           "type": "range",
           "min": 0,
           "max": 10,
           "step": 0.1,
-          "label": "Decay",
+          "label": "Damping",
           "group": "Effect"
         },
         "default": 3,
-        "description": "Rate of distortion decay (higher = faster)"
+        "description": "How quickly fabric motion settles"
       },
       "radius": {
         "ui": {
           "type": "range",
-          "min": 0,
-          "max": 3,
+          "min": 0.1,
+          "max": 1.5,
           "step": 0.1,
           "label": "Radius",
           "group": "Effect"
         },
         "default": 1,
-        "description": "Radius of the distortion effect"
+        "description": "Cursor influence area"
       },
       "edges": {
         "ui": {

package/dist/solid/components/Liquify.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'solid-js';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Liquify';
 export type { ComponentProps };
 /**
@@ -20,7 +20,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/Liquify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}
+{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/engine/Shader.js

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

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

@@ -1 +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;AAgsCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}
+{"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;AAstCD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UA4F/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -579,8 +579,9 @@ const shaderMetadata = {
   "Liquify": {
     "opacity": 1,
     "blendMode": "normal",
-    "intensity": 1,
-    "decay": 3,
+    "intensity": 10,
+    "stiffness": 3,
+    "damping": 3,
     "radius": 1,
     "edges": "stretch"
   },
@@ -1086,7 +1087,7 @@ function isPropMapValue(value) {
 function generatePropString(props, componentType, indent = "  ") {
   return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
     if (key === "maskType" && value === "alpha") return false;
-    if (componentType === "Glass" && key === "shape" && props.shapeType === "svg") return false;
+    if (key === "shape" && props.shapeSdfUrl) return false;
     if (key === "transform" && typeof value === "object") {
       const allDefaults = Object.keys(DEFAULT_TRANSFORM).every(
         (k) => value[k] === DEFAULT_TRANSFORM[k]
@@ -1136,6 +1137,23 @@ ${indent}    `)}
 ${indent}  }}`;
     }
     if (typeof value === "string") {
+      if (value.startsWith("{") && value.endsWith("}")) {
+        try {
+          const parsed = JSON.parse(value);
+          if (typeof parsed === "object" && parsed !== null) {
+            const keys = Object.keys(parsed);
+            if (keys.length > 1) {
+              const entries = keys.map((k) => `${k}: ${typeof parsed[k] === "string" ? `"${parsed[k]}"` : parsed[k]}`);
+              return `${key}={{
+${indent}    ${entries.join(`,
+${indent}    `)}
+${indent}  }}`;
+            }
+            return `${key}={${toObjectLiteral(parsed)}}`;
+          }
+        } catch {
+        }
+      }
       return `${key}=${JSON.stringify(value)}`;
     } else if (value !== null && typeof value === "object") {
       const roundedValue = { ...value };
@@ -1145,6 +1163,14 @@ ${indent}  }}`;
       if ("y" in roundedValue && typeof roundedValue.y === "number") {
         roundedValue.y = Math.round(roundedValue.y * 100) / 100;
       }
+      const keys = Object.keys(roundedValue);
+      if (keys.length > 1) {
+        const entries = keys.map((k) => `${k}: ${typeof roundedValue[k] === "string" ? `"${roundedValue[k]}"` : roundedValue[k]}`);
+        return `${key}={{
+${indent}    ${entries.join(`,
+${indent}    `)}
+${indent}  }}`;
+      }
       return `${key}={${toObjectLiteral(roundedValue)}}`;
     } else {
       return `${key}={${value}}`;
@@ -1174,7 +1200,15 @@ function isIdReferenced(id, allComponents) {
   });
 }
 function generatePresetCode(preset, colorSpace) {
-  const generateComponentString = (config, indent = "  ") => {
+  const componentTypes = /* @__PURE__ */ new Set();
+  function collectTypes(components) {
+    for (const config of components) {
+      componentTypes.add(config.type);
+      if (config.children) collectTypes(config.children);
+    }
+  }
+  collectTypes(preset.components);
+  const generateComponentString = (config, indent = "      ") => {
     const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
     let idString = "";
     if (config.id) {
@@ -1207,9 +1241,20 @@ ${indent}  ${attributes} />`;
   };
   const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
   const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
-  return `<Shader${shaderProps}>
+  const sortedTypes = Array.from(componentTypes).sort();
+  const allImports = ["Shader", ...sortedTypes];
+  const importStatement = allImports.length > 3 ? `import {
+  ${allImports.join(",\n  ")},
+} from 'shaders/solid'` : `import { ${allImports.join(", ")} } from 'shaders/solid'`;
+  return `${importStatement}
+
+export default function ShaderEffect() {
+  return (
+    <Shader${shaderProps}>
 ${componentStrings}
-</Shader>`;
+    </Shader>
+  )
+}`;
 }
 const availableComponents = [
   // @ts-ignore - replaced at build time

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAuJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AA4KD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/components/Liquify.svelte.d.ts

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Liquify';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/engine/Preview.svelte.d.ts

@@ -1,27 +1,13 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+interface Props {
+    shader?: string;
+    presetId?: string;
+    apiBaseUrl?: string;
+    obfuscationKey?: string;
+    watermarkText?: string;
+    watermarkLink?: string;
+    style?: string;
+    [key: string]: any;
 }
-declare const Preview: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    shader?: string | undefined | undefined;
-    presetId?: string | undefined | undefined;
-    apiBaseUrl?: string | undefined;
-    obfuscationKey?: string | undefined;
-    watermarkText?: string | undefined;
-    watermarkLink?: string | undefined;
-    style?: string | undefined | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Preview = InstanceType<typeof Preview>;
+declare const Preview: import("svelte").Component<Props, {}, "">;
+type Preview = ReturnType<typeof Preview>;
 export default Preview;

package/dist/svelte/engine/PreviewRenderComponent.svelte.d.ts

@@ -1,22 +1,8 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const PreviewRenderComponent: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     config: any;
     componentMap: Record<string, any>;
-    structureVersion?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type PreviewRenderComponent = InstanceType<typeof PreviewRenderComponent>;
+    structureVersion?: number;
+}
+declare const PreviewRenderComponent: import("svelte").Component<Props, {}, "">;
+type PreviewRenderComponent = ReturnType<typeof PreviewRenderComponent>;
 export default PreviewRenderComponent;

package/dist/svelte/{generatePresetCode-Bpe8YcaW.js → generatePresetCode-6ecNqXs9.js}

@@ -577,8 +577,9 @@ var shaderMetadata = {
 	"Liquify": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"decay": 3,
+		"intensity": 10,
+		"stiffness": 3,
+		"damping": 3,
 		"radius": 1,
 		"edges": "stretch"
 	},
@@ -1084,7 +1085,7 @@ function isPropMapValue(value) {
 function generatePropString(props, componentType, indent = "  ") {
 	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
 		if (key === "maskType" && value === "alpha") return false;
-		if (componentType === "Glass" && key === "shape" && props.shapeType === "svg") return false;
+		if (key === "shape" && props.shapeSdfUrl) return false;
 		if (key === "transform" && typeof value === "object") {
 			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
 		}
@@ -1113,11 +1114,22 @@ function generatePropString(props, componentType, indent = "  ") {
 			const v = value[k];
 			return `${k}: ${typeof v === "string" ? `"${v}"` : v}`;
 		}).join(`,\n${indent}    `)}\n${indent}  }}`;
-		if (typeof value === "string") return `${key}="${value}"`;
-		else if (value !== null && typeof value === "object") {
+		if (typeof value === "string") {
+			if (value.startsWith("{") && value.endsWith("}")) try {
+				const parsed = JSON.parse(value);
+				if (typeof parsed === "object" && parsed !== null) {
+					const keys = Object.keys(parsed);
+					if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof parsed[k] === "string" ? `"${parsed[k]}"` : parsed[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+					return `${key}={${toObjectLiteral(parsed)}}`;
+				}
+			} catch {}
+			return `${key}="${value}"`;
+		} else if (value !== null && typeof value === "object") {
 			const roundedValue = { ...value };
 			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
 			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+			const keys = Object.keys(roundedValue);
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof roundedValue[k] === "string" ? `"${roundedValue[k]}"` : roundedValue[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
 			return `${key}={${toObjectLiteral(roundedValue)}}`;
 		} else return `${key}={${value}}`;
 	}).join("\n" + indent + "  ");
@@ -1140,6 +1152,14 @@ function isIdReferenced(id, allComponents) {
 	});
 }
 function generatePresetCode(preset, colorSpace) {
+	const componentTypes = /* @__PURE__ */ new Set();
+	function collectTypes(components) {
+		for (const config of components) {
+			componentTypes.add(config.type);
+			if (config.children) collectTypes(config.children);
+		}
+	}
+	collectTypes(preset.components);
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
@@ -1155,7 +1175,15 @@ function generatePresetCode(preset, colorSpace) {
 		else return `${indent}<${config.type} />`;
 	};
 	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-	return `<Shader${colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : ""}>\n${componentStrings}\n</Shader>`;
+	const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+	const allImports = ["Shader", ...Array.from(componentTypes).sort()];
+	return `<script>
+  ${allImports.length > 3 ? `import {\n    ${allImports.join(",\n    ")},\n  } from 'shaders/svelte'` : `import { ${allImports.join(", ")} } from 'shaders/svelte'`}
+<\/script>
+
+<Shader${shaderProps}>
+${componentStrings}
+</Shader>`;
 }
 const availableComponents = [
 	"AngularBlur",