shaders 2.3.73 → 2.3.75

package/dist/core/index.js

@@ -1,6 +1,84 @@
 import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { a as transformColor, l as transformPosition, n as setColorSpaceMode, s as transformColorUpdate, u as transformPositionUpdate } from "./transformations-B5lM6fYX.js";
-import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import "./alpha-C4ptedXe.js";
+import "./AngularBlur-BgZWbEjj.js";
+import "./Ascii-BwSMmD6Z.js";
+import "./colorMixing-BPpDnR5I.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
+import "./Aurora-BPHeGEZ_.js";
+import "./Beam-CAnoOWgt.js";
+import "./Blob-56vuq_qL.js";
+import "./Blur-DTyNQt1R.js";
+import "./BrightnessContrast-BoR9bi58.js";
+import "./Bulge-DN2R75Hp.js";
+import "./ChannelBlur-CCaPXjka.js";
+import "./Checkerboard-_IUtUrDv.js";
+import "./ChromaFlow-Cq6hDVjX.js";
+import "./ChromaticAberration-G8_bwQtD.js";
+import "./Circle-CMeFMTtC.js";
+import "./ConcentricSpin-BzxzMieZ.js";
+import "./ContourLines-yEb5IJ1Y.js";
+import "./CRTScreen-BUsz0O_H.js";
+import "./CursorRipples-DHWY-hfP.js";
+import "./CursorTrail-BuULQ8qV.js";
+import "./DiffuseBlur-BiC31OND.js";
+import "./Dither-D6A9bH8T.js";
+import "./DotGrid-wOP8tqHX.js";
+import "./Duotone-sWs1rKEF.js";
+import "./FilmGrain-BVDkgA2W.js";
+import "./FloatingParticles-DFVXk0yT.js";
+import "./FlowField-CgGVA2lm.js";
+import "./GlassTiles-Db7rr0eG.js";
+import "./Glitch-bQ7EdNTc.js";
+import "./Glow-DcYaI9pS.js";
+import "./Godrays-kZhTEIHA.js";
+import "./Grayscale-B_YZd3uy.js";
+import "./Grid-BOgZleSo.js";
+import "./GridDistortion-Bo3YMHwn.js";
+import "./Group-NJlcbnkb.js";
+import "./Halftone-DogLm5Sz.js";
+import "./HueShift-CcobQ2yn.js";
+import "./ImageTexture-6e1Gz4IG.js";
+import "./Invert-c6RNEzsq.js";
+import "./Kaleidoscope-ADmVP39h.js";
+import "./LensFlare-BChYlgBL.js";
+import "./LinearBlur-Bkjns5jv.js";
+import "./LinearGradient-CBtyQ7pS.js";
+import "./Liquify-DhAt-Zjw.js";
+import "./Mirror-P5PQHRqq.js";
+import "./Perspective-P0odWfct.js";
+import "./Pixelate-jzWGa_BV.js";
+import "./Plasma-D5SzUyO1.js";
+import "./PolarCoordinates-CjJBXXYn.js";
+import "./Posterize-B_XGPa8l.js";
+import "./ProgressiveBlur-Bn6TW_Nm.js";
+import "./RadialGradient-DPIwryzD.js";
+import "./RectangularCoordinates-_wuy_3lH.js";
+import "./Ripples-DEhu4BiP.js";
+import "./Saturation-DmUZQ3u7.js";
+import "./Sharpness-C3xiyyR2.js";
+import "./Shatter-DKKKjn-j.js";
+import "./SimplexNoise-BrTbyAF8.js";
+import "./SineWave-C_J_VMwO.js";
+import "./SolidColor-BY2tBGcO.js";
+import "./Spherize-QQs5j4pJ.js";
+import "./Spiral-eZqdB4az.js";
+import "./Strands-Dix27a_B.js";
+import "./Stretch-Bz3LETyz.js";
+import "./Stripes-ClDdoKOx.js";
+import "./StudioBackground-CmFJwN8P.js";
+import "./Swirl-Bx8HwjR-.js";
+import "./TiltShift-YwQVnxTS.js";
+import "./Tint-Cw39HvaL.js";
+import "./Tritone-BouzdhuC.js";
+import "./Twirl-IM8zffEY.js";
+import "./Vibrance-HMvQZ4tL.js";
+import "./browser-C7ZSkE-t.js";
+import "./VideoTexture-DUk9pA_6.js";
+import "./WaveDistortion-CO_2EMbJ.js";
+import "./WebcamTexture-BmeO4qY-.js";
+import "./ZoomBlur-DEy-f1iL.js";
+import { t as getAllShaders } from "./shaderRegistry-C2JWSXay.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -622,6 +700,7 @@ function shaderRenderer() {
 	let initializationAbortController = null;
 	let isVisible = false;
 	let shouldAnimate = true;
