npm - shaders - Versions diffs - 2.2.45 → 2.2.47 - Mend

shaders 2.2.45 → 2.2.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (387) hide show

package/dist/vue/Liquify.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -28,7 +28,7 @@ var Liquify_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -53,15 +53,15 @@ var Liquify_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Mirror.js ADDED Viewed

@@ -0,0 +1,3 @@
+import Mirror_vue_vue_type_script_setup_true_lang_default from "./Mirror.vue_vue_type_script_setup_true_lang.js";
+var Mirror_default = Mirror_vue_vue_type_script_setup_true_lang_default;
+export { Mirror_default as default };

package/dist/vue/Mirror.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,126 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/Mirror/index.js";
+var Mirror_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Mirror",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		center: {},
+		angle: {},
+		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("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 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("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 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 { Mirror_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Perspective.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -31,7 +31,7 @@ var Perspective_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -56,15 +56,15 @@ var Perspective_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Pixelate.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -25,7 +25,7 @@ var Pixelate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -50,15 +50,15 @@ var Pixelate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/PolarCoordinates.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -29,7 +29,7 @@ var PolarCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -54,15 +54,15 @@ var PolarCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Posterize.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -25,7 +25,7 @@ var Posterize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -50,15 +50,15 @@ var Posterize_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/ProgressiveBlur.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -28,7 +28,7 @@ var ProgressiveBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -53,15 +53,15 @@ var ProgressiveBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/RadialGradient.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -29,7 +29,7 @@ var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -54,15 +54,15 @@ var RadialGradient_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/RectangularCoordinates.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -28,7 +28,7 @@ var RectangularCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__P
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -53,15 +53,15 @@ var RectangularCoordinates_vue_vue_type_script_setup_true_lang_default = /* @__P
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Ripples.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -32,7 +32,7 @@ var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -57,15 +57,15 @@ var Ripples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Saturation.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -25,7 +25,7 @@ var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -50,15 +50,15 @@ var Saturation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -4,7 +4,7 @@ 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: {
+	props: { disableTelemetry: {
 		type: Boolean,
 		default: false
 	} },
@@ -12,20 +12,21 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const props = __props;
 		const containerRef = ref(null);
 		const canvasRef = ref(null);
-		const rootId = ref("ombre-root-" + Math.random().toString(36).substring(7));
+		const rootId = ref("shader-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) => {
+		let telemetryStartTimeout = null;
+		provide("shaderParentId", rootId.value);
+		provide("shaderRendererResetSignal", rendererResetSignal);
+		provide("shaderNodeRegister", (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) => {
+		provide("shaderUniformUpdate", (nodeId, uniformName, value) => {
 			rendererInstance.value.updateUniformValue(nodeId, uniformName, value);
 		});
-		provide("ombreMetadataUpdate", (nodeId, metadata) => {
+		provide("shaderMetadataUpdate", (nodeId, metadata) => {
 			rendererInstance.value.updateNodeMetadata(nodeId, metadata);
 		});
 		const initializeRenderer = async () => {
@@ -35,11 +36,17 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				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();
-			}
+			if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector) startTelemetryWhenReady();
+		};
+		const startTelemetryWhenReady = () => {
+			const checkRendering = () => {
+				if (rendererInstance.value.getPerformanceStats().fps > 0) {
+					telemetryCollector = new TelemetryCollector(rendererInstance.value);
+					telemetryCollector.start();
+					telemetryStartTimeout = null;
+				} else telemetryStartTimeout = setTimeout(checkRendering, 500);
+			};
+			telemetryStartTimeout = setTimeout(checkRendering, 500);
 		};
 		let wasVisible = false;
 		let visibilityObserver = null;
@@ -51,8 +58,10 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				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(() => {
+					if (rendererInstance.value.isInitialized()) {
+						rendererInstance.value.startAnimation();
+						if (isExternalUser() && shouldCollectTelemetry(props.disableTelemetry) && !telemetryCollector && !telemetryStartTimeout) startTelemetryWhenReady();
+					} else initializeRenderer().then(() => {
 						rendererResetSignal.value++;
 					}).catch(console.error);
 					wasVisible = true;
@@ -126,6 +135,10 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				telemetryCollector.stop();
 				telemetryCollector = null;
 			}
+			if (telemetryStartTimeout !== null) {
+				clearTimeout(telemetryStartTimeout);
+				telemetryStartTimeout = null;
+			}
 			if (visibilityObserver) {
 				visibilityObserver.disconnect();
 				visibilityObserver = null;

package/dist/vue/Sharpness.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -25,7 +25,7 @@ var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -50,15 +50,15 @@ var Sharpness_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,

package/dist/vue/Shatter.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -33,7 +33,7 @@ var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
-		provide("ombreParentId", instanceId);
+		provide("shaderParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
 			offsetY: 0,
@@ -58,15 +58,15 @@ var Shatter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}, {})[key]) baseProps[key] = toValue(props[key]);
 			return baseProps;
 		}).value, instanceId);
-		const parentId = inject("ombreParentId");
+		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("ombreNodeRegister");
+		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("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 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 registerWithRenderer = () => {
 			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, {
 				blendMode: props.blendMode,