shaders 2.2.48 → 2.3.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.48",
+  "version": "2.3.49",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",
@@ -384,6 +384,31 @@
       "types": "./dist/core/shaders/FlowField/index.d.ts",
       "import": "./dist/core/shaders/FlowField/index.js",
       "require": "./dist/core/shaders/FlowField/index.js"
+    },
+    "./core/ContourLines": {
+      "types": "./dist/core/shaders/ContourLines/index.d.ts",
+      "import": "./dist/core/shaders/ContourLines/index.js",
+      "require": "./dist/core/shaders/ContourLines/index.js"
+    },
+    "./core/VideoTexture": {
+      "types": "./dist/core/shaders/VideoTexture/index.d.ts",
+      "import": "./dist/core/shaders/VideoTexture/index.js",
+      "require": "./dist/core/shaders/VideoTexture/index.js"
+    },
+    "./core/Plasma": {
+      "types": "./dist/core/shaders/Plasma/index.d.ts",
+      "import": "./dist/core/shaders/Plasma/index.js",
+      "require": "./dist/core/shaders/Plasma/index.js"
+    },
+    "./core/Glitch": {
+      "types": "./dist/core/shaders/Glitch/index.d.ts",
+      "import": "./dist/core/shaders/Glitch/index.js",
+      "require": "./dist/core/shaders/Glitch/index.js"
+    },
+    "./core/LensFlare": {
+      "types": "./dist/core/shaders/LensFlare/index.d.ts",
+      "import": "./dist/core/shaders/LensFlare/index.js",
+      "require": "./dist/core/shaders/LensFlare/index.js"
     }
   },
   "typesVersions": {
@@ -460,6 +485,9 @@
       "core/Circle": [
         "./dist/core/shaders/Circle/index.d.ts"
       ],
+      "core/ContourLines": [
+        "./dist/core/shaders/ContourLines/index.d.ts"
+      ],
       "core/CursorTrail": [
         "./dist/core/shaders/CursorTrail/index.d.ts"
       ],
@@ -487,6 +515,9 @@
       "core/GlassTiles": [
         "./dist/core/shaders/GlassTiles/index.d.ts"
       ],
+      "core/Glitch": [
+        "./dist/core/shaders/Glitch/index.d.ts"
+      ],
       "core/Glow": [
         "./dist/core/shaders/Glow/index.d.ts"
       ],
@@ -520,6 +551,9 @@
       "core/Kaleidoscope": [
         "./dist/core/shaders/Kaleidoscope/index.d.ts"
       ],
+      "core/LensFlare": [
+        "./dist/core/shaders/LensFlare/index.d.ts"
+      ],
       "core/LinearBlur": [
         "./dist/core/shaders/LinearBlur/index.d.ts"
       ],
@@ -538,6 +572,9 @@
       "core/Pixelate": [
         "./dist/core/shaders/Pixelate/index.d.ts"
       ],
+      "core/Plasma": [
+        "./dist/core/shaders/Plasma/index.d.ts"
+      ],
       "core/PolarCoordinates": [
         "./dist/core/shaders/PolarCoordinates/index.d.ts"
       ],
@@ -607,6 +644,9 @@
       "core/Vibrance": [
         "./dist/core/shaders/Vibrance/index.d.ts"
       ],
+      "core/VideoTexture": [
+        "./dist/core/shaders/VideoTexture/index.d.ts"
+      ],
       "core/WaveDistortion": [
         "./dist/core/shaders/WaveDistortion/index.d.ts"
       ],

package/dist/core/Dither-DWoCLL0e.js

@@ -1,65 +0,0 @@
-import { r as transformColor } from "./transformations-YbhRK-rd.js";
-import { dot, floor, mix, screenUV, step, vec2, vec3, vec4, viewportSize } from "three/tsl";
-const componentDefinition = {
-	name: "Dither",
-	category: "Stylize",
-	description: "Bayer matrix dithering to reduce colors",
-	requiresChild: true,
-	props: {
-		pixelSize: {
-			default: 4,
-			description: "Size of dithering pixels",
-			ui: {
-				type: "range",
-				min: 1,
-				max: 20,
-				step: 1,
-				label: "Pixel Size"
-			}
-		},
-		threshold: {
-			default: .5,
-			description: "Luminance threshold for dithering",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 1,
-				step: .1,
-				label: "Threshold"
-			}
-		},
-		colorA: {
-			default: "transparent",
-			transform: transformColor,
-			description: "Dark color for dithering",
-			ui: {
-				type: "color",
-				label: "Dark Color"
-			}
-		},
-		colorB: {
-			default: "#ffffff",
-			transform: transformColor,
-			description: "Light color for dithering",
-			ui: {
-				type: "color",
-				label: "Light Color"
-			}
-		}
-	},
-	fragmentNode: ({ uniforms, childNode }) => {
-		if (!childNode) return vec4(0, 0, 0, 0);
-		const sourceColor = childNode;
-		const luminance = dot(sourceColor.rgb, vec3(.299, .587, .114)).mul(sourceColor.a);
-		const pixelSize = uniforms.pixelSize.uniform;
-		const bayerPos = floor(screenUV.mul(viewportSize).div(pixelSize)).mod(vec2(4));
-		const x = bayerPos.x;
-		const y = bayerPos.y;
-		const bayerValue = y.equal(0).select(x.equal(0).select(0 / 16, x.equal(1).select(8 / 16, x.equal(2).select(2 / 16, 10 / 16))), y.equal(1).select(x.equal(0).select(12 / 16, x.equal(1).select(4 / 16, x.equal(2).select(14 / 16, 6 / 16))), y.equal(2).select(x.equal(0).select(3 / 16, x.equal(1).select(11 / 16, x.equal(2).select(1 / 16, 9 / 16))), x.equal(0).select(15 / 16, x.equal(1).select(7 / 16, x.equal(2).select(13 / 16, 5 / 16))))));
-		const threshold = uniforms.threshold.uniform;
-		const ditherResult = step(bayerValue, luminance.add(threshold.sub(.5)));
-		return vec4(mix(uniforms.colorA.uniform.rgb, uniforms.colorB.uniform.rgb, ditherResult), mix(uniforms.colorA.uniform.a, uniforms.colorB.uniform.a, ditherResult));
-	}
-};
-var Dither_default = componentDefinition;
-export { componentDefinition as n, Dither_default as t };

package/dist/svelte/generatePresetCode-BD0Ac86C.js

@@ -1,408 +0,0 @@
-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"
-	},
-	"FlowField": {
-		"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"
-	},
-	"Kaleidoscope": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"LinearBlur": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"LinearGradient": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"Liquify": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
-	"Mirror": {
-		"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",
-	"FlowField",
-	"GlassTiles",
-	"Glow",
-	"Godrays",
-	"Grayscale",
-	"Grid",
-	"GridDistortion",
-	"Group",
-	"Halftone",
-	"HueShift",
-	"ImageTexture",
-	"Invert",
-	"Kaleidoscope",
-	"LinearBlur",
-	"LinearGradient",
-	"Liquify",
-	"Mirror",
-	"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 { generatePresetCode as n, availableComponents as t };