+	let forceFullFrameRate = false;
 	let currentWidth = 0;
 	let currentHeight = 0;
 	let lastRenderTime = 0;
@@ -1261,7 +1340,7 @@ function shaderRenderer() {
 				needsRecompose = true;
 			}
 		}
-		if (metadata.mask !== void 0 && (existingNode.metadata.mask?.source !== metadata.mask?.source || existingNode.metadata.mask?.type !== metadata.mask?.type)) {
+		if ("mask" in metadata && (existingNode.metadata.mask?.source !== metadata.mask?.source || existingNode.metadata.mask?.type !== metadata.mask?.type)) {
 			existingNode.metadata.mask = metadata.mask;
 			needsRecompose = true;
 		}
@@ -1417,8 +1496,8 @@ function shaderRenderer() {
 		const MIN_FRAME_INTERVAL = 1e3 / 120;
 		if (lastRenderTime > 0) {
 			const timeSinceLastRender = currentTime - lastRenderTime;
-			if (!isVisible && timeSinceLastRender < OFF_SCREEN_FPS_INTERVAL) return;
-			if (isVisible && timeSinceLastRender < MIN_FRAME_INTERVAL) return;
+			if (!isVisible && !forceFullFrameRate && timeSinceLastRender < OFF_SCREEN_FPS_INTERVAL) return;
+			if ((isVisible || forceFullFrameRate) && timeSinceLastRender < MIN_FRAME_INTERVAL) return;
 		}
 		const cappedDeltaTime = Math.min(deltaTime, .1);
 		lastRenderTime = currentTime;
@@ -1551,9 +1630,10 @@ function shaderRenderer() {
 		pendingRegistrationQueue = [];
 		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition);
 	};
-	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear" }) => {
+	const initialize = async ({ canvas, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear", context, gpu, forceFullFrameRate: forceFullFps = false }) => {
 		if (isInitialized || isInitializing) return;
 		enablePerformanceTracking = enableTracking;
+		forceFullFrameRate = forceFullFps;
 		rendererColorSpace = colorSpace;
 		setColorSpaceMode(colorSpace);
 		isInitializing = true;
@@ -1579,7 +1659,18 @@ function shaderRenderer() {
 			};
 			window.addEventListener("beforeunload", unloadHandler);
 			if (localAbortController.signal.aborted) return;
-			try {
+			if (context) {
+				console.log("[Shaders] Using provided WebGL context");
+				renderer = new WebGLRenderer({
+					canvas,
+					context,
+					antialias: true,
+					alpha: true,
+					depth: false,
+					stencil: true,
+					powerPreference: "high-performance"
+				});
+			} else try {
 				renderer = new WebGPURenderer({
 					canvas,
 					antialias: true,
@@ -1587,19 +1678,26 @@ function shaderRenderer() {
 					depth: false,
 					powerPreference: "high-performance"
 				});
-				await renderer.init();
+				if (gpu?.device && gpu?.adapter) await renderer.init({
+					device: gpu.device,
+					adapter: gpu.adapter
+				});
+				else await renderer.init();
 				if (localAbortController.signal.aborted) return;
 			} catch (e) {
 				if (localAbortController.signal.aborted) return;
 				console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", e);
 				try {
-					renderer = new WebGLRenderer({
+					const webglOptions = {
 						canvas,
 						antialias: true,
 						alpha: true,
 						depth: false,
+						stencil: true,
 						powerPreference: "high-performance"
-					});
+					};
+					if (context) webglOptions.context = context;
+					renderer = new WebGLRenderer(webglOptions);
 					if (localAbortController.signal.aborted) return;
 				} catch (webglError) {
 					if (localAbortController.signal.aborted) return;
@@ -1749,6 +1847,7 @@ function shaderRenderer() {
 		getPerformanceStats,
 		getNodeRegistry: () => ({ nodes: new Map(nodeRegistry.nodes) }),
 		getRendererType,
+		getInternalRenderer: () => renderer ?? null,
 		__testing: {
 			needsTransformation,
 			findChildNodes,
@@ -1759,6 +1858,114 @@ function shaderRenderer() {
 		}
 	};
 }
+function createRendererFromJSON(preset, options) {
+	const coreRenderer = shaderRenderer();
+	const componentRegistry = /* @__PURE__ */ new Map();
+	const nodeIdMap = /* @__PURE__ */ new Map();
+	getAllShaders().forEach((shader) => {
+		componentRegistry.set(shader.definition.name, shader.definition);
+	});
+	async function initialize(canvas) {
+		await coreRenderer.initialize({
+			canvas,
+			enablePerformanceTracking: options?.enablePerformanceTracking || false,
+			context: options?.context,
+			gpu: options?.gpu,
+			forceFullFrameRate: options?.forceFullFrameRate || false
+		});
+		registerPresetNodes();
+		coreRenderer.stopAnimation();
+	}
+	async function renderFrame() {
+		if (!coreRenderer.isInitialized()) {
+			console.warn("[presetRenderer] Renderer not yet initialized, skipping frame");
+			return;
+		}
+		await coreRenderer.renderAndWait();
+	}
+	function updatePreset(newPreset) {
+		nodeIdMap.forEach((_, nodeId) => {
+			coreRenderer.removeNode(nodeId);
+		});
+		nodeIdMap.clear();
+		preset = newPreset;
+		registerPresetNodes();
+	}
+	function getGPUContext() {
+		const rendererType = coreRenderer.getRendererType();
+		const internalRenderer = coreRenderer.getInternalRenderer();
+		if (rendererType === "webgpu") return {
+			type: "webgpu",
+			device: internalRenderer.backend?.device,
+			adapter: internalRenderer.backend?.adapter,
+			canvas: internalRenderer.domElement
+		};
+		else return {
+			type: "webgl",
+			context: internalRenderer.getContext?.(),
+			canvas: internalRenderer.domElement
+		};
+	}
+	function dispose() {
+		coreRenderer.cleanup();
+	}
+	function registerPresetNodes() {
+		const rootId = "preset-root";
+		coreRenderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
+		preset.components.forEach((component, index) => {
+			registerComponent(component, rootId, index);
+		});
+	}
+	function registerComponent(component, parentId, renderOrder) {
+		const componentDef = componentRegistry.get(component.type);
+		if (!componentDef) {
+			console.warn(`[createRendererFromJSON] Unknown component type: ${component.type}`);
+			return;
+		}
+		const nodeId = component.id || `${component.type}_${Date.now()}_${Math.random()}`;
+		nodeIdMap.set(nodeId, component.type);
+		const uniforms = propsToUniforms(component.props || {}, componentDef);
+		const metadata = {
+			blendMode: component.props?.blendMode || "normal",
+			opacity: component.props?.opacity,
+			visible: component.props?.visible,
+			renderOrder,
+			id: component.id,
+			mask: component.props?.maskSource ? {
+				source: component.props.maskSource,
+				type: component.props.maskType || "alpha"
+			} : void 0,
+			transform: component.props?.transform
+		};
+		coreRenderer.registerNode(nodeId, componentDef.fragmentNode, parentId, metadata, uniforms, componentDef);
+		component.children?.forEach((child, index) => {
+			registerComponent(child, nodeId, index);
+		});
+	}
+	function propsToUniforms(props, componentDef) {
+		const uniforms = {};
+		Object.entries(componentDef.props).forEach(([key, propConfig]) => {
+			const value = props[key] !== void 0 ? props[key] : propConfig.default;
+			const transformedValue = propConfig.transform ? propConfig.transform(value) : value;
+			if (transformedValue && typeof transformedValue === "object" && "node" in transformedValue) uniforms[key] = {
+				uniform: transformedValue.node,
+				transform: propConfig.transform
+			};
+			else uniforms[key] = {
+				uniform: uniform(transformedValue),
+				transform: propConfig.transform
+			};
+		});
+		return uniforms;
+	}
+	return {
+		initialize,
+		renderFrame,
+		updatePreset,
+		getGPUContext,
+		dispose
+	};
+}
 function resolveMaskDependencies(nodes) {
 	const elementIdToNodeId = /* @__PURE__ */ new Map();
 	const maskDependencies = /* @__PURE__ */ new Map();
@@ -1833,4 +2040,4 @@ const edgeMask = (options = {}) => {
 	const ovalDistance = ovalX.mul(ovalX).add(ovalY.mul(ovalY)).sqrt();
 	return float(1).sub(smoothstep(float(1).sub(float(inset)), float(1).sub(float(inset)).add(float(softness)), ovalDistance.mul(float(1).add(float(softness)))));
 };
-export { createAnimatedTime, createUniformsMap, distort, edgeMask, glow, grain, resolveMaskDependencies, shaderRenderer, updateUniformValue };
+export { createAnimatedTime, createRendererFromJSON, createUniformsMap, distort, edgeMask, glow, grain, resolveMaskDependencies, shaderRenderer, updateUniformValue };

package/dist/core/presetRenderer.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Component configuration from JSON preset
+ */
+export interface ComponentConfig {
+    type: string;
+    id?: string;
+    props?: Record<string, any>;
+    children?: ComponentConfig[];
+}
+/**
+ * Preset configuration structure
+ */
+export interface PresetConfig {
+    components: ComponentConfig[];
+    structureVersion?: number;
+}
+/**
+ * Options for creating a preset renderer
+ */
+export interface PresetRendererOptions {
+    enablePerformanceTracking?: boolean;
+    gpu?: {
+        device: GPUDevice;
+        adapter: GPUAdapter;
+    };
+    context?: WebGLRenderingContext | WebGL2RenderingContext;
+    forceFullFrameRate?: boolean;
+}
+/**
+ * GPU context information for sharing with other renderers
+ */
+export interface GPUContext {
+    type: 'webgpu' | 'webgl';
+    device?: GPUDevice;
+    adapter?: GPUAdapter;
+    context?: WebGLRenderingContext | WebGL2RenderingContext;
+    canvas: HTMLCanvasElement;
+}
+/**
+ * Create a renderer from preset JSON configuration
+ * Provides manual render control for integration with third-party tools
+ *
+ * @example
+ * ```typescript
+ * const preset = {
+ *   components: [
+ *     {
+ *       type: 'RadialGradient',
+ *       props: {
+ *         color1: '#ff0000',
+ *         color2: '#0000ff'
+ *       }
+ *     }
+ *   ]
+ * }
+ *
+ * const renderer = createRendererFromJSON(preset)
+ * await renderer.initialize(canvas)
+ *
+ * // Manual render loop
+ * function animate() {
+ *   await renderer.renderFrame()
+ *   requestAnimationFrame(animate)
+ * }
+ * animate()
+ * ```
+ */
+export declare function createRendererFromJSON(preset: PresetConfig, options?: PresetRendererOptions): {
+    initialize: (canvas: HTMLCanvasElement) => Promise<void>;
+    renderFrame: () => Promise<void>;
+    updatePreset: (newPreset: PresetConfig) => void;
+    getGPUContext: () => GPUContext;
+    dispose: () => void;
+};
+//# sourceMappingURL=presetRenderer.d.ts.map

package/dist/core/presetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presetRenderer.d.ts","sourceRoot":"","sources":["../src/presetRenderer.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,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;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS,CAAA;QACjB,OAAO,EAAE,UAAU,CAAA;KACpB,CAAA;IACD,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IAExD,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,qBAAqB,GAAG,sBAAsB,CAAA;IACxD,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,qBAAqB;yBAgBG,iBAAiB,KAAG,OAAO,CAAC,IAAI,CAAC;uBAoBrC,OAAO,CAAC,IAAI,CAAC;8BAaV,YAAY,KAAG,IAAI;yBAgB1B,UAAU;mBAwBhB,IAAI;EAyHzB"}

package/dist/core/registry.js

@@ -1,192 +1,82 @@
 import "./edges-CfGcQniB.js";
 import "./transformations-B5lM6fYX.js";
-import "./time-BZqyVJXt.js";
-import "./alpha-Byel9eTg.js";
-import { n as componentDefinition } from "./AngularBlur-BBVuS72B.js";
-import { n as componentDefinition$1 } from "./Ascii-C57qusEP.js";
-import "./colorMixing-jSm3tbMv.js";
-import { n as componentDefinition$2 } from "./Aurora-LKsAmrmY.js";
-import { n as componentDefinition$3 } from "./Beam-BkYNheGX.js";
-import { n as componentDefinition$4 } from "./Blob-CWfHiQeb.js";
-import { n as componentDefinition$5 } from "./Blur-BguzqgHU.js";
-import { n as componentDefinition$6 } from "./BrightnessContrast-BoR9bi58.js";
-import { n as componentDefinition$7 } from "./Bulge-B8jPaomW.js";
-import { n as componentDefinition$8 } from "./ChannelBlur-BAq9PV6G.js";
-import { n as componentDefinition$9 } from "./Checkerboard-BtVQVtsL.js";
-import { n as componentDefinition$10 } from "./ChromaFlow-Cq6hDVjX.js";
-import { n as componentDefinition$11 } from "./ChromaticAberration-Ck4Zd3W1.js";
-import { n as componentDefinition$12 } from "./Circle-DdVVbdgQ.js";
-import { n as componentDefinition$13 } from "./ConcentricSpin-BQTBqzyV.js";
-import { n as componentDefinition$14 } from "./ContourLines-yEb5IJ1Y.js";
-import { n as componentDefinition$15 } from "./CRTScreen-C5v58BPh.js";
-import { n as componentDefinition$16 } from "./CursorRipples-CI8y0So9.js";
-import { n as componentDefinition$17 } from "./CursorTrail-BBTqzAWC.js";
-import { n as componentDefinition$18 } from "./DiffuseBlur-Qz6vgZgZ.js";
-import { n as componentDefinition$19 } from "./Dither-Csho-L_O.js";
-import { n as componentDefinition$20 } from "./DotGrid-wOP8tqHX.js";
-import { n as componentDefinition$21 } from "./Duotone-haec3FrU.js";
-import { n as componentDefinition$22 } from "./FilmGrain-BVDkgA2W.js";
-import { n as componentDefinition$23 } from "./FloatingParticles-D6fgcEbH.js";
-import { n as componentDefinition$24 } from "./FlowField-C2KW9_D1.js";
-import { n as componentDefinition$25 } from "./GlassTiles-4nBI82dT.js";
-import { n as componentDefinition$26 } from "./Glitch-DoFQeNTD.js";
-import { n as componentDefinition$27 } from "./Glow-CURvWSnB.js";
-import { n as componentDefinition$28 } from "./Godrays-BWEMe4dJ.js";
-import { n as componentDefinition$29 } from "./Grayscale-B_YZd3uy.js";
-import { n as componentDefinition$30 } from "./Grid-BOgZleSo.js";
-import { n as componentDefinition$31 } from "./GridDistortion-BjfEpWUs.js";
-import { n as componentDefinition$32 } from "./Group-NJlcbnkb.js";
-import { n as componentDefinition$33 } from "./Halftone-DogLm5Sz.js";
-import { n as componentDefinition$34 } from "./HueShift-CcobQ2yn.js";
-import { n as componentDefinition$35 } from "./ImageTexture-6e1Gz4IG.js";
-import { n as componentDefinition$36 } from "./Invert-c6RNEzsq.js";
-import { n as componentDefinition$37 } from "./Kaleidoscope-Wq5CGMiP.js";
-import { n as componentDefinition$38 } from "./LensFlare-BvU6_Rjd.js";
-import { n as componentDefinition$39 } from "./LinearBlur-WcJbCWwj.js";
-import { n as componentDefinition$40 } from "./LinearGradient-CCTJoXKq.js";
-import { n as componentDefinition$41 } from "./Liquify-Ad7waFTE.js";
-import { n as componentDefinition$42 } from "./Mirror-QfQBv7v_.js";
-import { n as componentDefinition$43 } from "./Perspective-CZiW61kj.js";
-import { n as componentDefinition$44 } from "./Pixelate-DCUPU8V-.js";
-import { n as componentDefinition$45 } from "./Plasma-CEs9bH1D.js";
-import { n as componentDefinition$46 } from "./PolarCoordinates-ituaMXaH.js";
-import { n as componentDefinition$47 } from "./Posterize-B_XGPa8l.js";
-import { n as componentDefinition$48 } from "./ProgressiveBlur-DEfvy5dW.js";
-import { n as componentDefinition$49 } from "./RadialGradient-Di_VuDot.js";
-import { n as componentDefinition$50 } from "./RectangularCoordinates-xmILlyac.js";
-import { n as componentDefinition$51 } from "./Ripples-rV1yHHuE.js";
-import { n as componentDefinition$52 } from "./Saturation-DmUZQ3u7.js";
-import { n as componentDefinition$53 } from "./Sharpness-DeD2T2-a.js";
-import { n as componentDefinition$54 } from "./Shatter-DpPRGA0l.js";
-import { n as componentDefinition$55 } from "./SimplexNoise-C648ofLb.js";
-import { n as componentDefinition$56 } from "./SineWave-t5aPlKh4.js";
-import { n as componentDefinition$57 } from "./SolidColor-BY2tBGcO.js";
-import { n as componentDefinition$58 } from "./Spherize-CkHw6wfO.js";
-import { n as componentDefinition$59 } from "./Spiral-C4xcFRWd.js";
-import { n as componentDefinition$60 } from "./Strands-FVw1VjAV.js";
-import { n as componentDefinition$61 } from "./Stretch-BmPCPWY8.js";
-import { n as componentDefinition$62 } from "./Stripes-D-fIDK48.js";
-import { n as componentDefinition$63 } from "./StudioBackground-BqIq7k14.js";
-import { n as componentDefinition$64 } from "./Swirl-C137NvM7.js";
-import { n as componentDefinition$65 } from "./TiltShift-vr8k-bAX.js";
-import { n as componentDefinition$66 } from "./Tint-Cw39HvaL.js";
-import { n as componentDefinition$67 } from "./Tritone-NDERRh_N.js";
-import { n as componentDefinition$68 } from "./Twirl-BFocvCoq.js";
-import { n as componentDefinition$69 } from "./Vibrance-HMvQZ4tL.js";
+import "./alpha-C4ptedXe.js";
+import "./AngularBlur-BgZWbEjj.js";
+import "./Ascii-BwSMmD6Z.js";
+import "./colorMixing-BPpDnR5I.js";
+import "./time-DUqSFWvT.js";
+import "./Aurora-BPHeGEZ_.js";
+import "./Beam-CAnoOWgt.js";
+import "./Blob-56vuq_qL.js";
+import "./Blur-DTyNQt1R.js";
+import "./BrightnessContrast-BoR9bi58.js";
+import "./Bulge-DN2R75Hp.js";
+import "./ChannelBlur-CCaPXjka.js";
+import "./Checkerboard-_IUtUrDv.js";
+import "./ChromaFlow-Cq6hDVjX.js";
+import "./ChromaticAberration-G8_bwQtD.js";
+import "./Circle-CMeFMTtC.js";
+import "./ConcentricSpin-BzxzMieZ.js";
+import "./ContourLines-yEb5IJ1Y.js";
+import "./CRTScreen-BUsz0O_H.js";
+import "./CursorRipples-DHWY-hfP.js";
+import "./CursorTrail-BuULQ8qV.js";
+import "./DiffuseBlur-BiC31OND.js";
+import "./Dither-D6A9bH8T.js";
+import "./DotGrid-wOP8tqHX.js";
+import "./Duotone-sWs1rKEF.js";
+import "./FilmGrain-BVDkgA2W.js";
+import "./FloatingParticles-DFVXk0yT.js";
+import "./FlowField-CgGVA2lm.js";
+import "./GlassTiles-Db7rr0eG.js";
+import "./Glitch-bQ7EdNTc.js";
+import "./Glow-DcYaI9pS.js";
+import "./Godrays-kZhTEIHA.js";
+import "./Grayscale-B_YZd3uy.js";
+import "./Grid-BOgZleSo.js";
+import "./GridDistortion-Bo3YMHwn.js";
+import "./Group-NJlcbnkb.js";
+import "./Halftone-DogLm5Sz.js";
+import "./HueShift-CcobQ2yn.js";
+import "./ImageTexture-6e1Gz4IG.js";
+import "./Invert-c6RNEzsq.js";
+import "./Kaleidoscope-ADmVP39h.js";
+import "./LensFlare-BChYlgBL.js";
+import "./LinearBlur-Bkjns5jv.js";
+import "./LinearGradient-CBtyQ7pS.js";
+import "./Liquify-DhAt-Zjw.js";
+import "./Mirror-P5PQHRqq.js";
+import "./Perspective-P0odWfct.js";
+import "./Pixelate-jzWGa_BV.js";
+import "./Plasma-D5SzUyO1.js";
+import "./PolarCoordinates-CjJBXXYn.js";
+import "./Posterize-B_XGPa8l.js";
+import "./ProgressiveBlur-Bn6TW_Nm.js";
+import "./RadialGradient-DPIwryzD.js";
+import "./RectangularCoordinates-_wuy_3lH.js";
+import "./Ripples-DEhu4BiP.js";
+import "./Saturation-DmUZQ3u7.js";
+import "./Sharpness-C3xiyyR2.js";
+import "./Shatter-DKKKjn-j.js";
+import "./SimplexNoise-BrTbyAF8.js";
+import "./SineWave-C_J_VMwO.js";
+import "./SolidColor-BY2tBGcO.js";
+import "./Spherize-QQs5j4pJ.js";
+import "./Spiral-eZqdB4az.js";
+import "./Strands-Dix27a_B.js";
+import "./Stretch-Bz3LETyz.js";
+import "./Stripes-ClDdoKOx.js";
+import "./StudioBackground-CmFJwN8P.js";
+import "./Swirl-Bx8HwjR-.js";
+import "./TiltShift-YwQVnxTS.js";
+import "./Tint-Cw39HvaL.js";
+import "./Tritone-BouzdhuC.js";
+import "./Twirl-IM8zffEY.js";
+import "./Vibrance-HMvQZ4tL.js";
 import "./browser-C7ZSkE-t.js";
-import { n as componentDefinition$70 } from "./VideoTexture-DUk9pA_6.js";
-import { n as componentDefinition$71 } from "./WaveDistortion-HrmY6hF5.js";
-import { n as componentDefinition$72 } from "./WebcamTexture-BmeO4qY-.js";
-import { n as componentDefinition$73 } from "./ZoomBlur-DSCQQerF.js";
-var createShaderRegistry = () => {
-	const registry = {};
-	const shaderDefinitions = {
-		AngularBlur: componentDefinition,
-		Ascii: componentDefinition$1,
-		Aurora: componentDefinition$2,
-		Beam: componentDefinition$3,
-		Blob: componentDefinition$4,
-		Blur: componentDefinition$5,
-		BrightnessContrast: componentDefinition$6,
-		Bulge: componentDefinition$7,
-		ChannelBlur: componentDefinition$8,
-		Checkerboard: componentDefinition$9,
-		ChromaFlow: componentDefinition$10,
-		ChromaticAberration: componentDefinition$11,
-		Circle: componentDefinition$12,
-		ConcentricSpin: componentDefinition$13,
-		ContourLines: componentDefinition$14,
-		CRTScreen: componentDefinition$15,
-		CursorRipples: componentDefinition$16,
-		CursorTrail: componentDefinition$17,
-		DiffuseBlur: componentDefinition$18,
-		Dither: componentDefinition$19,
-		DotGrid: componentDefinition$20,
-		Duotone: componentDefinition$21,
-		FilmGrain: componentDefinition$22,
-		FloatingParticles: componentDefinition$23,
-		FlowField: componentDefinition$24,
-		GlassTiles: componentDefinition$25,
-		Glitch: componentDefinition$26,
-		Glow: componentDefinition$27,
-		Godrays: componentDefinition$28,
-		Grayscale: componentDefinition$29,
-		Grid: componentDefinition$30,
-		GridDistortion: componentDefinition$31,
-		Group: componentDefinition$32,
-		Halftone: componentDefinition$33,
-		HueShift: componentDefinition$34,
-		ImageTexture: componentDefinition$35,
-		Invert: componentDefinition$36,
-		Kaleidoscope: componentDefinition$37,
-		LensFlare: componentDefinition$38,
-		LinearBlur: componentDefinition$39,
-		LinearGradient: componentDefinition$40,
-		Liquify: componentDefinition$41,
-		Mirror: componentDefinition$42,
-		Perspective: componentDefinition$43,
-		Pixelate: componentDefinition$44,
-		Plasma: componentDefinition$45,
-		PolarCoordinates: componentDefinition$46,
-		Posterize: componentDefinition$47,
-		ProgressiveBlur: componentDefinition$48,
-		RadialGradient: componentDefinition$49,
-		RectangularCoordinates: componentDefinition$50,
-		Ripples: componentDefinition$51,
-		Saturation: componentDefinition$52,
-		Sharpness: componentDefinition$53,
-		Shatter: componentDefinition$54,
-		SimplexNoise: componentDefinition$55,
-		SineWave: componentDefinition$56,
-		SolidColor: componentDefinition$57,
-		Spherize: componentDefinition$58,
-		Spiral: componentDefinition$59,
-		Strands: componentDefinition$60,
-		Stretch: componentDefinition$61,
-		Stripes: componentDefinition$62,
-		StudioBackground: componentDefinition$63,
-		Swirl: componentDefinition$64,
-		TiltShift: componentDefinition$65,
-		Tint: componentDefinition$66,
-		Tritone: componentDefinition$67,
-		Twirl: componentDefinition$68,
-		Vibrance: componentDefinition$69,
-		VideoTexture: componentDefinition$70,
-		WaveDistortion: componentDefinition$71,
-		WebcamTexture: componentDefinition$72,
-		ZoomBlur: componentDefinition$73
-	};
-	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
-		const propsMetadata = {};
-		if (def.props) Object.entries(def.props).forEach(([propName, propConfig]) => {
-			if (propConfig.ui) propsMetadata[propName] = {
-				ui: propConfig.ui,
-				default: propConfig.default,
-				description: propConfig.description
-			};
-		});
-		registry[def.name] = {
-			name: def.name,
-			fileName,
-			category: def.category || "Uncategorized",
-			definition: def,
-			propsMetadata
-		};
-	});
-	return registry;
-};
-const shaderRegistry = createShaderRegistry();
-function getAllShaders() {
-	return Object.values(shaderRegistry);
-}
-function getShaderByName(name) {
-	return shaderRegistry[name];
-}
-function getShadersByCategory(category) {
-	return Object.values(shaderRegistry).filter((shader) => shader.category === category);
-}
-function getShaderCategories() {
-	const categories = new Set(Object.values(shaderRegistry).map((shader) => shader.category));
-	return Array.from(categories).sort();
-}
+import "./VideoTexture-DUk9pA_6.js";
+import "./WaveDistortion-CO_2EMbJ.js";
+import "./WebcamTexture-BmeO4qY-.js";
+import "./ZoomBlur-DEy-f1iL.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-C2JWSXay.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };