shaders 2.2.24 → 2.2.25

package/dist/core/shaders/Swirl/index.js

@@ -1,9 +1,5 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../time-DbRMw6Jm.js";
-import "../../transformations-CsrIJXh-.js";
-import "../../colorMixing--dhzx0ch.js";
-import { n as p, t as a } from "../../Swirl-CQBUahTB.js";
-export {
-  p as componentDefinition,
-  a as default
-};
+import "../../time-CTJvRUZ4.js";
+import "../../transformations-DxfQXZWi.js";
+import "../../colorMixing-BXiTAqJU.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-CVnbawit.js";
+export { componentDefinition, Swirl_default as default };

package/dist/core/shaders/TiltShift/index.js

@@ -1,7 +1,3 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../transformations-CsrIJXh-.js";
-import { n as a, t as e } from "../../TiltShift-qFj0oFzN.js";
-export {
-  a as componentDefinition,
-  e as default
-};
+import "../../transformations-DxfQXZWi.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-0CxNRI6L.js";
+export { componentDefinition, TiltShift_default as default };

package/dist/core/shaders/Tritone/index.js

@@ -1,8 +1,4 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../transformations-CsrIJXh-.js";
-import "../../colorMixing--dhzx0ch.js";
-import { n as e, t as m } from "../../Tritone-AiixmTg8.js";
-export {
-  e as componentDefinition,
-  m as default
-};
+import "../../transformations-DxfQXZWi.js";
+import "../../colorMixing-BXiTAqJU.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-Daa-I5UD.js";
+export { componentDefinition, Tritone_default as default };

package/dist/core/shaders/Twirl/index.js

@@ -1,8 +1,4 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../edges-CDzKsauJ.js";
-import "../../transformations-CsrIJXh-.js";
-import { n as m, t as p } from "../../Twirl-ooHQcV89.js";
-export {
-  m as componentDefinition,
-  p as default
-};
+import "../../edges-Bn_OIa_h.js";
+import "../../transformations-DxfQXZWi.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-2CJVZEtk.js";
+export { componentDefinition, Twirl_default as default };

package/dist/core/shaders/Vibrance/index.js

@@ -1,8 +1,2 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../TSLBase-Bt7Z4hv_.js";
-import "../../ColorAdjustment-FeXXpypd.js";
-import { n as a, t as e } from "../../Vibrance-C2FRlLkK.js";
-export {
-  a as componentDefinition,
-  e as default
-};
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-DRtecEvb.js";
+export { componentDefinition, Vibrance_default as default };

package/dist/core/shaders/WaveDistortion/index.js

@@ -1,8 +1,4 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../edges-CDzKsauJ.js";
-import "../../transformations-CsrIJXh-.js";
-import { n as a, t as e } from "../../WaveDistortion-CN8MjKlm.js";
-export {
-  a as componentDefinition,
-  e as default
-};
+import "../../edges-Bn_OIa_h.js";
+import "../../transformations-DxfQXZWi.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BscXN2rs.js";
+export { componentDefinition, WaveDistortion_default as default };

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,7 +1,3 @@
-import "../../three.tsl-Btj1hLsf.js";
-import "../../transformations-CsrIJXh-.js";
-import { n as m, t as r } from "../../ZoomBlur-CxWGx8PH.js";
-export {
-  m as componentDefinition,
-  r as default
-};
+import "../../transformations-DxfQXZWi.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-CAqK0Kju.js";
+export { componentDefinition, ZoomBlur_default as default };

package/dist/core/telemetry/index.js

@@ -1,162 +1,194 @@
-const s = {
-  samplingRate: 0.05,
-  collectionDuration: 1e4,
-  warmupDuration: 1e3,
-  sampleInterval: 100,
-  apiEndpoint: "https://shaders.com/api/telemetry"
+const TELEMETRY_CONFIG = {
+	samplingRate: .05,
+	collectionDuration: 1e4,
+	warmupDuration: 1e3,
+	sampleInterval: 100,
+	apiEndpoint: "https://shaders.com/api/telemetry"
 };
-function p() {
-  return typeof window > "u" || typeof navigator > "u" ? {
-    domain: "unknown",
-    url: "unknown",
-    userAgent: "unknown",
-    viewport: {
-      width: 0,
-      height: 0
-    },
-    devicePixelRatio: 1,
-    locale: "en-US"
-  } : {
-    domain: window.location.hostname,
-    url: window.location.pathname,
-    userAgent: navigator.userAgent,
-    viewport: {
-      width: window.innerWidth,
-      height: window.innerHeight
-    },
-    devicePixelRatio: window.devicePixelRatio,
-    locale: navigator.language
-  };
+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"
+	};
+	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
+	};
 }
