shaders 2.5.116 → 2.5.118

package/dist/vue/FractalNoise.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,221 @@
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, useId, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { componentDefinition } from "../core/shaders/FractalNoise/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var _hoisted_2 = ["width", "height"];
+var FractalNoise_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FractalNoise",
+	props: /* @__PURE__ */ mergeDefaults({
+		detail: {},
+		contrast: {},
+		angle: {},
+		seed: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		colorA: {},
+		colorB: {},
+		octaves: {},
+		speed: {},
+		colorSpace: {}
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		let _experimentalWarnedOnce = false;
+		if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+			_experimentalWarnedOnce = true;
+			const _e = componentDefinition.experimental;
+			console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+		}
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+		}
+		const props = __props;
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || useId().replace(/[^a-zA-Z0-9_]/g, "");
+		provide("shaderParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const shaderReadyProps = computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+				acc[key] = config.default;
+				return acc;
+			}, {}) };
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
+			return baseProps;
+		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
+		const parentId = inject("shaderParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("shaderNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("shaderUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+		const parentMetadataUpdate = inject("shaderMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+		const rendererResetSignal = inject("shaderRendererResetSignal");
+		const orderMarker = ref(null);
+		const isCapturesDOM = !!componentDefinition.capturesDOM;
+		const captureCanvas = ref(null);
+		const captureW = ref(typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureH = ref(typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureStyle = {
+			position: "fixed",
+			inset: "0",
+			width: "100vw",
+			height: "100vh",
+			zIndex: "-9999"
+		};
+		if (isCapturesDOM) {
+			const onWinResize = () => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+			};
+			onMounted(() => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+				window.addEventListener("resize", onWinResize);
+			});
+			onBeforeUnmount(() => {
+				window.removeEventListener("resize", onWinResize);
+			});
+		}
+		let detectedRenderOrder = void 0;
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps.value,
+				renderOrder: props.renderOrder ?? detectedRenderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition, isCapturesDOM ? captureCanvas.value ?? void 0 : void 0);
+		};
+		onMounted(() => {
+			if (props.renderOrder === void 0 && orderMarker.value) {
+				const parent = orderMarker.value.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker.value);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		});
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform,
+					mapsFromProps.value
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						maps: mapsFromProps.value,
+						renderOrder: props.renderOrder ?? detectedRenderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		if (isCapturesDOM) onMounted(() => {
+			setupUniformWatchers();
+		});
+		else setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [!isCapturesDOM ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 8, _hoisted_1), isCapturesDOM ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: "body"
+			}, [createElementVNode("canvas", mergeProps({
+				ref_key: "captureCanvas",
+				ref: captureCanvas
+			}, { "layoutsubtree": "" }, {
+				width: captureW.value,
+				height: captureH.value,
+				style: captureStyle
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { FractalNoise_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Marble.js

@@ -0,0 +1,3 @@
+import Marble_vue_vue_type_script_setup_true_lang_default from "./Marble.vue_vue_type_script_setup_true_lang.js";
+var Marble_default = Marble_vue_vue_type_script_setup_true_lang_default;
+export { Marble_default as default };

package/dist/vue/Marble.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,220 @@
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, useId, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { componentDefinition } from "../core/shaders/Marble/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var _hoisted_2 = ["width", "height"];
+var Marble_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Marble",
+	props: /* @__PURE__ */ mergeDefaults({
+		scale: {},
+		turbulence: {},
+		seed: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		colorA: {},
+		colorB: {},
+		colorC: {},
+		speed: {},
+		colorSpace: {}
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		let _experimentalWarnedOnce = false;
+		if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+			_experimentalWarnedOnce = true;
+			const _e = componentDefinition.experimental;
+			console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+		}
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+		}
+		const props = __props;
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || useId().replace(/[^a-zA-Z0-9_]/g, "");
+		provide("shaderParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const shaderReadyProps = computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+				acc[key] = config.default;
+				return acc;
+			}, {}) };
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
+			return baseProps;
+		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
+		const parentId = inject("shaderParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("shaderNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("shaderUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+		const parentMetadataUpdate = inject("shaderMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+		const rendererResetSignal = inject("shaderRendererResetSignal");
+		const orderMarker = ref(null);
+		const isCapturesDOM = !!componentDefinition.capturesDOM;
+		const captureCanvas = ref(null);
+		const captureW = ref(typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureH = ref(typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureStyle = {
+			position: "fixed",
+			inset: "0",
+			width: "100vw",
+			height: "100vh",
+			zIndex: "-9999"
+		};
+		if (isCapturesDOM) {
+			const onWinResize = () => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+			};
+			onMounted(() => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+				window.addEventListener("resize", onWinResize);
+			});
+			onBeforeUnmount(() => {
+				window.removeEventListener("resize", onWinResize);
+			});
+		}
+		let detectedRenderOrder = void 0;
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps.value,
+				renderOrder: props.renderOrder ?? detectedRenderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition, isCapturesDOM ? captureCanvas.value ?? void 0 : void 0);
+		};
+		onMounted(() => {
+			if (props.renderOrder === void 0 && orderMarker.value) {
+				const parent = orderMarker.value.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker.value);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		});
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform,
+					mapsFromProps.value
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						maps: mapsFromProps.value,
+						renderOrder: props.renderOrder ?? detectedRenderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		if (isCapturesDOM) onMounted(() => {
+			setupUniformWatchers();
+		});
+		else setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [!isCapturesDOM ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 8, _hoisted_1), isCapturesDOM ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: "body"
+			}, [createElementVNode("canvas", mergeProps({
+				ref_key: "captureCanvas",
+				ref: captureCanvas
+			}, { "layoutsubtree": "" }, {
+				width: captureW.value,
+				height: captureH.value,
+				style: captureStyle
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { Marble_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,21 @@
 import AngularBlur_default from "./AngularBlur.js";
 import Ascii_default from "./Ascii.js";
 import Aurora_default from "./Aurora.js";
+import BarShift_default from "./BarShift.js";
 import Beam_default from "./Beam.js";
 import Blob_default from "./Blob.js";
 import Blur_default from "./Blur.js";
+import BrickPattern_default from "./BrickPattern.js";
 import BrightnessContrast_default from "./BrightnessContrast.js";
 import Bulge_default from "./Bulge.js";
 import CRTScreen_default from "./CRTScreen.js";
 import ChannelBlur_default from "./ChannelBlur.js";
 import Checkerboard_default from "./Checkerboard.js";
+import Chevron_default from "./Chevron.js";
 import ChromaFlow_default from "./ChromaFlow.js";
 import ChromaticAberration_default from "./ChromaticAberration.js";
 import Circle_default from "./Circle.js";
+import ColorWheel_default from "./ColorWheel.js";
 import ConcentricSpin_default from "./ConcentricSpin.js";
 import ConicGradient_default from "./ConicGradient.js";
 import ContourLines_default from "./ContourLines.js";
@@ -38,6 +42,7 @@ import FlowingGradient_default from "./FlowingGradient.js";
 import FlutedGlass_default from "./FlutedGlass.js";
 import Fog_default from "./Fog.js";
 import Form3D_default from "./Form3D.js";
+import FractalNoise_default from "./FractalNoise.js";
 import Glass_default from "./Glass.js";
 import GlassTiles_default from "./GlassTiles.js";
 import Glitch_default from "./Glitch.js";
@@ -57,6 +62,7 @@ import LensFlare_default from "./LensFlare.js";
 import LinearBlur_default from "./LinearBlur.js";
 import LinearGradient_default from "./LinearGradient.js";
 import Liquify_default from "./Liquify.js";
+import Marble_default from "./Marble.js";
 import Mirror_default from "./Mirror.js";
 import MultiPointGradient_default from "./MultiPointGradient.js";
 import Neon_default from "./Neon.js";
@@ -89,6 +95,7 @@ import Strands_default from "./Strands.js";
 import Stretch_default from "./Stretch.js";
 import Stripes_default from "./Stripes.js";
 import StudioBackground_default from "./StudioBackground.js";
+import SunBurst_default from "./SunBurst.js";
 import Swirl_default from "./Swirl.js";
 import TiltShift_default from "./TiltShift.js";
 import Tint_default from "./Tint.js";
@@ -105,6 +112,7 @@ import Voronoi_default from "./Voronoi.js";
 import WaveDistortion_default from "./WaveDistortion.js";
 import Weave_default from "./Weave.js";
 import WebcamTexture_default from "./WebcamTexture.js";
+import WorleyNoise_default from "./WorleyNoise.js";
 import ZoomBlur_default from "./ZoomBlur.js";
 import Shader_default from "./Shader.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, h, mergeProps, onMounted, openBlock, ref, renderList, toDisplayString, watch, withCtx } from "vue";
@@ -166,17 +174,21 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			AngularBlur: AngularBlur_default,
 			Ascii: Ascii_default,
 			Aurora: Aurora_default,
+			BarShift: BarShift_default,
 			Beam: Beam_default,
 			Blob: Blob_default,
 			Blur: Blur_default,
+			BrickPattern: BrickPattern_default,
 			BrightnessContrast: BrightnessContrast_default,
 			Bulge: Bulge_default,
 			CRTScreen: CRTScreen_default,
 			ChannelBlur: ChannelBlur_default,
 			Checkerboard: Checkerboard_default,
+			Chevron: Chevron_default,
 			ChromaFlow: ChromaFlow_default,
 			ChromaticAberration: ChromaticAberration_default,
 			Circle: Circle_default,
+			ColorWheel: ColorWheel_default,
 			ConcentricSpin: ConcentricSpin_default,
 			ConicGradient: ConicGradient_default,
 			ContourLines: ContourLines_default,
@@ -203,6 +215,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			FlutedGlass: FlutedGlass_default,
 			Fog: Fog_default,
 			Form3D: Form3D_default,
+			FractalNoise: FractalNoise_default,
 			Glass: Glass_default,
 			GlassTiles: GlassTiles_default,
 			Glitch: Glitch_default,
@@ -222,6 +235,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			LinearBlur: LinearBlur_default,
 			LinearGradient: LinearGradient_default,
 			Liquify: Liquify_default,
+			Marble: Marble_default,
 			Mirror: Mirror_default,
 			MultiPointGradient: MultiPointGradient_default,
 			Neon: Neon_default,
@@ -254,6 +268,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Stretch: Stretch_default,
 			Stripes: Stripes_default,
 			StudioBackground: StudioBackground_default,
+			SunBurst: SunBurst_default,
 			Swirl: Swirl_default,
 			TiltShift: TiltShift_default,
 			Tint: Tint_default,
@@ -270,6 +285,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			WaveDistortion: WaveDistortion_default,
 			Weave: Weave_default,
 			WebcamTexture: WebcamTexture_default,
+			WorleyNoise: WorleyNoise_default,
 			ZoomBlur: ZoomBlur_default
 		};
 		function xorCrypt(data, key) {

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.116", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.118", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);
@@ -117,26 +117,36 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				await rendererInstance.value.renderAndWait();
 			} catch (error) {
 				console.warn("[Shaders] Failed to force render before capture:", error);
-				throw error;
 			}
 		};
-		const canvasToBlob = (source, targetWidth, targetHeight, mimeType, quality) => new Promise((resolve, reject) => {
-			const tempCanvas = document.createElement("canvas");
-			tempCanvas.width = targetWidth;
-			tempCanvas.height = targetHeight;
-			const ctx = tempCanvas.getContext("2d");
-			if (!ctx) {
-				reject(/* @__PURE__ */ new Error("Failed to get canvas context"));
-				return;
+		const canvasToBlob = async (source, targetWidth, targetHeight, mimeType, quality) => {
+			const sourceBlob = await new Promise((resolve, reject) => {
+				source.toBlob((blob) => {
+					if (blob) resolve(blob);
+					else reject(/* @__PURE__ */ new Error("Failed to read source canvas"));
+				}, "image/png");
+			});
+			if (!(mimeType !== "image/png" || targetWidth !== source.width || targetHeight !== source.height)) return sourceBlob;
+			const bitmap = await createImageBitmap(sourceBlob);
+			try {
+				const tempCanvas = document.createElement("canvas");
+				tempCanvas.width = targetWidth;
+				tempCanvas.height = targetHeight;
+				const ctx = tempCanvas.getContext("2d");
+				if (!ctx) throw new Error("Failed to get canvas context");
+				ctx.imageSmoothingEnabled = true;
+				ctx.imageSmoothingQuality = "high";
+				ctx.drawImage(bitmap, 0, 0, targetWidth, targetHeight);
+				return await new Promise((resolve, reject) => {
+					tempCanvas.toBlob((blob) => {
+						if (blob) resolve(blob);
+						else reject(/* @__PURE__ */ new Error("Failed to encode image"));
+					}, mimeType, quality);
+				});
+			} finally {
+				bitmap.close();
 			}
-			ctx.imageSmoothingEnabled = true;
-			ctx.imageSmoothingQuality = "high";
-			ctx.drawImage(source, 0, 0, targetWidth, targetHeight);
-			tempCanvas.toBlob((blob) => {
-				if (blob) resolve(blob);
-				else reject(/* @__PURE__ */ new Error("Failed to encode image"));
-			}, mimeType, quality);
-		});
+		};
 		const captureImage = async (options = {}) => {
 			if (!canvasRef.value) throw new Error("Canvas not available");
 			await renderForCapture();

package/dist/vue/SunBurst.js

@@ -0,0 +1,3 @@
+import SunBurst_vue_vue_type_script_setup_true_lang_default from "./SunBurst.vue_vue_type_script_setup_true_lang.js";
+var SunBurst_default = SunBurst_vue_vue_type_script_setup_true_lang_default;
+export { SunBurst_default as default };