shaders 2.2.45 → 2.2.46

package/LICENSE

@@ -1,6 +1,6 @@
-Shader Effects License Agreement (v1.1)
+Shader Effects License Agreement (v1.2)
 
-Effective Date: October 14, 2025
+Effective Date: January 19, 2026
 Licensor: Shader Effects, Inc., a Delaware C-Corporation (“Shader Effects,” “we,” “us,” or “our”)
 Product: Shaders (including all npm packages, components, presets, generated code, and the design platform at shaders.com)
 
@@ -38,12 +38,23 @@ Use Shaders technology in SaaS products, design tools, or developer frameworks w
 
 Official open-source projects may use Shaders without a license key only for their promotional or documentation websites, provided Shaders is not a core or monetized part of the project.
 
-4. Telemetry and License Verification
+4. Telemetry and Privacy
 
-Shaders may automatically transmit limited, anonymous usage data to Shader Effects’ servers for the purposes of performance tracking, reliability improvement, and license compliance.
-This data does not include personal information, but may include information such as the domain name, environment type (development or production), and version identifiers to verify that a valid license is in use.
+Shaders may automatically collect and transmit limited, anonymous performance and usage data to Shader Effects' servers for the purposes of improving performance, reliability, and understanding how the library is used in production environments.
 
-By using Shaders, you consent to this limited data collection solely for these operational purposes.
+Data Collected:
+- Performance metrics (frame rate, render times, component usage)
+- Domain name where Shaders is deployed (e.g., "example.com", without URL paths)
+- Browser family (e.g., Chrome, Firefox, Safari)
+- Device type (mobile, tablet, or desktop)
+- Renderer type (WebGPU or WebGL)
+
+This data does not include personal information, IP addresses, user identifiers, or any data that can identify individual end users. Telemetry is sampled at a low rate (typically 1-5% of sessions) and respects Do Not Track browser settings.
+
+Opt-Out:
+You may disable telemetry collection entirely by setting the `disableTelemetry` prop on the Shader component or by configuring your environment to respect user privacy preferences. Even when enabled, telemetry will not collect data from users with Do Not Track enabled in their browser.
+
+By using Shaders, you acknowledge and consent to this limited data collection solely for these operational purposes.
 
 5. Right to Promote Usage
 

package/README.md

@@ -1,73 +1,17 @@
 # Shaders
 
-## Shader magic for modern frontends
-
 <img alt="image" src="https://shaders.com/og.png" />
 
 <p align="center">
   <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow" ><img src="https://img.shields.io/npm/v/shaders?color=0368FF&label=version" alt="npm version"></a>
   <a href="https://www.npmjs.com/package/shaders" rel="noopener noreferrer nofollow" ><img src="https://img.shields.io/npm/dm/shaders?color=8D30FF&label=npm" alt="npm downloads per month"></a>
   <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.jsdelivr.com/package/npm/shaders"><img alt="jsDelivr hits (npm)" src="https://img.shields.io/jsdelivr/npm/hm/shaders?logo=jsdeliver&color=FF4FBA"></a>
-  <a href="https://img.shields.io/twitter/follow/npm_i_shaders" target="_blank"><img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/npm_i_shaders"></a>
+  <a href="https://twitter.com/intent/user?screen_name=npm_i_shaders" target="_blank"><img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/npm_i_shaders"></a>
 </p>
 
-## Getting Started
-
-Shaders is available as component libraries for Vue, React & Svelte. No matter which framework you use, you always install `npm install shaders` and then import components from the framework-specific directory, such as `shaders/vue`.
-
-```bash
-# Install
-npm install shaders
-```
-
-<details>
-<summary>Usage (Vue)</summary>
-
-```html
-<script>
-    import { Shader, LinearGradient } from "shaders/vue"
-</script>
-
-<template>
-    <Shader>
-        <LinearGradient/>
-    </Shader>
-</template>
-```
-
-</details>
-
-<details>
-<summary>Usage (React)</summary>
-
-```html
-<script>
-    import { Shader, LinearGradient } from "shaders/react"
-</script>
-
-<template>
-    <Shader>
-        <LinearGradient/>
-    </Shader>
-</template>
-```
-
-</details>
-
-<details>
-<summary>Usage (Svelte)</summary>
-
-```svelte
-<script>
-    import { Shader, LinearGradient } from "shaders/svelte"
-</script>
-
-<Shader>
-    <LinearGradient/>
-</Shader>
-```
+## Shader Magic for Modern Frontends
 
