shaders 2.2.45 → 2.2.47

package/dist/react/Mirror.js

@@ -0,0 +1,144 @@
+import { ShaderContext } from "./Shader.js";
+import { useContext, useEffect, useMemo, useRef } from "react";
+import { createUniformsMap } from "../core/index.js";
+import { jsx } from "react/jsx-runtime";
+import { componentDefinition } from "../core/shaders/Mirror/index.js";
+function computeEffectiveProps(props, defaultProps$1) {
+	let baseProps = { ...defaultProps$1 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps = {
+	blendMode: "normal",
+	renderOrder: 0,
+	visible: true
+};
+try {
+	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
+		const propConfig = config;
+		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
+	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
+	const instanceId = useMemo(() => {
+		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps(props, defaultProps);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM,
+		...props.transform
+	}), [props.transform]);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	const childContextValue = useMemo(() => {
+		return {
+			...context,
+			shaderParentId: instanceId
+		};
+	}, [context, instanceId]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			const metadata = {
+				blendMode: props.blendMode || "normal",
+				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 || 0,
+				transform: effectiveTransform
+			};
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			return () => {
+				parentRegister(instanceId, null, null, null, null);
+			};
+		} catch (error) {
+			console.error("Error registering shader node:", error);
+			return () => {};
+		}
+	}, [
+		instanceId,
+		parentId,
+		parentRegister
+	]);
+	const prevPropsRef = useRef({});
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform, transform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					if (newValue !== prevPropsRef.current[propName]) {
+						parentUniformUpdate(instanceId, propName, newValue);
+						prevPropsRef.current[propName] = newValue;
+					}
+				}
+			});
+		} catch (error) {
+			console.error("Error updating uniforms:", error);
+		}
+	}, [
+		effectiveProps,
+		instanceId,
+		parentUniformUpdate
+	]);
+	useEffect(() => {
+		try {
+			parentMetadataUpdate(instanceId, {
+				blendMode: props.blendMode || "normal",
+				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 || 0,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+		value: childContextValue,
+		children: props.children
+	});
+};
+var Mirror_default = ShaderComponent;
+export { Mirror_default as default };

package/dist/react/Perspective.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var Perspective_default = OmbreComponent;
+var Perspective_default = ShaderComponent;
 export { Perspective_default as default };

package/dist/react/Pixelate.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var Pixelate_default = OmbreComponent;
+var Pixelate_default = ShaderComponent;
 export { Pixelate_default as default };

package/dist/react/PolarCoordinates.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var PolarCoordinates_default = OmbreComponent;
+var PolarCoordinates_default = ShaderComponent;
 export { PolarCoordinates_default as default };

package/dist/react/Posterize.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var Posterize_default = OmbreComponent;
+var Posterize_default = ShaderComponent;
 export { Posterize_default as default };

package/dist/react/ProgressiveBlur.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var ProgressiveBlur_default = OmbreComponent;
+var ProgressiveBlur_default = ShaderComponent;
 export { ProgressiveBlur_default as default };

package/dist/react/RadialGradient.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var RadialGradient_default = OmbreComponent;
+var RadialGradient_default = ShaderComponent;
 export { RadialGradient_default as default };

package/dist/react/RectangularCoordinates.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var RectangularCoordinates_default = OmbreComponent;
+var RectangularCoordinates_default = ShaderComponent;
 export { RectangularCoordinates_default as default };

package/dist/react/Ripples.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var Ripples_default = OmbreComponent;
+var Ripples_default = ShaderComponent;
 export { Ripples_default as default };

package/dist/react/Saturation.js

@@ -1,4 +1,4 @@
-import { OmbreContext } from "./Shader.js";
+import { ShaderContext } from "./Shader.js";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap } from "../core/index.js";
 import { jsx } from "react/jsx-runtime";
@@ -30,10 +30,10 @@ try {
 } catch (e) {
 	console.warn("Error extracting default props:", e);
 }
-const OmbreComponent = (props) => {
-	const context = useContext(OmbreContext);
+const ShaderComponent = (props) => {
+	const context = useContext(ShaderContext);
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
-	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
 		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
-			ombreParentId: instanceId
+			shaderParentId: instanceId
 		};
 	}, [context, instanceId]);
 	useEffect(() => {
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: childContextValue,
 		children: props.children
 	});
 };
-var Saturation_default = OmbreComponent;
+var Saturation_default = ShaderComponent;
 export { Saturation_default as default };

package/dist/react/Shader.js

