shaders 2.5.92 → 2.5.94

package/dist/core/{Blob-56vuq_qL.js → Blob-CuRSRXmA.js}

@@ -1,7 +1,7 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
-import { dot, float, length, max, normalize, pow, reflect, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { dot, float, length, max, normalize, pow, reflect, screenUV, sin, smoothstep, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Blob",
 	category: "Textures",
@@ -172,7 +172,7 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms } = params;
+		const { uniforms, onBeforeRender } = params;
 		const baseUV = screenUV;
 		const animTime = createAnimatedTime(params, uniforms.speed, uniforms.seed);
 		const colorA = uniforms.colorA.uniform;
@@ -181,9 +181,6 @@ const componentDefinition = {
 		const deformation = uniforms.deformation.uniform;
 		const softness = uniforms.softness.uniform;
 		const highlightIntensity = uniforms.highlightIntensity.uniform;
-		const highlightX = uniforms.highlightX.uniform;
-		const highlightY = uniforms.highlightY.uniform;
-		const highlightZ = uniforms.highlightZ.uniform;
 		const highlightColor = uniforms.highlightColor.uniform;
 		const edgeWidth = softness.mul(float(.3));
 		const edgeCurve = softness.mul(float(2)).add(float(.5));
@@ -201,12 +198,30 @@ const componentDefinition = {
 		const noiseAmount = noise1.add(noise2).add(noise3).add(noise4);
 		const organicRadius = baseRadius.add(noiseAmount);
 		const blobMask = pow(smoothstep(organicRadius.sub(edgeWidth), organicRadius.add(edgeWidth), dist).oneMinus(), edgeCurve);
-		const distFromCenter = length(uv$1);
+		const distFromCenter = dist;
 		const sphereRadius = organicRadius;
 		const normalTilt = smoothstep(float(0), sphereRadius, distFromCenter);
 		const fakeZ = float(1).sub(normalTilt.mul(float(.1)));
 		const surfaceNormal = normalize(vec3(uv$1.x.mul(normalTilt.add(float(.2))), uv$1.y.mul(normalTilt.add(float(.2))), fakeZ));
-		const lightDir = normalize(vec3(highlightX, highlightY, highlightZ));
+		const normLx = uniform(0);
+		const normLy = uniform(0);
+		const normLz = uniform(1);
+		onBeforeRender(() => {
+			const lx = uniforms.highlightX.uniform.value;
+			const ly = uniforms.highlightY.uniform.value;
+			const lz = uniforms.highlightZ.uniform.value;
+			const len = Math.sqrt(lx * lx + ly * ly + lz * lz);
+			if (len > 0) {
+				normLx.value = lx / len;
+				normLy.value = ly / len;
+				normLz.value = lz / len;
+			} else {
+				normLx.value = 0;
+				normLy.value = 0;
+				normLz.value = 0;
+			}
+		});
+		const lightDir = vec3(normLx, normLy, normLz);
 		const viewDir = vec3(float(0), float(0), float(1));
 		const reflectDir = reflect(lightDir.negate(), surfaceNormal);
 		const specularPower = float(32);

package/dist/core/{CursorRipples-n_xEDr10.js → CursorRipples-Bo-3LZoC.js}

@@ -101,6 +101,7 @@ const componentDefinition = {
 		let prevX = .5;
 		let prevY = .5;
 		let lastTime = Date.now();
+		let prevMaxAbsVal = 1;
 		onBeforeRender(({ pointer }) => {
 			const currentTime = Date.now();
 			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
@@ -112,7 +113,11 @@ const componentDefinition = {
 			const rawVelX = dt > 0 ? (pointer.x - prevX) / dt : 0;
 			const rawVelY = dt > 0 ? (pointer.y - prevY) / dt : 0;
 			const mouseSpeed = Math.min(Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY), 2);
+			prevX = pointer.x;
+			prevY = pointer.y;
+			if (mouseSpeed <= .01 && prevMaxAbsVal < 1e-6) return;
 			const dampFactor = 1 - decay * .004;
+			let maxAbsVal = 0;
 			for (let s = 0; s < substeps; s++) {
 				const curr$1 = buffers[currentBuffer];
 				const prev = buffers[1 - currentBuffer];
@@ -137,10 +142,14 @@ const componentDefinition = {
 				}
 				for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
 					const idx = i * GRID_SIZE + j;
-					prev[idx] = ((curr$1[idx - 1] + curr$1[idx + 1] + curr$1[idx - GRID_SIZE] + curr$1[idx + GRID_SIZE]) * .5 - prev[idx]) * dampFactor;
+					const next = ((curr$1[idx - 1] + curr$1[idx + 1] + curr$1[idx - GRID_SIZE] + curr$1[idx + GRID_SIZE]) * .5 - prev[idx]) * dampFactor;
+					prev[idx] = next;
+					const absNext = next < 0 ? -next : next;
+					if (absNext > maxAbsVal) maxAbsVal = absNext;
 				}
 				currentBuffer = 1 - currentBuffer;
 			}
+			prevMaxAbsVal = maxAbsVal;
 			const curr = buffers[currentBuffer];
 			for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
 				const idx = i * GRID_SIZE + j;
@@ -149,8 +158,6 @@ const componentDefinition = {
 				displacementData[dIdx + 1] = (curr[idx + GRID_SIZE] - curr[idx - GRID_SIZE]) * .5;
 			}
 			displacementTexture.needsUpdate = true;
-			prevX = pointer.x;
-			prevY = pointer.y;
 		});
 		onCleanup(() => {
 			displacementTexture.dispose();

package/dist/core/DOMTexture-Dw3Qakny.js

@@ -0,0 +1,97 @@
+import { CanvasTexture, LinearFilter, SRGBColorSpace } from "three/webgpu";
+import { screenUV, texture } from "three/tsl";
+const componentDefinition = {
+	name: "DOMTexture",
+	category: "Textures",
+	description: "Render live HTML/DOM content as a WebGPU texture layer via the html-in-canvas API. Requires Chrome Canary with chrome://flags/#canvas-draw-element enabled.",
+	capturesDOM: true,
+	experimental: {
+		message: "Requires Chrome Canary with chrome://flags/#canvas-draw-element enabled. Do not use for production use.",
+		docs: "This component is powered by the WICG html-in-canvas proposal, which is currently only available in Chrome Canary behind a feature flag. It is not suitable for production use and may change as the specification evolves.",
+		docsLink: {
+			url: "https://github.com/WICG/html-in-canvas",
+			label: "View the spec"
+		}
+	},
+	props: {},
+	fragmentNode: ({ onCleanup, onBeforeRender, onResize, renderer, domCanvas }) => {
+		const dpr = Math.min(window.devicePixelRatio, 2);
+		const backingCanvas = document.createElement("canvas");
+		backingCanvas.width = Math.round(window.innerWidth * dpr);
+		backingCanvas.height = Math.round(window.innerHeight * dpr);
+		const ctx = backingCanvas.getContext("2d");
+		ctx.fillStyle = "rgba(0,0,0,0)";
+		ctx.fillRect(0, 0, backingCanvas.width, backingCanvas.height);
+		const threeTexture = new CanvasTexture(backingCanvas);
+		threeTexture.colorSpace = SRGBColorSpace;
+		threeTexture.generateMipmaps = false;
+		threeTexture.minFilter = LinearFilter;
+		threeTexture.needsUpdate = true;
+		const textureNode = texture(threeTexture);
+		let gpuTexture = null;
+		let gpuDevice = null;
+		let contentElement = null;
+		let hasLoggedError = false;
+		let paintSetup = false;
+		let hasFreshSnapshot = false;
+		onBeforeRender(() => {
+			if (!domCanvas) return;
+			if (!contentElement) {
+				contentElement = domCanvas.firstElementChild;
+				if (contentElement) {
+					const rect = contentElement.getBoundingClientRect();
+					const physW = Math.round(rect.width * window.devicePixelRatio);
+					const physH = Math.round(rect.height * window.devicePixelRatio);
+					if (physW > 0 && physH > 0 && (physW !== backingCanvas.width || physH !== backingCanvas.height)) {
+						backingCanvas.width = physW;
+						backingCanvas.height = physH;
+						threeTexture.needsUpdate = true;
+					}
+				}
+			}
+			if (!contentElement) return;
+			if (!gpuDevice) try {
+				gpuDevice = renderer.backend?.device ?? null;
+			} catch {}
+			if (!gpuTexture && gpuDevice) try {
+				gpuTexture = renderer.backend.get(threeTexture)?.texture ?? null;
+			} catch {}
+			if (!paintSetup) {
+				domCanvas.getContext("2d");
+				domCanvas.onpaint = () => {
+					hasFreshSnapshot = true;
+				};
+				domCanvas.requestPaint?.();
+				paintSetup = true;
+				return;
+			}
+			if (hasFreshSnapshot && gpuDevice && gpuTexture && contentElement) try {
+				gpuDevice.queue.copyElementImageToTexture(contentElement, { texture: gpuTexture });
+				hasFreshSnapshot = false;
+			} catch (e) {
+				if (!hasLoggedError) {
+					console.warn("[DOMTexture] copyElementImageToTexture failed.\nRequires Chrome Canary with chrome://flags/#canvas-draw-element enabled.\nThe element must be a direct child of a <canvas layoutsubtree>.", e);
+					hasLoggedError = true;
+				}
+			}
+		});
+		onResize(() => {
+			const newDpr = Math.min(window.devicePixelRatio, 2);
+			backingCanvas.width = Math.round(window.innerWidth * newDpr);
+			backingCanvas.height = Math.round(window.innerHeight * newDpr);
+			threeTexture.dispose();
+			threeTexture.image = backingCanvas;
+			threeTexture.needsUpdate = true;
+			gpuTexture = null;
+			hasFreshSnapshot = false;
+			if (domCanvas) domCanvas.requestPaint?.();
+		});
+		onCleanup(() => {
+			if (domCanvas) domCanvas.onpaint = null;
+			threeTexture.dispose();
+		});
+		return textureNode.sample(screenUV);
+	}
+};
+var DOMTexture_default = componentDefinition;
+export { componentDefinition as n, DOMTexture_default as t };

package/dist/core/{Glass-BGy9jsiS.js → Glass-CRfTkmRy.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
 import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-Bux00UoZ.js";
-import { Fn, clamp, convertToTexture, cos, dot, exp2, float, max, mix, pow, screenUV, sin, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { Fn, clamp, convertToTexture, dot, exp2, float, max, mix, pow, screenUV, smoothstep, sqrt, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var GOLDEN_ANGLE = 2.3999632297286535;
 var BLUR_SAMPLE_COUNT = 9;
 const BLUR_DISK = [];
@@ -10,7 +10,16 @@ for (let i = 0; i < BLUR_SAMPLE_COUNT; i++) {
 	BLUR_DISK.push([Math.cos(angle) * r, Math.sin(angle) * r]);
 }
 var INV_HLEN_GLASS = 1 / Math.sqrt(5);
-function applyGlassEffect(childTexture, sdfSampler, uniforms) {
+function applyGlassEffect(childTexture, sdfSampler, uniforms, onBeforeRender) {
+	const lx = uniform(0);
+	const ly = uniform(0);
+	const updateLightAngle = () => {
+		const rad = uniforms.lightAngle.uniform.value * Math.PI / 180;
+		lx.value = Math.cos(rad);
+		ly.value = Math.sin(rad);
+	};
+	updateLightAngle();
+	onBeforeRender?.(updateLightAngle);
 	return Fn(() => {
 		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
@@ -27,9 +36,6 @@ function applyGlassEffect(childTexture, sdfSampler, uniforms) {
 		const gradY = sdfSampler(sdfUV.add(vec2(float(0), EPS))).r.sub(sdfRaw).div(EPS);
 		const rb1 = clamp(sdf.negate().div(sharp).mul(float(32)), float(0), float(1));
 		const rb2base = clamp(sdf.sub(pxH).negate().div(sharp).mul(float(16)), float(0), float(1)).sub(clamp(sdf.negate().div(sharp).mul(float(16)), float(0), float(1)));
-		const lightRad = uniforms.lightAngle.uniform.mul(float(Math.PI / 180));
-		const lx = cos(lightRad);
-		const ly = sin(lightRad);
 		const lightFacing = gradX.mul(lx).add(gradY.mul(ly)).mul(float(.5)).add(float(.5));
 		const rb2 = rb2base.mul(lightFacing).mul(uniforms.highlight.uniform);
 		const thicknessRange = uniforms.thickness.uniform.mul(float(.3)).max(float(.005));
@@ -383,8 +389,8 @@ const componentDefinition = {
 				};
 			}
 		})();
-		if (shapeSdfUrl) return applyGlassEffect(childTexture, createSvgSdfSampler(shapeSdfUrl, onBeforeRender, onCleanup), uniforms);
-		else return applyGlassEffect(childTexture, createAnalyticSdfSampler(uniforms.shapeType.uniform.value || initialConfig.type || "circleSDF", initialConfig, uniforms.shape, onBeforeRender), uniforms);
+		if (shapeSdfUrl) return applyGlassEffect(childTexture, createSvgSdfSampler(shapeSdfUrl, onBeforeRender, onCleanup), uniforms, onBeforeRender);
+		else return applyGlassEffect(childTexture, createAnalyticSdfSampler(uniforms.shapeType.uniform.value || initialConfig.type || "circleSDF", initialConfig, uniforms.shape, onBeforeRender), uniforms, onBeforeRender);
 	}
 };
 var Glass_default = componentDefinition;

package/dist/core/{VideoTexture-C90aUnt4.js → VideoTexture-BobyGZGr.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-CpS3EEFG.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DIoaEnIX.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{WaveDistortion-C7mIgJok.js → WaveDistortion-CHb75HO3.js}

@@ -2,7 +2,7 @@ import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { c as transformEdges } from "./transformations-B5lM6fYX.js";
 import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
-import { PI, abs, convertToTexture, cos, float, fract, screenUV, sin, step, vec2, vec4, viewportSize } from "three/tsl";
+import { PI, abs, convertToTexture, cos, float, fract, screenUV, sin, step, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "WaveDistortion",
 	category: "Distortions",
@@ -130,14 +130,27 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, childNode, onCleanup } = params;
+		const { uniforms, childNode, onCleanup, onBeforeRender } = params;
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const uvCoord = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const t = createAnimatedTime(params, uniforms.speed).mul(.5);
-		const angleRad = uniforms.angle.uniform.mul(PI).div(180);
-		const cosAngle = cos(angleRad);
-		const sinAngle = sin(angleRad);
+		let cosAngle, sinAngle;
+		if (uniforms.angle.uniform.isUniformNode) {
+			const precomputedCos = uniform(1);
+			const precomputedSin = uniform(0);
+			onBeforeRender(() => {
+				const rad = uniforms.angle.uniform.value * Math.PI / 180;
+				precomputedCos.value = Math.cos(rad);
+				precomputedSin.value = Math.sin(rad);
+			});
+			cosAngle = precomputedCos;
+			sinAngle = precomputedSin;
+		} else {
+			const angleRad = uniforms.angle.uniform.mul(PI).div(180);
+			cosAngle = cos(angleRad);
+			sinAngle = sin(angleRad);
+		}
 		const centeredUV = uvCoord.sub(vec2(.5, .5));
 		const aspectCorrectedUV = vec2(centeredUV.x.mul(aspect), centeredUV.y);
 		const phase = vec2(aspectCorrectedUV.x.mul(cosAngle).sub(aspectCorrectedUV.y.mul(sinAngle)), aspectCorrectedUV.x.mul(sinAngle).add(aspectCorrectedUV.y.mul(cosAngle))).y.add(.5).mul(uniforms.frequency.uniform).mul(PI.mul(2)).add(t);

package/dist/core/{WebcamTexture-7SK_C_Xf.js → WebcamTexture-BXj7sqND.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-CpS3EEFG.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DIoaEnIX.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/effects/glass.d.ts

@@ -61,5 +61,5 @@ export interface GlassEffectUniforms {
         uniform: any;
     };
 }
-export declare function applyGlassEffect(childTexture: any, sdfSampler: (uv: any) => any, uniforms: GlassEffectUniforms & UniformsMap): Node;
+export declare function applyGlassEffect(childTexture: any, sdfSampler: (uv: any) => any, uniforms: GlassEffectUniforms & UniformsMap, onBeforeRender?: (callback: () => void) => void): Node;
 //# sourceMappingURL=glass.d.ts.map

package/dist/core/effects/glass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/effects/glass.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAMzC,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAO,CAAA;AAO/C,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,KAAK,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACvB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,IAAI,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACtB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC/B,sBAAsB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxC,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,cAAc,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAChC,iBAAiB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACnC,OAAO,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,eAAe,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACjC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAC9B;AAgBD,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,EAC5B,QAAQ,EAAE,mBAAmB,GAAG,WAAW,GAC5C,IAAI,CAyKN"}
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/effects/glass.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAMzC,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAO,CAAA;AAO/C,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,KAAK,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACvB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,IAAI,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACtB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC/B,sBAAsB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxC,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC5B,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC3B,cAAc,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAChC,iBAAiB,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACnC,OAAO,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IAC9B,eAAe,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACjC,MAAM,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;IACxB,SAAS,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAC9B;AAgBD,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,EAC5B,QAAQ,EAAE,mBAAmB,GAAG,WAAW,EAC3C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,GAChD,IAAI,CAmLN"}

package/dist/core/index.js

@@ -7,7 +7,7 @@ import "./colorMixing-BPpDnR5I.js";
 import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
 import "./Aurora-BPHeGEZ_.js";
 import "./Beam-CAnoOWgt.js";
-import "./Blob-56vuq_qL.js";
+import "./Blob-CuRSRXmA.js";
 import "./Blur-DTyNQt1R.js";
 import "./BrightnessContrast-BoR9bi58.js";
 import "./Bulge-DN2R75Hp.js";
@@ -24,90 +24,91 @@ import "./Crescent-DPxGWdPH.js";
 import "./Cross-CDyzf8TT.js";
 import "./CRTScreen-DolQEkb1.js";
 import "./Crystal-DSuN8TNY.js";
-import "./CursorRipples-n_xEDr10.js";
+import "./CursorRipples-Bo-3LZoC.js";
 import "./CursorTrail-C-0lpOV1.js";
 import "./DiamondGradient-TsOxHjg_.js";
 import "./DiffuseBlur-BqIV4JLM.js";
 import "./Dither-D_YF6z03.js";
-import "./DotGrid-Cv_aCN_c.js";
-import "./DropShadow-9bPzXwAc.js";
-import "./Duotone-Db9kfzCs.js";
-import "./Ellipse-BvlGDQyZ.js";
-import "./Emboss-CF-BN_CQ.js";
-import "./FallingLines-CTa8zuvs.js";
-import "./FilmGrain-SrB3ZXIg.js";
-import "./FloatingParticles-BVUK6GlL.js";
-import "./Flower-ByQNUJyZ.js";
-import "./FlowField-CF95xOBc.js";
-import "./FlowingGradient-DhOce4wJ.js";
-import "./Form3D-CcBdpCQr.js";
-import "./Glass-BGy9jsiS.js";
-import "./GlassTiles-LsfUL0JT.js";
-import "./Glitch-DuQ-dtyM.js";
-import "./Glow-CsiZkj9_.js";
-import "./Godrays-CoSL15CM.js";
-import "./Grayscale-BrwJ4_uW.js";
-import "./Grid-Dweeo8b2.js";
-import "./GridDistortion-DIarsmKa.js";
-import "./Group-Cc3_0QdC.js";
-import "./Halftone-nfr7eNaT.js";
-import "./HexGrid-KxwCqF1D.js";
-import "./HueShift-kNK2rEVM.js";
-import "./ImageTexture-acllbA1z.js";
-import "./Invert-CMnUhHo2.js";
-import "./Kaleidoscope-CgnidMrq.js";
-import "./LensFlare-CkCTGuKS.js";
-import "./LinearBlur-ByirUCm_.js";
-import "./LinearGradient-B2ErQXPL.js";
-import "./Liquify-BTyJAOmV.js";
-import "./Mirror-CAW37Y13.js";
-import "./MultiPointGradient-BcjurHeM.js";
-import "./Neon-CRC16G0F.js";
-import "./Paper-Dkh14pIW.js";
-import "./Perspective-CyG4fNaI.js";
-import "./Pixelate-DkD_q_Ma.js";
-import "./Plasma-Cuv1eJhl.js";
-import "./PolarCoordinates-iQB2vg0q.js";
-import "./Polygon-2V8po0Ba.js";
-import "./Posterize-Bnf3EUfk.js";
-import "./ProgressiveBlur-Bc_dXikb.js";
-import "./RadialGradient-niSnNlOF.js";
-import "./RectangularCoordinates-DbQ25OTz.js";
-import "./Ring-BiKv_lr2.js";
-import "./Ripples-Daco0GPY.js";
-import "./RoundedRect-BjOTRXb0.js";
-import "./Saturation-BNWZN-nJ.js";
-import "./Sharpness-tRNM2arG.js";
-import "./Shatter-Cyq_lBjn.js";
-import "./SimplexNoise-DSvDs4b7.js";
-import "./SineWave-Beim8Xoe.js";
-import "./Solarize-B0aT_8tE.js";
-import "./SolidColor-kt6ayyXz.js";
-import "./Spherize-u6gO2hh2.js";
-import "./Spiral-DRpE_jsz.js";
-import "./Star-DJnks6B5.js";
-import "./Strands-BqCaitMb.js";
-import "./Stretch-TztFP3F2.js";
-import "./Stripes-UYWf5Cmn.js";
-import "./StudioBackground-CvKGt77W.js";
-import "./Swirl-YCWu5OJE.js";
-import "./TiltShift-DKibnYzM.js";
-import "./Tint-aVYSCIlD.js";
-import "./Trapezoid-CoK8i1IS.js";
-import "./Tritone-Cn0ugwld.js";
-import "./Truchet-Bz6ETvSS.js";
-import "./Twirl-Dk8y9GcM.js";
-import "./Vesica-BELYZ5M8.js";
-import "./Vibrance-Cdx5A_q2.js";
-import "./browser-CpS3EEFG.js";
-import "./VideoTexture-C90aUnt4.js";
-import "./Vignette-B94FMFBz.js";
-import "./Voronoi-DPWvdZ05.js";
-import "./WaveDistortion-C7mIgJok.js";
-import "./Weave-DzZv1-19.js";
-import "./WebcamTexture-7SK_C_Xf.js";
-import "./ZoomBlur-DUcqnggc.js";
-import { t as getAllShaders } from "./shaderRegistry-BiyVs5uZ.js";
+import "./DOMTexture-Dw3Qakny.js";
+import "./DotGrid-CiDt4NmI.js";
+import "./DropShadow-BRoXryDA.js";
+import "./Duotone-CGHcHB9f.js";
+import "./Ellipse-BNmzdnpK.js";
+import "./Emboss-nrduRrVs.js";
+import "./FallingLines-vdw8KxhV.js";
+import "./FilmGrain-BqQeKO6Z.js";
+import "./FloatingParticles-DR5cv6Eh.js";
+import "./Flower-B4xPp0Qa.js";
+import "./FlowField-DpP32B1X.js";
+import "./FlowingGradient-lSouJxmq.js";
+import "./Form3D-DQD-0zrd.js";
+import "./Glass-CRfTkmRy.js";
+import "./GlassTiles-B7aAvcTQ.js";
+import "./Glitch-CgmgjLea.js";
+import "./Glow-CKWIRcBt.js";
+import "./Godrays-o-3Im6H1.js";
+import "./Grayscale-Bip62olI.js";
+import "./Grid-hwQnF_hs.js";
+import "./GridDistortion-DXM5MgSc.js";
+import "./Group-BexPm4Fb.js";
+import "./Halftone-onLYU4dF.js";
+import "./HexGrid-BkqEEgfh.js";
+import "./HueShift-BldS-av9.js";
+import "./ImageTexture-DLCjc5cM.js";
+import "./Invert-C2LI5GXr.js";
+import "./Kaleidoscope-CxWjs5jx.js";
+import "./LensFlare-BNO7tCXH.js";
+import "./LinearBlur-Ds6rm8u-.js";
+import "./LinearGradient-BZjDhnZp.js";
+import "./Liquify-CqcAWBwZ.js";
+import "./Mirror-5W3sul9v.js";
+import "./MultiPointGradient-lpUGnrLq.js";
+import "./Neon-CUKnkAK8.js";
+import "./Paper-14yYPnWW.js";
+import "./Perspective-POVbIGPc.js";
+import "./Pixelate-CxUxBDeN.js";
+import "./Plasma-DM9TU0VN.js";
+import "./PolarCoordinates-t4Wa00gQ.js";
+import "./Polygon-C1y6Nyh4.js";
+import "./Posterize-Dk4DE8Ee.js";
+import "./ProgressiveBlur-BcHBSVDo.js";
+import "./RadialGradient-CSXQIa5L.js";
+import "./RectangularCoordinates-YaZ_uRXb.js";
+import "./Ring-Chj1tp_P.js";
+import "./Ripples-wJx2FwJY.js";
+import "./RoundedRect-BEj6tE1e.js";
+import "./Saturation-B500nPZH.js";
+import "./Sharpness-NqY4_gKZ.js";
+import "./Shatter-CZMOHj60.js";
+import "./SimplexNoise-2-J7EbY9.js";
+import "./SineWave-OWJVWsI1.js";
+import "./Solarize-CEhQxL9Z.js";
+import "./SolidColor-Dlzm61ZG.js";
+import "./Spherize-CXf4_Mkm.js";
+import "./Spiral-CSXNX92f.js";
+import "./Star-fPw1j10r.js";
+import "./Strands-BPVy1zbt.js";
+import "./Stretch-CFAjfvny.js";
+import "./Stripes-BSGzno-I.js";
+import "./StudioBackground-81AihXcZ.js";
+import "./Swirl-D_ZvZtDS.js";
+import "./TiltShift-BysRsV8v.js";
+import "./Tint-C6xN-Qot.js";
+import "./Trapezoid-Cr61vRvN.js";
+import "./Tritone-Dk8GcpYo.js";
+import "./Truchet-BFd2XYD3.js";
+import "./Twirl-CA0r8U7e.js";
+import "./Vesica-AXTA8DJU.js";
+import "./Vibrance-Dq1jBFJb.js";
+import "./browser-DIoaEnIX.js";
+import "./VideoTexture-BobyGZGr.js";
+import "./Vignette-DB8x78Up.js";
+import "./Voronoi-ALXxxHBo.js";
+import "./WaveDistortion-CHb75HO3.js";
+import "./Weave-j4CrCig4.js";
+import "./WebcamTexture-BXj7sqND.js";
+import "./ZoomBlur-Cl75kL8E.js";
+import { t as getAllShaders } from "./shaderRegistry-BzOzMO4V.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
@@ -1130,7 +1131,8 @@ function shaderRenderer() {
 					width: currentWidth,
 					height: currentHeight
 				},
-				renderer
+				renderer,
+				domCanvas: nodeInfo.domCanvas
 			}), nodeInfo), nodeInfo, nodeId, processedMasks);
 		} else {
 			const sortedChildren = [...childNodes].sort((a, b) => a.metadata.renderOrder - b.metadata.renderOrder);
@@ -1190,7 +1192,8 @@ function shaderRenderer() {
 								width: currentWidth,
 								height: currentHeight
 							},
-							renderer
+							renderer,
+							domCanvas: childInfo.domCanvas
 						}), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildren = mix(composedChildren || vec4(0, 0, 0, 0), childResult, childInfo.opacityUniform);
@@ -1222,7 +1225,8 @@ function shaderRenderer() {
 						width: currentWidth,
 						height: currentHeight
 					},
-					renderer
+					renderer,
+					domCanvas: nodeInfo.domCanvas
 				}), nodeInfo), nodeInfo, nodeId, processedMasks);
 			} else {
 				let composedChildrenResult = void 0;
@@ -1273,7 +1277,8 @@ function shaderRenderer() {
 								width: currentWidth,
 								height: currentHeight
 							},
-							renderer
+							renderer,
+							domCanvas: childInfo.domCanvas
 						}), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildrenResult = mix(composedChildrenResult || vec4(0, 0, 0, 0), childResult, childInfo.opacityUniform);
