shaders 2.2.45 → 2.2.47

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CtXcoyI0.js";
+import { n as generatePresetCode } from "./generatePresetCode-on2wdSC3.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -34,37 +34,39 @@ import { componentDefinition as componentDefinition$27 } from "../core/shaders/H
 import { componentDefinition as componentDefinition$28 } from "../core/shaders/HueShift/index.js";
 import { componentDefinition as componentDefinition$29 } from "../core/shaders/ImageTexture/index.js";
 import { componentDefinition as componentDefinition$30 } from "../core/shaders/Invert/index.js";
-import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearBlur/index.js";
-import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearGradient/index.js";
-import { componentDefinition as componentDefinition$33 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/Perspective/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/Shatter/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$56 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$57 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$58 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$59 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$60 } from "../core/shaders/WebcamTexture/index.js";
-import { componentDefinition as componentDefinition$61 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$31 } from "../core/shaders/Kaleidoscope/index.js";
+import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearBlur/index.js";
+import { componentDefinition as componentDefinition$33 } from "../core/shaders/LinearGradient/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Liquify/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/Mirror/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/Shatter/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Stripes/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$58 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$59 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$60 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$61 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$62 } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$63 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 function AngularBlur($$anchor, $$props) {
@@ -3477,7 +3479,7 @@ function Invert($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function LinearBlur($$anchor, $$props) {
+function Kaleidoscope($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -3587,7 +3589,7 @@ function LinearBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function LinearGradient($$anchor, $$props) {
+function LinearBlur($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -3697,7 +3699,7 @@ function LinearGradient($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Liquify($$anchor, $$props) {
+function LinearGradient($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -3807,7 +3809,7 @@ function Liquify($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Perspective($$anchor, $$props) {
+function Liquify($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -3917,7 +3919,7 @@ function Perspective($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Pixelate($$anchor, $$props) {
+function Mirror($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4027,7 +4029,7 @@ function Pixelate($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function PolarCoordinates($$anchor, $$props) {
+function Perspective($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4137,7 +4139,7 @@ function PolarCoordinates($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Posterize($$anchor, $$props) {
+function Pixelate($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4247,7 +4249,7 @@ function Posterize($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function ProgressiveBlur($$anchor, $$props) {
+function PolarCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4357,7 +4359,7 @@ function ProgressiveBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function RadialGradient($$anchor, $$props) {
+function Posterize($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4467,7 +4469,7 @@ function RadialGradient($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function RectangularCoordinates($$anchor, $$props) {
+function ProgressiveBlur($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4577,7 +4579,7 @@ function RectangularCoordinates($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Ripples($$anchor, $$props) {
+function RadialGradient($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4687,7 +4689,7 @@ function Ripples($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Saturation($$anchor, $$props) {
+function RectangularCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4797,7 +4799,7 @@ function Saturation($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Sharpness($$anchor, $$props) {
+function Ripples($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4907,7 +4909,7 @@ function Sharpness($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Shatter($$anchor, $$props) {
+function Saturation($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5017,7 +5019,7 @@ function Shatter($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SimplexNoise($$anchor, $$props) {
+function Sharpness($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5127,7 +5129,7 @@ function SimplexNoise($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SineWave($$anchor, $$props) {
+function Shatter($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5237,7 +5239,7 @@ function SineWave($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SolidColor($$anchor, $$props) {
+function SimplexNoise($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5347,7 +5349,7 @@ function SolidColor($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Spherize($$anchor, $$props) {
+function SineWave($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5457,7 +5459,7 @@ function Spherize($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Spiral($$anchor, $$props) {
+function SolidColor($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5567,7 +5569,7 @@ function Spiral($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Strands($$anchor, $$props) {
+function Spherize($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5677,7 +5679,7 @@ function Strands($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Stretch($$anchor, $$props) {
+function Spiral($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5787,7 +5789,7 @@ function Stretch($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Stripes($$anchor, $$props) {
+function Strands($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5897,7 +5899,7 @@ function Stripes($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Swirl($$anchor, $$props) {
+function Stretch($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6007,7 +6009,7 @@ function Swirl($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function TiltShift($$anchor, $$props) {
+function Stripes($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6117,7 +6119,7 @@ function TiltShift($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Tint($$anchor, $$props) {
+function Swirl($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6227,7 +6229,7 @@ function Tint($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Tritone($$anchor, $$props) {
+function TiltShift($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6337,7 +6339,7 @@ function Tritone($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Twirl($$anchor, $$props) {
+function Tint($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6447,7 +6449,7 @@ function Twirl($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Vibrance($$anchor, $$props) {
+function Tritone($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6557,7 +6559,7 @@ function Vibrance($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function WaveDistortion($$anchor, $$props) {
+function Twirl($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6667,7 +6669,7 @@ function WaveDistortion($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function WebcamTexture($$anchor, $$props) {
+function Vibrance($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6777,7 +6779,7 @@ function WebcamTexture($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function ZoomBlur($$anchor, $$props) {
+function WaveDistortion($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6887,14 +6889,234 @@ function ZoomBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
+function WebcamTexture($$anchor, $$props) {
+	$.push($$props, true);
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$62.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
+	const opacity = $$props.opacity;
+	const visible = $$props.visible ?? componentDefaults.visible;
+	const id = $$props.id;
+	const maskSource = $$props.maskSource;
+	const maskType = $$props.maskType;
+	const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
+	const { children } = props;
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = id || `${componentDefinition$62.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const uniforms = createUniformsMap(componentDefinition$62, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode,
+			opacity,
+			visible: visible === false ? false : true,
+			id,
+			mask: maskSource ? {
+				source: maskSource,
+				type: maskType || "alpha"
+			} : void 0,
+			renderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$62 && typeof componentDefinition$62.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$62.fragmentNode, parentId, {
+				blendMode,
+				opacity,
+				visible: visible !== false ? true : false,
+				id,
+				mask: maskSource ? {
+					source: maskSource,
+					type: maskType || "alpha"
+				} : void 0,
+				renderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms);
+			$.set(isRegistered, true);
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$62,
+			fragmentNode: componentDefinition$62?.fragmentNode,
+			type: typeof componentDefinition$62?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	children?.($$anchor);
+	$.pop();
+}
+function ZoomBlur($$anchor, $$props) {
+	$.push($$props, true);
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$63.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
+	const opacity = $$props.opacity;
+	const visible = $$props.visible ?? componentDefaults.visible;
+	const id = $$props.id;
+	const maskSource = $$props.maskSource;
+	const maskType = $$props.maskType;
+	const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
+	const { children } = props;
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = id || `${componentDefinition$63.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const uniforms = createUniformsMap(componentDefinition$63, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode,
+			opacity,
+			visible: visible === false ? false : true,
+			id,
+			mask: maskSource ? {
+				source: maskSource,
+				type: maskType || "alpha"
+			} : void 0,
+			renderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$63 && typeof componentDefinition$63.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$63.fragmentNode, parentId, {
+				blendMode,
+				opacity,
+				visible: visible !== false ? true : false,
+				id,
+				mask: maskSource ? {
+					source: maskSource,
+					type: maskType || "alpha"
+				} : void 0,
+				renderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms);
+			$.set(isRegistered, true);
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$63,
+			fragmentNode: componentDefinition$63?.fragmentNode,
+			type: typeof componentDefinition$63?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	children?.($$anchor);
+	$.pop();
+}
 var root = $.from_html(`<div><canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
-	const hideNotice = $.prop($$props, "hideNotice", 3, false), rest = $.rest_props($$props, [
+	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), rest = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
-		"hideNotice",
+		"disableTelemetry",
 		"children"
 	]);
 	let containerRef;
@@ -6902,6 +7124,7 @@ function Shader($$anchor, $$props) {
 	const rootId = "shader-root-" + Math.random().toString(36).substring(7);
 	let rendererInstance = shaderRenderer();
 	let telemetryCollector = null;
+	let telemetryStartTimeout = null;
 	setContext("shaderParentId", rootId);
 	setContext("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null) => {
 		if (fragmentNodeFunc === null) rendererInstance.removeNode(id);
@@ -6915,16 +7138,22 @@ function Shader($$anchor, $$props) {
 	});
 	let wasVisible = false;
 	let visibilityObserver = null;
+	const startTelemetryWhenReady = () => {
+		const checkRendering = () => {
+			if (rendererInstance.getPerformanceStats().fps > 0) {
+				telemetryCollector = new TelemetryCollector(rendererInstance);
+				telemetryCollector.start();
+				telemetryStartTimeout = null;
+			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
+		};
+		telemetryStartTimeout = window.setTimeout(checkRendering, 500);
+	};
 	const initializeRenderer = async () => {
 		if (!canvasRef) return;
 		try {
 			if (!rendererInstance.isInitialized()) await rendererInstance.initialize({ canvas: canvasRef });
 			rendererInstance.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
-			if (!hideNotice()) rendererInstance.showLicenseWarning();
-			if (isExternalUser() && shouldCollectTelemetry()) {
-				telemetryCollector = new TelemetryCollector(rendererInstance);
-				telemetryCollector.start();
-			}
+			if (isExternalUser() && shouldCollectTelemetry(disableTelemetry()) && !telemetryCollector) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
 			throw err;
@@ -6938,8 +7167,10 @@ function Shader($$anchor, $$props) {
 			const rect = containerRef?.getBoundingClientRect();
 			const isCurrentlyVisible = entry.isIntersecting && rect && rect.width > 0 && rect.height > 0;
 			if (isCurrentlyVisible && !wasVisible) {
-				if (rendererInstance.isInitialized()) rendererInstance.startAnimation();
-				else initializeRenderer().catch(console.error);
+				if (rendererInstance.isInitialized()) {
+					rendererInstance.startAnimation();
+					if (isExternalUser() && shouldCollectTelemetry(disableTelemetry()) && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
+				} else initializeRenderer().catch(console.error);
 				wasVisible = true;
 			} else if (!isCurrentlyVisible && wasVisible) {
 				rendererInstance.stopAnimation();
@@ -6965,6 +7196,10 @@ function Shader($$anchor, $$props) {
 			telemetryCollector.stop();
 			telemetryCollector = null;
 		}
+		if (telemetryStartTimeout !== null) {
+			clearTimeout(telemetryStartTimeout);
+			telemetryStartTimeout = null;
+		}
 		if (visibilityObserver) {
 			visibilityObserver.disconnect();
 			visibilityObserver = null;
@@ -6989,4 +7224,4 @@ function Shader($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-export { 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, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };
+export { 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, Kaleidoscope, LinearBlur, LinearGradient, Liquify, Mirror, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CtXcoyI0.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-on2wdSC3.js";
 export { availableComponents, generatePresetCode };