shaders 2.2.42 → 2.2.44

package/dist/vue/Ripples.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,131 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/Ripples/index.js";
+var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Ripples",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		center: {},
+		colorA: {},
+		colorB: {},
+		speed: {},
+		frequency: {},
+		softness: {},
+		thickness: {},
+		phase: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", 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 uniforms = createUniformsMap(componentDefinition, 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" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		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,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([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,
+						renderOrder: props.renderOrder,
+						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 renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { Ripples_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Saturation.js

@@ -0,0 +1,3 @@
+import Saturation_vue_vue_type_script_setup_true_lang_default from "./Saturation.vue_vue_type_script_setup_true_lang.js";
+var Saturation_default = Saturation_vue_vue_type_script_setup_true_lang_default;
+export { Saturation_default as default };

package/dist/vue/Saturation.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,124 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/Saturation/index.js";
+var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Saturation",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		intensity: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", 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 uniforms = createUniformsMap(componentDefinition, 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" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		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,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([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,
+						renderOrder: props.renderOrder,
+						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 renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { Saturation_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Shader.js

@@ -0,0 +1,3 @@
+import Shader_vue_vue_type_script_setup_true_lang_default from "./Shader.vue_vue_type_script_setup_true_lang.js";
+var Shader_default = Shader_vue_vue_type_script_setup_true_lang_default;
+export { Shader_default as default };

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,153 @@
+import { createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot } from "vue";
+import { shaderRenderer } from "../core/index.js";
+import { vec4 } from "three/tsl";
+import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
+var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Shader",
+	props: { hideNotice: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const containerRef = ref(null);
+		const canvasRef = ref(null);
+		const rootId = ref("ombre-root-" + Math.random().toString(36).substring(7));
+		const rendererInstance = ref(shaderRenderer());
+		const rendererResetSignal = ref(0);
+		let telemetryCollector = null;
+		provide("ombreParentId", rootId.value);
+		provide("ombreRendererResetSignal", rendererResetSignal);
+		provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition = null) => {
+			if (fragmentNodeFunc === null) rendererInstance.value.removeNode(id);
+			else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition);
+		});
+		provide("ombreUniformUpdate", (nodeId, uniformName, value) => {
+			rendererInstance.value.updateUniformValue(nodeId, uniformName, value);
+		});
+		provide("ombreMetadataUpdate", (nodeId, metadata) => {
+			rendererInstance.value.updateNodeMetadata(nodeId, metadata);
+		});
+		const initializeRenderer = async () => {
+			if (!canvasRef.value) return;
+			if (!rendererInstance.value.isInitialized()) await rendererInstance.value.initialize({
+				canvas: canvasRef.value,
+				enablePerformanceTracking: true
+			});
+			rendererInstance.value.registerNode(rootId.value, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
+			if (!props.hideNotice) rendererInstance.value.showLicenseWarning();
+			if (isExternalUser() && shouldCollectTelemetry()) {
+				telemetryCollector = new TelemetryCollector(rendererInstance.value);
+				telemetryCollector.start();
+			}
+		};
+		let wasVisible = false;
+		let visibilityObserver = null;
+		const setupVisibilityObserver = () => {
+			if (!containerRef.value || visibilityObserver) return;
+			visibilityObserver = new IntersectionObserver((entries) => {
+				const entry = entries[0];
+				if (!entry) return;
+				const rect = containerRef.value?.getBoundingClientRect();
+				const isCurrentlyVisible = entry.isIntersecting && rect && rect.width > 0 && rect.height > 0;
+				if (isCurrentlyVisible && !wasVisible) {
+					if (rendererInstance.value.isInitialized()) rendererInstance.value.startAnimation();
+					else initializeRenderer().then(() => {
+						rendererResetSignal.value++;
+					}).catch(console.error);
+					wasVisible = true;
+				} else if (!isCurrentlyVisible && wasVisible) {
+					rendererInstance.value.stopAnimation();
+					wasVisible = false;
+				}
+			}, { threshold: 0 });
+			visibilityObserver.observe(containerRef.value);
+		};
+		onMounted(async () => {
+			if (canvasRef.value && containerRef.value) {
+				const rect = containerRef.value.getBoundingClientRect();
+				if (rect.width > 0 && rect.height > 0) {
+					await initializeRenderer();
+					rendererResetSignal.value++;
+					wasVisible = true;
+				} else wasVisible = false;
+				setupVisibilityObserver();
+			}
+		});
+		const captureScreenshot = async (maxWidth = 1200) => {
+			if (!canvasRef.value) throw new Error("Canvas not available");
+			try {
+				await rendererInstance.value.renderAndWait();
+			} catch (error) {
+				console.warn("Failed to force render before screenshot:", error);
+			}
+			return new Promise((resolve, reject) => {
+				const sourceCanvas = canvasRef.value;
+				const sourceWidth = sourceCanvas.width;
+				const sourceHeight = sourceCanvas.height;
+				let targetWidth = sourceWidth;
+				let targetHeight = sourceHeight;
+				if (sourceWidth > maxWidth) {
+					targetWidth = maxWidth;
+					targetHeight = Math.round(sourceHeight / sourceWidth * maxWidth);
+				}
+				const dataUrl = sourceCanvas.toDataURL("image/png");
+				const img = new Image();
+				img.onload = () => {
+					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;
+					}
+					ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
+					tempCanvas.toBlob((blob) => {
+						if (blob) resolve(blob);
+						else reject(/* @__PURE__ */ new Error("Failed to capture screenshot"));
+					}, "image/jpeg", .85);
+				};
+				img.onerror = () => {
+					reject(/* @__PURE__ */ new Error("Failed to load canvas image"));
+				};
+				img.src = dataUrl;
+			});
+		};
+		const getPerformanceStats = () => {
+			return rendererInstance.value.getPerformanceStats();
+		};
+		__expose({
+			captureScreenshot,
+			getPerformanceStats
+		});
+		onBeforeUnmount(() => {
+			if (telemetryCollector) {
+				telemetryCollector.stop();
+				telemetryCollector = null;
+			}
+			if (visibilityObserver) {
+				visibilityObserver.disconnect();
+				visibilityObserver = null;
+			}
+			rendererInstance.value.cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				class: "shader",
+				ref_key: "containerRef",
+				ref: containerRef
+			}, _ctx.$attrs), [createElementVNode("canvas", {
+				"data-renderer": "shaders",
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				style: {
+					"width": "100%",
+					"height": "100%",
+					"display": "block"
+				}
+			}, [renderSlot(_ctx.$slots, "default")], 512)], 16);
+		};
+	}
+});
+export { Shader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Sharpness.js

@@ -0,0 +1,3 @@
+import Sharpness_vue_vue_type_script_setup_true_lang_default from "./Sharpness.vue_vue_type_script_setup_true_lang.js";
+var Sharpness_default = Sharpness_vue_vue_type_script_setup_true_lang_default;
+export { Sharpness_default as default };

package/dist/vue/Sharpness.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,124 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/Sharpness/index.js";
+var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Sharpness",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		sharpness: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", 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 uniforms = createUniformsMap(componentDefinition, 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" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		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,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([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,
+						renderOrder: props.renderOrder,
+						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 renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { Sharpness_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Shatter.js

@@ -0,0 +1,3 @@
+import Shatter_vue_vue_type_script_setup_true_lang_default from "./Shatter.vue_vue_type_script_setup_true_lang.js";
+var Shatter_default = Shatter_vue_vue_type_script_setup_true_lang_default;
+export { Shatter_default as default };

package/dist/vue/Shatter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,132 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/Shatter/index.js";
+var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Shatter",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		crackWidth: {},
+		intensity: {},
+		radius: {},
+		decay: {},
+		seed: {},
+		chromaticSplit: {},
+		refractionStrength: {},
+		shardLighting: {},
+		edges: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", 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 uniforms = createUniformsMap(componentDefinition, 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" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		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,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([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,
+						renderOrder: props.renderOrder,
+						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 renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { Shatter_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/SimplexNoise.js

@@ -0,0 +1,3 @@
+import SimplexNoise_vue_vue_type_script_setup_true_lang_default from "./SimplexNoise.vue_vue_type_script_setup_true_lang.js";
+var SimplexNoise_default = SimplexNoise_vue_vue_type_script_setup_true_lang_default;
+export { SimplexNoise_default as default };