-</details>
+Shaders is the component system for creative WebGPU effects in the browser. It's available as component libraries for Vue / Nuxt, React / Next, Svelte & Solid. 
 
 **Learn more and try the Design Editor at https://shaders.com**
 
@@ -75,6 +19,6 @@ npm install shaders
 
 Shaders © Shader Effects, Inc.
 
-Licensed under the Shader Effects License Agreement (v1.1).
+Licensed under the [Shader Effects License Agreement](./LICENSE).
 You may use Shaders freely for non-production or educational use.
 A valid paid license is required for production deployment.

package/dist/core/index.js

@@ -508,7 +508,6 @@ function updateUniformValue(uniform$1, newValue) {
 		}
 	} else uniform$1.uniform.value = newValue;
 }
-var hasLoggedLicenseInfo = false;
 var globalEventManager = (() => {
 	let instanceCount = 0;
 	const callbacks = /* @__PURE__ */ new Set();
@@ -569,24 +568,6 @@ var globalEventManager = (() => {
 		};
 	} };
 })();
-var isDevelopment = () => {
-	try {
-		{
-			const { MODE, DEV } = {
-				"DEV": false,
-				"MODE": "production"
-			};
-			return DEV || MODE === "development";
-		}
-		if (typeof window !== "undefined" && window.location) {
-			const hostname = window.location.hostname;
-			return hostname === "localhost" || hostname === "127.0.0.1" || hostname.endsWith(".local") || hostname.includes("dev.") || hostname.startsWith("dev-");
-		}
-		return false;
-	} catch (error) {
-		return false;
-	}
-};
 function shaderRenderer() {
 	let canvasElement = null;
 	let renderer;
@@ -1518,11 +1499,6 @@ function shaderRenderer() {
 			if (initializationAbortController === localAbortController) initializationAbortController = null;
 		}
 	};
