shaders 2.5.88 → 2.5.89

package/dist/vue/HexGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,170 @@
+import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, 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/HexGrid/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var HexGrid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HexGrid",
+	props: /* @__PURE__ */ mergeDefaults({
+		cells: {},
+		thickness: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		colorA: {},
+		colorB: {},
+		colorSpace: {}
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		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);
+		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);
+		};
+		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();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+		};
+	}
+});
+export { HexGrid_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/MultiPointGradient.js

@@ -0,0 +1,3 @@
+import MultiPointGradient_vue_vue_type_script_setup_true_lang_default from "./MultiPointGradient.vue_vue_type_script_setup_true_lang.js";
+var MultiPointGradient_default = MultiPointGradient_vue_vue_type_script_setup_true_lang_default;
+export { MultiPointGradient_default as default };

package/dist/vue/MultiPointGradient.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,176 @@
+import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, 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/MultiPointGradient/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var MultiPointGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MultiPointGradient",
+	props: /* @__PURE__ */ mergeDefaults({
+		positionA: {},
+		positionB: {},
+		positionC: {},
+		positionD: {},
+		positionE: {},
+		smoothness: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		colorA: {},
+		colorB: {},
+		colorC: {},
+		colorD: {},
+		colorE: {}
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		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);
+		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);
+		};
+		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();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+		};
+	}
+});
+export { MultiPointGradient_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js

@@ -13,15 +13,18 @@ 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 ConicGradient_default from "./ConicGradient.js";
 import ContourLines_default from "./ContourLines.js";
 import Crescent_default from "./Crescent.js";
 import Cross_default from "./Cross.js";
 import Crystal_default from "./Crystal.js";
 import CursorRipples_default from "./CursorRipples.js";
 import CursorTrail_default from "./CursorTrail.js";
+import DiamondGradient_default from "./DiamondGradient.js";
 import DiffuseBlur_default from "./DiffuseBlur.js";
 import Dither_default from "./Dither.js";
 import DotGrid_default from "./DotGrid.js";
+import DropShadow_default from "./DropShadow.js";
 import Duotone_default from "./Duotone.js";
 import Ellipse_default from "./Ellipse.js";
 import Emboss_default from "./Emboss.js";
@@ -42,6 +45,7 @@ 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 HexGrid_default from "./HexGrid.js";
 import HueShift_default from "./HueShift.js";
 import ImageTexture_default from "./ImageTexture.js";
 import Invert_default from "./Invert.js";
@@ -51,6 +55,7 @@ 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 MultiPointGradient_default from "./MultiPointGradient.js";
 import Neon_default from "./Neon.js";
 import Paper_default from "./Paper.js";
 import Perspective_default from "./Perspective.js";
@@ -70,6 +75,7 @@ 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 Solarize_default from "./Solarize.js";
 import SolidColor_default from "./SolidColor.js";
 import Spherize_default from "./Spherize.js";
 import Spiral_default from "./Spiral.js";
@@ -83,11 +89,15 @@ import TiltShift_default from "./TiltShift.js";
 import Tint_default from "./Tint.js";
 import Trapezoid_default from "./Trapezoid.js";
 import Tritone_default from "./Tritone.js";
+import Truchet_default from "./Truchet.js";
 import Twirl_default from "./Twirl.js";
 import Vesica_default from "./Vesica.js";
 import Vibrance_default from "./Vibrance.js";
 import VideoTexture_default from "./VideoTexture.js";
+import Vignette_default from "./Vignette.js";
+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 ZoomBlur_default from "./ZoomBlur.js";
 import Shader_default from "./Shader.js";
@@ -160,15 +170,18 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			ChromaticAberration: ChromaticAberration_default,
 			Circle: Circle_default,
 			ConcentricSpin: ConcentricSpin_default,
+			ConicGradient: ConicGradient_default,
 			ContourLines: ContourLines_default,
 			Crescent: Crescent_default,
 			Cross: Cross_default,
 			Crystal: Crystal_default,
 			CursorRipples: CursorRipples_default,
 			CursorTrail: CursorTrail_default,
+			DiamondGradient: DiamondGradient_default,
 			DiffuseBlur: DiffuseBlur_default,
 			Dither: Dither_default,
 			DotGrid: DotGrid_default,
+			DropShadow: DropShadow_default,
 			Duotone: Duotone_default,
 			Ellipse: Ellipse_default,
 			Emboss: Emboss_default,
@@ -189,6 +202,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			GridDistortion: GridDistortion_default,
 			Group: Group_default,
 			Halftone: Halftone_default,
+			HexGrid: HexGrid_default,
 			HueShift: HueShift_default,
 			ImageTexture: ImageTexture_default,
 			Invert: Invert_default,
@@ -198,6 +212,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			LinearGradient: LinearGradient_default,
 			Liquify: Liquify_default,
 			Mirror: Mirror_default,
+			MultiPointGradient: MultiPointGradient_default,
 			Neon: Neon_default,
 			Paper: Paper_default,
 			Perspective: Perspective_default,
@@ -217,6 +232,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Shatter: Shatter_default,
 			SimplexNoise: SimplexNoise_default,
 			SineWave: SineWave_default,
+			Solarize: Solarize_default,
 			SolidColor: SolidColor_default,
 			Spherize: Spherize_default,
 			Spiral: Spiral_default,
@@ -230,11 +246,15 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Tint: Tint_default,
 			Trapezoid: Trapezoid_default,
 			Tritone: Tritone_default,
+			Truchet: Truchet_default,
 			Twirl: Twirl_default,
 			Vesica: Vesica_default,
 			Vibrance: Vibrance_default,
 			VideoTexture: VideoTexture_default,
+			Vignette: Vignette_default,
+			Voronoi: Voronoi_default,
 			WaveDistortion: WaveDistortion_default,
+			Weave: Weave_default,
 			WebcamTexture: WebcamTexture_default,
 			ZoomBlur: ZoomBlur_default
 		};

package/dist/vue/RadialGradient.vue_vue_type_script_setup_true_lang.js

@@ -8,6 +8,9 @@ var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	props: /* @__PURE__ */ mergeDefaults({
 		center: {},
 		radius: {},
+		repeat: {},
+		aspect: {},
+		skewAngle: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },

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.88", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.89", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/vue/Solarize.js

@@ -0,0 +1,3 @@
+import Solarize_vue_vue_type_script_setup_true_lang_default from "./Solarize.vue_vue_type_script_setup_true_lang.js";
+var Solarize_default = Solarize_vue_vue_type_script_setup_true_lang_default;
+export { Solarize_default as default };

package/dist/vue/Solarize.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,167 @@
+import { computed, createElementBlock, defineComponent, effectScope, inject, mergeDefaults, 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/Solarize/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var Solarize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Solarize",
+	props: /* @__PURE__ */ mergeDefaults({
+		threshold: {},
+		strength: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {}
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		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);
+		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);
+		};
+		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();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+		};
+	}
+});
+export { Solarize_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Truchet.js

@@ -0,0 +1,3 @@
+import Truchet_vue_vue_type_script_setup_true_lang_default from "./Truchet.vue_vue_type_script_setup_true_lang.js";
+var Truchet_default = Truchet_vue_vue_type_script_setup_true_lang_default;
+export { Truchet_default as default };