-var h = class {
-  renderer;
-  sessionId;
-  frameSamples = [];
-  sampleInterval = null;
-  stopped = !1;
-  constructor(e) {
-    this.renderer = e, this.sessionId = `tel_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-  }
-  stop() {
-    this.stopped = !0, this.sampleInterval && (clearInterval(this.sampleInterval), this.sampleInterval = null);
-  }
-  async start() {
-    try {
-      if (await this.sleep(s.warmupDuration), this.stopped || (this.sampleInterval = setInterval(() => {
-        if (!this.stopped)
-          try {
-            const e = this.renderer.getPerformanceStats();
-            this.frameSamples.push(e);
-          } catch (e) {
-            console.error("Telemetry sampling error:", e);
-          }
-      }, s.sampleInterval), await this.sleep(s.collectionDuration - s.warmupDuration), this.stopped)) return;
-      if (this.sampleInterval && (clearInterval(this.sampleInterval), this.sampleInterval = null), !this.stopped && this.frameSamples.length >= 10) {
-        const e = this.aggregateData();
-        await this.sendTelemetry(e);
-      } else this.frameSamples.length < 10 && console.log("[Telemetry] Insufficient samples collected, skipping send");
-    } catch (e) {
-      console.error("Telemetry collection error:", e);
-    }
-  }
-  sleep(e) {
-    return new Promise((t) => setTimeout(t, e));
-  }
-  aggregateData() {
-    const e = this.aggregatePerformance(), t = this.detectRendererType(), n = this.extractComponents(), r = p();
-    return {
-      sessionId: this.sessionId,
-      timestamp: Date.now(),
-      collectionDuration: s.collectionDuration,
-      performance: e,
-      renderer: t,
-      components: n,
-      environment: r
-    };
-  }
-  aggregatePerformance() {
-    if (this.frameSamples.length === 0) return {
-      fps: 0,
-      frameTime: {
-        avg: 0,
-        min: 0,
-        max: 0,
-        p99: 0
-      },
-      jankPercent: 0,
-      budgetUsed: 0
-    };
-    const e = this.frameSamples.map((a) => a.avgFrameTime), t = this.frameSamples.map((a) => a.jankPercent), n = this.frameSamples.map((a) => a.budgetUsed), r = this.frameSamples.map((a) => a.fps), o = this.calculateMedian(r), i = this.calculateMean(e), l = Math.min(...e), c = Math.max(...e), m = this.calculatePercentile(e, 99), d = this.calculateMean(t), u = this.calculateMean(n);
-    return {
-      fps: Math.round(o * 10) / 10,
-      frameTime: {
-        avg: Math.round(i * 10) / 10,
-        min: Math.round(l * 10) / 10,
-        max: Math.round(c * 10) / 10,
-        p99: Math.round(m * 10) / 10
-      },
-      jankPercent: Math.round(d * 10) / 10,
-      budgetUsed: Math.round(u * 10) / 10
-    };
-  }
-  detectRendererType() {
-    const e = this.frameSamples[this.frameSamples.length - 1];
-    return {
-      type: this.renderer.getRendererType?.() || "webgl",
-      drawCalls: e?.drawCalls ?? null,
-      textureCount: e?.textureCount ?? null
-    };
-  }
-  extractComponents() {
-    try {
-      const e = this.renderer.getNodeRegistry(), t = [];
-      for (const [n, r] of e.nodes)
-        r.parentId !== null && t.push({
-          name: r.componentName,
-          requiresRTT: r.requiresRTT,
-          renderOrder: r.metadata.renderOrder
-        });
-      return t.sort((n, r) => n.renderOrder - r.renderOrder);
-    } catch (e) {
-      return console.error("Failed to extract components:", e), [];
-    }
-  }
-  async sendTelemetry(e) {
-    try {
-      const t = await fetch(s.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(e)
-      });
-      t.ok || console.warn("Telemetry send failed:", t.status, t.statusText);
-    } catch (t) {
-      console.error("Telemetry send error:", t);
-    }
-  }
-  calculateMean(e) {
-    return e.length === 0 ? 0 : e.reduce((t, n) => t + n, 0) / e.length;
-  }
-  calculateMedian(e) {
-    if (e.length === 0) return 0;
-    const t = [...e].sort((r, o) => r - o), n = Math.floor(t.length / 2);
-    return t.length % 2 === 0 ? (t[n - 1] + t[n]) / 2 : t[n];
-  }
-  calculatePercentile(e, t) {
-    if (e.length === 0) return 0;
-    const n = [...e].sort((o, i) => o - i), r = Math.ceil(t / 100 * n.length) - 1;
-    return n[Math.max(0, r)];
-  }
+var TelemetryCollector = class {
+	renderer;
+	sessionId;
+	frameSamples = [];
+	sampleInterval = null;
+	stopped = false;
+	constructor(renderer) {
+		this.renderer = renderer;
+		this.sessionId = `tel_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+	}
+	stop() {
+		this.stopped = true;
+		if (this.sampleInterval) {
+			clearInterval(this.sampleInterval);
+			this.sampleInterval = null;
+		}
+	}
+	async start() {
+		try {
+			await this.sleep(TELEMETRY_CONFIG.warmupDuration);
+			if (this.stopped) return;
+			this.sampleInterval = setInterval(() => {
+				if (this.stopped) return;
+				try {
+					const stats = this.renderer.getPerformanceStats();
+					this.frameSamples.push(stats);
+				} catch (error) {
+					console.error("Telemetry sampling error:", error);
+				}
+			}, TELEMETRY_CONFIG.sampleInterval);
+			await this.sleep(TELEMETRY_CONFIG.collectionDuration - TELEMETRY_CONFIG.warmupDuration);
+			if (this.stopped) return;
+			if (this.sampleInterval) {
+				clearInterval(this.sampleInterval);
+				this.sampleInterval = null;
+			}
+			if (!this.stopped && this.frameSamples.length >= 10) {
+				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);
+		}
+	}
+	sleep(ms) {
+		return new Promise((resolve) => setTimeout(resolve, ms));
+	}
+	aggregateData() {
+		const performance = this.aggregatePerformance();
+		const renderer = this.detectRendererType();
+		const components = this.extractComponents();
+		const environment = collectEnvironment();
+		return {
+			sessionId: this.sessionId,
+			timestamp: Date.now(),
+			collectionDuration: TELEMETRY_CONFIG.collectionDuration,
+			performance,
+			renderer,
+			components,
+			environment
+		};
+	}
+	aggregatePerformance() {
+		if (this.frameSamples.length === 0) return {
+			fps: 0,
+			frameTime: {
+				avg: 0,
+				min: 0,
+				max: 0,
+				p99: 0
+			},
+			jankPercent: 0,
+			budgetUsed: 0
+		};
+		const frameTimes = this.frameSamples.map((s) => s.avgFrameTime);
+		const jankPercents = this.frameSamples.map((s) => s.jankPercent);
+		const budgetUseds = this.frameSamples.map((s) => s.budgetUsed);
+		const fpsValues = this.frameSamples.map((s) => s.fps);
+		const fps = this.calculateMedian(fpsValues);
+		const avgFrameTime = this.calculateMean(frameTimes);
+		const minFrameTime = Math.min(...frameTimes);
+		const maxFrameTime = Math.max(...frameTimes);
+		const p99FrameTime = this.calculatePercentile(frameTimes, 99);
+		const jankPercent = this.calculateMean(jankPercents);
+		const budgetUsed = this.calculateMean(budgetUseds);
+		return {
+			fps: Math.round(fps * 10) / 10,
+			frameTime: {
+				avg: Math.round(avgFrameTime * 10) / 10,
+				min: Math.round(minFrameTime * 10) / 10,
+				max: Math.round(maxFrameTime * 10) / 10,
+				p99: Math.round(p99FrameTime * 10) / 10
+			},
+			jankPercent: Math.round(jankPercent * 10) / 10,
+			budgetUsed: Math.round(budgetUsed * 10) / 10
+		};
+	}
+	detectRendererType() {
+		const latestSample = this.frameSamples[this.frameSamples.length - 1];
+		return {
+			type: this.renderer.getRendererType?.() || "webgl",
+			drawCalls: latestSample?.drawCalls ?? null,
+			textureCount: latestSample?.textureCount ?? null
+		};
+	}
+	extractComponents() {
+		try {
+			const nodeRegistry = this.renderer.getNodeRegistry();
+			const components = [];
+			for (const [_, nodeInfo] of nodeRegistry.nodes) {
+				if (nodeInfo.parentId === null) continue;
+				components.push({
+					name: nodeInfo.componentName,
+					requiresRTT: nodeInfo.requiresRTT,
+					renderOrder: nodeInfo.metadata.renderOrder
+				});
+			}
+			return components.sort((a, b) => a.renderOrder - b.renderOrder);
+		} catch (error) {
+			console.error("Failed to extract components:", error);
+			return [];
+		}
+	}
+	async sendTelemetry(payload) {
+		try {
+			const response = await fetch(TELEMETRY_CONFIG.apiEndpoint, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify(payload)
+			});
+			if (!response.ok) console.warn("Telemetry send failed:", response.status, response.statusText);
+		} catch (error) {
+			console.error("Telemetry send error:", error);
+		}
+	}
+	calculateMean(values) {
+		if (values.length === 0) return 0;
+		return values.reduce((a, b) => a + b, 0) / values.length;
+	}
+	calculateMedian(values) {
+		if (values.length === 0) return 0;
+		const sorted = [...values].sort((a, b) => a - b);
+		const mid = Math.floor(sorted.length / 2);
+		if (sorted.length % 2 === 0) return (sorted[mid - 1] + sorted[mid]) / 2;
+		else return sorted[mid];
+	}
+	calculatePercentile(values, percentile) {
+		if (values.length === 0) return 0;
+		const sorted = [...values].sort((a, b) => a - b);
+		const index = Math.ceil(percentile / 100 * sorted.length) - 1;
+		return sorted[Math.max(0, index)];
+	}
 };
