shaders 2.2.45 → 2.2.46

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 };

package/dist/react/Sharpness.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 Sharpness_default = OmbreComponent;
+var Sharpness_default = ShaderComponent;
 export { Sharpness_default as default };

package/dist/react/Shatter.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 Shatter_default = OmbreComponent;
+var Shatter_default = ShaderComponent;
 export { Shatter_default as default };

package/dist/react/SimplexNoise.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 SimplexNoise_default = OmbreComponent;
+var SimplexNoise_default = ShaderComponent;
 export { SimplexNoise_default as default };

package/dist/react/SineWave.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 SineWave_default = OmbreComponent;
+var SineWave_default = ShaderComponent;
 export { SineWave_default as default };

package/dist/react/SolidColor.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 SolidColor_default = OmbreComponent;
+var SolidColor_default = ShaderComponent;
 export { SolidColor_default as default };

package/dist/react/Spherize.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 Spherize_default = OmbreComponent;
+var Spherize_default = ShaderComponent;
 export { Spherize_default as default };

package/dist/react/Spiral.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 Spiral_default = OmbreComponent;
+var Spiral_default = ShaderComponent;
 export { Spiral_default as default };