shaders 2.5.92 → 2.5.93

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/{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/{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/index.js

@@ -29,85 +29,86 @@ 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-CR9981-Z.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-BVT1KuLK.js";
+import "./Weave-j4CrCig4.js";
+import "./WebcamTexture-BXj7sqND.js";
+import "./ZoomBlur-Cl75kL8E.js";
+import { t as getAllShaders } from "./shaderRegistry-BZ6QG12o.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;

package/dist/core/registry.js

@@ -29,83 +29,84 @@ 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 { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, 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-CR9981-Z.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-BVT1KuLK.js";
+import "./Weave-j4CrCig4.js";
+import "./WebcamTexture-BXj7sqND.js";
+import "./ZoomBlur-Cl75kL8E.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-BZ6QG12o.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/renderer.d.ts

@@ -66,6 +66,10 @@ interface NodeInfo {
      * Used for resizing render targets in RTT effects
      */
     resizeCallbacks: ResizeCallback[];
+    /**
+     * Reference to the <canvas layoutsubtree> element for DOM capture shaders
+     */
+    domCanvas?: HTMLCanvasElement;
     /**
      * Optional transform uniforms for UV transformation
      * Only created if transform metadata exists
@@ -153,7 +157,7 @@ interface InitializeOptions {
 export declare function shaderRenderer(): {
     initialize: ({ canvas, resizeTarget, enablePerformanceTracking: enableTracking, colorSpace, context, gpu, forceFullFrameRate: forceFullFps }: InitializeOptions) => Promise<void>;
     cleanup: () => void;
-    registerNode: (id: string, fragmentNodeFunc: ComponentDefinition["fragmentNode"] | null, parentId: string | null, metadata: NodeMetadata | null, uniforms?: UniformsMap, componentDefinition?: ComponentDefinition) => void;
+    registerNode: (id: string, fragmentNodeFunc: ComponentDefinition["fragmentNode"] | null, parentId: string | null, metadata: NodeMetadata | null, uniforms?: UniformsMap, componentDefinition?: ComponentDefinition, domCanvas?: HTMLCanvasElement) => void;
     removeNode: (id: string) => void;
     updateUniformValue: (nodeId: string, uniformName: string, value: any) => void;
     updateNodeMetadata: (nodeId: string, metadata: Partial<NodeMetadata>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}