shaders 2.2.29 → 2.2.31

package/dist/core/index.js

@@ -1,65 +1,65 @@
-import { n as applyEdgeToUV, t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import "./transformations-Dv5JW9ck.js";
-import { n as componentDefinition } from "./AngularBlur-DKFExWUF.js";
-import { n as componentDefinition$1 } from "./Ascii-BRApYlD4.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { a as transformColorUpdate, c as transformPositionUpdate, r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { n as componentDefinition } from "./AngularBlur-CuwAjUOA.js";
+import { n as componentDefinition$1 } from "./Ascii-Dxk6VaBp.js";
 import "./colorMixing-CZPFmiT4.js";
-import { n as componentDefinition$2 } from "./Beam-DU7wxmIh.js";
-import { n as componentDefinition$3 } from "./Blob-nssNzEgN.js";
+import { n as componentDefinition$2 } from "./Beam-CbG4MkLo.js";
+import { n as componentDefinition$3 } from "./Blob-C_fYRjJF.js";
 import { n as componentDefinition$4 } from "./Blur-k37gOaRA.js";
-import { n as componentDefinition$5 } from "./Bulge-Dm02_fG6.js";
+import { n as componentDefinition$5 } from "./Bulge-C8-_hIFp.js";
 import { n as componentDefinition$6 } from "./ChannelBlur-BPOGOQXl.js";
-import { n as componentDefinition$7 } from "./Checkerboard-SKsXoUXE.js";
-import { n as componentDefinition$8 } from "./ChromaFlow-VpfgLFbs.js";
-import { n as componentDefinition$9 } from "./ChromaticAberration-CaCyXMyE.js";
-import { n as componentDefinition$10 } from "./Circle-BHnAmzVb.js";
+import { n as componentDefinition$7 } from "./Checkerboard-D_H3XYbF.js";
+import { n as componentDefinition$8 } from "./ChromaFlow-DhzC_8Ne.js";
+import { n as componentDefinition$9 } from "./ChromaticAberration-hi7WGiVk.js";
+import { n as componentDefinition$10 } from "./Circle-DI0gXpyD.js";
 import { n as componentDefinition$11 } from "./CRTScreen-DLy8Rig6.js";
-import { n as componentDefinition$12 } from "./CursorTrail-CfVWIKok.js";
-import { n as componentDefinition$13 } from "./DiffuseBlur-GWPb8Zht.js";
-import { n as componentDefinition$14 } from "./Dither-BNEeyo0u.js";
-import { n as componentDefinition$15 } from "./DotGrid-CRRS6nbt.js";
-import { n as componentDefinition$16 } from "./Duotone-5gKND3an.js";
-import { n as componentDefinition$17 } from "./FilmGrain-osBGk_b9.js";
-import { n as componentDefinition$18 } from "./FloatingParticles-CULOurGT.js";
-import { n as componentDefinition$19 } from "./GlassTiles-CA90XrNT.js";
+import { n as componentDefinition$12 } from "./CursorTrail-B9EQ9FsP.js";
+import { n as componentDefinition$13 } from "./DiffuseBlur-Cg7AsB3W.js";
+import { n as componentDefinition$14 } from "./Dither-Bb5rLGEI.js";
+import { n as componentDefinition$15 } from "./DotGrid-B2DXsjFE.js";
+import { n as componentDefinition$16 } from "./Duotone-CRwhugbV.js";
+import { n as componentDefinition$17 } from "./FilmGrain-CY4ZO9UI.js";
+import { n as componentDefinition$18 } from "./FloatingParticles-BduIDXKd.js";
+import { n as componentDefinition$19 } from "./GlassTiles-uW7j91uC.js";
 import { n as componentDefinition$20 } from "./Glow-D0boDIAW.js";
-import { n as componentDefinition$21 } from "./Godrays-BQsDwU26.js";
+import { n as componentDefinition$21 } from "./Godrays-ChqiT2zn.js";
 import { n as componentDefinition$22 } from "./Grayscale-Bi-XBvO_.js";
-import { n as componentDefinition$23 } from "./Grid-CWHxwO7R.js";
-import { n as componentDefinition$24 } from "./GridDistortion-CZB9w-rv.js";
+import { n as componentDefinition$23 } from "./Grid-DazyiX15.js";
+import { n as componentDefinition$24 } from "./GridDistortion-CYQUwuXw.js";
 import { n as componentDefinition$25 } from "./Group-C0AknFDS.js";
-import { n as componentDefinition$26 } from "./Halftone-MMcLMRpL.js";
+import { n as componentDefinition$26 } from "./Halftone-Ddrldk6b.js";
 import { n as componentDefinition$27 } from "./HueShift-DvOpzM7W.js";
-import { n as componentDefinition$28 } from "./ImageTexture-D9OMwqAs.js";
+import { n as componentDefinition$28 } from "./ImageTexture-D0xwHmkW.js";
 import { n as componentDefinition$29 } from "./Invert-Bmjbp6g6.js";
-import { n as componentDefinition$30 } from "./LinearBlur-B-Ikurxt.js";
-import { n as componentDefinition$31 } from "./LinearGradient-DV6UkhZk.js";
-import { n as componentDefinition$32 } from "./Liquify-W8UQNeEM.js";
-import { n as componentDefinition$33 } from "./Pixelate-_pyYeLRP.js";
-import { n as componentDefinition$34 } from "./PolarCoordinates-D63xm0oJ.js";
+import { n as componentDefinition$30 } from "./LinearBlur-cYfqaOhb.js";
+import { n as componentDefinition$31 } from "./LinearGradient-B6ySxWpU.js";
+import { n as componentDefinition$32 } from "./Liquify-yoKWSK0F.js";
+import { n as componentDefinition$33 } from "./Pixelate-BmE_Zryn.js";
+import { n as componentDefinition$34 } from "./PolarCoordinates-PLyS00-P.js";
 import { n as componentDefinition$35 } from "./Posterize-DIjjPS72.js";
-import { n as componentDefinition$36 } from "./ProgressiveBlur-G-s-o9ic.js";
-import { n as componentDefinition$37 } from "./RadialGradient-BGVqSwh0.js";
-import { n as componentDefinition$38 } from "./RectangularCoordinates-DyHBo456.js";
-import { n as componentDefinition$39 } from "./Ripples-2FGWCZlp.js";
+import { n as componentDefinition$36 } from "./ProgressiveBlur-XD4ivmMn.js";
+import { n as componentDefinition$37 } from "./RadialGradient-pwKyDUBu.js";
+import { n as componentDefinition$38 } from "./RectangularCoordinates-Dq2JrmOX.js";
+import { n as componentDefinition$39 } from "./Ripples-Ot1rx8kL.js";
 import { n as componentDefinition$40 } from "./Saturation-J0nI4hmh.js";
-import { n as componentDefinition$41 } from "./SimplexNoise-B6dtUCmn.js";
-import { n as componentDefinition$42 } from "./SineWave-BtPf6-2H.js";
-import { n as componentDefinition$43 } from "./SolidColor-CETl1cEr.js";
-import { n as componentDefinition$44 } from "./Spherize-BwvUcorJ.js";
-import { n as componentDefinition$45 } from "./Spiral-DmJWmUmr.js";
-import { n as componentDefinition$46 } from "./Strands-CV1oCmHx.js";
-import { n as componentDefinition$47 } from "./Stretch-pl-Cn2F8.js";
-import { n as componentDefinition$48 } from "./Swirl-D65vXLDw.js";
-import { n as componentDefinition$49 } from "./TiltShift-CFcK6Hzg.js";
-import { n as componentDefinition$50 } from "./Tritone-EmnjV2rX.js";
-import { n as componentDefinition$51 } from "./Twirl-HSMyRx5I.js";
+import { n as componentDefinition$41 } from "./SimplexNoise-BfilWh05.js";
+import { n as componentDefinition$42 } from "./SineWave-DRqL-jda.js";
+import { n as componentDefinition$43 } from "./SolidColor-B62ZBRlK.js";
+import { n as componentDefinition$44 } from "./Spherize-DDP0_5VP.js";
+import { n as componentDefinition$45 } from "./Spiral-Cx7Z8gLc.js";
+import { n as componentDefinition$46 } from "./Strands-C9FBVtDe.js";
+import { n as componentDefinition$47 } from "./Stretch-BCpOO3q6.js";
+import { n as componentDefinition$48 } from "./Swirl-KUjGnUAM.js";
+import { n as componentDefinition$49 } from "./TiltShift-CvKqM1xk.js";
+import { n as componentDefinition$50 } from "./Tritone-BeEJj4U0.js";
+import { n as componentDefinition$51 } from "./Twirl-EJ3aS_lo.js";
 import { n as componentDefinition$52 } from "./Vibrance-BI5q7_Wt.js";
-import { n as componentDefinition$53 } from "./WaveDistortion-DG8GO_l8.js";
-import { n as componentDefinition$54 } from "./ZoomBlur-C01oGwwG.js";
+import { n as componentDefinition$53 } from "./WaveDistortion-BOWBSWEU.js";
+import { n as componentDefinition$54 } from "./ZoomBlur-gB0BxldE.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
-import { PI, abs, add, atan, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { PI, abs, add, atan, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
 function normal_default(base, overlay, opacity = 1) {
 	const overlayAlpha = mul(overlay.a, opacity);
 	const finalAlpha = add(overlayAlpha, mul(base.a, sub(1, overlayAlpha)));
@@ -319,7 +319,8 @@ var PerformanceTracker = class {
 	jankFrameCount = 0;
 	totalFrameCount = 0;
 	memorySnapshots = [];
-	memoryWindowMs = 5e3;
+	memorySnapshotIndex = 0;
+	maxMemorySnapshots = 300;
 	nodeCount = 0;
 	rttNodeCount = 0;
 	lastCpuTime = null;
@@ -358,31 +359,55 @@ var PerformanceTracker = class {
 		if (!performance.memory) return;
 		const now = performance.now();
 		const bytes = performance.memory.usedJSHeapSize;
-		this.memorySnapshots.push({
+		if (this.memorySnapshots.length < this.maxMemorySnapshots) this.memorySnapshots.push({
 			time: now,
 			bytes
 		});
-		const cutoff = now - this.memoryWindowMs;
-		this.memorySnapshots = this.memorySnapshots.filter((s) => s.time > cutoff);
+		else {
+			const entry = this.memorySnapshots[this.memorySnapshotIndex];
+			entry.time = now;
+			entry.bytes = bytes;
+			this.memorySnapshotIndex = (this.memorySnapshotIndex + 1) % this.maxMemorySnapshots;
+		}
 	}
 	calculateMemoryGrowthRate() {
 		if (this.memorySnapshots.length < 2) return null;
-		const oldest = this.memorySnapshots[0];
-		const newest = this.memorySnapshots[this.memorySnapshots.length - 1];
+		const len = this.memorySnapshots.length;
+		const oldestIdx = len < this.maxMemorySnapshots ? 0 : this.memorySnapshotIndex;
+		const newestIdx = len < this.maxMemorySnapshots ? len - 1 : (this.memorySnapshotIndex - 1 + len) % len;
+		const oldest = this.memorySnapshots[oldestIdx];
+		const newest = this.memorySnapshots[newestIdx];
 		const timeDeltaSeconds = (newest.time - oldest.time) / 1e3;
+		if (timeDeltaSeconds <= 0) return null;
 		return (newest.bytes - oldest.bytes) / (1024 * 1024) / timeDeltaSeconds;
 	}
 	calculateStdDev(values) {
 		if (values.length === 0) return 0;
 		const mean = values.reduce((a, b) => a + b, 0) / values.length;
-		const avgSquaredDiff = values.map((v) => Math.pow(v - mean, 2)).reduce((a, b) => a + b, 0) / values.length;
-		return Math.sqrt(avgSquaredDiff);
+		let sumSquaredDiff = 0;
+		for (let i = 0; i < values.length; i++) {
+			const diff = values[i] - mean;
+			sumSquaredDiff += diff * diff;
+		}
+		return Math.sqrt(sumSquaredDiff / values.length);
 	}
+	sortBuffer = [];
 	calculateP99(values) {
-		if (values.length === 0) return 0;
-		const sorted = [...values].sort((a, b) => a - b);
-		const index = Math.floor(sorted.length * .99);
-		return sorted[Math.min(index, sorted.length - 1)];
+		const len = values.length;
+		if (len === 0) return 0;
+		while (this.sortBuffer.length < len) this.sortBuffer.push(0);
+		for (let i = 0; i < len; i++) this.sortBuffer[i] = values[i];
+		for (let i = 1; i < len; i++) {
+			const current = this.sortBuffer[i];
+			let j = i - 1;
+			while (j >= 0 && this.sortBuffer[j] > current) {
+				this.sortBuffer[j + 1] = this.sortBuffer[j];
+				j--;
+			}
+			this.sortBuffer[j + 1] = current;
+		}
+		const index = Math.floor(len * .99);
+		return this.sortBuffer[Math.min(index, len - 1)];
 	}
 	calculateComplexityScore() {
 		return this.nodeCount + this.rttNodeCount * 10;
@@ -463,12 +488,14 @@ var PerformanceTracker = class {
 		};
 	}
 	reset() {
-		this.frameTimesMs = [];
-		this.frameIntervals = [];
+		this.frameTimesMs.length = 0;
+		this.frameIntervals.length = 0;
 		this.lastFrameTimestamp = 0;
 		this.jankFrameCount = 0;
 		this.totalFrameCount = 0;
-		this.memorySnapshots = [];
+		this.memorySnapshots.length = 0;
+		this.memorySnapshotIndex = 0;
+		this.sortBuffer.length = 0;
 		this.lastCpuTime = null;
 		this.lastGpuTime = null;
 	}
@@ -487,6 +514,7 @@ const applyUVTransform = (uv$1, offsetXUniform, offsetYUniform, rotationUniform,
 	const rotatedSquareUV = vec2(squareUV.x.mul(cosAngle).sub(squareUV.y.mul(sinAngle)), squareUV.x.mul(sinAngle).add(squareUV.y.mul(cosAngle)));
 	return vec2(rotatedSquareUV.x.div(aspectRatioUniform), rotatedSquareUV.y).sub(vec2(offsetXUniform, offsetYUniform)).add(anchor);
 };
+var updateTransformMap = new Map([[transformColor, transformColorUpdate], [transformPosition, transformPositionUpdate]]);
 function createUniformsMap(component, reactiveProps, instanceId) {
 	const uniformsMap = {};
 	Object.entries(component.props).forEach(([propName, propConfig]) => {
@@ -523,9 +551,17 @@ function createUniformsMap(component, reactiveProps, instanceId) {
 }
 function updateUniformValue(uniform$1, newValue) {
 	if (uniform$1?.transform) {
-		const transformed = uniform$1.transform(newValue);
-		const dataValue = transformed?.data ?? transformed;
-		uniform$1.uniform.value = dataValue;
+		const updateTransform = updateTransformMap.get(uniform$1.transform);
+		if (updateTransform) {
+			const newData = updateTransform(newValue);
+			if (uniform$1.uniform.value && typeof uniform$1.uniform.value.copy === "function") uniform$1.uniform.value.copy(newData);
+			else uniform$1.uniform.value = newData;
+		} else {
+			const transformed = uniform$1.transform(newValue);
+			const dataValue = transformed?.data ?? transformed;
+			if (uniform$1.uniform.value && typeof uniform$1.uniform.value.copy === "function" && dataValue && typeof dataValue.copy === "function") uniform$1.uniform.value.copy(dataValue);
+			else uniform$1.uniform.value = dataValue;
+		}
 	} else uniform$1.uniform.value = newValue;
 }
 var hasLoggedLicenseInfo = false;
@@ -643,10 +679,7 @@ function shaderRenderer() {
 	const performanceTracker = new PerformanceTracker();
 	let pendingRegistrationQueue = [];
 	let isRendererReady = false;
-	let registrationQueue = [];
-	let registrationBatchRAF = null;
-	let metadataUpdateQueue = [];
-	let metadataUpdateBatchRAF = null;
+	let materialUpdateBatchRAF = null;
 	let lastComposedNodes = /* @__PURE__ */ new Set();
 	let activeRTTNodes = /* @__PURE__ */ new Set();
 	let actualRTTOperations = 0;
@@ -694,7 +727,7 @@ function shaderRenderer() {
 						}
 					});
 				});
-				renderFrame().catch(console.warn);
+				if (!animationFrameId) renderFrame().catch(console.warn);
 			});
 		}
 	};
@@ -794,7 +827,7 @@ function shaderRenderer() {
 		} finally {
 			isUpdatingMaterial = false;
 		}
-		renderFrame().catch(console.warn);
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const findChildNodes = (parentId) => {
 		const childIds = parentToChildren.get(parentId);
@@ -833,424 +866,7 @@ function shaderRenderer() {
 		const transformedUV = applyUVTransform(screenUV, nodeInfo.transformUniforms.offsetX, nodeInfo.transformUniforms.offsetY, nodeInfo.transformUniforms.rotation, nodeInfo.transformUniforms.scale, nodeInfo.transformUniforms.anchorX, nodeInfo.transformUniforms.anchorY, nodeInfo.transformUniforms.aspectRatio);
 		return applyEdgeHandling(transformedUV, texture$1.sample(transformedUV), texture$1, nodeInfo.transformUniforms.edges);
 	};
-	const isUVComposable = (nodeInfo) => {
-		return !!nodeInfo.uvTransformFunc && nodeInfo.requiresChild && nodeInfo.metadata.blendMode === "normal" && (nodeInfo.metadata.opacity === void 0 || nodeInfo.metadata.opacity === 1) && nodeInfo.metadata.visible !== false && !nodeInfo.metadata.mask?.source && !(nodeInfo.transformUniforms && nodeInfo.metadata.transform && needsTransformation(nodeInfo.metadata.transform));
-	};
-	const findUVChain = (startNodeId) => {
-		const chain = [];
-		let currentId = startNodeId;
-		while (currentId) {
-			const nodeInfo = nodeRegistry.nodes.get(currentId);
-			if (!nodeInfo) break;
-			if (!isUVComposable(nodeInfo)) break;
-			chain.push(nodeInfo);
-			const children = findChildNodes(nodeInfo.id);
-			if (children.length !== 1) break;
-			const child = children[0];
-			if (isUVComposable(child)) currentId = child.id;
-			else break;
-		}
-		return chain;
-	};
-	const findUVChainTerminus = (chain) => {
-		if (chain.length === 0) return null;
-		const innermostNode = chain[chain.length - 1];
-		const children = findChildNodes(innermostNode.id);
-		if (children.length === 0) return null;
-		if (children.length === 1) return children[0];
-		return null;
-	};
-	const canSkipRTT = (distortionInfo) => {
-		if (!distortionInfo.uvTransformFunc) return false;
-		if (!isUVComposable(distortionInfo)) return false;
-		const children = findChildNodes(distortionInfo.id);
-		if (children.length !== 1) return false;
-		const child = children[0];
-		if (child.acceptsUVContext && !child.requiresChild) return true;
-		if (child.uvTransformFunc && isUVComposable(child)) return canSkipRTT(child);
-		return false;
-	};
-	const composeUVContextChain = (startNodeId, _processedMasks, currentlyComposedNodes) => {
-		const chain = [];
-		let currentId = startNodeId;
-		while (currentId) {
-			const nodeInfo = nodeRegistry.nodes.get(currentId);
-			if (!nodeInfo) break;
-			if (chain.length >= 2) return composeNodeTree(startNodeId, _processedMasks, currentlyComposedNodes, true);
-			chain.push(nodeInfo);
-			if (currentlyComposedNodes) currentlyComposedNodes.add(nodeInfo.id);
-			if (nodeInfo.acceptsUVContext && !nodeInfo.requiresChild) break;
-			const children = findChildNodes(currentId);
-			if (children.length !== 1) break;
-			currentId = children[0].id;
-		}
-		if (chain.length === 0) return vec4(0, 0, 0, 0);
-		const terminus = chain[chain.length - 1];
-		let composedUV = screenUV;
-		for (let i = 0; i < chain.length; i++) {
-			const nodeInfo = chain[i];
-			if (nodeInfo.uvTransformFunc) composedUV = nodeInfo.uvTransformFunc({
-				uv: composedUV,
-				uniforms: nodeInfo.uniforms,
-				viewportSize
-			});
-			if (nodeInfo.transformUniforms && nodeInfo.metadata.transform && needsTransformation(nodeInfo.metadata.transform)) {
-				composedUV = applyUVTransform(composedUV, nodeInfo.transformUniforms.offsetX, nodeInfo.transformUniforms.offsetY, nodeInfo.transformUniforms.rotation, nodeInfo.transformUniforms.scale, nodeInfo.transformUniforms.anchorX, nodeInfo.transformUniforms.anchorY, nodeInfo.transformUniforms.aspectRatio);
-				if (nodeInfo.transformUniforms.edges) composedUV = applyEdgeToUV(composedUV, nodeInfo.transformUniforms.edges);
-				nodeInfo.transformRTTActive = true;
-			}
-		}
-		for (let i = 0; i < chain.length - 1; i++) {
-			const distortion = chain[i];
-			if (!distortion.requiresChild) continue;
-			const distortionOnCleanup = (callback) => {
-				distortion.cleanupCallbacks.push(callback);
-			};
-			const distortionOnBeforeRender = (callback) => {
-				distortion.beforeRenderCallbacks.push(callback);
-			};
-			const distortionOnAfterRender = (callback) => {
-				distortion.afterRenderCallbacks.push(callback);
-			};
-			const distortionOnResize = (callback) => {
-				distortion.resizeCallbacks.push(callback);
-			};
-			distortion.cleanupCallbacks.forEach((callback) => {
-				try {
-					callback();
-				} catch (e) {
-					console.error("Error in cleanup callback:", e);
-				}
-			});
-			distortion.cleanupCallbacks = [];
-			distortion.beforeRenderCallbacks = [];
-			distortion.afterRenderCallbacks = [];
-			distortion.resizeCallbacks = [];
-			distortion.fragmentNodeFunc({
-				uniforms: distortion.uniforms ?? {},
-				childNode: void 0,
-				uvContext: void 0,
-				onCleanup: distortionOnCleanup,
-				onBeforeRender: distortionOnBeforeRender,
-				onAfterRender: distortionOnAfterRender,
-				onResize: distortionOnResize,
-				canvas: canvasElement,
-				dimensions: {
-					width: currentWidth,
-					height: currentHeight
-				},
-				renderer
-			});
-		}
-		const terminusOnCleanup = (callback) => {
-			terminus.cleanupCallbacks.push(callback);
-		};
-		const terminusOnBeforeRender = (callback) => {
-			terminus.beforeRenderCallbacks.push(callback);
-		};
-		const terminusOnAfterRender = (callback) => {
-			terminus.afterRenderCallbacks.push(callback);
-		};
-		const terminusOnResize = (callback) => {
-			terminus.resizeCallbacks.push(callback);
-		};
-		terminus.cleanupCallbacks.forEach((callback) => {
-			try {
-				callback();
-			} catch (e) {
-				console.error("Error in cleanup callback:", e);
-			}
-		});
-		terminus.cleanupCallbacks = [];
-		terminus.beforeRenderCallbacks = [];
-		terminus.afterRenderCallbacks = [];
-		terminus.resizeCallbacks = [];
-		const result = terminus.fragmentNodeFunc({
-			uniforms: terminus.uniforms ?? {},
-			childNode: void 0,
-			uvContext: composedUV,
-			onCleanup: terminusOnCleanup,
-			onBeforeRender: terminusOnBeforeRender,
-			onAfterRender: terminusOnAfterRender,
-			onResize: terminusOnResize,
-			canvas: canvasElement,
-			dimensions: {
-				width: currentWidth,
-				height: currentHeight
-			},
-			renderer
-		});
-		for (const nodeInfo of chain) if (nodeInfo.uniforms.edges?.uniform) return applyEdgeHandling(composedUV, result, null, nodeInfo.uniforms.edges.uniform);
-		return result;
-	};
-	const composeUVChain = (chain, processedMasks, currentlyComposedNodes) => {
-		if (chain.length === 0) return vec4(0, 0, 0, 0);
-		const terminus = findUVChainTerminus(chain);
-		let terminusNode;
-		if (terminus) terminusNode = composeNodeTree(terminus.id, processedMasks, currentlyComposedNodes);
-		else {
-			const innermostNode = chain[chain.length - 1];
-			if (findChildNodes(innermostNode.id).length === 0) return vec4(0, 0, 0, 0);
-			terminusNode = composeNodeTree(innermostNode.id, processedMasks, currentlyComposedNodes);
-		}
-		const texture$1 = trackConvertToTexture(terminusNode);
-		let composedUV = screenUV;
-		for (let i = chain.length - 1; i >= 0; i--) {
-			const nodeInfo = chain[i];
-			if (nodeInfo.uvTransformFunc) {
-				composedUV = nodeInfo.uvTransformFunc({
-					uv: composedUV,
-					uniforms: nodeInfo.uniforms,
-					viewportSize
-				});
-				if (nodeInfo.uniforms.edges?.uniform) composedUV = applyEdgeToUV(composedUV, nodeInfo.uniforms.edges.uniform);
-			}
-			if (currentlyComposedNodes) currentlyComposedNodes.add(nodeInfo.id);
-		}
-		const sampledColor = texture$1.sample(composedUV);
-		const outermostNode = chain[0];
-		if (outermostNode.uniforms.edges?.uniform) return applyEdgeHandling(composedUV, sampledColor, texture$1, outermostNode.uniforms.edges.uniform);
-		return sampledColor;
-	};
-	const findSiblingUVChain = (sortedChildren, startIndex) => {
-		const chain = [];
-		for (let i = startIndex; i < sortedChildren.length; i++) {
-			const sibling = sortedChildren[i];
-			if (!isUVComposable(sibling)) break;
-			if (findChildNodes(sibling.id).length > 0) break;
-			chain.push(sibling);
-		}
-		return chain;
-	};
-	const composeSiblingUVChain = (chain, inputContent, currentlyComposedNodes) => {
-		if (chain.length === 0) return inputContent;
-		const texture$1 = trackConvertToTexture(inputContent);
-		let composedUV = screenUV;
-		for (let i = chain.length - 1; i >= 0; i--) {
-			const nodeInfo = chain[i];
-			if (nodeInfo.uvTransformFunc) {
-				composedUV = nodeInfo.uvTransformFunc({
-					uv: composedUV,
-					uniforms: nodeInfo.uniforms,
-					viewportSize
-				});
-				if (nodeInfo.uniforms.edges?.uniform) composedUV = applyEdgeToUV(composedUV, nodeInfo.uniforms.edges.uniform);
-			}
-			if (currentlyComposedNodes) currentlyComposedNodes.add(nodeInfo.id);
-		}
-		const sampledColor = texture$1.sample(composedUV);
-		const lastNode = chain[chain.length - 1];
-		if (lastNode.uniforms.edges?.uniform) return applyEdgeHandling(composedUV, sampledColor, texture$1, lastNode.uniforms.edges.uniform);
-		return sampledColor;
-	};
-	const hasUVPropagationOpportunity = (sortedChildren) => {
-		const generators = [];
-		const distortions = [];
-		let hasGeneratorBeforeDistortion = false;
-		for (let i = 0; i < sortedChildren.length; i++) {
-			const child = sortedChildren[i];
-			const childHasChildren = findChildNodes(child.id).length > 0;
-			if (child.acceptsUVContext && !child.requiresChild) generators.push(i);
-			if (isUVComposable(child) && !childHasChildren) {
-				distortions.push(i);
-				if (generators.length > 0) hasGeneratorBeforeDistortion = true;
-			}
-		}
-		if (generators.length === 0 || distortions.length === 0 || !hasGeneratorBeforeDistortion) return false;
-		const minGen = Math.min(...generators);
-		const maxDist = Math.max(...distortions);
-		for (let i = minGen + 1; i < maxDist; i++) {
-			const node = sortedChildren[i];
-			if (node.requiresRTT && !isUVComposable(node) && !(node.acceptsUVContext && !node.requiresChild)) return false;
-		}
-		if (distortions.length > 2) return false;
-		return true;
-	};
-	const composeSiblingsWithUVContext = (sortedChildren, processedMasks, currentlyComposedNodes) => {
-		const generators = [];
-		const distortions = [];
-		sortedChildren.forEach((child, index) => {
-			const hasChildren = findChildNodes(child.id).length > 0;
-			if (isUVComposable(child) && !hasChildren) distortions.push({
-				node: child,
-				index
-			});
-			else if (child.acceptsUVContext && !child.requiresChild && !hasChildren) generators.push({
-				node: child,
-				index
-			});
-		});
-		for (const d of distortions) {
-			const distortion = d.node;
-			distortion.cleanupCallbacks.forEach((cb) => {
-				try {
-					cb();
-				} catch (e) {
-					console.error("Cleanup error:", e);
-				}
-			});
-			distortion.cleanupCallbacks = [];
-			distortion.beforeRenderCallbacks = [];
-			distortion.afterRenderCallbacks = [];
-			distortion.resizeCallbacks = [];
-			const onCleanup = (cb) => distortion.cleanupCallbacks.push(cb);
-			const onBeforeRender = (cb) => distortion.beforeRenderCallbacks.push(cb);
-			const onAfterRender = (cb) => distortion.afterRenderCallbacks.push(cb);
-			const onResize = (cb) => distortion.resizeCallbacks.push(cb);
-			distortion.fragmentNodeFunc({
-				uniforms: distortion.uniforms ?? {},
-				childNode: void 0,
-				uvContext: void 0,
-				onCleanup,
-				onBeforeRender,
-				onAfterRender,
-				onResize,
-				canvas: canvasElement,
-				dimensions: {
-					width: currentWidth,
-					height: currentHeight
-				},
-				renderer
-			});
-			if (currentlyComposedNodes) currentlyComposedNodes.add(distortion.id);
-		}
-		let composedResult = void 0;
-		for (let i = 0; i < sortedChildren.length; i++) {
-			const childInfo = sortedChildren[i];
-			if (childInfo.metadata.visible === false) continue;
-			const effectiveOpacity = childInfo.metadata.opacity ?? 1;
-			childInfo.opacityUniform.value = effectiveOpacity;
-			if (currentlyComposedNodes) currentlyComposedNodes.add(childInfo.id);
-			const hasChildren = findChildNodes(childInfo.id).length > 0;
-			let childResult;
-			const genEntry = generators.find((g) => g.index === i);
-			if (genEntry) {
-				const applicableDistortions = distortions.filter((d) => d.index > genEntry.index).sort((a, b) => a.index - b.index).map((d) => d.node);
-				let composedUV = screenUV;
-				for (let j = applicableDistortions.length - 1; j >= 0; j--) {
-					const distortion = applicableDistortions[j];
-					if (distortion.uvTransformFunc) composedUV = distortion.uvTransformFunc({
-						uv: composedUV,
-						uniforms: distortion.uniforms,
-						viewportSize
-					});
-					if (distortion.transformUniforms && distortion.metadata.transform && needsTransformation(distortion.metadata.transform)) {
-						composedUV = applyUVTransform(composedUV, distortion.transformUniforms.offsetX, distortion.transformUniforms.offsetY, distortion.transformUniforms.rotation, distortion.transformUniforms.scale, distortion.transformUniforms.anchorX, distortion.transformUniforms.anchorY, distortion.transformUniforms.aspectRatio);
-						if (distortion.transformUniforms.edges) composedUV = applyEdgeToUV(composedUV, distortion.transformUniforms.edges);
-						distortion.transformRTTActive = true;
-					}
-					if (distortion.uniforms.edges?.uniform) composedUV = applyEdgeToUV(composedUV, distortion.uniforms.edges.uniform);
-				}
-				if (genEntry.node.transformUniforms && genEntry.node.metadata.transform && needsTransformation(genEntry.node.metadata.transform)) {
-					composedUV = applyUVTransform(composedUV, genEntry.node.transformUniforms.offsetX, genEntry.node.transformUniforms.offsetY, genEntry.node.transformUniforms.rotation, genEntry.node.transformUniforms.scale, genEntry.node.transformUniforms.anchorX, genEntry.node.transformUniforms.anchorY, genEntry.node.transformUniforms.aspectRatio);
-					if (genEntry.node.transformUniforms.edges) composedUV = applyEdgeToUV(composedUV, genEntry.node.transformUniforms.edges);
-					genEntry.node.transformRTTActive = true;
-				}
-				childInfo.cleanupCallbacks.forEach((cb) => {
-					try {
-						cb();
-					} catch (e) {
-						console.error("Cleanup error:", e);
-					}
-				});
-				childInfo.cleanupCallbacks = [];
-				childInfo.beforeRenderCallbacks = [];
-				childInfo.afterRenderCallbacks = [];
-				childInfo.resizeCallbacks = [];
-				const onCleanup = (cb) => childInfo.cleanupCallbacks.push(cb);
-				const onBeforeRender = (cb) => childInfo.beforeRenderCallbacks.push(cb);
-				const onAfterRender = (cb) => childInfo.afterRenderCallbacks.push(cb);
-				const onResize = (cb) => childInfo.resizeCallbacks.push(cb);
-				let fragmentResult = childInfo.fragmentNodeFunc({
-					uniforms: childInfo.uniforms ?? {},
-					childNode: void 0,
-					uvContext: composedUV,
-					onCleanup,
-					onBeforeRender,
-					onAfterRender,
-					onResize,
-					canvas: canvasElement,
-					dimensions: {
-						width: currentWidth,
-						height: currentHeight
-					},
-					renderer
-				});
-				if (applicableDistortions.length > 0) {
-					const outermostDistortion = applicableDistortions[0];
-					if (outermostDistortion.uniforms.edges?.uniform) fragmentResult = applyEdgeHandling(composedUV, fragmentResult, null, outermostDistortion.uniforms.edges.uniform);
-				}
-				childResult = applyMaskIfNeeded(fragmentResult, childInfo, childInfo.id, processedMasks, composedUV);
-			} else if (distortions.find((d) => d.index === i)) continue;
-			else if (hasChildren) {
-				if (canSkipRTT(childInfo)) childResult = composeUVContextChain(childInfo.id, processedMasks, currentlyComposedNodes);
-				else if (isUVComposable(childInfo)) {
-					const uvChain = findUVChain(childInfo.id);
-					if (uvChain.length > 1) childResult = composeUVChain(uvChain, processedMasks, currentlyComposedNodes);
-					else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
-				} else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
-				const applicableDistortions = distortions.filter((d) => d.index > i).sort((a, b) => a.index - b.index).map((d) => d.node);
-				if (applicableDistortions.length > 0) {
-					const childTexture = trackConvertToTexture(childResult);
-					let composedUV = screenUV;
-					for (let j = applicableDistortions.length - 1; j >= 0; j--) {
-						const distortion = applicableDistortions[j];
-						if (distortion.uvTransformFunc) composedUV = distortion.uvTransformFunc({
-							uv: composedUV,
-							uniforms: distortion.uniforms,
-							viewportSize
-						});
-						if (distortion.transformUniforms && distortion.metadata.transform && needsTransformation(distortion.metadata.transform)) {
-							composedUV = applyUVTransform(composedUV, distortion.transformUniforms.offsetX, distortion.transformUniforms.offsetY, distortion.transformUniforms.rotation, distortion.transformUniforms.scale, distortion.transformUniforms.anchorX, distortion.transformUniforms.anchorY, distortion.transformUniforms.aspectRatio);
-							if (distortion.transformUniforms.edges) composedUV = applyEdgeToUV(composedUV, distortion.transformUniforms.edges);
-							distortion.transformRTTActive = true;
-						}
-						if (distortion.uniforms.edges?.uniform) composedUV = applyEdgeToUV(composedUV, distortion.uniforms.edges.uniform);
-					}
-					childResult = childTexture.sample(composedUV);
-					const outermostDistortion = applicableDistortions[applicableDistortions.length - 1];
-					if (outermostDistortion.transformUniforms?.edges) childResult = applyEdgeHandling(composedUV, childResult, childTexture, outermostDistortion.transformUniforms.edges);
-				}
-			} else {
-				childInfo.cleanupCallbacks.forEach((cb) => {
-					try {
-						cb();
-					} catch (e) {
-						console.error("Cleanup error:", e);
-					}
-				});
-				childInfo.cleanupCallbacks = [];
-				childInfo.beforeRenderCallbacks = [];
-				childInfo.afterRenderCallbacks = [];
-				childInfo.resizeCallbacks = [];
-				const onCleanup = (cb) => childInfo.cleanupCallbacks.push(cb);
-				const onBeforeRender = (cb) => childInfo.beforeRenderCallbacks.push(cb);
-				const onAfterRender = (cb) => childInfo.afterRenderCallbacks.push(cb);
-				const onResize = (cb) => childInfo.resizeCallbacks.push(cb);
-				let effectiveChildNode = composedResult;
-				if (childInfo.requiresRTT && composedResult !== void 0) effectiveChildNode = applyBlendMode(vec4(0, 0, 0, 0), composedResult, "normal", 1);
-				childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
-					uniforms: childInfo.uniforms ?? {},
-					childNode: effectiveChildNode,
-					onCleanup,
-					onBeforeRender,
-					onAfterRender,
-					onResize,
-					canvas: canvasElement,
-					dimensions: {
-						width: currentWidth,
-						height: currentHeight
-					},
-					renderer
-				}), childInfo), childInfo, childInfo.id, processedMasks);
-			}
-			if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !hasChildren) composedResult = applyBlendMode(vec4(0, 0, 0, 0), childResult, "normal", childInfo.opacityUniform);
-			else if (composedResult === void 0) composedResult = applyBlendMode(vec4(1, 1, 1, 0), childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
-			else composedResult = applyBlendMode(composedResult, childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
-		}
-		return composedResult ?? vec4(0, 0, 0, 0);
-	};
-	const composeNodeTree = (nodeId, processedMasks = /* @__PURE__ */ new Set(), currentlyComposedNodes, forceRTT = false) => {
+	const composeNodeTree = (nodeId, processedMasks = /* @__PURE__ */ new Set(), currentlyComposedNodes) => {
 		if (currentWidth === 0 || currentHeight === 0) return vec4(0, 0, 0, 0);
 		const nodeInfo = nodeRegistry.nodes.get(nodeId);
 		if (!nodeInfo) return vec4(0, 0, 0, 0);
@@ -1296,7 +912,6 @@ function shaderRenderer() {
 		} else {
 			const sortedChildren = [...childNodes].sort((a, b) => a.metadata.renderOrder - b.metadata.renderOrder);
 			if (nodeInfo.parentId === null) {
-				if (!forceRTT && hasUVPropagationOpportunity(sortedChildren)) return applyMaskIfNeeded(applyNodeTransformation(composeSiblingsWithUVContext(sortedChildren, processedMasks, currentlyComposedNodes), nodeInfo), nodeInfo, nodeId, processedMasks);
 				let composedChildren = void 0;
 				for (let i = 0; i < sortedChildren.length; i++) {
 					const childInfo = sortedChildren[i];
@@ -1312,64 +927,47 @@ function shaderRenderer() {
 					if (currentlyComposedNodes) currentlyComposedNodes.add(childInfo.id);
 					const childHasChildren = findChildNodes(childInfo.id).length > 0;
 					let childResult;
-					if (childHasChildren) if (forceRTT) childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes, true);
-					else if (canSkipRTT(childInfo)) childResult = composeUVContextChain(childInfo.id, processedMasks, currentlyComposedNodes);
-					else if (isUVComposable(childInfo)) {
-						const uvChain = findUVChain(childInfo.id);
-						if (uvChain.length > 1) childResult = composeUVChain(uvChain, processedMasks, currentlyComposedNodes);
-						else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
-					} else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
+					if (childHasChildren) childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
 					else {
-						if (isUVComposable(childInfo) && childInfo.requiresChild && composedChildren !== void 0) {
-							const siblingChain = findSiblingUVChain(sortedChildren, i);
-							if (siblingChain.length > 1) {
-								childResult = composeSiblingUVChain(siblingChain, composedChildren, currentlyComposedNodes);
-								i += siblingChain.length - 1;
-								composedChildren = childResult;
-								continue;
+						const childSpecificOnCleanup = (callback) => {
+							childInfo.cleanupCallbacks.push(callback);
+						};
+						const childSpecificOnBeforeRender = (callback) => {
+							childInfo.beforeRenderCallbacks.push(callback);
+						};
+						const childSpecificOnAfterRender = (callback) => {
+							childInfo.afterRenderCallbacks.push(callback);
+						};
+						const childSpecificOnResize = (callback) => {
+							childInfo.resizeCallbacks.push(callback);
+						};
+						let effectiveChildNode = composedChildren;
+						if (childInfo.requiresRTT && composedChildren !== void 0) effectiveChildNode = applyBlendMode(vec4(0, 0, 0, 0), composedChildren, "normal", 1);
+						childInfo.cleanupCallbacks.forEach((callback) => {
+							try {
+								callback();
+							} catch (e) {
+								console.error("Error in cleanup callback:", e);
 							}
-						}
-						{
-							const childSpecificOnCleanup = (callback) => {
-								childInfo.cleanupCallbacks.push(callback);
-							};
-							const childSpecificOnBeforeRender = (callback) => {
-								childInfo.beforeRenderCallbacks.push(callback);
-							};
-							const childSpecificOnAfterRender = (callback) => {
-								childInfo.afterRenderCallbacks.push(callback);
-							};
-							const childSpecificOnResize = (callback) => {
-								childInfo.resizeCallbacks.push(callback);
-							};
-							let effectiveChildNode = composedChildren;
-							if (childInfo.requiresRTT && composedChildren !== void 0) effectiveChildNode = applyBlendMode(vec4(0, 0, 0, 0), composedChildren, "normal", 1);
-							childInfo.cleanupCallbacks.forEach((callback) => {
-								try {
-									callback();
-								} catch (e) {
-									console.error("Error in cleanup callback:", e);
-								}
-							});
-							childInfo.cleanupCallbacks = [];
-							childInfo.beforeRenderCallbacks = [];
-							childInfo.afterRenderCallbacks = [];
-							childInfo.resizeCallbacks = [];
-							childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
-								uniforms: childInfo.uniforms ?? {},
-								childNode: effectiveChildNode,
-								onCleanup: childSpecificOnCleanup,
-								onBeforeRender: childSpecificOnBeforeRender,
-								onAfterRender: childSpecificOnAfterRender,
-								onResize: childSpecificOnResize,
-								canvas: canvasElement,
-								dimensions: {
-									width: currentWidth,
-									height: currentHeight
-								},
-								renderer
-							}), childInfo), childInfo, childInfo.id, processedMasks);
-						}
+						});
+						childInfo.cleanupCallbacks = [];
+						childInfo.beforeRenderCallbacks = [];
+						childInfo.afterRenderCallbacks = [];
+						childInfo.resizeCallbacks = [];
+						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
+							uniforms: childInfo.uniforms ?? {},
+							childNode: effectiveChildNode,
+							onCleanup: childSpecificOnCleanup,
+							onBeforeRender: childSpecificOnBeforeRender,
+							onAfterRender: childSpecificOnAfterRender,
+							onResize: childSpecificOnResize,
+							canvas: canvasElement,
+							dimensions: {
+								width: currentWidth,
+								height: currentHeight
+							},
+							renderer
+						}), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildren = applyBlendMode(vec4(0, 0, 0, 0), childResult, "normal", childInfo.opacityUniform);
 					else if (composedChildren === void 0) if (nodeInfo.requiresRTT || effectiveOpacity !== 1) composedChildren = applyBlendMode(vec4(1, 1, 1, 0), childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
@@ -1402,23 +1000,6 @@ function shaderRenderer() {
 					renderer
 				}), nodeInfo), nodeInfo, nodeId, processedMasks);
 			} else {
-				if (!forceRTT && hasUVPropagationOpportunity(sortedChildren)) {
-					const composedChildrenResult$1 = composeSiblingsWithUVContext(sortedChildren, processedMasks, currentlyComposedNodes);
-					return applyMaskIfNeeded(applyNodeTransformation(nodeInfo.fragmentNodeFunc({
-						uniforms: nodeInfo.uniforms ?? {},
-						childNode: composedChildrenResult$1,
-						onCleanup: nodeSpecificOnCleanup,
-						onBeforeRender: nodeSpecificOnBeforeRender,
-						onAfterRender: nodeSpecificOnAfterRender,
-						onResize: nodeSpecificOnResize,
-						canvas: canvasElement,
-						dimensions: {
-							width: currentWidth,
-							height: currentHeight
-						},
-						renderer
-					}), nodeInfo), nodeInfo, nodeId, processedMasks);
-				}
 				let composedChildrenResult = void 0;
 				for (let i = 0; i < sortedChildren.length; i++) {
 					const childInfo = sortedChildren[i];
@@ -1434,57 +1015,40 @@ function shaderRenderer() {
 					if (currentlyComposedNodes) currentlyComposedNodes.add(childInfo.id);
 					const childHasChildren = findChildNodes(childInfo.id).length > 0;
 					let childResult;
-					if (childHasChildren) if (forceRTT) childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes, true);
-					else if (canSkipRTT(childInfo)) childResult = composeUVContextChain(childInfo.id, processedMasks, currentlyComposedNodes);
-					else if (isUVComposable(childInfo)) {
-						const uvChain = findUVChain(childInfo.id);
-						if (uvChain.length > 1) childResult = composeUVChain(uvChain, processedMasks, currentlyComposedNodes);
-						else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
-					} else childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
+					if (childHasChildren) childResult = composeNodeTree(childInfo.id, processedMasks, currentlyComposedNodes);
 					else {
-						if (isUVComposable(childInfo) && childInfo.requiresChild && composedChildrenResult !== void 0) {
-							const siblingChain = findSiblingUVChain(sortedChildren, i);
-							if (siblingChain.length > 1) {
-								childResult = composeSiblingUVChain(siblingChain, composedChildrenResult, currentlyComposedNodes);
-								i += siblingChain.length - 1;
-								composedChildrenResult = childResult;
-								continue;
-							}
-						}
-						{
-							const childSpecificOnCleanup = (callback) => {
-								childInfo.cleanupCallbacks.push(callback);
-							};
-							const childSpecificOnBeforeRender = (callback) => {
-								childInfo.beforeRenderCallbacks.push(callback);
-							};
-							const childSpecificOnAfterRender = (callback) => {
-								childInfo.afterRenderCallbacks.push(callback);
-							};
-							const childSpecificOnResize = (callback) => {
-								childInfo.resizeCallbacks.push(callback);
-							};
-							let effectiveChildNode = composedChildrenResult;
-							if (childInfo.requiresRTT && composedChildrenResult !== void 0) effectiveChildNode = applyBlendMode(vec4(0, 0, 0, 0), composedChildrenResult, "normal", 1);
-							childInfo.cleanupCallbacks = [];
-							childInfo.beforeRenderCallbacks = [];
-							childInfo.afterRenderCallbacks = [];
-							childInfo.resizeCallbacks = [];
-							childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
-								uniforms: childInfo.uniforms ?? {},
-								childNode: effectiveChildNode,
-								onCleanup: childSpecificOnCleanup,
-								onBeforeRender: childSpecificOnBeforeRender,
-								onAfterRender: childSpecificOnAfterRender,
-								onResize: childSpecificOnResize,
-								canvas: canvasElement,
-								dimensions: {
-									width: currentWidth,
-									height: currentHeight
-								},
-								renderer
-							}), childInfo), childInfo, childInfo.id, processedMasks);
-						}
+						const childSpecificOnCleanup = (callback) => {
+							childInfo.cleanupCallbacks.push(callback);
+						};
+						const childSpecificOnBeforeRender = (callback) => {
+							childInfo.beforeRenderCallbacks.push(callback);
+						};
+						const childSpecificOnAfterRender = (callback) => {
+							childInfo.afterRenderCallbacks.push(callback);
+						};
+						const childSpecificOnResize = (callback) => {
+							childInfo.resizeCallbacks.push(callback);
+						};
+						let effectiveChildNode = composedChildrenResult;
+						if (childInfo.requiresRTT && composedChildrenResult !== void 0) effectiveChildNode = applyBlendMode(vec4(0, 0, 0, 0), composedChildrenResult, "normal", 1);
+						childInfo.cleanupCallbacks = [];
+						childInfo.beforeRenderCallbacks = [];
+						childInfo.afterRenderCallbacks = [];
+						childInfo.resizeCallbacks = [];
+						childResult = applyMaskIfNeeded(applyNodeTransformation(childInfo.fragmentNodeFunc({
+							uniforms: childInfo.uniforms ?? {},
+							childNode: effectiveChildNode,
+							onCleanup: childSpecificOnCleanup,
+							onBeforeRender: childSpecificOnBeforeRender,
+							onAfterRender: childSpecificOnAfterRender,
+							onResize: childSpecificOnResize,
+							canvas: canvasElement,
+							dimensions: {
+								width: currentWidth,
+								height: currentHeight
+							},
+							renderer
+						}), childInfo), childInfo, childInfo.id, processedMasks);
 					}
 					if (childInfo.requiresChild && childInfo.metadata.blendMode === "normal" && !childHasChildren) composedChildrenResult = applyBlendMode(vec4(0, 0, 0, 0), childResult, "normal", childInfo.opacityUniform);
 					else if (composedChildrenResult === void 0) if (nodeInfo.requiresRTT || effectiveOpacity !== 1) composedChildrenResult = applyBlendMode(vec4(1, 1, 1, 0), childResult, childInfo.metadata.blendMode, childInfo.opacityUniform);
