framefields 2.0.11 → 2.1.0

package/dist/{renderer-CdciwwMI.mjs → renderer-Dmv_Aj6x.mjs}

@@ -1,9 +1,10 @@
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
-import { a as configBuilder, i as VideoResultSchema, n as ImageResultSchema } from "./dist-BYqNNwsl.mjs";
-import { rt as signalRegistry } from "./dist-Cxi68OuY.mjs";
+import { l as unwrapFrameParam, n as defineRenderer } from "./renderer-BSitV56h.mjs";
+import { a as configBuilder, i as VideoResultSchema, n as ImageResultSchema } from "./dist-BY0bIWgr.mjs";
+import { An as signalRegistry } from "./dist-Bun_TUvZ.mjs";
+import { a as createFullscreenPipeline, c as drawTextureToTarget, d as signalTextureView, f as signalTiming, l as fragmentBindGroupLayout, o as drawChildToTexture, p as texturesLayout, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL, u as perDevice } from "./gpu-RkpiFGOA.mjs";
 import { z } from "zod";
 
-//#region ../../nodes/node-blur/dist/renderers-D18ipwkG.mjs
+//#region ../../nodes/node-blur/dist/renderers-rcrwEq-B.mjs
 const MAX_BLUR = 100;
 const blurConfig = configBuilder().field("blurType", z.enum([
 	"Gaussian",
@@ -147,27 +148,7 @@ fn applyPartialBlur(blurred: vec4<f32>, uv: vec2<f32>, dimensions: vec2<f32>) ->
 `;
 const GAUSSIAN_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let c = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -205,27 +186,7 @@ struct VSOut {
 `;
 const BOX_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let c = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -258,32 +219,12 @@ struct VSOut {
 `;
 const MEDIAN_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
 struct Val {
 	luma  : f32,
 	color : vec4<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> {
 	let centerCol = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -335,27 +276,7 @@ struct Val {
 `;
 const MOTION_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let c = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -391,27 +312,7 @@ struct VSOut {
 `;
 const BILATERAL_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let centerCol = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -462,27 +363,7 @@ struct VSOut {
 `;
 const EDGE_PRESERVING_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let centerCol = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -560,27 +441,7 @@ struct VSOut {
 `;
 const RADIAL_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let centerCol = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -627,27 +488,7 @@ struct VSOut {
 `;
 const ZOOM_BLUR_SHADER = `
 ${WGSL_BLUR_UNIFORMS}
-
-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> {
 	let centerCol = textureSampleLevel(tex, samp, in.uv, 0.0);
@@ -686,70 +527,16 @@ struct VSOut {
 	return applyPartialBlur(blurred, in.uv, dimensions);
 }
 `;
-const deviceResourceCache = /* @__PURE__ */ new WeakMap();
-function getDeviceLayouts(device) {
-	let res = deviceResourceCache.get(device);
-	if (res) return res;
-	res = {
-		blurUniformLayout: device.createBindGroupLayout({ entries: [{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			buffer: { type: "uniform" }
-		}] }),
-		singleTextureLayout: device.createBindGroupLayout({ entries: [
-			{
-				binding: 0,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 1,
-				visibility: GPUShaderStage.FRAGMENT,
-				sampler: { type: "filtering" }
-			},
-			{
-				binding: 2,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			}
-		] }),
-		signalTextureLayout: device.createBindGroupLayout({ entries: [
-			{
-				binding: 0,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 1,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 2,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 3,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 4,
-				visibility: GPUShaderStage.FRAGMENT,
-				texture: { sampleType: "float" }
-			},
-			{
-				binding: 5,
-				visibility: GPUShaderStage.FRAGMENT,
-				sampler: { type: "filtering" }
-			}
-		] }),
-		pipelineCache: /* @__PURE__ */ new Map()
-	};
-	deviceResourceCache.set(device, res);
-	return res;
-}
+const getDeviceLayouts = perDevice((device) => ({
+	blurUniformLayout: fragmentBindGroupLayout(device, ["uniform"]),
+	singleTextureLayout: fragmentBindGroupLayout(device, [
+		"texture",
+		"sampler",
+		"texture"
+	]),
+	signalTextureLayout: texturesLayout(device, 5),
+	pipelineCache: /* @__PURE__ */ new Map()
+}));
 function getBlurResources(device, format, blurType) {
 	const layouts = getDeviceLayouts(device);
 	const cacheKey = `blur_${blurType}_${format}`;
@@ -767,23 +554,15 @@ function getBlurResources(device, format, blurType) {
 			label: `blur_${blurType}_${format}.wgsl`,
 			code
 		});
-		pipeline = device.createRenderPipeline({
+		pipeline = createFullscreenPipeline(device, {
 			label: `BlurPipeline_${blurType}_${format}`,
-			layout: device.createPipelineLayout({ bindGroupLayouts: [
+			module: blurModule,
+			layouts: [
 				layouts.blurUniformLayout,
 				layouts.singleTextureLayout,
 				layouts.signalTextureLayout
-			] }),
-			vertex: {
-				module: blurModule,
-				entryPoint: "vs"
-			},
-			fragment: {
-				module: blurModule,
-				entryPoint: "fs",
-				targets: [{ format }]
-			},
-			primitive: { topology: "triangle-strip" }
+			],
+			format
 		});
 		layouts.pipelineCache.set(cacheKey, pipeline);
 	}
@@ -795,7 +574,7 @@ function getBlurResources(device, format, blurType) {
 	};
 }
 const BlurWebGPURenderer = async (args) => {
-	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;
 	const frame = props.frame ?? 0;
 	const compositionFrame = props.compositionFrame ?? frame;
 	const fps = props.fps || 30;
@@ -822,23 +601,12 @@ const BlurWebGPURenderer = async (args) => {
 			val = Math.max(minVal, Math.min(maxVal, rawVal));
 			if (scaleByDpi) val *= dpiScale;
 		} else {
-			let rawVal = op[configKey];
-			if (rawVal !== void 0 && rawVal !== null) {
-				if (typeof rawVal === "object") {
-					if ("get" in rawVal && typeof rawVal.get === "function") rawVal = rawVal.get({
-						frame: compositionFrame,
-						fps
-					});
-					else if ("value" in rawVal) {
-						const sig = rawVal;
-						if (sig.gpuBinding?.textureView) {
-							gpuTextureView = sig.gpuBinding.textureView;
-							hasStaticSig = true;
-						}
-						rawVal = sig.value;
-					}
-				} else if (typeof rawVal === "function") rawVal = rawVal(compositionFrame, fps);
+			const unwrapped = unwrapFrameParam(op[configKey], compositionFrame, fps);
+			if (unwrapped.gpuTextureView) {
+				gpuTextureView = unwrapped.gpuTextureView;
+				hasStaticSig = true;
 			}
+			const rawVal = unwrapped.value;
 			const numVal = Number(rawVal ?? defaultValue);
 			val = Math.max(minVal, Math.min(maxVal, isNaN(numVal) ? defaultValue : numVal));
 			if (scaleByDpi) val *= dpiScale;
@@ -862,33 +630,12 @@ const BlurWebGPURenderer = async (args) => {
 	const centerYRes = resolveBindable("centerY", .5, 0, 1, false);
 	const radiusRes = resolveBindable("radius", .3, .001, 1, false);
 	const radiusYRes = resolveBindable("radiusY", 0, 0, 1, false);
-	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 blurType = op.blurType ?? "Gaussian";
 	const isSeparable = blurType === "Gaussian" || blurType === "Box" || blurType === "Median" || blurType === "Bilateral";
 	const { blurPipeline: pipeline, blurUniformLayout: uLayout, singleTextureLayout: tLayout, signalTextureLayout: sigLayout } = getBlurResources(ctx.device, ctx.renderer.format, blurType);
 	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
-	const elapsedSeconds = props.elapsedMs !== void 0 ? props.elapsedMs / 1e3 : frame / fps;
-	const durationSeconds = props.virtualMedia?.metadata?.durationMs ? props.virtualMedia.metadata.durationMs / 1e3 : props.durationMs !== void 0 ? props.durationMs / 1e3 : 0;
+	const { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);
 	for (const bindableRes of [
 		strengthRes,
 		sigmaColorRes,
@@ -896,11 +643,16 @@ const BlurWebGPURenderer = async (args) => {
 		centerYRes,
 		radiusRes
 	]) if (bindableRes.hasStaticSig && bindableRes.sd) await signalRegistry.ensureAudioSourcesExtracted(ctx.device, bindableRes.sd, fps, props.renderId);
-	const getSignalView = (res, suffix) => {
-		if (res.gpuTextureView) return res.gpuTextureView;
-		if (res.hasStaticSig && res.sd) return signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, res.sd.nodeId ?? `${nodeId}_${suffix}`, elapsedSeconds, durationSeconds, res.sd, width, height, props.renderId, frame, fps);
-		return signalRegistry.getDummy1x1TextureView(ctx.device);
+	const signalContext = {
+		args,
+		width,
+		height,
+		frame,
+		fps,
+		elapsedSeconds,
+		durationSeconds
 	};
+	const getSignalView = (res, suffix) => signalTextureView(signalContext, res, `${nodeId}_${suffix}`);
 	const strengthView = getSignalView(strengthRes, "strength_sig");
 	const sigmaColorView = getSignalView(sigmaColorRes, "sigmacolor_sig");
 	const centerXView = getSignalView(centerXRes, "centerx_sig");
@@ -955,112 +707,88 @@ const BlurWebGPURenderer = async (args) => {
 		blurData[1] = 0;
 		blurData[8] = 0;
 		const hBuffer = ctx.renderer.getTemporaryBuffer(blurData);
-		const hPass = encoder.beginRenderPass({ colorAttachments: [{
-			view: outTex1.createView(),
-			loadOp: "clear",
-			storeOp: "store",
-			clearValue: {
-				r: 0,
-				g: 0,
-				b: 0,
-				a: 0
-			}
-		}] });
-		hPass.setPipeline(pipeline);
-		hPass.setBindGroup(0, ctx.device.createBindGroup({
-			layout: uLayout,
-			entries: [{
-				binding: 0,
-				resource: { buffer: hBuffer }
-			}]
-		}));
-		hPass.setBindGroup(1, createBlurBindGroup1(tmpTex, tmpTex));
-		hPass.setBindGroup(2, ctx.device.createBindGroup({
-			layout: sigLayout,
-			entries: [
-				{
+		drawFullscreenPass(encoder, outTex1.createView(), pipeline, [
+			ctx.device.createBindGroup({
+				layout: uLayout,
+				entries: [{
 					binding: 0,
-					resource: strengthView
-				},
-				{
-					binding: 1,
-					resource: sigmaColorView
-				},
-				{
-					binding: 2,
-					resource: centerXView
-				},
-				{
-					binding: 3,
-					resource: centerYView
-				},
-				{
-					binding: 4,
-					resource: radiusView
-				},
-				{
-					binding: 5,
-					resource: sampler
-				}
-			]
-		}));
-		hPass.draw(4);
-		hPass.end();
+					resource: { buffer: hBuffer }
+				}]
+			}),
+			createBlurBindGroup1(tmpTex, tmpTex),
+			ctx.device.createBindGroup({
+				layout: sigLayout,
+				entries: [
+					{
+						binding: 0,
+						resource: strengthView
+					},
+					{
+						binding: 1,
+						resource: sigmaColorView
+					},
+					{
+						binding: 2,
+						resource: centerXView
+					},
+					{
+						binding: 3,
+						resource: centerYView
+					},
+					{
+						binding: 4,
+						resource: radiusView
+					},
+					{
+						binding: 5,
+						resource: sampler
+					}
+				]
+			})
+		]);
 		blurData[0] = 0;
 		blurData[1] = 1;
 		blurData[8] = isPartial ? 1 : 0;
 		const vBuffer = ctx.renderer.getTemporaryBuffer(blurData);
-		const vPass = encoder.beginRenderPass({ colorAttachments: [{
-			view: outTex2.createView(),
-			loadOp: "clear",
-			storeOp: "store",
-			clearValue: {
-				r: 0,
-				g: 0,
-				b: 0,
-				a: 0
-			}
-		}] });
-		vPass.setPipeline(pipeline);
-		vPass.setBindGroup(0, ctx.device.createBindGroup({
-			layout: uLayout,
-			entries: [{
-				binding: 0,
-				resource: { buffer: vBuffer }
-			}]
-		}));
-		vPass.setBindGroup(1, createBlurBindGroup1(outTex1, tmpTex));
-		vPass.setBindGroup(2, ctx.device.createBindGroup({
-			layout: sigLayout,
-			entries: [
-				{
+		drawFullscreenPass(encoder, outTex2.createView(), pipeline, [
+			ctx.device.createBindGroup({
+				layout: uLayout,
+				entries: [{
 					binding: 0,
-					resource: strengthView
-				},
-				{
-					binding: 1,
-					resource: sigmaColorView
-				},
-				{
-					binding: 2,
-					resource: centerXView
-				},
-				{
-					binding: 3,
-					resource: centerYView
-				},
-				{
-					binding: 4,
-					resource: radiusView
-				},
-				{
-					binding: 5,
-					resource: sampler
-				}
-			]
-		}));
-		vPass.draw(4);
-		vPass.end();
+					resource: { buffer: vBuffer }
+				}]
+			}),
+			createBlurBindGroup1(outTex1, tmpTex),
+			ctx.device.createBindGroup({
+				layout: sigLayout,
+				entries: [
+					{
+						binding: 0,
+						resource: strengthView
+					},
+					{
+						binding: 1,
+						resource: sigmaColorView
+					},
+					{
+						binding: 2,
+						resource: centerXView
+					},
+					{
+						binding: 3,
+						resource: centerYView
+					},
+					{
+						binding: 4,
+						resource: radiusView
+					},
+					{
+						binding: 5,
+						resource: sampler
+					}
+				]
+			})
+		]);
 	} else {
 		outTex2 = ctx.renderer.getTemporaryTexture(width, height, [
 			tmpTex,
@@ -1071,74 +799,50 @@ const BlurWebGPURenderer = async (args) => {
 		blurData[1] = 0;
 		blurData[8] = isPartial ? 1 : 0;
 		const singleBuffer = ctx.renderer.getTemporaryBuffer(blurData);
-		const singlePass = encoder.beginRenderPass({ colorAttachments: [{
-			view: outTex2.createView(),
-			loadOp: "clear",
-			storeOp: "store",
-			clearValue: {
-				r: 0,
-				g: 0,
-				b: 0,
-				a: 0
-			}
-		}] });
-		singlePass.setPipeline(pipeline);
-		singlePass.setBindGroup(0, ctx.device.createBindGroup({
-			layout: uLayout,
-			entries: [{
-				binding: 0,
-				resource: { buffer: singleBuffer }
-			}]
-		}));
-		singlePass.setBindGroup(1, createBlurBindGroup1(tmpTex, tmpTex));
-		singlePass.setBindGroup(2, ctx.device.createBindGroup({
-			layout: sigLayout,
-			entries: [
-				{
+		drawFullscreenPass(encoder, outTex2.createView(), pipeline, [
+			ctx.device.createBindGroup({
+				layout: uLayout,
+				entries: [{
 					binding: 0,
-					resource: strengthView
-				},
-				{
-					binding: 1,
-					resource: sigmaColorView
-				},
-				{
-					binding: 2,
-					resource: centerXView
-				},
-				{
-					binding: 3,
-					resource: centerYView
-				},
-				{
-					binding: 4,
-					resource: radiusView
-				},
-				{
-					binding: 5,
-					resource: sampler
-				}
-			]
-		}));
-		singlePass.draw(4);
-		singlePass.end();
+					resource: { buffer: singleBuffer }
+				}]
+			}),
+			createBlurBindGroup1(tmpTex, tmpTex),
+			ctx.device.createBindGroup({
+				layout: sigLayout,
+				entries: [
+					{
+						binding: 0,
+						resource: strengthView
+					},
+					{
+						binding: 1,
+						resource: sigmaColorView
+					},
+					{
+						binding: 2,
+						resource: centerXView
+					},
+					{
+						binding: 3,
+						resource: centerYView
+					},
+					{
+						binding: 4,
+						resource: radiusView
+					},
+					{
+						binding: 5,
+						resource: sampler
+					}
+				]
+			})
+		]);
 	}
-	const finalPass = ctx.renderer.beginFrame(encoder, targetView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, targetWidth, targetHeight, "load");
-	ctx.renderer.drawTexture(finalPass, outTex2, {
-		x: 0,
-		y: 0,
-		width: targetWidth,
-		height: targetHeight
-	}, { opacity: op.opacity ?? 1 });
-	args.pass = finalPass;
+	drawTextureToTarget(args, outTex2, op.opacity ?? 1);
 };
 var renderers_default = defineRenderer({ WebGPURenderer: BlurWebGPURenderer });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-CdciwwMI.mjs.map
+//# sourceMappingURL=renderer-Dmv_Aj6x.mjs.map