@@ -3,14 +3,15 @@ import { shaderRenderer } from "../core/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const OmbreContext = createContext(null);
-const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
+const ShaderContext = createContext(null);
+const Shader = ({ children, disableTelemetry = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
 	const canvasRef = useRef(null);
-	const rootId = useMemo(() => "ombre-root-" + Math.random().toString(36).substring(7), []);
+	const rootId = useMemo(() => "shader-root-" + Math.random().toString(36).substring(7), []);
 	const rendererRef = useRef(null);
 	if (rendererRef.current === null) rendererRef.current = shaderRenderer();
 	const telemetryCollectorRef = useRef(null);
+	const telemetryStartTimeoutRef = useRef(null);
 	const nodeRegister = useMemo(() => {
 		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition = null) => {
 			if (fragmentNodeFunc === null) {
@@ -52,10 +53,10 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	}, []);
 	const contextValue = useMemo(() => {
 		return {
-			ombreParentId: rootId,
-			ombreNodeRegister: nodeRegister,
-			ombreUniformUpdate: uniformUpdate,
-			ombreMetadataUpdate: metadataUpdate
+			shaderParentId: rootId,
+			shaderNodeRegister: nodeRegister,
+			shaderUniformUpdate: uniformUpdate,
+			shaderMetadataUpdate: metadataUpdate
 		};
 	}, [
 		rootId,
@@ -68,6 +69,20 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	const isCleanedUpRef = useRef(false);
 	const wasVisibleRef = useRef(false);
 	const visibilityObserverRef = useRef(null);
+	const startTelemetryWhenReady = () => {
+		const checkRendering = () => {
+			if (isCleanedUpRef.current || !rendererRef.current) {
+				telemetryStartTimeoutRef.current = null;
+				return;
+			}
+			if (rendererRef.current.getPerformanceStats().fps > 0) {
+				telemetryCollectorRef.current = new TelemetryCollector(rendererRef.current);
+				telemetryCollectorRef.current.start();
+				telemetryStartTimeoutRef.current = null;
+			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);
+		};
+		telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);
+	};
 	const initializeRenderer = async () => {
 		const canvas = canvasRef.current;
 		if (!canvas || isInitializedRef.current || isInitializingRef.current) return;
@@ -78,11 +93,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 			renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
 			isInitializedRef.current = true;
 			isInitializingRef.current = false;
-			if (!hideNotice) renderer.showLicenseWarning();
-			if (isExternalUser() && shouldCollectTelemetry()) {
-				telemetryCollectorRef.current = new TelemetryCollector(renderer);
-				telemetryCollectorRef.current.start();
-			}
+			if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current) startTelemetryWhenReady();
 		} catch (err) {
 			console.error("[Shader] Initialization failed:", err);
 			isInitializingRef.current = false;
@@ -98,8 +109,10 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 			const rect = container.getBoundingClientRect();
 			const isCurrentlyVisible = entry.isIntersecting && rect && rect.width > 0 && rect.height > 0;
 			if (isCurrentlyVisible && !wasVisibleRef.current) {
-				if (rendererRef.current.isInitialized()) rendererRef.current.startAnimation();
-				else initializeRenderer().catch(console.error);
+				if (rendererRef.current.isInitialized()) {
+					rendererRef.current.startAnimation();
+					if (isExternalUser() && shouldCollectTelemetry(disableTelemetry) && !telemetryCollectorRef.current && !telemetryStartTimeoutRef.current) startTelemetryWhenReady();
+				} else initializeRenderer().catch(console.error);
 				wasVisibleRef.current = true;
 			} else if (!isCurrentlyVisible && wasVisibleRef.current) {
 				rendererRef.current.stopAnimation();
@@ -125,6 +138,10 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				telemetryCollectorRef.current.stop();
 				telemetryCollectorRef.current = null;
 			}
+			if (telemetryStartTimeoutRef.current !== null) {
+				clearTimeout(telemetryStartTimeoutRef.current);
+				telemetryStartTimeoutRef.current = null;
+			}
 			if (visibilityObserverRef.current) {
 				visibilityObserverRef.current.disconnect();
 				visibilityObserverRef.current = null;
@@ -138,12 +155,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 			isInitializingRef.current = false;
 		};
 	}, []);
-	useEffect(() => {
-		if (!hideNotice && rendererRef.current && isInitializedRef.current) try {
-			rendererRef.current.showLicenseWarning();
-		} catch (err) {}
-	}, [hideNotice]);
-	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsxs("div", {
 			ref: containerRef,
@@ -163,4 +175,4 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-export { OmbreContext, Shader_default as default };
+export { ShaderContext, Shader_default as default };