@@ -1599,9 +1163,7 @@ function shaderRenderer() {
 			afterRenderCallbacks: [],
 			resizeCallbacks: [],
 			transformUniforms,
-			transformRTTActive: false,
-			uvTransformFunc: componentDefinition$55?.uvTransformNode,
-			acceptsUVContext: componentDefinition$55?.acceptsUVContext || false
+			transformRTTActive: false
 		};
 		nodeRegistry.nodes.set(id, nodeInfo);
 		if (parentId === null) nodeRegistry.rootId = id;
@@ -1609,10 +1171,8 @@ function shaderRenderer() {
 		childrenSet.add(id);
 		parentToChildren.set(parentId, childrenSet);
 		if (material && isInitialized && currentWidth > 0 && currentHeight > 0) {
-			if (!registrationQueue.includes(id)) registrationQueue.push(id);
-			if (registrationBatchRAF === null) registrationBatchRAF = requestAnimationFrame(() => {
-				registrationBatchRAF = null;
-				registrationQueue = [];
+			if (materialUpdateBatchRAF === null) materialUpdateBatchRAF = requestAnimationFrame(() => {
+				materialUpdateBatchRAF = null;
 				updateMaterial();
 			});
 		} else if (material && isInitialized) {
@@ -1632,7 +1192,7 @@ function shaderRenderer() {
 		if (!uniformDefinition || !uniformDefinition.uniform) return;
 		if (uniformDefinition.transform) updateUniformValue(uniformDefinition, value);
 		else uniformDefinition.uniform.value = value;
-		renderFrame();
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const updateNodeMetadata = (nodeId, metadata) => {
 		const existingNode = nodeRegistry.nodes.get(nodeId);
@@ -1664,7 +1224,7 @@ function shaderRenderer() {
 			needsRecompose = true;
 		}
 		if (metadata.transform !== void 0) {
-			const oldTransformState = existingNode.metadata.transform ? needsTransformation(existingNode.metadata.transform) : false;
+			existingNode.metadata.transform && needsTransformation(existingNode.metadata.transform);
 			const newTransformState = needsTransformation(metadata.transform);
 			existingNode.metadata.transform = metadata.transform;
 			if (!existingNode.transformUniforms && metadata.transform) {
@@ -1692,16 +1252,13 @@ function shaderRenderer() {
 				existingNode.transformRTTActive = true;
 				needsRecompose = true;
 			}
-			if (!oldTransformState && newTransformState && !existingNode.transformRTTActive) needsRecompose = true;
 		}
 		if (needsRecompose && material && isInitialized) {
-			if (!metadataUpdateQueue.includes(nodeId)) metadataUpdateQueue.push(nodeId);
-			if (metadataUpdateBatchRAF === null) metadataUpdateBatchRAF = requestAnimationFrame(() => {
-				metadataUpdateBatchRAF = null;
-				metadataUpdateQueue = [];
+			if (materialUpdateBatchRAF === null) materialUpdateBatchRAF = requestAnimationFrame(() => {
+				materialUpdateBatchRAF = null;
 				updateMaterial();
 			});
-		} else renderFrame();
+		} else if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const removeNode = (id) => {
 		if (!nodeRegistry.nodes.has(id)) return;
@@ -1768,8 +1325,11 @@ function shaderRenderer() {
 		const currentTime = frameStartTime || performance.now();
 		const deltaTime = lastRenderTime > 0 ? (currentTime - lastRenderTime) / 1e3 : .016;
 		const OFF_SCREEN_FPS_INTERVAL = 1e3;
-		if (!isVisible && lastRenderTime > 0) {
-			if (currentTime - lastRenderTime < OFF_SCREEN_FPS_INTERVAL) return;
+		const MIN_FRAME_INTERVAL = 1e3 / 120;
+		if (lastRenderTime > 0) {
+			const timeSinceLastRender = currentTime - lastRenderTime;
+			if (!isVisible && timeSinceLastRender < OFF_SCREEN_FPS_INTERVAL) return;
+			if (isVisible && timeSinceLastRender < MIN_FRAME_INTERVAL) return;
 		}
 		const cappedDeltaTime = Math.min(deltaTime, .1);
 		lastRenderTime = currentTime;
@@ -1873,20 +1433,20 @@ function shaderRenderer() {
 	const globalMouseUpHandler = () => {
 		if (!isInitialized) return;
 		pointerActive = false;
-		renderFrame().catch(console.warn);
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const globalTouchEndHandler = () => {
 		if (!isInitialized) return;
 		pointerActive = false;
-		renderFrame().catch(console.warn);
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const canvasMouseDownHandler = () => {
 		pointerActive = true;
-		renderFrame().catch(console.warn);
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const canvasTouchStartHandler = () => {
 		pointerActive = true;
-		renderFrame().catch(console.warn);
+		if (!animationFrameId) renderFrame().catch(console.warn);
 	};
 	const processQueuedRegistrations = () => {
 		if (pendingRegistrationQueue.length === 0) return;
@@ -2045,15 +1605,9 @@ function shaderRenderer() {
 		parentToChildren.clear();
 		pendingRegistrationQueue = [];
 		isRendererReady = false;
-		registrationQueue = [];
-		if (registrationBatchRAF !== null) {
-			cancelAnimationFrame(registrationBatchRAF);
-			registrationBatchRAF = null;
-		}
-		metadataUpdateQueue = [];
-		if (metadataUpdateBatchRAF !== null) {
-			cancelAnimationFrame(metadataUpdateBatchRAF);
-			metadataUpdateBatchRAF = null;
+		if (materialUpdateBatchRAF !== null) {
+			cancelAnimationFrame(materialUpdateBatchRAF);
+			materialUpdateBatchRAF = null;
 		}
 		pendingResize = null;
 		isResizeScheduled = false;
@@ -2106,17 +1660,8 @@ function shaderRenderer() {
 		getNodeRegistry: () => ({ nodes: new Map(nodeRegistry.nodes) }),
 		getRendererType,
 		__testing: {
-			isUVComposable,
-			canSkipRTT,
-			hasUVPropagationOpportunity,
 			needsTransformation,
-			findUVChain,
-			findSiblingUVChain,
 			findChildNodes,
-			composeUVContextChain,
-			composeUVChain,
-			composeSiblingUVChain,
-			composeSiblingsWithUVContext,
 			applyMaskIfNeeded,
 			applyNodeTransformation,
 			getNodeRegistry: () => nodeRegistry,