-function f() {
-  return typeof window < "u" && window.location?.search?.includes("telemetry=true") ? !0 : Math.random() < s.samplingRate;
+function shouldCollectTelemetry() {
+	if (typeof window !== "undefined" && window.location?.search?.includes("telemetry=true")) return true;
+	return Math.random() < TELEMETRY_CONFIG.samplingRate;
 }
-function g() {
-  if (typeof window > "u" || !window.location) return !1;
-  const e = window.location.hostname;
-  return !e.includes("shaders.com") && e !== "localhost" && e !== "127.0.0.1";
+function isExternalUser() {
+	if (typeof window === "undefined" || !window.location) return false;
+	const hostname = window.location.hostname;
+	return !hostname.includes("shaders.com") && hostname !== "localhost" && hostname !== "127.0.0.1";
 }
-export {
-  h as TelemetryCollector,
-  g as isExternalUser,
-  f as shouldCollectTelemetry
-};
+export { TelemetryCollector, isExternalUser, shouldCollectTelemetry };

package/dist/core/time-CTJvRUZ4.js

@@ -0,0 +1,10 @@
+import { uniform } from "three/tsl";
+const createAnimatedTime = (params, speedUniform, seedUniform) => {
+	const accumulatedTime = uniform(0);
+	params.onBeforeRender(({ deltaTime }) => {
+		accumulatedTime.value += deltaTime * speedUniform.uniform.value;
+	});
+	if (seedUniform) return accumulatedTime.add(seedUniform.uniform);
+	return accumulatedTime;
+};
+export { createAnimatedTime as t };