framefields 2.0.11 → 2.1.1

package/dist/{renderer-ho_jXJ0H.mjs → renderer-BhKIZDsm.mjs}

@@ -1,6 +1,7 @@
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+import { n as defineRenderer } from "./renderer-BSitV56h.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, r as STRAIGHT_ALPHA_BLEND, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-DG3gI88-.mjs";
 
-//#region ../../nodes/node-flip/dist/renderers-CZMjS4at.mjs
+//#region ../../nodes/node-flip/dist/renderers-CeDdi1eu.mjs
 const WGSL_FLIP_SHADER = `
 struct FlipUniforms {
 	flipH     : f32,
@@ -12,27 +13,7 @@ struct FlipUniforms {
 @group(0) @binding(0) var<uniform> u : FlipUniforms;
 @group(1) @binding(0) var tex        : texture_2d<f32>;
 @group(1) @binding(1) var samp       : sampler;
-
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
-@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
-	var pos = array<vec2<f32>, 4>(
-		vec2<f32>(-1.0, 1.0),
-		vec2<f32>(1.0, 1.0),
-		vec2<f32>(-1.0, -1.0),
-		vec2<f32>(1.0, -1.0)
-	);
-	var uv = array<vec2<f32>, 4>(
-		vec2<f32>(0.0, 0.0),
-		vec2<f32>(1.0, 0.0),
-		vec2<f32>(0.0, 1.0),
-		vec2<f32>(1.0, 1.0)
-	);
-	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
-}
+${FULLSCREEN_QUAD_WGSL}
 
 @fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
 	var uv = in.uv;
@@ -79,58 +60,23 @@ const uniformData = new Float32Array(4);
 function getFlipResources(device, targetFormat) {
 	const cached = deviceResourceCache.get(device);
 	if (cached) return cached;
-	const uniformLayout = device.createBindGroupLayout({ entries: [{
-		binding: 0,
-		visibility: GPUShaderStage.FRAGMENT,
-		buffer: { type: "uniform" }
-	}] });
-	const textureLayout = device.createBindGroupLayout({ entries: [{
-		binding: 0,
-		visibility: GPUShaderStage.FRAGMENT,
-		texture: { sampleType: "float" }
-	}, {
-		binding: 1,
-		visibility: GPUShaderStage.FRAGMENT,
-		sampler: { type: "filtering" }
-	}] });
-	const shaderModule = device.createShaderModule({ code: WGSL_FLIP_SHADER });
-	const pipelineLayout = device.createPipelineLayout({ bindGroupLayouts: [uniformLayout, textureLayout] });
+	const uniformLayout = fragmentBindGroupLayout(device, ["uniform"]);
+	const textureLayout = fragmentBindGroupLayout(device, ["texture", "sampler"]);
 	const res = {
 		uniformLayout,
 		textureLayout,
-		pipeline: device.createRenderPipeline({
-			layout: pipelineLayout,
-			vertex: {
-				module: shaderModule,
-				entryPoint: "vs"
-			},
-			fragment: {
-				module: shaderModule,
-				entryPoint: "fs",
-				targets: [{
-					format: targetFormat,
-					blend: {
-						color: {
-							srcFactor: "src-alpha",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						},
-						alpha: {
-							srcFactor: "one",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						}
-					}
-				}]
-			},
-			primitive: { topology: "triangle-strip" }
+		pipeline: createFullscreenPipeline(device, {
+			module: device.createShaderModule({ code: WGSL_FLIP_SHADER }),
+			layouts: device.createPipelineLayout({ bindGroupLayouts: [uniformLayout, textureLayout] }),
+			format: targetFormat,
+			blend: STRAIGHT_ALPHA_BLEND
 		})
 	};
 	deviceResourceCache.set(device, res);
 	return res;
 }
 const WebGPURenderer = async (args) => {
-	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;
 	const op = props.virtualMedia?.operation;
 	if (op?.op !== "Flip" || !op) return;
 	const childMedia = props.virtualMedia.children?.[0];
@@ -140,29 +86,16 @@ const WebGPURenderer = async (args) => {
 	const height = targetHeight;
 	const sourceWidth = childMedia.metadata?.width ?? props.containerWidth ?? width;
 	const sourceHeight = childMedia.metadata?.height ?? props.containerHeight ?? height;
-	const childTex = ctx.renderer.getTemporaryTexture(sourceWidth, sourceHeight, [...props.excludeTextures || [], targetTexture]);
-	const childView = childTex.createView();
-	ctx.renderer.beginFrame(encoder, childView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, sourceWidth, sourceHeight, "clear").end();
-	ctx.renderer.pushScissor({
-		x: 0,
-		y: 0,
+	const { texture: childTex } = await drawChildToTexture(args, childMedia, {
 		width: sourceWidth,
-		height: sourceHeight
+		height: sourceHeight,
+		props: {
+			...props,
+			containerWidth: sourceWidth,
+			containerHeight: sourceHeight,
+			virtualMedia: childMedia
+		}
 	});
-	ctx.renderer.pushIdentity();
-	await drawChild(childMedia, {
-		...props,
-		containerWidth: sourceWidth,
-		containerHeight: sourceHeight,
-		virtualMedia: childMedia
-	}, childView, childTex, sourceWidth, sourceHeight);
-	ctx.renderer.popTransform();
-	ctx.renderer.popScissor();
 	const { pipeline, uniformLayout: uLayout, textureLayout: tLayout } = getFlipResources(ctx.device, ctx.renderer.format);
 	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
 	const mode = op.mode ?? "horizontal";
@@ -217,38 +150,11 @@ const WebGPURenderer = async (args) => {
 		targetTexture,
 		...props.excludeTextures || []
 	]);
-	const renderPass = encoder.beginRenderPass({ colorAttachments: [{
-		view: outTex.createView(),
-		loadOp: "clear",
-		storeOp: "store",
-		clearValue: {
-			r: 0,
-			g: 0,
-			b: 0,
-			a: 0
-		}
-	}] });
-	renderPass.setPipeline(pipeline);
-	renderPass.setBindGroup(0, uBindGroup);
-	renderPass.setBindGroup(1, tBindGroup);
-	renderPass.draw(4);
-	renderPass.end();
-	const finalPass = ctx.renderer.beginFrame(encoder, targetView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, targetWidth, targetHeight, "load");
-	ctx.renderer.drawTexture(finalPass, outTex, {
-		x: 0,
-		y: 0,
-		width: targetWidth,
-		height: targetHeight
-	}, { opacity: op.opacity ?? 1 });
-	args.pass = finalPass;
+	drawFullscreenPass(encoder, outTex.createView(), pipeline, [uBindGroup, tBindGroup]);
+	drawTextureToTarget(args, outTex, op.opacity ?? 1);
 };
 var renderers_default = defineRenderer({ WebGPURenderer });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-ho_jXJ0H.mjs.map
+//# sourceMappingURL=renderer-BhKIZDsm.mjs.map

package/dist/renderer-BhKIZDsm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-BhKIZDsm.mjs","names":[],"sources":["../../../nodes/node-flip/dist/renderers-CeDdi1eu.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, STRAIGHT_ALPHA_BLEND, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst WGSL_FLIP_SHADER = `\nstruct FlipUniforms {\n\tflipH     : f32,\n\tflipV     : f32,\n\tdiagonal  : f32,\n\tsymmetry  : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : FlipUniforms;\n@group(1) @binding(0) var tex        : texture_2d<f32>;\n@group(1) @binding(1) var samp       : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tvar uv = in.uv;\n\n\t// 1. Split-Mirror / Symmetry\n\tif (u.symmetry > 0.5 && u.symmetry < 1.5) {\n\t\t// leftToRight: mirror left half to right half\n\t\tuv.x = select(uv.x, 1.0 - uv.x, uv.x > 0.5);\n\t} else if (u.symmetry > 1.5 && u.symmetry < 2.5) {\n\t\t// rightToLeft: mirror right half to left half\n\t\tuv.x = select(1.0 - uv.x, uv.x, uv.x > 0.5);\n\t} else if (u.symmetry > 2.5 && u.symmetry < 3.5) {\n\t\t// topToBottom: mirror top half to bottom half\n\t\tuv.y = select(uv.y, 1.0 - uv.y, uv.y > 0.5);\n\t} else if (u.symmetry > 3.5 && u.symmetry < 4.5) {\n\t\t// bottomToTop: mirror bottom half to top half\n\t\tuv.y = select(1.0 - uv.y, uv.y, uv.y > 0.5);\n\t} else if (u.symmetry > 4.5) {\n\t\t// quadrant: 4-way kaleidoscopic symmetry\n\t\tuv.x = select(uv.x, 1.0 - uv.x, uv.x > 0.5);\n\t\tuv.y = select(uv.y, 1.0 - uv.y, uv.y > 0.5);\n\t}\n\n\t// 2. Diagonal Swap (Transposition: x <-> y)\n\tif (u.diagonal > 0.5) {\n\t\tlet temp = uv.x;\n\t\tuv.x = uv.y;\n\t\tuv.y = temp;\n\t}\n\n\t// 3. Horizontal / Vertical Flip\n\tif (u.flipH > 0.5) {\n\t\tuv.x = 1.0 - uv.x;\n\t}\n\tif (u.flipV > 0.5) {\n\t\tuv.y = 1.0 - uv.y;\n\t}\n\n\treturn textureSampleLevel(tex, samp, uv, 0.0);\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst uniformData = new Float32Array(4);\nfunction getFlipResources(device, targetFormat) {\n\tconst cached = deviceResourceCache.get(device);\n\tif (cached) return cached;\n\tconst uniformLayout = fragmentBindGroupLayout(device, [\"uniform\"]);\n\tconst textureLayout = fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]);\n\tconst res = {\n\t\tuniformLayout,\n\t\ttextureLayout,\n\t\tpipeline: createFullscreenPipeline(device, {\n\t\t\tmodule: device.createShaderModule({ code: WGSL_FLIP_SHADER }),\n\t\t\tlayouts: device.createPipelineLayout({ bindGroupLayouts: [uniformLayout, textureLayout] }),\n\t\t\tformat: targetFormat,\n\t\t\tblend: STRAIGHT_ALPHA_BLEND\n\t\t})\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nconst WebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"Flip\" || !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst sourceWidth = childMedia.metadata?.width ?? props.containerWidth ?? width;\n\tconst sourceHeight = childMedia.metadata?.height ?? props.containerHeight ?? height;\n\tconst { texture: childTex } = await drawChildToTexture(args, childMedia, {\n\t\twidth: sourceWidth,\n\t\theight: sourceHeight,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tcontainerWidth: sourceWidth,\n\t\t\tcontainerHeight: sourceHeight,\n\t\t\tvirtualMedia: childMedia\n\t\t}\n\t});\n\tconst { pipeline, uniformLayout: uLayout, textureLayout: tLayout } = getFlipResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst mode = op.mode ?? \"horizontal\";\n\tlet isFlipH = false;\n\tlet isFlipV = false;\n\tlet isDiag = false;\n\tif (mode === \"horizontal\") isFlipH = true;\n\telse if (mode === \"vertical\") isFlipV = true;\n\telse if (mode === \"both\") {\n\t\tisFlipH = true;\n\t\tisFlipV = true;\n\t} else if (mode === \"diagonal\") isDiag = true;\n\telse if (mode === \"antiDiagonal\") {\n\t\tisDiag = true;\n\t\tisFlipH = true;\n\t\tisFlipV = true;\n\t} else if (mode === \"custom\") {\n\t\tisFlipH = op.horizontal ?? true;\n\t\tisFlipV = op.vertical ?? false;\n\t\tisDiag = op.diagonal ?? false;\n\t}\n\tlet symVal = 0;\n\tif (op.symmetry === \"leftToRight\") symVal = 1;\n\telse if (op.symmetry === \"rightToLeft\") symVal = 2;\n\telse if (op.symmetry === \"topToBottom\") symVal = 3;\n\telse if (op.symmetry === \"bottomToTop\") symVal = 4;\n\telse if (op.symmetry === \"quadrant\") symVal = 5;\n\tuniformData[0] = isFlipH ? 1 : 0;\n\tuniformData[1] = isFlipV ? 1 : 0;\n\tuniformData[2] = isDiag ? 1 : 0;\n\tuniformData[3] = symVal;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst uBindGroup = ctx.device.createBindGroup({\n\t\tlayout: uLayout,\n\t\tentries: [{\n\t\t\tbinding: 0,\n\t\t\tresource: { buffer: uniformBuffer }\n\t\t}]\n\t});\n\tconst tBindGroup = ctx.device.createBindGroup({\n\t\tlayout: tLayout,\n\t\tentries: [{\n\t\t\tbinding: 0,\n\t\t\tresource: childTex.createView()\n\t\t}, {\n\t\t\tbinding: 1,\n\t\t\tresource: sampler\n\t\t}]\n\t});\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\tchildTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [uBindGroup, tBindGroup]);\n\tdrawTextureToTarget(args, outTex, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-CeDdi1eu.mjs.map"],"mappings":"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"}

package/dist/{renderer-dncoIVdd.mjs → renderer-BhhSyHKF.mjs}

@@ -1,3 +1,5 @@
-import { n as renderers_default, t as GradientMapWebGPURenderer } from "./renderer-DxTs4Iyi.mjs";
+import "./chunk-GBe2k3y8.mjs";
+import "./dist-DkuDAIrG.mjs";
+import { n as renderers_default, t as GradientMapWebGPURenderer } from "./renderer-B1Zn91xt.mjs";
 
 export { GradientMapWebGPURenderer, renderers_default as default };

package/dist/{renderer-CXn5HAnK.mjs → renderer-Br9BOkQs.mjs}

@@ -1,8 +1,8 @@
-import { Jt as resolveNumber, Xt as resolveString } from "./dist-CbG3QxDw.mjs";
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
-import { C as WebGPUAudioProcessor } from "./dist-Cxi68OuY.mjs";
+import { Jt as resolveNumber, Xt as resolveString } from "./dist-fjKpBYkc.mjs";
+import { n as defineRenderer, r as isHandleConnected } from "./renderer-BSitV56h.mjs";
+import { g as WebGPUAudioProcessor } from "./dist-DkuDAIrG.mjs";
 
-//#region ../../nodes/node-audio-fade/dist/renderers-BvKAh3PU.mjs
+//#region ../../nodes/node-audio-fade/dist/renderers-C_aLLJ4x.mjs
 const PARAM_ORDER = ["fadeInDuration", "fadeOutDuration"];
 const FADE_SHADER_TEMPLATE = () => `
 struct Uniforms {
@@ -124,7 +124,6 @@ const getCurveCode = (curve) => {
 const fadeAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {
 	if (!ctx?.device) throw new Error("GPUDevice is required for WebGPU Audio Fade.");
 	const op = virtualMedia.operation || {};
-	const inputs = op.inputs || {};
 	const numChannels = channels.length;
 	if (numChannels === 0) return;
 	const numSamples = channels[0].length;
@@ -142,19 +141,14 @@ const fadeAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {
 		fadeIn = Math.min(fadeIn, half);
 		fadeOut = Math.min(fadeOut, half);
 	}
-	const isHandleConnected = (handleIdKey) => {
-		const handleId = op[handleIdKey];
-		if (typeof handleId !== "string" || !handleId) return false;
-		const input = inputs[handleId];
-		return Boolean(input?.connectionValid && input.outputItem && (input.outputItem.type === "Signal" || input.outputItem.type === "Number"));
-	};
-	const hasFadeInDurationSig = isHandleConnected("fadeInDurationHandleId") ? 1 : 0;
-	const hasFadeOutDurationSig = isHandleConnected("fadeOutDurationHandleId") ? 1 : 0;
+	const hasFadeInDurationSig = isHandleConnected(op, "fadeInDurationHandleId") ? 1 : 0;
+	const hasFadeOutDurationSig = isHandleConnected(op, "fadeOutDurationHandleId") ? 1 : 0;
 	const nodeId = op.id || "audio-fade";
 	const frame = ctx.frame ?? 0;
 	const fps = ctx.fps ?? 24;
+	const segmentStartSec = Math.max(0, (ctx.elapsedMs ?? 0) / 1e3);
 	await WebGPUAudioProcessor.process(ctx.device, nodeId, channels, sampleRate, virtualMedia, frame, fps, FADE_SHADER_TEMPLATE, (chunkTimeSec) => {
-		const localTimeSec = Math.max(0, chunkTimeSec - frame / fps);
+		const mediaTimeSec = segmentStartSec + Math.max(0, chunkTimeSec - frame / fps);
 		return [
 			sampleRate,
 			fadeIn,
@@ -164,7 +158,7 @@ const fadeAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {
 			clipDuration,
 			hasFadeInDurationSig,
 			hasFadeOutDurationSig,
-			localTimeSec,
+			mediaTimeSec,
 			frame,
 			numSamples,
 			numChannels,
@@ -179,4 +173,4 @@ var renderers_default = defineRenderer({ audioProcessor: fadeAudioProcessor });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-CXn5HAnK.mjs.map
+//# sourceMappingURL=renderer-Br9BOkQs.mjs.map

package/dist/renderer-Br9BOkQs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-Br9BOkQs.mjs","names":[],"sources":["../../../nodes/node-audio-fade/dist/renderers-C_aLLJ4x.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { isHandleConnected, resolveNumber, resolveString } from \"@framefields/node-sdk\";\nimport { WebGPUAudioProcessor } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/audio-processor.ts\nconst PARAM_ORDER = [\"fadeInDuration\", \"fadeOutDuration\"];\nconst FADE_SHADER_TEMPLATE = () => `\nstruct Uniforms {\n    sampleRate            : f32,\n    fadeInDuration        : f32,\n    fadeOutDuration       : f32,\n    fadeInCurve           : f32,\n    fadeOutCurve          : f32,\n    clipDuration          : f32,\n    hasFadeInDurationSig  : f32,\n    hasFadeOutDurationSig : f32,\n    baseTime              : f32,\n    frame                 : f32,\n    numSamples            : f32,\n    numChannels           : f32,\n    pad1                  : f32,\n    pad2                  : f32,\n    pad3                  : f32,\n    pad4                  : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : Uniforms;\n@group(0) @binding(1) var<storage, read> inputChannels : array<f32>;\n@group(0) @binding(2) var<storage, read_write> outputChannels : array<f32>;\n@group(0) @binding(3) var<storage, read_write> state : array<f32>; // state[0] = samplesProcessed\n@group(0) @binding(4) var<storage, read> fadeInDurationSignal  : array<f32>;\n@group(0) @binding(5) var<storage, read> fadeOutDurationSignal : array<f32>;\n\nfn applyCurve(p: f32, curve: f32) -> f32 {\n    let clampedP = max(0.0f, min(p, 1.0f));\n    if (curve == 1.0f) { // exponential\n        return clampedP * clampedP;\n    }\n    if (curve == 2.0f) { // scurve\n        return clampedP * clampedP * (3.0f - 2.0f * clampedP);\n    }\n    return clampedP; // linear\n}\n\nfn tanh(x: f32) -> f32 {\n    let exp2x = exp(2.0f * x);\n    return (exp2x - 1.0f) / (exp2x + 1.0f);\n}\n\nfn is_nan_or_inf(v: f32) -> bool {\n    return (v != v) || (abs(v) > 3.402823466e+38f);\n}\n\n@compute @workgroup_size(1)\nfn main(@builtin(global_invocation_id) gid : vec3<u32>) {\n    if (gid.x != 0u) { return; }\n\n    let numSamples = u32(u.numSamples);\n    let numChannels = u32(u.numChannels);\n\n    for (var index = 0u; index < numSamples; index = index + 1u) {\n        let t = u.baseTime + f32(index) / u.sampleRate;\n        var gain = 1.0f;\n\n        var effFadeIn = u.fadeInDuration;\n        if (u.hasFadeInDurationSig > 0.5f) {\n            effFadeIn = fadeInDurationSignal[index];\n        }\n        effFadeIn = clamp(effFadeIn, 0.0f, 60.0f);\n\n        var effFadeOut = u.fadeOutDuration;\n        if (u.hasFadeOutDurationSig > 0.5f) {\n            effFadeOut = fadeOutDurationSignal[index];\n        }\n        effFadeOut = clamp(effFadeOut, 0.0f, 60.0f);\n\n        if (effFadeIn > 0.0f && t < effFadeIn) {\n            let p = t / effFadeIn;\n            gain = gain * applyCurve(p, u.fadeInCurve);\n        }\n\n        if (effFadeOut > 0.0f && t > u.clipDuration - effFadeOut) {\n            let p = (u.clipDuration - t) / effFadeOut;\n            gain = gain * applyCurve(p, u.fadeOutCurve);\n        }\n\n        gain = clamp(gain, 0.0f, 1.0f);\n\n        for (var c = 0u; c < numChannels; c = c + 1u) {\n            let sampleIndex = c * numSamples + index;\n            var inVal = inputChannels[sampleIndex];\n            if (is_nan_or_inf(inVal)) {\n                inVal = 0.0f;\n            }\n\n            var outVal = inVal * gain;\n            if (is_nan_or_inf(outVal)) {\n                outVal = 0.0f;\n            }\n\n            if (outVal > 1.0f) {\n                outVal = 1.0f;\n            } else if (outVal < -1.0f) {\n                outVal = -1.0f;\n            } else if (outVal > 0.9f) {\n                outVal = 0.9f + 0.1f * tanh((outVal - 0.9f) / 0.1f);\n            } else if (outVal < -0.9f) {\n                outVal = -0.9f + 0.1f * tanh((outVal + 0.9f) / 0.1f);\n            }\n\n            outputChannels[sampleIndex] = outVal;\n        }\n    }\n\n    // Dummy reference to keep state binding active\n    state[0] = state[0];\n}\n`;\nconst getCurveCode = (curve) => {\n\tif (curve === \"exponential\") return 1;\n\tif (curve === \"scurve\") return 2;\n\treturn 0;\n};\nconst fadeAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {\n\tif (!ctx?.device) throw new Error(\"GPUDevice is required for WebGPU Audio Fade.\");\n\tconst op = virtualMedia.operation || {};\n\tconst numChannels = channels.length;\n\tif (numChannels === 0) return;\n\tconst numSamples = channels[0].length;\n\tif (numSamples === 0) return;\n\tconst fadeInDuration = Math.max(0, resolveNumber(op.fadeInDuration, 0));\n\tconst fadeOutDuration = Math.max(0, resolveNumber(op.fadeOutDuration, 0));\n\tconst fadeInCurve = resolveString(op.fadeInCurve, \"linear\");\n\tconst fadeOutCurve = resolveString(op.fadeOutCurve, \"linear\");\n\tconst durationMs = virtualMedia.metadata?.durationMs ?? ctx?.durationMs ?? (typeof op.durationFrames === \"number\" && (ctx.fps ?? 24) > 0 ? op.durationFrames / (ctx.fps ?? 24) * 1e3 : void 0);\n\tconst clipDuration = durationMs !== void 0 && durationMs > 0 ? durationMs / 1e3 : numSamples / sampleRate;\n\tlet fadeIn = fadeInDuration;\n\tlet fadeOut = fadeOutDuration;\n\tif (clipDuration > 0 && fadeIn + fadeOut > clipDuration) {\n\t\tconst half = clipDuration / 2;\n\t\tfadeIn = Math.min(fadeIn, half);\n\t\tfadeOut = Math.min(fadeOut, half);\n\t}\n\tconst hasFadeInDurationSig = isHandleConnected(op, \"fadeInDurationHandleId\") ? 1 : 0;\n\tconst hasFadeOutDurationSig = isHandleConnected(op, \"fadeOutDurationHandleId\") ? 1 : 0;\n\tconst nodeId = op.id || \"audio-fade\";\n\tconst frame = ctx.frame ?? 0;\n\tconst fps = ctx.fps ?? 24;\n\tconst segmentStartSec = Math.max(0, (ctx.elapsedMs ?? 0) / 1e3);\n\tawait WebGPUAudioProcessor.process(ctx.device, nodeId, channels, sampleRate, virtualMedia, frame, fps, FADE_SHADER_TEMPLATE, (chunkTimeSec) => {\n\t\tconst mediaTimeSec = segmentStartSec + Math.max(0, chunkTimeSec - frame / fps);\n\t\treturn [\n\t\t\tsampleRate,\n\t\t\tfadeIn,\n\t\t\tfadeOut,\n\t\t\tgetCurveCode(fadeInCurve),\n\t\t\tgetCurveCode(fadeOutCurve),\n\t\t\tclipDuration,\n\t\t\thasFadeInDurationSig,\n\t\t\thasFadeOutDurationSig,\n\t\t\tmediaTimeSec,\n\t\t\tframe,\n\t\t\tnumSamples,\n\t\t\tnumChannels,\n\t\t\t0,\n\t\t\t0,\n\t\t\t0,\n\t\t\t0\n\t\t];\n\t}, 16, 1, ctx?.renderId, true, ctx?.elapsedMs, ctx?.durationMs, void 0, void 0, PARAM_ORDER);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ audioProcessor: fadeAudioProcessor });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-C_aLLJ4x.mjs.map"],"mappings":";;;;;AAKA,MAAM,cAAc,CAAC,kBAAkB,kBAAkB;AACzD,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHnC,MAAM,gBAAgB,UAAU;AAC/B,KAAI,UAAU,cAAe,QAAO;AACpC,KAAI,UAAU,SAAU,QAAO;AAC/B,QAAO;;AAER,MAAM,qBAAqB,OAAO,UAAU,YAAY,cAAc,QAAQ;AAC7E,KAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,+CAA+C;CACjF,MAAM,KAAK,aAAa,aAAa,EAAE;CACvC,MAAM,cAAc,SAAS;AAC7B,KAAI,gBAAgB,EAAG;CACvB,MAAM,aAAa,SAAS,GAAG;AAC/B,KAAI,eAAe,EAAG;CACtB,MAAM,iBAAiB,KAAK,IAAI,GAAG,cAAc,GAAG,gBAAgB,EAAE,CAAC;CACvE,MAAM,kBAAkB,KAAK,IAAI,GAAG,cAAc,GAAG,iBAAiB,EAAE,CAAC;CACzE,MAAM,cAAc,cAAc,GAAG,aAAa,SAAS;CAC3D,MAAM,eAAe,cAAc,GAAG,cAAc,SAAS;CAC7D,MAAM,aAAa,aAAa,UAAU,cAAc,KAAK,eAAe,OAAO,GAAG,mBAAmB,aAAa,IAAI,OAAO,MAAM,IAAI,GAAG,kBAAkB,IAAI,OAAO,MAAM,MAAM,KAAK;CAC5L,MAAM,eAAe,eAAe,KAAK,KAAK,aAAa,IAAI,aAAa,MAAM,aAAa;CAC/F,IAAI,SAAS;CACb,IAAI,UAAU;AACd,KAAI,eAAe,KAAK,SAAS,UAAU,cAAc;EACxD,MAAM,OAAO,eAAe;AAC5B,WAAS,KAAK,IAAI,QAAQ,KAAK;AAC/B,YAAU,KAAK,IAAI,SAAS,KAAK;;CAElC,MAAM,uBAAuB,kBAAkB,IAAI,yBAAyB,GAAG,IAAI;CACnF,MAAM,wBAAwB,kBAAkB,IAAI,0BAA0B,GAAG,IAAI;CACrF,MAAM,SAAS,GAAG,MAAM;CACxB,MAAM,QAAQ,IAAI,SAAS;CAC3B,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,kBAAkB,KAAK,IAAI,IAAI,IAAI,aAAa,KAAK,IAAI;AAC/D,OAAM,qBAAqB,QAAQ,IAAI,QAAQ,QAAQ,UAAU,YAAY,cAAc,OAAO,KAAK,uBAAuB,iBAAiB;EAC9I,MAAM,eAAe,kBAAkB,KAAK,IAAI,GAAG,eAAe,QAAQ,IAAI;AAC9E,SAAO;GACN;GACA;GACA;GACA,aAAa,YAAY;GACzB,aAAa,aAAa;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;IACC,IAAI,GAAG,KAAK,UAAU,MAAM,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,YAAY;;AAK7F,IAAI,oBAAoB,eAAe,EAAE,gBAAgB,oBAAoB,CAAC"}

package/dist/{renderer-BTdOMMEx.d.mts → renderer-Bs_f_App.d.mts}

@@ -1,4 +1,4 @@
-import { n as NodeRendererPlugin } from "./index-9B8CJowc.mjs";
+import { n as NodeRendererPlugin } from "./index-Fciq8bcC.mjs";
 
 //#region ../../nodes/node-audio-signal-extractor/dist/renderer.d.mts
 //#region src/renderers/index.d.ts
@@ -7,4 +7,4 @@ declare const _default: Readonly<NodeRendererPlugin>;
 
 //#endregion
 export { _default as t };
-//# sourceMappingURL=renderer-BTdOMMEx.d.mts.map
+//# sourceMappingURL=renderer-Bs_f_App.d.mts.map

package/dist/{renderer-BTdOMMEx.d.mts.map → renderer-Bs_f_App.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-BTdOMMEx.d.mts","names":["_framefields_node_sdk_renderer0","_default","NodeRendererPlugin","Readonly","default"],"sources":["../../../nodes/node-audio-signal-extractor/dist/renderer.d.mts"],"sourcesContent":["import * as _framefields_node_sdk_renderer0 from \"@framefields/node-sdk/renderer\";\n\n//#region src/renderers/index.d.ts\ndeclare const _default: Readonly<_framefields_node_sdk_renderer0.NodeRendererPlugin>;\n//#endregion\nexport { _default as default };\n//# sourceMappingURL=renderer.d.mts.map"],"mappings":";;;;AAAkF,cAGpEC,QAAsE,EAA5DE,QAASH,CAAAA,kBAAD,CAAA"}
+{"version":3,"file":"renderer-Bs_f_App.d.mts","names":["_framefields_node_sdk_renderer0","_default","NodeRendererPlugin","Readonly","default"],"sources":["../../../nodes/node-audio-signal-extractor/dist/renderer.d.mts"],"sourcesContent":["import * as _framefields_node_sdk_renderer0 from \"@framefields/node-sdk/renderer\";\n\n//#region src/renderers/index.d.ts\ndeclare const _default: Readonly<_framefields_node_sdk_renderer0.NodeRendererPlugin>;\n//#endregion\nexport { _default as default };\n//# sourceMappingURL=renderer.d.mts.map"],"mappings":";;;;AAAkF,cAGpEC,QAAsE,EAA5DE,QAASH,CAAAA,kBAAD,CAAA"}

package/dist/{renderer-DZGtBUCx.mjs → renderer-BygIYH8s.mjs}

@@ -1,6 +1,7 @@
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+import { n as defineRenderer } from "./renderer-BSitV56h.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-DG3gI88-.mjs";
 
-//#region ../../nodes/node-curves/dist/renderers-Dg_IAYCC.mjs
+//#region ../../nodes/node-curves/dist/renderers-DzdBU1io.mjs
 /**
 * Solves the Fritsch-Carlson Monotonic Cubic Hermite Spline interpolation
 * for a set of control points. Returns an interpolation function.
@@ -266,26 +267,7 @@ const LUT_SIZE = 1024;
 const LUT_FORMAT = "rgba8unorm";
 const LUT_BYTES_PER_ROW = LUT_SIZE * 4;
 const CURVES_RGB_SHADER = `
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
-@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
-	var pos = array<vec2<f32>, 4>(
-		vec2<f32>(-1.0, 1.0),
-		vec2<f32>(1.0, 1.0),
-		vec2<f32>(-1.0, -1.0),
-		vec2<f32>(1.0, -1.0)
-	);
-	var uv = array<vec2<f32>, 4>(
-		vec2<f32>(0.0, 0.0),
-		vec2<f32>(1.0, 0.0),
-		vec2<f32>(0.0, 1.0),
-		vec2<f32>(1.0, 1.0)
-	);
-	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
-}
+${FULLSCREEN_QUAD_WGSL}
 
 @group(0) @binding(0) var t_lut : texture_2d<f32>;
 @group(0) @binding(1) var s_lut : sampler;
@@ -319,12 +301,6 @@ struct Uniforms {
 	pad1: u32,
 	pad2: u32,
 };
-
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
 @group(0) @binding(0) var<uniform> u : Uniforms;
 @group(0) @binding(1) var t_lut      : texture_2d<f32>;
 @group(0) @binding(2) var s_lut      : sampler;
@@ -332,17 +308,7 @@ struct VSOut {
 @group(1) @binding(0) var t_src : texture_2d<f32>;
 @group(1) @binding(1) var s_src : sampler;
 
-@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
-	var pos = array<vec2<f32>, 4>(
-		vec2<f32>(-1.0,  1.0), vec2<f32>(1.0,  1.0),
-		vec2<f32>(-1.0, -1.0), vec2<f32>(1.0, -1.0)
-	);
-	var uv = array<vec2<f32>, 4>(
-		vec2<f32>(0.0, 0.0), vec2<f32>(1.0, 0.0),
-		vec2<f32>(0.0, 1.0), vec2<f32>(1.0, 1.0)
-	);
-	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
-}
+${FULLSCREEN_QUAD_WGSL}
 
 fn rgb_to_hsl(rgb: vec3<f32>) -> vec3<f32> {
 	let r = rgb.r; let g = rgb.g; let b = rgb.b;
@@ -424,42 +390,17 @@ const hslResourceCache = /* @__PURE__ */ new WeakMap();
 function getRgbResources(device, format) {
 	let res = rgbResourceCache.get(device);
 	if (!res) {
-		const lutBGL = device.createBindGroupLayout({ entries: [{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			texture: { sampleType: "float" }
-		}, {
-			binding: 1,
-			visibility: GPUShaderStage.FRAGMENT,
-			sampler: { type: "filtering" }
-		}] });
-		const srcBGL = device.createBindGroupLayout({ entries: [{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			texture: { sampleType: "float" }
-		}, {
-			binding: 1,
-			visibility: GPUShaderStage.FRAGMENT,
-			sampler: { type: "filtering" }
-		}] });
-		const module = device.createShaderModule({
-			label: "curves-rgb.wgsl",
-			code: CURVES_RGB_SHADER
-		});
+		const lutBGL = fragmentBindGroupLayout(device, ["texture", "sampler"]);
+		const srcBGL = fragmentBindGroupLayout(device, ["texture", "sampler"]);
 		res = {
-			pipeline: device.createRenderPipeline({
+			pipeline: createFullscreenPipeline(device, {
 				label: "CurvesRgbPipeline",
-				layout: device.createPipelineLayout({ bindGroupLayouts: [lutBGL, srcBGL] }),
-				vertex: {
-					module,
-					entryPoint: "vs"
-				},
-				fragment: {
-					module,
-					entryPoint: "fs",
-					targets: [{ format }]
-				},
-				primitive: { topology: "triangle-strip" }
+				module: device.createShaderModule({
+					label: "curves-rgb.wgsl",
+					code: CURVES_RGB_SHADER
+				}),
+				layouts: [lutBGL, srcBGL],
+				format
 			}),
 			lutBindGroupLayout: lutBGL,
 			srcBindGroupLayout: srcBGL
@@ -471,50 +412,21 @@ function getRgbResources(device, format) {
 function getHslResources(device, format) {
 	let res = hslResourceCache.get(device);
 	if (!res) {
-		const uniformLayout = device.createBindGroupLayout({ entries: [
-			{
-				binding: 0,
-				visibility: GPUShaderStage.FRAGMENT,
-				buffer: { type: "uniform" }
-			},
-			{
-				binding: 1,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 2,
-				visibility: GPUShaderStage.FRAGMENT,
-				sampler: { type: "filtering" }
-			}
-		] });
-		const srcBGL = device.createBindGroupLayout({ entries: [{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			texture: { sampleType: "float" }
-		}, {
-			binding: 1,
-			visibility: GPUShaderStage.FRAGMENT,
-			sampler: { type: "filtering" }
-		}] });
-		const module = device.createShaderModule({
-			label: "curves-hsl.wgsl",
-			code: CURVES_HSL_SHADER
-		});
+		const uniformLayout = fragmentBindGroupLayout(device, [
+			"uniform",
+			"texture",
+			"sampler"
+		]);
+		const srcBGL = fragmentBindGroupLayout(device, ["texture", "sampler"]);
 		res = {
-			pipeline: device.createRenderPipeline({
+			pipeline: createFullscreenPipeline(device, {
 				label: "CurvesHslPipeline",
-				layout: device.createPipelineLayout({ bindGroupLayouts: [uniformLayout, srcBGL] }),
-				vertex: {
-					module,
-					entryPoint: "vs"
-				},
-				fragment: {
-					module,
-					entryPoint: "fs",
-					targets: [{ format }]
-				},
-				primitive: { topology: "triangle-strip" }
+				module: device.createShaderModule({
+					label: "curves-hsl.wgsl",
+					code: CURVES_HSL_SHADER
+				}),
+				layouts: [uniformLayout, srcBGL],
+				format
 			}),
 			uniformLayout,
 			srcBindGroupLayout: srcBGL
@@ -644,7 +556,7 @@ const HSL_CURVE_KEY_MAP = {
 	"sat-vs-sat": "satVsSat"
 };
 const CurvesWebGPURenderer = async (args) => {
-	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;
 	const op = props.virtualMedia?.operation;
 	if (op?.op !== "Curves" || !props.virtualMedia?.children?.[0]) return;
 	pass.end();
@@ -653,27 +565,7 @@ const CurvesWebGPURenderer = async (args) => {
 	const height = targetHeight;
 	const nodeId = op.nodeId || "curves_fallback";
 	const curveType = op.curveType || "rgb";
-	const tmpTex = ctx.renderer.getTemporaryTexture(width, height, [...props.excludeTextures || [], targetTexture]);
-	const tmpView = tmpTex.createView();
-	ctx.renderer.beginFrame(encoder, tmpView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, width, height, "clear").end();
-	ctx.renderer.pushScissor({
-		x: 0,
-		y: 0,
-		width,
-		height
-	});
-	ctx.renderer.pushIdentity();
-	await drawChild(childMedia, {
-		...props,
-		virtualMedia: childMedia
-	}, tmpView, tmpTex, width, height);
-	ctx.renderer.popTransform();
-	ctx.renderer.popScissor();
+	const { texture: tmpTex } = await drawChildToTexture(args, childMedia);
 	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
 	const outTex = ctx.renderer.getTemporaryTexture(width, height, [
 		tmpTex,
@@ -690,19 +582,7 @@ const CurvesWebGPURenderer = async (args) => {
 		});
 		const lut = getLut(ctx.device, configKey, () => buildRgbLut(ctx.device, op));
 		const { pipeline, lutBindGroupLayout, srcBindGroupLayout } = getRgbResources(ctx.device, ctx.renderer.format);
-		const renderPass = encoder.beginRenderPass({ colorAttachments: [{
-			view: outTex.createView(),
-			loadOp: "clear",
-			storeOp: "store",
-			clearValue: {
-				r: 0,
-				g: 0,
-				b: 0,
-				a: 0
-			}
-		}] });
-		renderPass.setPipeline(pipeline);
-		renderPass.setBindGroup(0, ctx.device.createBindGroup({
+		drawFullscreenPass(encoder, outTex.createView(), pipeline, [ctx.device.createBindGroup({
 			layout: lutBindGroupLayout,
 			entries: [{
 				binding: 0,
@@ -711,10 +591,7 @@ const CurvesWebGPURenderer = async (args) => {
 				binding: 1,
 				resource: sampler
 			}]
-		}));
-		renderPass.setBindGroup(1, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcBindGroupLayout, tmpTex, sampler));
-		renderPass.draw(4);
-		renderPass.end();
+		}), ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcBindGroupLayout, tmpTex, sampler)]);
 	} else {
 		const hslPoints = op[HSL_CURVE_KEY_MAP[curveType]] || [{
 			x: 0,
@@ -736,19 +613,7 @@ const CurvesWebGPURenderer = async (args) => {
 		]);
 		const uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);
 		const { pipeline, uniformLayout, srcBindGroupLayout } = getHslResources(ctx.device, ctx.renderer.format);
-		const renderPass = encoder.beginRenderPass({ colorAttachments: [{
-			view: outTex.createView(),
-			loadOp: "clear",
-			storeOp: "store",
-			clearValue: {
-				r: 0,
-				g: 0,
-				b: 0,
-				a: 0
-			}
-		}] });
-		renderPass.setPipeline(pipeline);
-		renderPass.setBindGroup(0, ctx.device.createBindGroup({
+		drawFullscreenPass(encoder, outTex.createView(), pipeline, [ctx.device.createBindGroup({
 			layout: uniformLayout,
 			entries: [
 				{
@@ -764,29 +629,14 @@ const CurvesWebGPURenderer = async (args) => {
 					resource: sampler
 				}
 			]
-		}));
-		renderPass.setBindGroup(1, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcBindGroupLayout, tmpTex, sampler));
-		renderPass.draw(4);
-		renderPass.end();
+		}), ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcBindGroupLayout, tmpTex, sampler)]);
 	}
 	computeHistogramFromEncoder(ctx.device, encoder, outTex, nodeId);
-	const finalPass = ctx.renderer.beginFrame(encoder, targetView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, targetWidth, targetHeight, "load");
-	ctx.renderer.drawTexture(finalPass, outTex, {
-		x: 0,
-		y: 0,
-		width: targetWidth,
-		height: targetHeight
-	}, { opacity: props.opacity ?? 1 });
-	args.pass = finalPass;
+	drawTextureToTarget(args, outTex, props.opacity ?? 1);
 };
 const rendererNode = defineRenderer({ WebGPURenderer: CurvesWebGPURenderer });
 var renderers_default = rendererNode;
 
 //#endregion
 export { renderers_default as n, rendererNode as t };
-//# sourceMappingURL=renderer-DZGtBUCx.mjs.map
+//# sourceMappingURL=renderer-BygIYH8s.mjs.map