-	const showLicenseWarning = () => {
-		if (!isDevelopment() || hasLoggedLicenseInfo) return;
-		console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production.");
-		hasLoggedLicenseInfo = true;
-	};
 	const cleanup = () => {
 		if (initializationAbortController) initializationAbortController.abort();
 		if (resizeObserver) {
@@ -1606,7 +1582,6 @@ function shaderRenderer() {
 		removeNode,
 		updateUniformValue: updateUniformValue$1,
 		updateNodeMetadata,
-		showLicenseWarning,
 		isInitialized: () => isInitialized,
 		startAnimation,
 		stopAnimation,

package/dist/core/renderer.d.ts

@@ -112,7 +112,6 @@ export declare function shaderRenderer(): {
     removeNode: (id: string) => void;
     updateUniformValue: (nodeId: string, uniformName: string, value: any) => void;
     updateNodeMetadata: (nodeId: string, metadata: Partial<NodeMetadata>) => void;
-    showLicenseWarning: () => void;
     isInitialized: () => boolean;
     startAnimation: () => void;
     stopAnimation: () => void;

package/dist/core/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAKzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACtC;AAyHD;;GAEG;AACH,wBAAgB,cAAc;wEAwmDG,iBAAiB;;uBAxrBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4R5M,MAAM,KAAG,IAAI;iCA1ID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAgC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;8BAksBnD,IAAI;;0BA7UR,IAAI;yBAeL,IAAI;yBA/LE,OAAO,CAAC,IAAI,CAAC;+BAgKb,gBAAgB;;eAweoB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAlBrE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCApiDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EA8+CV"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,IAAI,EAMZ,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACvH,OAAO,EAAqB,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAKzE;;GAEG;AACH,UAAU,QAAQ;IAEd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,gBAAgB,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAErD;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAA;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAA;IAErB;;;OAGG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAA;IAEnC;;;OAGG;IACH,qBAAqB,EAAE,cAAc,EAAE,CAAA;IAEvC;;;OAGG;IACH,oBAAoB,EAAE,cAAc,EAAE,CAAA;IAEtC;;;OAGG;IACH,eAAe,EAAE,cAAc,EAAE,CAAA;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE;QAChB,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,QAAQ,EAAE,GAAG,CAAA;QACb,KAAK,EAAE,GAAG,CAAA;QACV,OAAO,EAAE,GAAG,CAAA;QACZ,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;QACV,WAAW,EAAE,GAAG,CAAA;KACnB,CAAA;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAE/B;AAED;;GAEG;AACH,UAAU,YAAY;IAClB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACtC;AA2FD;;GAEG;AACH,wBAAgB,cAAc;wEAwmDG,iBAAiB;;uBAxrBpB,MAAM,oBAAoB,mBAAmB,CAAC,cAAc,CAAC,GAAG,IAAI,YAAY,MAAM,GAAG,IAAI,YAAY,YAAY,GAAG,IAAI,aAAY,WAAW,wBAA6B,mBAAmB,KAAG,IAAI;qBA4R5M,MAAM,KAAG,IAAI;iCA1ID,MAAM,eAAe,MAAM,SAAS,GAAG,KAAG,IAAI;iCAgC9C,MAAM,YAAY,OAAO,CAAC,YAAY,CAAC,KAAG,IAAI;;0BAqXvD,IAAI;yBAeL,IAAI;yBA/LE,OAAO,CAAC,IAAI,CAAC;+BAgKb,gBAAgB;;eA4doB,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;;2BAjBrE,QAAQ,GAAG,OAAO,GAAG,IAAI;;;mCAzhDnB,MAAM,KAAG,QAAQ,EAAE;oCAuCzC,IAAI,YACF,QAAQ,UACV,MAAM,kBACE,GAAG,CAAC,MAAM,CAAC,gBACb,IAAI,KACnB,IAAI;0CAuCK,IAAI,YACF,QAAQ,KACnB,IAAI;;;;EAk+CV"}

package/dist/core/telemetry/collector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/telemetry/collector.ts"],"names":[],"mappings":"AAKA,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,GAAG;IAKlB,IAAI,IAAI,IAAI;IAQb,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA8C5B,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;YAwBX,aAAa;IAqB3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,mBAAmB;CAQ5B"}
+{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/telemetry/collector.ts"],"names":[],"mappings":"AAKA,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,OAAO,CAAiB;gBAEpB,QAAQ,EAAE,GAAG;IAKlB,IAAI,IAAI,IAAI;IAQb,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA4C5B,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;YAwBX,aAAa;IA0B3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,mBAAmB;CAQ5B"}

package/dist/core/telemetry/environmentCollector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"environmentCollector.d.ts","sourceRoot":"","sources":["../../src/telemetry/environmentCollector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,wBAAgB,kBAAkB,IAAI,eAAe,CA2BpD"}
+{"version":3,"file":"environmentCollector.d.ts","sourceRoot":"","sources":["../../src/telemetry/environmentCollector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAyC9C,wBAAgB,kBAAkB,IAAI,eAAe,CAiBpD"}

package/dist/core/telemetry/index.d.ts

@@ -1,4 +1,4 @@
-export declare function shouldCollectTelemetry(): boolean;
+export declare function shouldCollectTelemetry(disableTelemetry?: boolean): boolean;
 export declare function isExternalUser(): boolean;
 export { TelemetryCollector } from './collector';
 export type { TelemetryPayload, PerformanceMetrics, ComponentInfo, RendererInfo, EnvironmentData } from './types';

package/dist/core/telemetry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/telemetry/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,IAAI,OAAO,CAOhD;AAED,wBAAgB,cAAc,IAAI,OAAO,CAUxC;AAED,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/telemetry/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,OAAe,GAAG,OAAO,CAYjF;AAED,wBAAgB,cAAc,IAAI,OAAO,CAUxC;AAED,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/core/telemetry/index.js

@@ -1,32 +1,35 @@
 const TELEMETRY_CONFIG = {
-	samplingRate: .05,
-	collectionDuration: 1e4,
-	warmupDuration: 1e3,
+	samplingRate: .01,
+	collectionDuration: 5e3,
+	warmupDuration: 500,
 	sampleInterval: 100,
 	apiEndpoint: "https://shaders.com/api/telemetry"
 };
+function detectBrowserFamily(userAgent) {
+	if (userAgent.includes("Edg/") || userAgent.includes("EdgiOS")) return "Edge";
+	if (userAgent.includes("OPR/") || userAgent.includes("Opera/")) return "Opera";
+	if (userAgent.includes("Chrome/") || userAgent.includes("CriOS")) return "Chrome";
+	if (userAgent.includes("Firefox/") || userAgent.includes("FxiOS")) return "Firefox";
+	if (userAgent.includes("Safari/") && !userAgent.includes("Chrome")) return "Safari";
+	return "Other";
+}
+function detectDeviceType(userAgent) {
+	if (/iPad|Tablet|PlayBook/i.test(userAgent)) return "tablet";
+	if (/Android/i.test(userAgent) && !/Mobile/i.test(userAgent)) return "tablet";
+	if (/Mobile|Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) return "mobile";
+	return "desktop";
+}
 function collectEnvironment() {
 	if (typeof window === "undefined" || typeof navigator === "undefined") return {
 		domain: "unknown",
-		url: "unknown",
-		userAgent: "unknown",
-		viewport: {
-			width: 0,
-			height: 0
-		},
-		devicePixelRatio: 1,
-		locale: "en-US"
+		browserFamily: "unknown",
+		deviceType: "unknown"
 	};
+	const userAgent = navigator.userAgent;
 	return {
 		domain: window.location.hostname,
-		url: window.location.pathname,
-		userAgent: navigator.userAgent,
-		viewport: {
-			width: window.innerWidth,
-			height: window.innerHeight
-		},
-		devicePixelRatio: window.devicePixelRatio,
-		locale: navigator.language
+		browserFamily: detectBrowserFamily(userAgent),
+		deviceType: detectDeviceType(userAgent)
 	};
 }
 var TelemetryCollector = class {
@@ -65,10 +68,10 @@ var TelemetryCollector = class {
 				clearInterval(this.sampleInterval);
 				this.sampleInterval = null;
 			}
-			if (!this.stopped && this.frameSamples.length >= 10) {
+			if (!this.stopped && this.frameSamples.length >= 50) {
 				const payload = this.aggregateData();
 				await this.sendTelemetry(payload);
-			} else if (this.frameSamples.length < 10) console.log("[Telemetry] Insufficient samples collected, skipping send");
+			}
 		} catch (error) {
 			console.error("Telemetry collection error:", error);
 		}
@@ -153,6 +156,7 @@ var TelemetryCollector = class {
 		}
 	}
 	async sendTelemetry(payload) {
+		if (payload.performance.fps === 0 || payload.performance.frameTime.avg === 0) return;
 		try {
 			const response = await fetch(TELEMETRY_CONFIG.apiEndpoint, {
 				method: "POST",
@@ -182,8 +186,9 @@ var TelemetryCollector = class {
 		return sorted[Math.max(0, index)];
 	}
 };
-function shouldCollectTelemetry() {
-	if (typeof window !== "undefined" && window.location?.search?.includes("telemetry=true")) return true;
+function shouldCollectTelemetry(disableTelemetry = false) {
+	if (disableTelemetry) return false;
+	if (typeof navigator !== "undefined" && navigator.doNotTrack === "1") return false;
 	return Math.random() < TELEMETRY_CONFIG.samplingRate;
 }
 function isExternalUser() {

package/dist/core/telemetry/types.d.ts

@@ -30,13 +30,7 @@ export interface RendererInfo {
 }
 export interface EnvironmentData {
     domain: string;
-    url: string;
-    userAgent: string;
-    viewport: {
-        width: number;
-        height: number;
-    };
-    devicePixelRatio: number;
-    locale: string;
+    browserFamily: string;
+    deviceType: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/core/telemetry/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/telemetry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,WAAW,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,gBAAgB,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/telemetry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,WAAW,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB"}

package/dist/react/AngularBlur.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 { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -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 AngularBlur_default = OmbreComponent;
+var AngularBlur_default = ShaderComponent;
 export { AngularBlur_default as default };

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

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

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

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

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

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