shaders 2.5.92 → 2.5.93

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

@@ -1,3 +1,3 @@
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-tRNM2arG.js";
+import { n as componentDefinition, t as Sharpness_default } from "../../Sharpness-NqY4_gKZ.js";
 export { componentDefinition, Sharpness_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Shatter_default } from "../../Shatter-Cyq_lBjn.js";
+import { n as componentDefinition, t as Shatter_default } from "../../Shatter-CZMOHj60.js";
 export { componentDefinition, Shatter_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-DSvDs4b7.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-2-J7EbY9.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-Beim8Xoe.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-OWJVWsI1.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Solarize_default } from "../../Solarize-B0aT_8tE.js";
+import { n as componentDefinition, t as Solarize_default } from "../../Solarize-CEhQxL9Z.js";
 export { componentDefinition, Solarize_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-kt6ayyXz.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-Dlzm61ZG.js";
 export { componentDefinition, SolidColor_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-u6gO2hh2.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-CXf4_Mkm.js";
 export { componentDefinition, Spherize_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DRpE_jsz.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-CSXNX92f.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-Bux00UoZ.js";
-import { n as componentDefinition, t as Star_default } from "../../Star-DJnks6B5.js";
+import { n as componentDefinition, t as Star_default } from "../../Star-fPw1j10r.js";
 export { componentDefinition, Star_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-BqCaitMb.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-BPVy1zbt.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-TztFP3F2.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-CFAjfvny.js";
 export { componentDefinition, Stretch_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-UYWf5Cmn.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-BSGzno-I.js";
 export { componentDefinition, Stripes_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-CvKGt77W.js";
+import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-81AihXcZ.js";
 export { componentDefinition, StudioBackground_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-YCWu5OJE.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-D_ZvZtDS.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-DKibnYzM.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-BysRsV8v.js";
 export { componentDefinition, TiltShift_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-aVYSCIlD.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-C6xN-Qot.js";
 export { componentDefinition, Tint_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-Bux00UoZ.js";
-import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-CoK8i1IS.js";
+import { n as componentDefinition, t as Trapezoid_default } from "../../Trapezoid-Cr61vRvN.js";
 export { componentDefinition, Trapezoid_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-Cn0ugwld.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-Dk8GcpYo.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
-import { n as componentDefinition, t as Truchet_default } from "../../Truchet-Bz6ETvSS.js";
+import { n as componentDefinition, t as Truchet_default } from "../../Truchet-BFd2XYD3.js";
 export { componentDefinition, Truchet_default as default };

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

@@ -1,5 +1,5 @@
 import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Dk8y9GcM.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-CA0r8U7e.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../sdf-Bux00UoZ.js";
-import { n as componentDefinition, t as Vesica_default } from "../../Vesica-BELYZ5M8.js";
+import { n as componentDefinition, t as Vesica_default } from "../../Vesica-AXTA8DJU.js";
 export { componentDefinition, Vesica_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-Cdx5A_q2.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-Dq1jBFJb.js";
 export { componentDefinition, Vibrance_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-CpS3EEFG.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-C90aUnt4.js";
+import "../../browser-DIoaEnIX.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-BobyGZGr.js";
 export { componentDefinition, VideoTexture_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Vignette_default } from "../../Vignette-B94FMFBz.js";
+import { n as componentDefinition, t as Vignette_default } from "../../Vignette-DB8x78Up.js";
 export { componentDefinition, Vignette_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../colorMixing-BPpDnR5I.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-DPWvdZ05.js";
+import { n as componentDefinition, t as Voronoi_default } from "../../Voronoi-ALXxxHBo.js";
 export { componentDefinition, Voronoi_default as default };

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

@@ -2,5 +2,5 @@ import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
 import "../../time-DUqSFWvT.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-C7mIgJok.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BVT1KuLK.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Weave_default } from "../../Weave-DzZv1-19.js";
+import { n as componentDefinition, t as Weave_default } from "../../Weave-j4CrCig4.js";
 export { componentDefinition, Weave_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-CpS3EEFG.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-7SK_C_Xf.js";
+import "../../browser-DIoaEnIX.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-BXj7sqND.js";
 export { componentDefinition, WebcamTexture_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DUcqnggc.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-Cl75kL8E.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/types.d.ts

@@ -442,6 +442,12 @@ export interface FragmentNodeParams {
      * This is useful for manual render target management in RTT effects
      */
     renderer: any;
+    /**
+     * Reference to the <canvas layoutsubtree> element used to capture DOM content.
+     * Only populated for shaders with capturesDOM: true in their ComponentDefinition.
+     * The element's direct children are available for copyElementImageToTexture.
+     */
+    domCanvas?: HTMLCanvasElement;
 }
 /**
  * The definition of a component within the Shader library.
@@ -470,6 +476,29 @@ export interface ComponentDefinition<T extends ComponentProps = ComponentProps>
      * Generative effects that create their own visuals should leave this false/undefined.
      */
     requiresChild?: boolean;
+    /**
+     * Whether this shader captures live DOM/HTML content as a texture.
+     * When true, the framework template wraps slot children in a <canvas layoutsubtree>
+     * and passes it as `domCanvas` in FragmentNodeParams.
+     * Requires Chrome Canary with chrome://flags/#canvas-draw-element enabled.
+     */
+    capturesDOM?: boolean;
+    /**
+     * Marks this component as experimental/preview.
+     * Surfaces a warning tooltip in the design editor layer stack,
+     * a callout block in generated documentation, and a console.info on first mount.
+     */
+    experimental?: {
+        /** Short message shown in the layer stack tooltip and console.info */
+        message: string;
+        /** Longer description for the generated docs callout (falls back to message if omitted) */
+        docs?: string;
+        /** Optional link shown in the docs callout only */
+        docsLink?: {
+            url: string;
+            label: string;
+        };
+    };
     /**
      * The props that can be passed to the component by the end-user.
      */

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

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

package/dist/js/createShader.js

@@ -41,7 +41,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.92", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.93", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAq3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAy3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAyG/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -329,6 +329,10 @@ var shaderMetadata = {
 		"colorA": "transparent",
 		"colorB": "#ffffff"
 	},
+	"DOMTexture": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
 	"DotGrid": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1346,6 +1350,7 @@ const availableComponents = [
 	"Crystal",
 	"CursorRipples",
 	"CursorTrail",
+	"DOMTexture",
 	"DiamondGradient",
 	"DiffuseBlur",
 	"Dither",

package/dist/react/AngularBlur.js

@@ -1,9 +1,16 @@
 import { ShaderContext } from "./Shader.js";
-import { useContext, useEffect, useId, useMemo, useRef } from "react";
+import { useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { createUniformsMap } from "../core/index.js";
 import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var _experimentalWarnedOnce = false;
+if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+	_experimentalWarnedOnce = true;
+	const _e = componentDefinition.experimental;
+	console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+}
 function isPropDriver(value) {
 	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
@@ -50,6 +57,26 @@ const ShaderComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const markerRef = useRef(null);
+	const isCapturesDOM = !!componentDefinition.capturesDOM;
+	const captureCanvasRef = useRef(null);
+	const [domMounted, setDomMounted] = useState(false);
+	const [captureSize, setCaptureSize] = useState(() => ({
+		w: typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0,
+		h: typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0
+	}));
+	useEffect(() => {
+		if (!isCapturesDOM) return;
+		setDomMounted(true);
+		const onResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			setCaptureSize({
+				w: Math.round(window.innerWidth * d),
+				h: Math.round(window.innerHeight * d)
+			});
+		};
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, [isCapturesDOM]);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
 	if (uniformsRef.current === null) {
@@ -78,7 +105,7 @@ const ShaderComponent = (props) => {
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition, isCapturesDOM ? captureCanvasRef.current ?? void 0 : void 0);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -89,7 +116,8 @@ const ShaderComponent = (props) => {
 	}, [
 		instanceId,
 		parentId,
-		parentRegister
+		parentRegister,
+		domMounted
 	]);
 	useEffect(() => {
 		if (props.renderOrder === void 0 && markerRef.current) {
@@ -167,14 +195,28 @@ const ShaderComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+	const captureCanvas = isCapturesDOM && domMounted ? createPortal(/* @__PURE__ */ jsx("canvas", {
+		ref: captureCanvasRef,
+		"layoutsubtree": "",
+		width: captureSize.w,
+		height: captureSize.h,
+		style: {
+			position: "fixed",
+			inset: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: -9999
+		},
+		children: props.children
+	}), document.body) : null;
+	return /* @__PURE__ */ jsxs(ShaderContext.Provider, {
 		value: childContextValue,
-		children: /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx("span", {
 			ref: markerRef,
 			style: MARKER_STYLE,
 			"data-shader-id": instanceId,
-			children: props.children
-		})
+			children: !isCapturesDOM && props.children
+		}), captureCanvas]
 	});
 };
 var AngularBlur_default = ShaderComponent;

package/dist/react/Ascii.js

@@ -1,9 +1,16 @@
 import { ShaderContext } from "./Shader.js";
-import { useContext, useEffect, useId, useMemo, useRef } from "react";
+import { useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { createUniformsMap } from "../core/index.js";
 import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Ascii/index.js";
+var _experimentalWarnedOnce = false;
+if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+	_experimentalWarnedOnce = true;
+	const _e = componentDefinition.experimental;
+	console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+}
 function isPropDriver(value) {
 	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
@@ -50,6 +57,26 @@ const ShaderComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const markerRef = useRef(null);
+	const isCapturesDOM = !!componentDefinition.capturesDOM;
+	const captureCanvasRef = useRef(null);
+	const [domMounted, setDomMounted] = useState(false);
+	const [captureSize, setCaptureSize] = useState(() => ({
+		w: typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0,
+		h: typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0
+	}));
+	useEffect(() => {
+		if (!isCapturesDOM) return;
+		setDomMounted(true);
+		const onResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			setCaptureSize({
+				w: Math.round(window.innerWidth * d),
+				h: Math.round(window.innerHeight * d)
+			});
+		};
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, [isCapturesDOM]);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
 	if (uniformsRef.current === null) {
@@ -78,7 +105,7 @@ const ShaderComponent = (props) => {
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition, isCapturesDOM ? captureCanvasRef.current ?? void 0 : void 0);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -89,7 +116,8 @@ const ShaderComponent = (props) => {
 	}, [
 		instanceId,
 		parentId,
-		parentRegister
+		parentRegister,
+		domMounted
 	]);
 	useEffect(() => {
 		if (props.renderOrder === void 0 && markerRef.current) {
@@ -167,14 +195,28 @@ const ShaderComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+	const captureCanvas = isCapturesDOM && domMounted ? createPortal(/* @__PURE__ */ jsx("canvas", {
+		ref: captureCanvasRef,
+		"layoutsubtree": "",
+		width: captureSize.w,
+		height: captureSize.h,
+		style: {
+			position: "fixed",
+			inset: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: -9999
+		},
+		children: props.children
+	}), document.body) : null;
+	return /* @__PURE__ */ jsxs(ShaderContext.Provider, {
 		value: childContextValue,
-		children: /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx("span", {
 			ref: markerRef,
 			style: MARKER_STYLE,
 			"data-shader-id": instanceId,
-			children: props.children
-		})
+			children: !isCapturesDOM && props.children
+		}), captureCanvas]
 	});
 };
 var Ascii_default = ShaderComponent;

package/dist/react/Aurora.js

@@ -1,9 +1,16 @@
 import { ShaderContext } from "./Shader.js";
-import { useContext, useEffect, useId, useMemo, useRef } from "react";
+import { useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { createUniformsMap } from "../core/index.js";
 import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Aurora/index.js";
+var _experimentalWarnedOnce = false;
+if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+	_experimentalWarnedOnce = true;
+	const _e = componentDefinition.experimental;
+	console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+}
 function isPropDriver(value) {
 	return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
 }
@@ -50,6 +57,26 @@ const ShaderComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const markerRef = useRef(null);
+	const isCapturesDOM = !!componentDefinition.capturesDOM;
+	const captureCanvasRef = useRef(null);
+	const [domMounted, setDomMounted] = useState(false);
+	const [captureSize, setCaptureSize] = useState(() => ({
+		w: typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0,
+		h: typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0
+	}));
+	useEffect(() => {
+		if (!isCapturesDOM) return;
+		setDomMounted(true);
+		const onResize = () => {
+			const d = Math.min(window.devicePixelRatio, 2);
+			setCaptureSize({
+				w: Math.round(window.innerWidth * d),
+				h: Math.round(window.innerHeight * d)
+			});
+		};
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, [isCapturesDOM]);
 	const detectedOrderRef = useRef(void 0);
 	const uniformsRef = useRef(null);
 	if (uniformsRef.current === null) {
@@ -78,7 +105,7 @@ const ShaderComponent = (props) => {
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition, isCapturesDOM ? captureCanvasRef.current ?? void 0 : void 0);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -89,7 +116,8 @@ const ShaderComponent = (props) => {
 	}, [
 		instanceId,
 		parentId,
-		parentRegister
+		parentRegister,
+		domMounted
 	]);
 	useEffect(() => {
 		if (props.renderOrder === void 0 && markerRef.current) {
@@ -167,14 +195,28 @@ const ShaderComponent = (props) => {
 	if (props.ref && typeof props.ref === "function") try {
 		props.ref(null);
 	} catch (e) {}
-	return /* @__PURE__ */ jsx(ShaderContext.Provider, {
+	const captureCanvas = isCapturesDOM && domMounted ? createPortal(/* @__PURE__ */ jsx("canvas", {
+		ref: captureCanvasRef,
+		"layoutsubtree": "",
+		width: captureSize.w,
+		height: captureSize.h,
+		style: {
+			position: "fixed",
+			inset: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: -9999
+		},
+		children: props.children
+	}), document.body) : null;
+	return /* @__PURE__ */ jsxs(ShaderContext.Provider, {
 		value: childContextValue,
-		children: /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx("span", {
 			ref: markerRef,
 			style: MARKER_STYLE,
 			"data-shader-id": instanceId,
-			children: props.children
-		})
+			children: !isCapturesDOM && props.children
+		}), captureCanvas]
 	});
 };
 var Aurora_default = ShaderComponent;