shaders 2.2.42 → 2.2.44

package/dist/vue/generatePresetCode-_7ZzqQPH.js

@@ -1,740 +0,0 @@
-function camelToKebab(str) {
-	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-var DEFAULT_TRANSFORM = {
-	offsetX: 0,
-	offsetY: 0,
-	rotation: 0,
-	scale: 1,
-	anchorX: .5,
-	anchorY: .5,
-	edges: "transparent"
-};
-var shaderMetadata = {
-	"AngularBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 20,
-		"center": {
-			"x": .5,
-			"y": .5
-		}
-	},
-	"Ascii": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"characters": "@%#*+=-:.",
-		"cellSize": 30,
-		"fontFamily": "JetBrains Mono",
-		"spacing": 1
-	},
-	"Beam": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"startPosition": {
-			"x": .2,
-			"y": .5
-		},
-		"endPosition": {
-			"x": .8,
-			"y": .5
-		},
-		"startThickness": .2,
-		"endThickness": .2,
-		"startSoftness": .5,
-		"endSoftness": .5,
-		"insideColor": "#FF0000",
-		"outsideColor": "#0000FF",
-		"colorSpace": "linear"
-	},
-	"Blob": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#ff6b35",
-		"colorB": "#e91e63",
-		"size": .5,
-		"deformation": .5,
-		"softness": .5,
-		"highlightIntensity": .5,
-		"highlightX": .3,
-		"highlightY": -.3,
-		"highlightZ": .4,
-		"highlightColor": "#ffe11a",
-		"speed": .5,
-		"seed": 1,
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"colorSpace": "linear"
-	},
-	"Blur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 50
-	},
-	"BrightnessContrast": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"brightness": 0,
-		"contrast": 0
-	},
-	"Bulge": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"strength": 1,
-		"radius": 1,
-		"falloff": .5,
-		"edges": "stretch"
-	},
-	"ChannelBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"redIntensity": 0,
-		"greenIntensity": 20,
-		"blueIntensity": 40
-	},
-	"Checkerboard": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#cccccc",
-		"colorB": "#999999",
-		"cells": 8,
-		"softness": 0,
-		"colorSpace": "linear"
-	},
-	"ChromaFlow": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"baseColor": "#0066ff",
-		"upColor": "#00ff00",
-		"downColor": "#ff0000",
-		"leftColor": "#0000ff",
-		"rightColor": "#ffff00",
-		"intensity": 1,
-		"radius": 2,
-		"momentum": 30
-	},
-	"ChromaticAberration": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"strength": .2,
-		"angle": 0,
-		"redOffset": -1,
-		"greenOffset": 0,
-		"blueOffset": 1
-	},
-	"Circle": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#ffffff",
-		"radius": 1,
-		"softness": 0,
-		"center": {
-			"x": .5,
-			"y": .5
-		}
-	},
-	"CRTScreen": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"pixelSize": 128,
-		"colorShift": 1,
-		"scanlineIntensity": .3,
-		"scanlineFrequency": 200,
-		"brightness": 1.1,
-		"contrast": 1.2
-	},
-	"CursorTrail": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#00aaff",
-		"colorB": "#ff00aa",
-		"radius": .5,
-		"length": .5,
-		"shrink": 1,
-		"colorSpace": "linear"
-	},
-	"DiffuseBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 30,
-		"edges": "stretch"
-	},
-	"Dither": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"pixelSize": 4,
-		"threshold": .5,
-		"colorA": "transparent",
-		"colorB": "#ffffff"
-	},
-	"DotGrid": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#ffffff",
-		"density": 100,
-		"dotSize": .3,
-		"twinkle": 0
-	},
-	"Duotone": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#ff0000",
-		"colorB": "#023af4",
-		"blend": .5,
-		"colorSpace": "linear"
-	},
-	"FilmGrain": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"strength": .5
-	},
-	"FloatingParticles": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"randomness": .25,
-		"speed": .25,
-		"angle": 90,
-		"particleSize": 1,
-		"particleSoftness": 0,
-		"twinkle": .5,
-		"count": 5,
-		"particleColor": "#ffffff",
-		"speedVariance": .3,
-		"angleVariance": 30,
-		"particleDensity": 3
-	},
-	"GlassTiles": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 2,
-		"tileCount": 20,
-		"rotation": 0,
-		"roundness": 0
-	},
-	"Glow": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 1,
-		"threshold": .5,
-		"size": 10
-	},
-	"Godrays": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": 0,
-			"y": 0
-		},
-		"density": .3,
-		"intensity": .8,
-		"spotty": 1,
-		"speed": .5,
-		"rayColor": "#4283fb",
-		"backgroundColor": "transparent"
-	},
-	"Grayscale": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"Grid": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#ffffff",
-		"cells": 10,
-		"thickness": 1
-	},
-	"GridDistortion": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 1,
-		"swirl": 0,
-		"decay": 3,
-		"radius": 1,
-		"gridSize": 20,
-		"edges": "stretch"
-	},
-	"Group": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"Halftone": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"frequency": 100,
-		"angle": 45,
-		"smoothness": .1
-	},
-	"HueShift": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"shift": 0
-	},
-	"ImageTexture": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"url": "https://shaders.com/sample.jpg",
-		"objectFit": "cover"
-	},
-	"Invert": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"LinearBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 30,
-		"angle": 0
-	},
-	"LinearGradient": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#1aff00",
-		"colorB": "#0000ff",
-		"start": {
-			"x": 0,
-			"y": .5
-		},
-		"end": {
-			"x": 1,
-			"y": .5
-		},
-		"angle": 0,
-		"edges": "stretch",
-		"colorSpace": "linear"
-	},
-	"Liquify": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 1,
-		"swirl": 0,
-		"decay": 3,
-		"radius": 1,
-		"edges": "stretch"
-	},
-	"Perspective": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"pan": 0,
-		"tilt": 0,
-		"fov": 60,
-		"zoom": 1,
-		"offset": {
-			"x": .5,
-			"y": .5
-		},
-		"edges": "transparent"
-	},
-	"Pixelate": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"scale": 50
-	},
-	"PolarCoordinates": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"wrap": 1,
-		"radius": 1,
-		"intensity": 1,
-		"edges": "transparent"
-	},
-	"Posterize": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 5
-	},
-	"ProgressiveBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 50,
-		"angle": 0,
-		"center": {
-			"x": 0,
-			"y": .5
-		},
-		"falloff": 1
-	},
-	"RadialGradient": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#ff0000",
-		"colorB": "#0000ff",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"radius": 1,
-		"colorSpace": "linear"
-	},
-	"RectangularCoordinates": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"scale": 1,
-		"intensity": 1,
-		"edges": "transparent"
-	},
-	"Ripples": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"colorA": "#ffffff",
-		"colorB": "#000000",
-		"speed": 1,
-		"frequency": 20,
-		"softness": 0,
-		"thickness": .5,
-		"phase": 0
-	},
-	"Saturation": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 1
-	},
-	"Sharpness": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"sharpness": 0
-	},
-	"Shatter": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"crackWidth": 1,
-		"intensity": 4,
-		"radius": .4,
-		"decay": 1,
-		"seed": 2,
-		"chromaticSplit": 1,
-		"refractionStrength": 5,
-		"shardLighting": .1,
-		"edges": "mirror"
-	},
-	"SimplexNoise": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#ffffff",
-		"colorB": "transparent",
-		"scale": 2,
-		"balance": 0,
-		"contrast": 0,
-		"seed": 0,
-		"speed": 1
-	},
-	"SineWave": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#ffffff",
-		"amplitude": .15,
-		"frequency": 1,
-		"speed": 1,
-		"angle": 0,
-		"position": {
-			"x": .5,
-			"y": .5
-		},
-		"thickness": .2,
-		"softness": .4
-	},
-	"SolidColor": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#5b18ca"
-	},
-	"Spherize": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"radius": 1,
-		"depth": 1,
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"lightPosition": {
-			"x": .3,
-			"y": .3
-		},
-		"lightIntensity": .5,
-		"lightSoftness": .5,
-		"lightColor": "#ffffff"
-	},
-	"Spiral": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#000000",
-		"colorB": "#ffffff",
-		"strokeWidth": .5,
-		"strokeFalloff": 0,
-		"softness": 0,
-		"speed": 1,
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"scale": 1,
-		"colorSpace": "linear"
-	},
-	"Strands": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"speed": .5,
-		"amplitude": 1,
-		"frequency": 1,
-		"lineCount": 12,
-		"lineWidth": .1,
-		"waveColor": "#f1c907",
-		"pinEdges": true,
-		"start": {
-			"x": 0,
-			"y": .5
-		},
-		"end": {
-			"x": 1,
-			"y": .5
-		}
-	},
-	"Stretch": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"strength": 1,
-		"angle": 0,
-		"falloff": 0,
-		"edges": "stretch"
-	},
-	"Stripes": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#000000",
-		"colorB": "#ffffff",
-		"angle": 45,
-		"density": 5,
-		"balance": .5,
-		"softness": 0,
-		"speed": .2,
-		"offset": 0,
-		"colorSpace": "linear"
-	},
-	"Swirl": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#1275d8",
-		"colorB": "#e19136",
-		"speed": 1,
-		"detail": 1,
-		"blend": 50,
-		"colorSpace": "linear"
-	},
-	"TiltShift": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 50,
-		"width": .3,
-		"falloff": .3,
-		"angle": 0,
-		"center": {
-			"x": .5,
-			"y": .5
-		}
-	},
-	"Tint": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"color": "#ff8800",
-		"amount": .5,
-		"preserveLuminosity": true
-	},
-	"Tritone": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"colorA": "#ce1bea",
-		"colorB": "#2fff00",
-		"colorC": "#ffff00",
-		"blendMid": .5,
-		"colorSpace": "linear"
-	},
-	"Twirl": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"center": {
-			"x": .5,
-			"y": .5
-		},
-		"intensity": 1,
-		"edges": "stretch"
-	},
-	"Vibrance": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 0
-	},
-	"WaveDistortion": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"strength": .3,
-		"frequency": 1,
-		"speed": 1,
-		"angle": 0,
-		"waveType": "sine",
-		"edges": "stretch"
-	},
-	"ZoomBlur": {
-		"opacity": 1,
-		"blendMode": "normal",
-		"intensity": 30,
-		"center": {
-			"x": .5,
-			"y": .5
-		}
-	}
-};
-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]) => {
-		const kebabKey = camelToKebab(key);
-		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 `:${kebabKey}="{\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 `:${kebabKey}="{'${k}':${typeof v === "string" ? `'${v}'` : v}}"`;
-			}
-		}
-		if (typeof value === "string") return `${kebabKey}="${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 `:${kebabKey}="${JSON.stringify(roundedValue).replace(/"/g, "'")}"`;
-		} else return `:${kebabKey}="${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",
-	"ZoomBlur"
-];
-export { generatePresetCode as n, availableComponents as t };