shaders 2.2.23 → 2.2.25

package/dist/svelte/utils/generatePresetCode.js

@@ -1,5 +1,2 @@
-import { n as a, t as o } from "../generatePresetCode-DaS7jkcT.js";
-export {
-  o as availableComponents,
-  a as generatePresetCode
-};
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CymgoDq_.js";
+export { availableComponents, generatePresetCode };

package/dist/vue/components/Beam.vue.d.ts

@@ -0,0 +1,57 @@
+import { BlendMode, TransformConfig } from '../../core';
+import { ComponentProps } from '../../core/shaders/Beam';
+
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    renderOrder: number;
+    visible: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
+    blendMode: string;
+    renderOrder: number;
+    visible: boolean;
+}>>> & Readonly<{}>, {
+    blendMode: BlendMode;
+    visible: boolean;
+    renderOrder: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Beam.vue.d.ts.map

package/dist/vue/components/Beam.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Beam.vue.d.ts","sourceRoot":"","sources":["../../src/components/Beam.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAI1E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,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;CACtC;AAgOD,iBAAS,cAAc;qBA0BM,GAAG;EAG/B;AAQD,QAAA,MAAM,eAAe;;;;;;;;;eA7QP,SAAS;aAEX,OAAO;iBAIH,MAAM;4EA6QpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/generatePresetCode-CRJmU8iF.js

@@ -0,0 +1,649 @@
+function camelToKebab(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+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
+	},
+	"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": 1,
+		"tileCount": 100
+	},
+	"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"
+	},
+	"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
+	},
+	"SimplexNoise": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#ffffff",
+		"colorB": "#000000",
+		"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"
+	},
+	"Swirl": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#1275d8",
+		"colorB": "#e19136",
+		"speed": 1,
+		"detail": 1,
+		"blend": 50,
+		"coarseX": 50,
+		"coarseY": 50,
+		"mediumX": 50,
+		"mediumY": 50,
+		"fineX": 50,
+		"fineY": 50,
+		"colorSpace": "linear"
+	},
+	"TiltShift": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": 50,
+		"width": .3,
+		"falloff": .3,
+		"angle": 0,
+		"center": {
+			"x": .5,
+			"y": .5
+		}
+	},
+	"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).filter(([key, value]) => {
+		const componentDefaults = shaderMetadata[componentType] || {};
+		if (componentDefaults.hasOwnProperty(key)) {
+			const defaultValue = componentDefaults[key];
+			if (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 (typeof value === "string") return `${kebabKey}="${value}"`;
+		else if (typeof value === "object") return `:${kebabKey}="${JSON.stringify(value).replace(/"/g, "'").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",
+	"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",
+	"Pixelate",
+	"PolarCoordinates",
+	"Posterize",
+	"ProgressiveBlur",
+	"RadialGradient",
+	"RectangularCoordinates",
+	"Ripples",
+	"Saturation",
+	"SimplexNoise",
+	"SineWave",
+	"SolidColor",
+	"Spherize",
+	"Spiral",
+	"Strands",
+	"Stretch",
+	"Swirl",
+	"TiltShift",
+	"Tritone",
+	"Twirl",
+	"Vibrance",
+	"WaveDistortion",
+	"ZoomBlur"
+];
+export { generatePresetCode as n, availableComponents as t };