shaders 2.2.43 → 2.2.44

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;AAwtBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAgE/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;AAqXD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAgE/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -1,2 +1,393 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-D0yiVxb4.js";
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+function toObjectLiteral(obj) {
+	return `{ ${Object.entries(obj).map(([key, value]) => {
+		return `${key}: ${typeof value === "string" ? `"${value}"` : value}`;
+	}).join(", ")} }`;
+}
+var shaderMetadata = {
+	"AngularBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Ascii": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Beam": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Blob": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Blur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"BrightnessContrast": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Bulge": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"CRTScreen": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChannelBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Checkerboard": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChromaFlow": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChromaticAberration": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Circle": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"CursorTrail": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"DiffuseBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Dither": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"DotGrid": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Duotone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"FilmGrain": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"FloatingParticles": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"GlassTiles": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Glow": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Godrays": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Grayscale": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Grid": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"GridDistortion": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Group": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Halftone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"HueShift": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ImageTexture": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Invert": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"LinearBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"LinearGradient": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Liquify": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Perspective": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Pixelate": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"PolarCoordinates": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Posterize": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ProgressiveBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"RadialGradient": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"RectangularCoordinates": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Ripples": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Saturation": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Sharpness": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Shatter": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SimplexNoise": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SineWave": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SolidColor": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Spherize": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Spiral": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Strands": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Stretch": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Stripes": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Swirl": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"TiltShift": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Tint": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Tritone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Twirl": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Vibrance": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"WaveDistortion": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"WebcamTexture": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ZoomBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	}
+};
+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 (key === "transform" && typeof value === "object") {
+			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
+		}
+		const componentDefaults = shaderMetadata[componentType] || {};
+		if (componentDefaults.hasOwnProperty(key)) {
+			const defaultValue = componentDefaults[key];
+			if (value != null && defaultValue != null && typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
+			return value !== defaultValue;
+		}
+		if (key === "opacity" && value === 1) return false;
+		if (key === "blendMode" && value === "normal") return false;
+		return true;
+	}).map(([key, value]) => {
+		if (key === "transform" && typeof value === "object") {
+			const nonDefaultKeys = {};
+			for (const k in value) if (value[k] !== DEFAULT_TRANSFORM[k]) nonDefaultKeys[k] = value[k];
+			const keys = Object.keys(nonDefaultKeys).sort();
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof nonDefaultKeys[k] === "string" ? `"${nonDefaultKeys[k]}"` : nonDefaultKeys[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+			else if (keys.length === 1) {
+				const k = keys[0];
+				const v = nonDefaultKeys[k];
+				return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
+			}
+		}
+		if (typeof value === "string") 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;
+			return `${key}={${toObjectLiteral(roundedValue)}}`;
+		} else return `${key}={${value}}`;
+	}).join("\n" + indent + "  ");
+}
+function isIdUsedAsMaskSource(id, allComponents) {
+	const flatComponents = [];
+	function flattenComponents(components) {
+		for (const component of components) {
+			flatComponents.push(component);
+			if (component.children) flattenComponents(component.children);
+		}
+	}
+	flattenComponents(allComponents);
+	return flatComponents.some((component) => component.props?.maskSource === id);
+}
+function generatePresetCode(preset) {
+	const generateComponentString = (config, indent = "  ") => {
+		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
+		let idString = "";
+		if (config.id) {
+			if (isIdUsedAsMaskSource(config.id, preset.components)) idString = `id="${config.id}"`;
+		}
+		const attributes = [idString, propString].filter(Boolean).join("\n" + indent + "  ");
+		if (config.children && config.children.length > 0) {
+			const childrenString = config.children.map((child) => generateComponentString(child, indent + "  ")).join("\n");
+			if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes}>\n${childrenString}\n${indent}</${config.type}>`;
+			else return `${indent}<${config.type}>\n${childrenString}\n${indent}</${config.type}>`;
+		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes} />`;
+		else return `${indent}<${config.type} />`;
+	};
+	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+}
+const availableComponents = [
+	"AngularBlur",
+	"Ascii",
+	"Beam",
+	"Blob",
+	"Blur",
+	"BrightnessContrast",
+	"Bulge",
+	"CRTScreen",
+	"ChannelBlur",
+	"Checkerboard",
+	"ChromaFlow",
+	"ChromaticAberration",
+	"Circle",
+	"CursorTrail",
+	"DiffuseBlur",
+	"Dither",
+	"DotGrid",
+	"Duotone",
+	"FilmGrain",
+	"FloatingParticles",
+	"GlassTiles",
+	"Glow",
+	"Godrays",
+	"Grayscale",
+	"Grid",
+	"GridDistortion",
+	"Group",
+	"Halftone",
+	"HueShift",
+	"ImageTexture",
+	"Invert",
+	"LinearBlur",
+	"LinearGradient",
+	"Liquify",
+	"Perspective",
+	"Pixelate",
+	"PolarCoordinates",
+	"Posterize",
+	"ProgressiveBlur",
+	"RadialGradient",
+	"RectangularCoordinates",
+	"Ripples",
+	"Saturation",
+	"Sharpness",
+	"Shatter",
+	"SimplexNoise",
+	"SineWave",
+	"SolidColor",
+	"Spherize",
+	"Spiral",
+	"Strands",
+	"Stretch",
+	"Stripes",
+	"Swirl",
+	"TiltShift",
+	"Tint",
+	"Tritone",
+	"Twirl",
+	"Vibrance",
+	"WaveDistortion",
+	"WebcamTexture",
+	"ZoomBlur"
+];
 export { availableComponents, generatePresetCode };

package/dist/solid/components/AngularBlur.js

@@ -0,0 +1,148 @@
+import { createComponent } from "solid-js/web";
+import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
+import { createUniformsMap } from "../../core/index.js";
+import { componentDefinition } from "../../core/shaders/AngularBlur/index.js";
+import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+const DEFAULT_TRANSFORM = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps = {
+  blendMode: "normal",
+  renderOrder: 0,
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+try {
+  if (componentDefinition && componentDefinition.props) {
+    Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate
+  } = context;
+  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      isRegistered = true;
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        const {
+          uniform
+        } = uniformData;
+        if ((uniform == null ? void 0 : uniform.value) !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return local.children;
+    }
+  });
+}
+export {
+  ShaderComponent as default
+};

package/dist/solid/components/Ascii.js

@@ -0,0 +1,148 @@
+import { createComponent } from "solid-js/web";
+import { splitProps, createMemo, onMount, onCleanup, createEffect } from "solid-js";
+import { createUniformsMap } from "../../core/index.js";
+import { componentDefinition } from "../../core/shaders/Ascii/index.js";
+import { useShaderContext, ShaderContext } from "../engine/Shader.js";
+const DEFAULT_TRANSFORM = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps = {
+  blendMode: "normal",
+  renderOrder: 0,
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+try {
+  if (componentDefinition && componentDefinition.props) {
+    Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate
+  } = context;
+  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      isRegistered = true;
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        const {
+          uniform
+        } = uniformData;
+        if ((uniform == null ? void 0 : uniform.value) !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return local.children;
+    }
+  });
+}
+export {
+  ShaderComponent as default
+};