@@ -1305,12 +1310,13 @@ function shaderRenderer() {
 						width: currentWidth,
 						height: currentHeight
 					},
-					renderer
+					renderer,
+					domCanvas: nodeInfo.domCanvas
 				}), nodeInfo), nodeInfo, nodeId, processedMasks);
 			}
 		}
 	};
-	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition) => {
+	const registerNode = (id, fragmentNodeFunc, parentId, metadata, uniforms = {}, componentDefinition, domCanvas) => {
 		if (fragmentNodeFunc === null) {
 			const queueIndex = pendingRegistrationQueue.findIndex((item) => item.id === id);
 			if (queueIndex !== -1) {
@@ -1328,7 +1334,8 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition
+				componentDefinition,
+				domCanvas
 			};
 			else pendingRegistrationQueue.push({
 				id,
@@ -1336,7 +1343,8 @@ function shaderRenderer() {
 				parentId,
 				metadata,
 				uniforms,
-				componentDefinition
+				componentDefinition,
+				domCanvas
 			});
 			return;
 		}
@@ -1393,7 +1401,8 @@ function shaderRenderer() {
 			resizeCallbacks: [],
 			transformUniforms,
 			transformRTTActive: false,
-			mapSampleUVsFunc: componentDefinition?.mapSampleUVs
+			mapSampleUVsFunc: componentDefinition?.mapSampleUVs,
+			domCanvas
 		};
 		nodeRegistry.nodes.set(id, nodeInfo);
 		if (parentId === null) nodeRegistry.rootId = id;
@@ -1926,7 +1935,7 @@ function shaderRenderer() {
 		if (pendingRegistrationQueue.length === 0) return;
 		const queue = [...pendingRegistrationQueue];
 		pendingRegistrationQueue = [];
-		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition);
+		for (const { id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition, domCanvas } of queue) if (fragmentNodeFunc) registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition, domCanvas);
 	};
 	const initialize = async ({ canvas, resizeTarget, enablePerformanceTracking: enableTracking = true, colorSpace = "p3-linear", context, gpu, forceFullFrameRate: forceFullFps = false }) => {
 		if (isInitialized || isInitializing) return;