shaders 2.3.63 → 2.3.64

package/dist/svelte/index.js

@@ -79,7 +79,8 @@ import { componentDefinition as componentDefinition$71 } from "../core/shaders/W
 import { componentDefinition as componentDefinition$72 } from "../core/shaders/WebcamTexture/index.js";
 import { componentDefinition as componentDefinition$73 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
-import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
+import { isExternalUser, shouldCollectTelemetry, startTelemetry } from "../core/telemetry/index.js";
+import "svelte/internal/flags/legacy";
 var root$74 = $.from_html(`<span style="display:contents"><!></span>`);
 function AngularBlur($$anchor, $$props) {
 	$.push($$props, true);
@@ -9774,16 +9775,17 @@ function ZoomBlur($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-var root_1 = $.from_html(`<canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!>`, 1);
+var root_1$1 = $.from_html(`<canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!>`, 1);
 var root = $.from_html(`<div><!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
-	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), colorSpace = $.prop($$props, "colorSpace", 3, "p3-linear"), rest = $.rest_props($$props, [
+	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), colorSpace = $.prop($$props, "colorSpace", 3, "p3-linear"), isPreview = $.prop($$props, "isPreview", 3, false), rest = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
 		"disableTelemetry",
 		"colorSpace",
+		"isPreview",
 		"children"
 	]);
 	let containerRef;
@@ -9815,8 +9817,8 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = new TelemetryCollector(rendererInstance);
-				telemetryCollector.start();
+				telemetryCollector = startTelemetry(rendererInstance, typeof __SHADERS_VERSION__ !== "undefined" ? __SHADERS_VERSION__ : "unknown", disableTelemetry(), isPreview());
+				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
 		};
@@ -9830,7 +9832,7 @@ function Shader($$anchor, $$props) {
 				colorSpace: colorSpace()
 			});
 			rendererInstance.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
-			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser() && shouldCollectTelemetry(disableTelemetry());
+			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser() && shouldCollectTelemetry(disableTelemetry(), isPreview());
 			if (shouldSendTelemetry && !telemetryCollector) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
@@ -9911,7 +9913,7 @@ function Shader($$anchor, $$props) {
 	}));
 	var node = $.child(div);
 	var consequent = ($$anchor$1) => {
-		var fragment = root_1();
+		var fragment = root_1$1();
 		var canvas = $.first_child(fragment);
 		$.bind_this(canvas, ($$value) => canvasRef = $$value, () => canvasRef);
 		var node_1 = $.sibling(canvas, 2);
@@ -9926,4 +9928,321 @@ function Shader($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-export { AngularBlur, Ascii, Aurora, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, ConcentricSpin, ContourLines, CursorRipples, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, FlowField, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Mirror, Perspective, Pixelate, Plasma, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, StudioBackground, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, VideoTexture, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };
+function PreviewRenderComponent($$anchor, $$props) {
+	$.push($$props, false);
+	const Component = $.mutable_source();
+	const componentProps = $.mutable_source();
+	let config = $.prop($$props, "config", 8);
+	let componentMap = $.prop($$props, "componentMap", 8);
+	let structureVersion = $.prop($$props, "structureVersion", 8, void 0);
+	$.legacy_pre_effect(() => ($.deep_read_state(componentMap()), $.deep_read_state(config())), () => {
+		$.set(Component, componentMap()[config().type]);
+	});
+	$.legacy_pre_effect(() => $.deep_read_state(config()), () => {
+		$.set(componentProps, config().props ? { ...config().props } : {});
+	});
+	$.legacy_pre_effect_reset();
+	$.init();
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent_1 = ($$anchor$1) => {
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.component(node_1, () => $.get(Component), ($$anchor$2, $$component) => {
+			$$component($$anchor$2, $.spread_props({
+				get id() {
+					return $.deep_read_state(config()), $.untrack(() => config().id);
+				},
+				get renderOrder() {
+					return $.deep_read_state(config()), $.untrack(() => config().renderOrder);
+				}
+			}, () => $.get(componentProps), {
+				children: ($$anchor$3, $$slotProps) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					var consequent = ($$anchor$4) => {
+						var fragment_3 = $.comment();
+						var node_3 = $.first_child(fragment_3);
+						$.each(node_3, 3, () => ($.deep_read_state(config()), $.untrack(() => config().children)), (child, index) => child.id || `child_${index}_v${structureVersion() || 0}`, ($$anchor$5, child, index) => {
+							var fragment_4 = $.comment();
+							var node_4 = $.first_child(fragment_4);
+							{
+								let $0 = $.derived_safe_equal(() => ($.get(child), $.deep_read_state($.get(index)), $.untrack(() => ({
+									...$.get(child),
+									renderOrder: $.get(child).renderOrder ?? $.get(index)
+								}))));
+								PreviewRenderComponent(node_4, {
+									get config() {
+										return $.get($0);
+									},
+									get componentMap() {
+										return componentMap();
+									},
+									get structureVersion() {
+										return structureVersion();
+									}
+								});
+							}
+							$.append($$anchor$5, fragment_4);
+						});
+						$.append($$anchor$4, fragment_3);
+					};
+					$.if(node_2, ($$render) => {
+						if ($.deep_read_state(config()), $.untrack(() => config().children)) $$render(consequent);
+					});
+					$.append($$anchor$3, fragment_2);
+				},
+				$$slots: { default: true }
+			}));
+		});
+		$.append($$anchor$1, fragment_1);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(Component)) $$render(consequent_1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+var root_4 = $.from_html(`<a target="_blank" rel="noopener noreferrer"> </a>`);
+var root_1 = $.from_html(`<div><!> <!></div>`);
+function Preview($$anchor, $$props) {
+	const $$sanitized_props = $.legacy_rest_props($$props, [
+		"children",
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const $$restProps = $.legacy_rest_props($$sanitized_props, [
+		"shader",
+		"presetId",
+		"apiBaseUrl",
+		"obfuscationKey",
+		"watermarkText",
+		"watermarkLink"
+	]);
+	$.push($$props, false);
+	const componentMap = {
+		AngularBlur,
+		Ascii,
+		Aurora,
+		Beam,
+		Blob,
+		Blur,
+		BrightnessContrast,
+		Bulge,
+		CRTScreen,
+		ChannelBlur,
+		Checkerboard,
+		ChromaFlow,
+		ChromaticAberration,
+		Circle,
+		ConcentricSpin,
+		ContourLines,
+		CursorRipples,
+		CursorTrail,
+		DiffuseBlur,
+		Dither,
+		DotGrid,
+		Duotone,
+		FilmGrain,
+		FloatingParticles,
+		FlowField,
+		GlassTiles,
+		Glitch,
+		Glow,
+		Godrays,
+		Grayscale,
+		Grid,
+		GridDistortion,
+		Group,
+		Halftone,
+		HueShift,
+		ImageTexture,
+		Invert,
+		Kaleidoscope,
+		LensFlare,
+		LinearBlur,
+		LinearGradient,
+		Liquify,
+		Mirror,
+		Perspective,
+		Pixelate,
+		Plasma,
+		PolarCoordinates,
+		Posterize,
+		ProgressiveBlur,
+		RadialGradient,
+		RectangularCoordinates,
+		Ripples,
+		Saturation,
+		Sharpness,
+		Shatter,
+		SimplexNoise,
+		SineWave,
+		SolidColor,
+		Spherize,
+		Spiral,
+		Strands,
+		Stretch,
+		Stripes,
+		StudioBackground,
+		Swirl,
+		TiltShift,
+		Tint,
+		Tritone,
+		Twirl,
+		Vibrance,
+		VideoTexture,
+		WaveDistortion,
+		WebcamTexture,
+		ZoomBlur
+	};
+	function xorCrypt(data, key) {
+		const keyBytes = new TextEncoder().encode(key);
+		const result = new Uint8Array(data.length);
+		for (let i = 0; i < data.length; i++) result[i] = data[i] ^ keyBytes[i % keyBytes.length];
+		return result;
+	}
+	function decodePreviewDefinition(encoded, key) {
+		const binaryString = atob(encoded);
+		const encrypted = new Uint8Array(binaryString.length);
+		for (let i = 0; i < binaryString.length; i++) encrypted[i] = binaryString.charCodeAt(i);
+		const decrypted = xorCrypt(encrypted, key);
+		const json = new TextDecoder().decode(decrypted);
+		try {
+			return JSON.parse(json);
+		} catch {
+			throw new Error("Failed to decode shader definition: invalid data or incorrect key");
+		}
+	}
+	function fetchAndDecode(url, key) {
+		return fetch(url).then((res) => {
+			if (!res.ok) throw new Error(`Failed to fetch: ${res.status}`);
+			return res.json();
+		}).then((data) => {
+			const item = data.preset || data.shader;
+			if (item?.definition && typeof item.definition === "string") return decodePreviewDefinition(item.definition, key);
+			return null;
+		}).catch((err) => {
+			console.error("[Shaders Preview] Failed to fetch preview:", err);
+			return null;
+		});
+	}
+	let shader = $.prop($$props, "shader", 8, void 0);
+	let presetId = $.prop($$props, "presetId", 8, void 0);
+	let apiBaseUrl = $.prop($$props, "apiBaseUrl", 8, "https://shaders.com");
+	let obfuscationKey = $.prop($$props, "obfuscationKey", 8, "shaders-preview-key");
+	let watermarkText = $.prop($$props, "watermarkText", 8, "Unlock your Shaders Pro license");
+	let watermarkLink = $.prop($$props, "watermarkLink", 8, "https://shaders.com/dashboard?pricing=true");
+	let resolvedDefinition = $.mutable_source(null);
+	let fetchedDefinition = $.mutable_source(null);
+	let watermarkHovered = $.mutable_source(false);
+	onMount(() => {
+		console.warn("[Shaders] Preview component is intended for use with a Shaders license. Visit https://shaders.com for more information.");
+	});
+	$.legacy_pre_effect(() => ($.deep_read_state(shader()), $.deep_read_state(apiBaseUrl()), $.deep_read_state(obfuscationKey()), $.deep_read_state(presetId())), () => {
+		if (shader()) {
+			$.set(fetchedDefinition, null);
+			fetchAndDecode(`${apiBaseUrl()}/api/preview/shader/${shader()}`, obfuscationKey()).then((def) => {
+				$.set(fetchedDefinition, def);
+			});
+		} else if (!presetId()) $.set(fetchedDefinition, null);
+	});
+	$.legacy_pre_effect(() => ($.deep_read_state(presetId()), $.deep_read_state(apiBaseUrl()), $.deep_read_state(obfuscationKey()), $.deep_read_state(shader())), () => {
+		if (presetId()) {
+			$.set(fetchedDefinition, null);
+			fetchAndDecode(`${apiBaseUrl()}/api/preview/preset/${presetId()}`, obfuscationKey()).then((def) => {
+				$.set(fetchedDefinition, def);
+			});
+		} else if (!shader()) $.set(fetchedDefinition, null);
+	});
+	$.legacy_pre_effect(() => $.get(fetchedDefinition), () => {
+		$.set(resolvedDefinition, $.get(fetchedDefinition) ?? null);
+	});
+	$.legacy_pre_effect_reset();
+	$.init();
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent_1 = ($$anchor$1) => {
+		var div = root_1();
+		$.attribute_effect(div, () => ({
+			class: "shaders-preview",
+			style: "position: relative; width: 100%; height: 100%;",
+			...$$restProps
+		}));
+		var node_1 = $.child(div);
+		{
+			let $0 = $.derived_safe_equal(() => ($.get(resolvedDefinition), $.untrack(() => $.get(resolvedDefinition).colorSpace || "p3-linear")));
+			Shader(node_1, {
+				get colorSpace() {
+					return $.get($0);
+				},
+				isPreview: true,
+				enablePerformanceTracking: true,
+				style: "width: 100%; height: 100%;",
+				children: ($$anchor$2, $$slotProps) => {
+					var fragment_1 = $.comment();
+					var node_2 = $.first_child(fragment_1);
+					$.each(node_2, 3, () => ($.get(resolvedDefinition), $.untrack(() => $.get(resolvedDefinition).components)), (config, index) => config.id || `root_${index}_v${$.get(resolvedDefinition).structureVersion || 0}`, ($$anchor$3, config, index) => {
+						{
+							let $0$1 = $.derived_safe_equal(() => ($.get(config), $.deep_read_state($.get(index)), $.untrack(() => ({
+								...$.get(config),
+								renderOrder: $.get(config).renderOrder ?? $.get(index)
+							}))));
+							PreviewRenderComponent($$anchor$3, {
+								get config() {
+									return $.get($0$1);
+								},
+								get componentMap() {
+									return componentMap;
+								},
+								get structureVersion() {
+									return $.get(resolvedDefinition), $.untrack(() => $.get(resolvedDefinition).structureVersion);
+								}
+							});
+						}
+					});
+					$.append($$anchor$2, fragment_1);
+				},
+				$$slots: { default: true }
+			});
+		}
+		var node_3 = $.sibling(node_1, 2);
+		var consequent = ($$anchor$2) => {
+			var a = root_4();
+			var text = $.child(a, true);
+			$.reset(a);
+			$.template_effect(() => {
+				$.set_attribute(a, "href", watermarkLink());
+				$.set_style(a, `
+          position: absolute;
+          bottom: 8px;
+          right: 12px;
+          font-size: 11px;
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+          color: ${$.get(watermarkHovered) ? "rgba(255, 255, 255, 0.8)" : "rgba(255, 255, 255, 0.5)"};
+          text-decoration: none;
+          pointer-events: auto;
+          z-index: 10;
+          text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+          transition: color 0.2s ease;
+        `);
+				$.set_text(text, watermarkText());
+			});
+			$.event("mouseenter", a, () => $.set(watermarkHovered, true));
+			$.event("mouseleave", a, () => $.set(watermarkHovered, false));
+			$.append($$anchor$2, a);
+		};
+		$.if(node_3, ($$render) => {
+			if (watermarkText()) $$render(consequent);
+		});
+		$.reset(div);
+		$.append($$anchor$1, div);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(resolvedDefinition)) $$render(consequent_1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+export { AngularBlur, Ascii, Aurora, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, ConcentricSpin, ContourLines, CursorRipples, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, FlowField, GlassTiles, Glitch, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, Kaleidoscope, LensFlare, LinearBlur, LinearGradient, Liquify, Mirror, Perspective, Pixelate, Plasma, PolarCoordinates, Posterize, Preview, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, StudioBackground, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, VideoTexture, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };

package/dist/vue/Preview.js

@@ -0,0 +1,3 @@
+import Preview_vue_vue_type_script_setup_true_lang_default from "./Preview.vue_vue_type_script_setup_true_lang.js";
+var Preview_default = Preview_vue_vue_type_script_setup_true_lang_default;
+export { Preview_default as default };

package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,301 @@
+import AngularBlur_default from "./AngularBlur.js";
+import Ascii_default from "./Ascii.js";
+import Aurora_default from "./Aurora.js";
+import Beam_default from "./Beam.js";
+import Blob_default from "./Blob.js";
+import Blur_default from "./Blur.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 ChromaFlow_default from "./ChromaFlow.js";
+import ChromaticAberration_default from "./ChromaticAberration.js";
+import Circle_default from "./Circle.js";
+import ConcentricSpin_default from "./ConcentricSpin.js";
+import ContourLines_default from "./ContourLines.js";
+import CursorRipples_default from "./CursorRipples.js";
+import CursorTrail_default from "./CursorTrail.js";
+import DiffuseBlur_default from "./DiffuseBlur.js";
+import Dither_default from "./Dither.js";
+import DotGrid_default from "./DotGrid.js";
+import Duotone_default from "./Duotone.js";
+import FilmGrain_default from "./FilmGrain.js";
+import FloatingParticles_default from "./FloatingParticles.js";
+import FlowField_default from "./FlowField.js";
+import GlassTiles_default from "./GlassTiles.js";
+import Glitch_default from "./Glitch.js";
+import Glow_default from "./Glow.js";
+import Godrays_default from "./Godrays.js";
+import Grayscale_default from "./Grayscale.js";
+import Grid_default from "./Grid.js";
+import GridDistortion_default from "./GridDistortion.js";
+import Group_default from "./Group.js";
+import Halftone_default from "./Halftone.js";
+import HueShift_default from "./HueShift.js";
+import ImageTexture_default from "./ImageTexture.js";
+import Invert_default from "./Invert.js";
+import Kaleidoscope_default from "./Kaleidoscope.js";
+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 Mirror_default from "./Mirror.js";
+import Perspective_default from "./Perspective.js";
+import Pixelate_default from "./Pixelate.js";
+import Plasma_default from "./Plasma.js";
+import PolarCoordinates_default from "./PolarCoordinates.js";
+import Posterize_default from "./Posterize.js";
+import ProgressiveBlur_default from "./ProgressiveBlur.js";
+import RadialGradient_default from "./RadialGradient.js";
+import RectangularCoordinates_default from "./RectangularCoordinates.js";
+import Ripples_default from "./Ripples.js";
+import Saturation_default from "./Saturation.js";
+import Sharpness_default from "./Sharpness.js";
+import Shatter_default from "./Shatter.js";
+import SimplexNoise_default from "./SimplexNoise.js";
+import SineWave_default from "./SineWave.js";
+import SolidColor_default from "./SolidColor.js";
+import Spherize_default from "./Spherize.js";
+import Spiral_default from "./Spiral.js";
+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 Swirl_default from "./Swirl.js";
+import TiltShift_default from "./TiltShift.js";
+import Tint_default from "./Tint.js";
+import Tritone_default from "./Tritone.js";
+import Twirl_default from "./Twirl.js";
+import Vibrance_default from "./Vibrance.js";
+import VideoTexture_default from "./VideoTexture.js";
+import WaveDistortion_default from "./WaveDistortion.js";
+import WebcamTexture_default from "./WebcamTexture.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";
+var _hoisted_1 = {
+	key: 0,
+	class: "shaders-preview",
+	style: {
+		"position": "relative",
+		"width": "100%",
+		"height": "100%"
+	}
+};
+var _hoisted_2 = ["href"];
+var RenderComponent = {
+	name: "RenderComponent",
+	props: [
+		"config",
+		"componentMap",
+		"structureVersion"
+	],
+	setup(props) {
+		return () => {
+			const { config, componentMap } = props;
+			const Component = componentMap[config.type];
+			if (!Component) return null;
+			const componentProps = config.props ? { ...config.props } : {};
+			const childVNodes = config.children?.map((child, index) => h(RenderComponent, {
+				key: `${child.id || "child"}_${index}_v${props.structureVersion || 0}`,
+				config: {
+					...child,
+					renderOrder: child.renderOrder ?? index
+				},
+				componentMap,
+				structureVersion: props.structureVersion
+			}));
+			const slots = childVNodes && childVNodes.length > 0 ? { default: () => childVNodes } : void 0;
+			return h(Component, {
+				id: config.id,
+				...componentProps,
+				renderOrder: config.renderOrder
+			}, slots);
+		};
+	}
+};
+var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Preview",
+	props: {
+		shader: {},
+		presetId: {},
+		apiBaseUrl: { default: "https://shaders.com" },
+		obfuscationKey: { default: "shaders-preview-key" },
+		watermarkText: { default: "Unlock your Shaders Pro license" },
+		watermarkLink: { default: "https://shaders.com/dashboard?pricing=true" }
+	},
+	setup(__props) {
+		const componentMap = {
+			AngularBlur: AngularBlur_default,
+			Ascii: Ascii_default,
+			Aurora: Aurora_default,
+			Beam: Beam_default,
+			Blob: Blob_default,
+			Blur: Blur_default,
+			BrightnessContrast: BrightnessContrast_default,
+			Bulge: Bulge_default,
+			CRTScreen: CRTScreen_default,
+			ChannelBlur: ChannelBlur_default,
+			Checkerboard: Checkerboard_default,
+			ChromaFlow: ChromaFlow_default,
+			ChromaticAberration: ChromaticAberration_default,
+			Circle: Circle_default,
+			ConcentricSpin: ConcentricSpin_default,
+			ContourLines: ContourLines_default,
+			CursorRipples: CursorRipples_default,
+			CursorTrail: CursorTrail_default,
+			DiffuseBlur: DiffuseBlur_default,
+			Dither: Dither_default,
+			DotGrid: DotGrid_default,
+			Duotone: Duotone_default,
+			FilmGrain: FilmGrain_default,
+			FloatingParticles: FloatingParticles_default,
+			FlowField: FlowField_default,
+			GlassTiles: GlassTiles_default,
+			Glitch: Glitch_default,
+			Glow: Glow_default,
+			Godrays: Godrays_default,
+			Grayscale: Grayscale_default,
+			Grid: Grid_default,
+			GridDistortion: GridDistortion_default,
+			Group: Group_default,
+			Halftone: Halftone_default,
+			HueShift: HueShift_default,
+			ImageTexture: ImageTexture_default,
+			Invert: Invert_default,
+			Kaleidoscope: Kaleidoscope_default,
+			LensFlare: LensFlare_default,
+			LinearBlur: LinearBlur_default,
+			LinearGradient: LinearGradient_default,
+			Liquify: Liquify_default,
+			Mirror: Mirror_default,
+			Perspective: Perspective_default,
+			Pixelate: Pixelate_default,
+			Plasma: Plasma_default,
+			PolarCoordinates: PolarCoordinates_default,
+			Posterize: Posterize_default,
+			ProgressiveBlur: ProgressiveBlur_default,
+			RadialGradient: RadialGradient_default,
+			RectangularCoordinates: RectangularCoordinates_default,
+			Ripples: Ripples_default,
+			Saturation: Saturation_default,
+			Sharpness: Sharpness_default,
+			Shatter: Shatter_default,
+			SimplexNoise: SimplexNoise_default,
+			SineWave: SineWave_default,
+			SolidColor: SolidColor_default,
+			Spherize: Spherize_default,
+			Spiral: Spiral_default,
+			Strands: Strands_default,
+			Stretch: Stretch_default,
+			Stripes: Stripes_default,
+			StudioBackground: StudioBackground_default,
+			Swirl: Swirl_default,
+			TiltShift: TiltShift_default,
+			Tint: Tint_default,
+			Tritone: Tritone_default,
+			Twirl: Twirl_default,
+			Vibrance: Vibrance_default,
+			VideoTexture: VideoTexture_default,
+			WaveDistortion: WaveDistortion_default,
+			WebcamTexture: WebcamTexture_default,
+			ZoomBlur: ZoomBlur_default
+		};
+		function xorCrypt(data, key) {
+			const keyBytes = new TextEncoder().encode(key);
+			const result = new Uint8Array(data.length);
+			for (let i = 0; i < data.length; i++) result[i] = data[i] ^ keyBytes[i % keyBytes.length];
+			return result;
+		}
+		function decodePreviewDefinition(encoded, key) {
+			const binaryString = atob(encoded);
+			const encrypted = new Uint8Array(binaryString.length);
+			for (let i = 0; i < binaryString.length; i++) encrypted[i] = binaryString.charCodeAt(i);
+			const decrypted = xorCrypt(encrypted, key);
+			const json = new TextDecoder().decode(decrypted);
+			try {
+				return JSON.parse(json);
+			} catch {
+				throw new Error("Failed to decode shader definition: invalid data or incorrect key");
+			}
+		}
+		const props = __props;
+		const fetchedDefinition = ref(null);
+		const resolvedDefinition = computed(() => {
+			if (fetchedDefinition.value) return fetchedDefinition.value;
+			return null;
+		});
+		async function fetchAndDecode(url) {
+			try {
+				const response = await fetch(url);
+				if (!response.ok) throw new Error(`Failed to fetch: ${response.status}`);
+				const data = await response.json();
+				const item = data.preset || data.shader;
+				if (item?.definition && typeof item.definition === "string") fetchedDefinition.value = decodePreviewDefinition(item.definition, props.obfuscationKey);
+			} catch (e) {
+				console.error("[Shaders Preview] Failed to fetch preview:", e);
+			}
+		}
+		watch(() => props.shader, (token) => {
+			if (token) {
+				fetchedDefinition.value = null;
+				fetchAndDecode(`${props.apiBaseUrl}/api/preview/shader/${token}`);
+			} else if (!props.presetId) fetchedDefinition.value = null;
+		}, { immediate: true });
+		watch(() => props.presetId, (id) => {
+			if (id) {
+				fetchedDefinition.value = null;
+				fetchAndDecode(`${props.apiBaseUrl}/api/preview/preset/${id}`);
+			} else if (!props.shader) fetchedDefinition.value = null;
+		}, { immediate: true });
+		onMounted(() => {
+			console.warn("[Shaders] Preview component is intended for use with a Shaders license. Visit https://shaders.com for more information.");
+		});
+		return (_ctx, _cache) => {
+			return resolvedDefinition.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Shader_default, mergeProps({
+				"color-space": resolvedDefinition.value.colorSpace || "p3-linear",
+				"enable-performance-tracking": true,
+				"is-preview": true,
+				style: {
+					"width": "100%",
+					"height": "100%"
+				}
+			}, _ctx.$attrs), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(resolvedDefinition.value.components, (config, index) => {
+					return openBlock(), createBlock(RenderComponent, {
+						key: `${config.id || "root"}_${index}_v${resolvedDefinition.value.structureVersion || 0}`,
+						config: {
+							...config,
+							renderOrder: config.renderOrder ?? index
+						},
+						"component-map": componentMap,
+						"structure-version": resolvedDefinition.value.structureVersion
+					}, null, 8, ["config", "structure-version"]);
+				}), 128))]),
+				_: 1
+			}, 16, ["color-space"]), __props.watermarkText ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				href: __props.watermarkLink,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: {
+					"position": "absolute",
+					"bottom": "8px",
+					"right": "12px",
+					"font-size": "11px",
+					"font-family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+					"color": "rgba(255, 255, 255, 0.5)",
+					"text-decoration": "none",
+					"pointer-events": "auto",
+					"z-index": "10",
+					"text-shadow": "0 1px 3px rgba(0, 0, 0, 0.4)",
+					"transition": "color 0.2s ease"
+				},
+				onMouseenter: _cache[0] || (_cache[0] = ($event) => $event.target.style.color = "rgba(255, 255, 255, 0.8)"),
+				onMouseleave: _cache[1] || (_cache[1] = ($event) => $event.target.style.color = "rgba(255, 255, 255, 0.5)")
+			}, toDisplayString(__props.watermarkText), 41, _hoisted_2)) : createCommentVNode("", true)])) : createCommentVNode("", true);
+		};
+	}
+});
+export { Preview_vue_vue_type_script_setup_true_lang_default as default };