framefields 2.0.11 → 2.1.1

package/dist/renderer-CoGP4Mvf.mjs

@@ -0,0 +1,148 @@
+import { c as solveHomography, 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-corner-pin/dist/renderers-pM5Tx32P.mjs
+function getDefaultPoints() {
+	return [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 100,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 100
+		},
+		{
+			x: 100,
+			y: 100
+		}
+	];
+}
+/**
+* Homography mapping the corner-pin quad (percent coordinates, TL, TR, BL, BR)
+* to the unit square it samples from. Falls back to the identity quad.
+*/
+function solveCornerPinHomography(targetPoints) {
+	return solveHomography((targetPoints && targetPoints.length === 4 ? targetPoints : getDefaultPoints()).map((p) => ({
+		x: p.x / 100,
+		y: p.y / 100
+	})));
+}
+const cornerPinWgsl = `
+struct CornerPinUniforms {
+	matrix_row0 : vec4<f32>,
+	matrix_row1 : vec4<f32>,
+	matrix_row2 : vec4<f32>,
+};
+
+@group(0) @binding(0) var<uniform> u : CornerPinUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+${FULLSCREEN_QUAD_WGSL}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let x = in.uv.x;
+	let y = in.uv.y;
+
+	let d = u.matrix_row2.x * x + u.matrix_row2.y * y + u.matrix_row2.z;
+	if (abs(d) < 1e-6) {
+		return vec4<f32>(0.0);
+	}
+
+	let src_u = (u.matrix_row0.x * x + u.matrix_row0.y * y + u.matrix_row0.z) / d;
+	let src_v = (u.matrix_row1.x * x + u.matrix_row1.y * y + u.matrix_row1.z) / d;
+
+	if (src_u < 0.0 || src_u > 1.0 || src_v < 0.0 || src_v > 1.0) {
+		return vec4<f32>(0.0);
+	}
+
+	let color = textureSampleLevel(tex, samp, vec2<f32>(src_u, src_v), 0.0);
+	return color;
+}
+`;
+const deviceResourceCache = /* @__PURE__ */ new WeakMap();
+function getCornerPinResources(device, format) {
+	let res = deviceResourceCache.get(device);
+	if (!res) {
+		const pinUniformLayout = fragmentBindGroupLayout(device, ["uniform"]);
+		const pinTextureLayout = fragmentBindGroupLayout(device, ["texture", "sampler"]);
+		res = {
+			pinPipeline: createFullscreenPipeline(device, {
+				label: "CornerPinPipeline",
+				module: device.createShaderModule({
+					label: "corner_pin.wgsl",
+					code: cornerPinWgsl
+				}),
+				layouts: [pinUniformLayout, pinTextureLayout],
+				format,
+				blend: STRAIGHT_ALPHA_BLEND
+			}),
+			pinUniformLayout,
+			pinTextureLayout
+		};
+		deviceResourceCache.set(device, res);
+	}
+	return res;
+}
+const CornerPinWebGPURenderer = async (args) => {
+	const { ctx, props, targetTexture, targetWidth, targetHeight, encoder } = args;
+	const { virtualMedia } = props;
+	const op = virtualMedia?.operation;
+	if (!op || op.op !== "CornerPin") return;
+	const childMedia = virtualMedia.children?.[0];
+	if (!childMedia) return;
+	const sourceWidth = op.originalWidth ?? childMedia.metadata?.width ?? props.containerWidth ?? targetWidth;
+	const sourceHeight = op.originalHeight ?? childMedia.metadata?.height ?? props.containerHeight ?? targetHeight;
+	args.pass.end();
+	const { texture: childTex } = await drawChildToTexture(args, childMedia, {
+		width: sourceWidth,
+		height: sourceHeight,
+		props: {
+			...props,
+			containerWidth: sourceWidth,
+			containerHeight: sourceHeight,
+			virtualMedia: childMedia
+		}
+	});
+	const h = solveCornerPinHomography(op.points || []);
+	const uniformData = new Float32Array(12);
+	uniformData[0] = h[0];
+	uniformData[1] = h[1];
+	uniformData[2] = h[2];
+	uniformData[3] = 0;
+	uniformData[4] = h[3];
+	uniformData[5] = h[4];
+	uniformData[6] = h[5];
+	uniformData[7] = 0;
+	uniformData[8] = h[6];
+	uniformData[9] = h[7];
+	uniformData[10] = h[8];
+	uniformData[11] = 0;
+	const { pinPipeline: pipeline, pinUniformLayout: uLayout, pinTextureLayout: tLayout } = getCornerPinResources(ctx.device, ctx.renderer.format);
+	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
+	const uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);
+	const uniformBindGroup = ctx.device.createBindGroup({
+		layout: uLayout,
+		entries: [{
+			binding: 0,
+			resource: { buffer: uniformBuffer }
+		}]
+	});
+	const textureBindGroup = ctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, childTex, sampler);
+	const outTex = ctx.renderer.getTemporaryTexture(targetWidth, targetHeight, [
+		childTex,
+		targetTexture,
+		...props.excludeTextures || []
+	]);
+	drawFullscreenPass(encoder, outTex.createView(), pipeline, [uniformBindGroup, textureBindGroup]);
+	drawTextureToTarget(args, outTex, op.opacity ?? 1);
+};
+var renderers_default = defineRenderer({ WebGPURenderer: CornerPinWebGPURenderer });
+
+//#endregion
+export { renderers_default as t };
+//# sourceMappingURL=renderer-CoGP4Mvf.mjs.map

package/dist/renderer-CoGP4Mvf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CoGP4Mvf.mjs","names":[],"sources":["../../../nodes/node-corner-pin/dist/renderers-pM5Tx32P.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\";\nimport { solveHomography } from \"@framefields/node-sdk\";\n\n//#region src/shared/utils.ts\nfunction getDefaultPoints() {\n\treturn [\n\t\t{\n\t\t\tx: 0,\n\t\t\ty: 0\n\t\t},\n\t\t{\n\t\t\tx: 100,\n\t\t\ty: 0\n\t\t},\n\t\t{\n\t\t\tx: 0,\n\t\t\ty: 100\n\t\t},\n\t\t{\n\t\t\tx: 100,\n\t\t\ty: 100\n\t\t}\n\t];\n}\n/**\n* Homography mapping the corner-pin quad (percent coordinates, TL, TR, BL, BR)\n* to the unit square it samples from. Falls back to the identity quad.\n*/\nfunction solveCornerPinHomography(targetPoints) {\n\treturn solveHomography((targetPoints && targetPoints.length === 4 ? targetPoints : getDefaultPoints()).map((p) => ({\n\t\tx: p.x / 100,\n\t\ty: p.y / 100\n\t})));\n}\n\n//#endregion\n//#region src/renderers/webgpu-renderer.ts\nconst cornerPinWgsl = `\nstruct CornerPinUniforms {\n\tmatrix_row0 : vec4<f32>,\n\tmatrix_row1 : vec4<f32>,\n\tmatrix_row2 : vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u : CornerPinUniforms;\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\tlet x = in.uv.x;\n\tlet y = in.uv.y;\n\n\tlet d = u.matrix_row2.x * x + u.matrix_row2.y * y + u.matrix_row2.z;\n\tif (abs(d) < 1e-6) {\n\t\treturn vec4<f32>(0.0);\n\t}\n\n\tlet src_u = (u.matrix_row0.x * x + u.matrix_row0.y * y + u.matrix_row0.z) / d;\n\tlet src_v = (u.matrix_row1.x * x + u.matrix_row1.y * y + u.matrix_row1.z) / d;\n\n\tif (src_u < 0.0 || src_u > 1.0 || src_v < 0.0 || src_v > 1.0) {\n\t\treturn vec4<f32>(0.0);\n\t}\n\n\tlet color = textureSampleLevel(tex, samp, vec2<f32>(src_u, src_v), 0.0);\n\treturn color;\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nfunction getCornerPinResources(device, format) {\n\tlet res = deviceResourceCache.get(device);\n\tif (!res) {\n\t\tconst pinUniformLayout = fragmentBindGroupLayout(device, [\"uniform\"]);\n\t\tconst pinTextureLayout = fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]);\n\t\tres = {\n\t\t\tpinPipeline: createFullscreenPipeline(device, {\n\t\t\t\tlabel: \"CornerPinPipeline\",\n\t\t\t\tmodule: device.createShaderModule({\n\t\t\t\t\tlabel: \"corner_pin.wgsl\",\n\t\t\t\t\tcode: cornerPinWgsl\n\t\t\t\t}),\n\t\t\t\tlayouts: [pinUniformLayout, pinTextureLayout],\n\t\t\t\tformat,\n\t\t\t\tblend: STRAIGHT_ALPHA_BLEND\n\t\t\t}),\n\t\t\tpinUniformLayout,\n\t\t\tpinTextureLayout\n\t\t};\n\t\tdeviceResourceCache.set(device, res);\n\t}\n\treturn res;\n}\nconst CornerPinWebGPURenderer = async (args) => {\n\tconst { ctx, props, targetTexture, targetWidth, targetHeight, encoder } = args;\n\tconst { virtualMedia } = props;\n\tconst op = virtualMedia?.operation;\n\tif (!op || op.op !== \"CornerPin\") return;\n\tconst childMedia = virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tconst sourceWidth = op.originalWidth ?? childMedia.metadata?.width ?? props.containerWidth ?? targetWidth;\n\tconst sourceHeight = op.originalHeight ?? childMedia.metadata?.height ?? props.containerHeight ?? targetHeight;\n\targs.pass.end();\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 h = solveCornerPinHomography(op.points || []);\n\tconst uniformData = new Float32Array(12);\n\tuniformData[0] = h[0];\n\tuniformData[1] = h[1];\n\tuniformData[2] = h[2];\n\tuniformData[3] = 0;\n\tuniformData[4] = h[3];\n\tuniformData[5] = h[4];\n\tuniformData[6] = h[5];\n\tuniformData[7] = 0;\n\tuniformData[8] = h[6];\n\tuniformData[9] = h[7];\n\tuniformData[10] = h[8];\n\tuniformData[11] = 0;\n\tconst { pinPipeline: pipeline, pinUniformLayout: uLayout, pinTextureLayout: tLayout } = getCornerPinResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst uniformBindGroup = 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 textureBindGroup = ctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, childTex, sampler);\n\tconst outTex = ctx.renderer.getTemporaryTexture(targetWidth, targetHeight, [\n\t\tchildTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [uniformBindGroup, textureBindGroup]);\n\tdrawTextureToTarget(args, outTex, op.opacity ?? 1);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: CornerPinWebGPURenderer });\n\n//#endregion\nexport { getDefaultPoints as n, solveCornerPinHomography as r, renderers_default as t };\n//# sourceMappingURL=renderers-pM5Tx32P.mjs.map"],"mappings":"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"}

package/dist/renderer-CoNRrfqx.mjs

@@ -0,0 +1,5 @@
+import "./chunk-GBe2k3y8.mjs";
+import "./dist-DkuDAIrG.mjs";
+import { n as renderers_default, t as WebGPURenderer } from "./renderer-Dno-fujw.mjs";
+
+export { WebGPURenderer, renderers_default as default };

package/dist/{renderer-BREIjsUU.mjs → renderer-CrAqu3Rg.mjs}

@@ -1,6 +1,7 @@
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+import { n as defineRenderer } from "./renderer-BSitV56h.mjs";
+import { i as beginTargetPass, l as fragmentBindGroupLayout, o as drawChildToTexture } from "./gpu-DG3gI88-.mjs";
 
-//#region ../../nodes/node-mesh-warp/dist/renderers-DzkHlv-9.mjs
+//#region ../../nodes/node-mesh-warp/dist/renderers-OcO6N-y5.mjs
 function createUniformGrid(cols, rows) {
 	const points = [];
 	for (let r = 0; r < rows; r++) {
@@ -113,15 +114,7 @@ function getMeshWarpResources(device, format) {
 			visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
 			buffer: { type: "uniform" }
 		}] });
-		const warpTextureLayout = device.createBindGroupLayout({ entries: [{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			texture: { sampleType: "float" }
-		}, {
-			binding: 1,
-			visibility: GPUShaderStage.FRAGMENT,
-			sampler: { type: "filtering" }
-		}] });
+		const warpTextureLayout = fragmentBindGroupLayout(device, ["texture", "sampler"]);
 		const module = device.createShaderModule({
 			label: "mesh_warp.wgsl",
 			code: meshWarpWgsl
@@ -163,7 +156,7 @@ function getMeshWarpResources(device, format) {
 	return res;
 }
 const MeshWarpWebGPURenderer = async (args) => {
-	const { ctx, props, drawChild, targetTexture, targetView, targetWidth, targetHeight, encoder } = args;
+	const { ctx, props, targetWidth, targetHeight } = args;
 	const { virtualMedia } = props;
 	const op = virtualMedia?.operation;
 	if (!op || op.op !== "MeshWarp") return;
@@ -172,28 +165,15 @@ const MeshWarpWebGPURenderer = async (args) => {
 	const sourceWidth = op.originalWidth ?? childMedia.metadata?.width ?? props.containerWidth ?? targetWidth;
 	const sourceHeight = op.originalHeight ?? childMedia.metadata?.height ?? props.containerHeight ?? targetHeight;
 	args.pass.end();
-	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
+		}
 	});
-	ctx.renderer.pushIdentity();
-	await drawChild(childMedia, {
-		...props,
-		containerWidth: sourceWidth,
-		containerHeight: sourceHeight
-	}, childView, childTex, sourceWidth, sourceHeight);
-	ctx.renderer.popTransform();
-	ctx.renderer.popScissor();
 	const cols = Number(op.cols) || 3;
 	const rows = Number(op.rows) || 3;
 	const points = op.points || [];
@@ -232,21 +212,15 @@ const MeshWarpWebGPURenderer = async (args) => {
 		}]
 	});
 	const textureBindGroup = ctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, childTex, sampler);
-	const outPass = ctx.renderer.beginFrame(encoder, targetView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, targetWidth, targetHeight, "load");
+	const outPass = beginTargetPass(args);
 	outPass.setPipeline(pipeline);
 	outPass.setBindGroup(0, uniformBindGroup);
 	outPass.setBindGroup(1, textureBindGroup);
 	const vertexCount = (cols - 1) * (rows - 1) * 6;
 	outPass.draw(vertexCount);
-	args.pass = outPass;
 };
 var renderers_default = defineRenderer({ WebGPURenderer: MeshWarpWebGPURenderer });
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-BREIjsUU.mjs.map
+//# sourceMappingURL=renderer-CrAqu3Rg.mjs.map

package/dist/renderer-CrAqu3Rg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CrAqu3Rg.mjs","names":[],"sources":["../../../nodes/node-mesh-warp/dist/renderers-OcO6N-y5.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { beginTargetPass, drawChildToTexture, fragmentBindGroupLayout } from \"@framefields/node-sdk/gpu\";\n\n//#region src/shared/utils.ts\nfunction createUniformGrid(cols, rows) {\n\tconst points = [];\n\tfor (let r = 0; r < rows; r++) {\n\t\tconst y = r / (rows - 1) * 100;\n\t\tfor (let c = 0; c < cols; c++) {\n\t\t\tconst x = c / (cols - 1) * 100;\n\t\t\tpoints.push({\n\t\t\t\tx,\n\t\t\t\ty\n\t\t\t});\n\t\t}\n\t}\n\treturn points;\n}\nfunction interpolateGridPoint(u, v, oldPoints, oldCols, oldRows) {\n\tconst px = u * (oldCols - 1);\n\tconst py = v * (oldRows - 1);\n\tconst x0 = Math.floor(px);\n\tconst x1 = Math.min(oldCols - 1, x0 + 1);\n\tconst y0 = Math.floor(py);\n\tconst y1 = Math.min(oldRows - 1, y0 + 1);\n\tconst tx = px - x0;\n\tconst ty = py - y0;\n\tconst p00 = oldPoints[y0 * oldCols + x0];\n\tconst p10 = oldPoints[y0 * oldCols + x1];\n\tconst p01 = oldPoints[y1 * oldCols + x0];\n\tconst p11 = oldPoints[y1 * oldCols + x1];\n\tif (!p00 || !p10 || !p01 || !p11) return {\n\t\tx: u * 100,\n\t\ty: v * 100\n\t};\n\treturn {\n\t\tx: (1 - tx) * (1 - ty) * p00.x + tx * (1 - ty) * p10.x + (1 - tx) * ty * p01.x + tx * ty * p11.x,\n\t\ty: (1 - tx) * (1 - ty) * p00.y + tx * (1 - ty) * p10.y + (1 - tx) * ty * p01.y + tx * ty * p11.y\n\t};\n}\nfunction resizeGrid(oldPoints, oldCols, oldRows, newCols, newRows) {\n\tif (!oldPoints || oldPoints.length !== oldCols * oldRows) return createUniformGrid(newCols, newRows);\n\tconst points = [];\n\tfor (let r = 0; r < newRows; r++) {\n\t\tconst v = r / (newRows - 1);\n\t\tfor (let c = 0; c < newCols; c++) {\n\t\t\tconst u = c / (newCols - 1);\n\t\t\tpoints.push(interpolateGridPoint(u, v, oldPoints, oldCols, oldRows));\n\t\t}\n\t}\n\treturn points;\n}\n\n//#endregion\n//#region src/renderers/webgpu-renderer.ts\nconst meshWarpWgsl = `\nstruct MeshUniforms {\n\tgridSize    : vec2<f32>,\n\tlayerSize   : vec2<f32>,\n\tmatrix_col0 : vec4<f32>,\n\tmatrix_col1 : vec4<f32>,\n\tpoints      : array<vec4<f32>, 144>,\n};\n\n@group(0) @binding(0) var<uniform> u : MeshUniforms;\n@group(1) @binding(0) var tex        : texture_2d<f32>;\n@group(1) @binding(1) var samp       : sampler;\n\nstruct VSOut {\n\t@builtin(position) pos : vec4<f32>,\n\t@location(0) uv        : vec2<f32>,\n};\n\n@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {\n\tlet cols = u32(u.gridSize.x);\n\tlet rows = u32(u.gridSize.y);\n\t\n\tlet cellsCol = cols - 1u;\n\tlet cellsRow = rows - 1u;\n\tlet totalCells = cellsCol * cellsRow;\n\t\n\tlet cellIndex = vi / 6u;\n\tlet vertexInCell = vi % 6u;\n\t\n\tif (cellIndex >= totalCells) {\n\t\treturn VSOut(vec4<f32>(0.0), vec4<f32>(0.0).xy);\n\t}\n\t\n\tlet cellC = cellIndex % cellsCol;\n\tlet cellR = cellIndex / cellsCol;\n\t\n\tvar colOffset = 0u;\n\tvar rowOffset = 0u;\n\t\n\t// Mapping vertex index in cell to quad corner offset\n\t// Triangle 1: TL (0,0), TR (1,0), BL (0,1)\n\t// Triangle 2: TR (1,0), BR (1,1), BL (0,1)\n\tif (vertexInCell == 1u) { // TR\n\t\tcolOffset = 1u;\n\t\trowOffset = 0u;\n\t} else if (vertexInCell == 2u) { // BL\n\t\tcolOffset = 0u;\n\t\trowOffset = 1u;\n\t} else if (vertexInCell == 3u) { // TR\n\t\tcolOffset = 1u;\n\t\trowOffset = 0u;\n\t} else if (vertexInCell == 4u) { // BR\n\t\tcolOffset = 1u;\n\t\trowOffset = 1u;\n\t} else if (vertexInCell == 5u) { // BL\n\t\tcolOffset = 0u;\n\t\trowOffset = 1u;\n\t}\n\t// Vertex 0 is TL (colOffset=0, rowOffset=0)\n\t\n\tlet gridC = cellC + colOffset;\n\tlet gridR = cellR + rowOffset;\n\t\n\tlet pointIndex = gridR * cols + gridC;\n\tlet warpedPoint = u.points[pointIndex].xy;\n\t\n\tlet lx = (warpedPoint.x / 100.0) * u.layerSize.x;\n\tlet ly = (warpedPoint.y / 100.0) * u.layerSize.y;\n\t\n\tlet tx = u.matrix_col0.x * lx + u.matrix_col0.y * ly + u.matrix_col0.z;\n\tlet ty = u.matrix_col1.x * lx + u.matrix_col1.y * ly + u.matrix_col1.z;\n\t\n\tlet targetW = u.matrix_col0.w;\n\tlet targetH = u.matrix_col1.w;\n\t\n\tlet x_clip = (tx / targetW) * 2.0 - 1.0;\n\tlet y_clip = 1.0 - (ty / targetH) * 2.0;\n\t\n\tlet u_coord = f32(gridC) / f32(cellsCol);\n\tlet v_coord = f32(gridR) / f32(cellsRow);\n\t\n\treturn VSOut(vec4<f32>(x_clip, y_clip, 0.0, 1.0), vec2<f32>(u_coord, v_coord));\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet color = textureSampleLevel(tex, samp, in.uv, 0.0);\n\treturn color;\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nfunction getMeshWarpResources(device, format) {\n\tlet res = deviceResourceCache.get(device);\n\tif (!res) {\n\t\tconst warpUniformLayout = device.createBindGroupLayout({ entries: [{\n\t\t\tbinding: 0,\n\t\t\tvisibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,\n\t\t\tbuffer: { type: \"uniform\" }\n\t\t}] });\n\t\tconst warpTextureLayout = fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]);\n\t\tconst module = device.createShaderModule({\n\t\t\tlabel: \"mesh_warp.wgsl\",\n\t\t\tcode: meshWarpWgsl\n\t\t});\n\t\tres = {\n\t\t\twarpPipeline: device.createRenderPipeline({\n\t\t\t\tlabel: \"MeshWarpPipeline\",\n\t\t\t\tlayout: device.createPipelineLayout({ bindGroupLayouts: [warpUniformLayout, warpTextureLayout] }),\n\t\t\t\tvertex: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"vs\"\n\t\t\t\t},\n\t\t\t\tfragment: {\n\t\t\t\t\tmodule,\n\t\t\t\t\tentryPoint: \"fs\",\n\t\t\t\t\ttargets: [{\n\t\t\t\t\t\tformat,\n\t\t\t\t\t\tblend: {\n\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\tsrcFactor: \"src-alpha\",\n\t\t\t\t\t\t\t\tdstFactor: \"one-minus-src-alpha\",\n\t\t\t\t\t\t\t\toperation: \"add\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\talpha: {\n\t\t\t\t\t\t\t\tsrcFactor: \"one\",\n\t\t\t\t\t\t\t\tdstFactor: \"one-minus-src-alpha\",\n\t\t\t\t\t\t\t\toperation: \"add\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}]\n\t\t\t\t},\n\t\t\t\tprimitive: { topology: \"triangle-list\" }\n\t\t\t}),\n\t\t\twarpUniformLayout,\n\t\t\twarpTextureLayout\n\t\t};\n\t\tdeviceResourceCache.set(device, res);\n\t}\n\treturn res;\n}\nconst MeshWarpWebGPURenderer = async (args) => {\n\tconst { ctx, props, targetWidth, targetHeight } = args;\n\tconst { virtualMedia } = props;\n\tconst op = virtualMedia?.operation;\n\tif (!op || op.op !== \"MeshWarp\") return;\n\tconst childMedia = virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tconst sourceWidth = op.originalWidth ?? childMedia.metadata?.width ?? props.containerWidth ?? targetWidth;\n\tconst sourceHeight = op.originalHeight ?? childMedia.metadata?.height ?? props.containerHeight ?? targetHeight;\n\targs.pass.end();\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}\n\t});\n\tconst cols = Number(op.cols) || 3;\n\tconst rows = Number(op.rows) || 3;\n\tconst points = op.points || [];\n\tconst finalPoints = points.length === cols * rows ? points : createUniformGrid(cols, rows);\n\tconst maxPoints = 144;\n\tconst uniformData = new Float32Array(12 + maxPoints * 4);\n\tuniformData[0] = cols;\n\tuniformData[1] = rows;\n\tuniformData[2] = props.containerWidth ?? sourceWidth;\n\tuniformData[3] = props.containerHeight ?? sourceHeight;\n\tconst matrix = ctx.renderer.getCurrentTransform();\n\tuniformData[4] = matrix.a;\n\tuniformData[5] = matrix.c;\n\tuniformData[6] = matrix.e;\n\tuniformData[7] = targetWidth;\n\tuniformData[8] = matrix.b;\n\tuniformData[9] = matrix.d;\n\tuniformData[10] = matrix.f;\n\tuniformData[11] = targetHeight;\n\tfor (let i = 0; i < maxPoints; i++) {\n\t\tconst pt = finalPoints[i] || {\n\t\t\tx: 0,\n\t\t\ty: 0\n\t\t};\n\t\tuniformData[12 + i * 4] = pt.x;\n\t\tuniformData[12 + i * 4 + 1] = pt.y;\n\t}\n\tconst { warpPipeline: pipeline, warpUniformLayout: uLayout, warpTextureLayout: tLayout } = getMeshWarpResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst uniformBindGroup = 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 textureBindGroup = ctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, childTex, sampler);\n\tconst outPass = beginTargetPass(args);\n\toutPass.setPipeline(pipeline);\n\toutPass.setBindGroup(0, uniformBindGroup);\n\toutPass.setBindGroup(1, textureBindGroup);\n\tconst vertexCount = (cols - 1) * (rows - 1) * 6;\n\toutPass.draw(vertexCount);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: MeshWarpWebGPURenderer });\n\n//#endregion\nexport { resizeGrid as i, createUniformGrid as n, interpolateGridPoint as r, renderers_default as t };\n//# sourceMappingURL=renderers-OcO6N-y5.mjs.map"],"mappings":"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"}

package/dist/renderer-CvIGa0mE.mjs

@@ -0,0 +1,5 @@
+import "./chunk-GBe2k3y8.mjs";
+import "./dist-DkuDAIrG.mjs";
+import { t as renderers_default } from "./renderer-DkyXqrQ6.mjs";
+
+export { renderers_default as default };

package/dist/renderer-CwMDPv0p.mjs

@@ -0,0 +1,5 @@
+import "./chunk-GBe2k3y8.mjs";
+import "./dist-DkuDAIrG.mjs";
+import { t as renderers_default } from "./renderer-DVnVnS3c.mjs";
+
+export { renderers_default as default };

package/dist/{renderer-BIIWCg_J.mjs → renderer-CydWqyf0.mjs}

@@ -1,8 +1,8 @@
-import { Jt as resolveNumber } 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 } 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-compressor/dist/renderers-SLJHsmbM.mjs
+//#region ../../nodes/node-audio-compressor/dist/renderers-BorUA3F3.mjs
 const PARAM_ORDER = [
 	"threshold",
 	"ratio",
@@ -202,25 +202,18 @@ fn main(@builtin(global_invocation_id) gid : vec3<u32>) {
 const compressorAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {
 	if (!ctx?.device) throw new Error("GPUDevice is required for WebGPU Dynamics Compressor.");
 	const op = virtualMedia.operation || {};
-	const inputs = op.inputs || {};
 	const threshold = resolveNumber(op.threshold, -24);
 	const ratio = resolveNumber(op.ratio, 4);
 	const attack = resolveNumber(op.attack, .003);
 	const release = resolveNumber(op.release, .25);
 	const knee = resolveNumber(op.knee, 6);
 	const makeupGain = resolveNumber(op.makeupGain, 0);
-	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 hasThresholdSig = isHandleConnected("thresholdHandleId") ? 1 : 0;
-	const hasRatioSig = isHandleConnected("ratioHandleId") ? 1 : 0;
-	const hasAttackSig = isHandleConnected("attackHandleId") ? 1 : 0;
-	const hasReleaseSig = isHandleConnected("releaseHandleId") ? 1 : 0;
-	const hasKneeSig = isHandleConnected("kneeHandleId") ? 1 : 0;
-	const hasMakeupGainSig = isHandleConnected("makeupGainHandleId") ? 1 : 0;
+	const hasThresholdSig = isHandleConnected(op, "thresholdHandleId") ? 1 : 0;
+	const hasRatioSig = isHandleConnected(op, "ratioHandleId") ? 1 : 0;
+	const hasAttackSig = isHandleConnected(op, "attackHandleId") ? 1 : 0;
+	const hasReleaseSig = isHandleConnected(op, "releaseHandleId") ? 1 : 0;
+	const hasKneeSig = isHandleConnected(op, "kneeHandleId") ? 1 : 0;
+	const hasMakeupGainSig = isHandleConnected(op, "makeupGainHandleId") ? 1 : 0;
 	const numChannels = channels.length;
 	if (numChannels === 0) return;
 	const numSamples = channels[0].length;
@@ -255,4 +248,4 @@ var renderers_default = defineRenderer({ audioProcessor: compressorAudioProcesso
 
 //#endregion
 export { renderers_default as t };
-//# sourceMappingURL=renderer-BIIWCg_J.mjs.map
+//# sourceMappingURL=renderer-CydWqyf0.mjs.map

package/dist/renderer-CydWqyf0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CydWqyf0.mjs","names":[],"sources":["../../../nodes/node-audio-compressor/dist/renderers-BorUA3F3.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { isHandleConnected, resolveNumber } from \"@framefields/node-sdk\";\nimport { WebGPUAudioProcessor } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/audio-processor.ts\nconst PARAM_ORDER = [\n\t\"threshold\",\n\t\"ratio\",\n\t\"attack\",\n\t\"release\",\n\t\"knee\",\n\t\"makeupGain\"\n];\nconst COMPRESSOR_SHADER_TEMPLATE = () => `\nstruct Uniforms {\n    sampleRate        : f32,\n    threshold         : f32,\n    ratio             : f32,\n    attack            : f32,\n    release           : f32,\n    knee              : f32,\n    makeupGain        : f32,\n    hasThresholdSig   : f32,\n    hasRatioSig       : f32,\n    hasAttackSig      : f32,\n    hasReleaseSig     : f32,\n    hasKneeSig        : f32,\n    hasMakeupGainSig  : f32,\n    baseTime          : f32,\n    frame             : f32,\n    numSamples        : f32,\n    numChannels       : f32,\n    pad1              : f32,\n    pad2              : f32,\n    pad3              : 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] = envelope\n@group(0) @binding(4) var<storage, read> thresholdSignal  : array<f32>;\n@group(0) @binding(5) var<storage, read> ratioSignal      : array<f32>;\n@group(0) @binding(6) var<storage, read> attackSignal     : array<f32>;\n@group(0) @binding(7) var<storage, read> releaseSignal    : array<f32>;\n@group(0) @binding(8) var<storage, read> kneeSignal       : array<f32>;\n@group(0) @binding(9) var<storage, read> makeupGainSignal : array<f32>;\n\nfn log10(x: f32) -> f32 {\n    return log(x) * 0.4342944819032518f;\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    var envelope = state[0];\n    if (is_nan_or_inf(envelope)) {\n        envelope = 0.0f;\n    }\n\n    for (var index = 0u; index < numSamples; index = index + 1u) {\n        // 1. Dynamic Parameter Modulation & Anti-Explosion Clamping\n        var effThreshold = u.threshold;\n        if (u.hasThresholdSig > 0.5f) {\n            effThreshold = thresholdSignal[index];\n        }\n        effThreshold = clamp(effThreshold, -120.0f, 0.0f);\n\n        var effRatio = u.ratio;\n        if (u.hasRatioSig > 0.5f) {\n            effRatio = ratioSignal[index];\n        }\n        effRatio = clamp(effRatio, 1.0f, 100.0f);\n\n        var effAttack = u.attack;\n        if (u.hasAttackSig > 0.5f) {\n            effAttack = attackSignal[index];\n        }\n        effAttack = clamp(effAttack, 0.0001f, 10.0f);\n\n        var effRelease = u.release;\n        if (u.hasReleaseSig > 0.5f) {\n            effRelease = releaseSignal[index];\n        }\n        effRelease = clamp(effRelease, 0.001f, 10.0f);\n\n        var effKnee = u.knee;\n        if (u.hasKneeSig > 0.5f) {\n            effKnee = kneeSignal[index];\n        }\n        effKnee = clamp(effKnee, 0.0f, 40.0f);\n\n        var effMakeupGain = u.makeupGain;\n        if (u.hasMakeupGainSig > 0.5f) {\n            effMakeupGain = makeupGainSignal[index];\n        }\n        effMakeupGain = clamp(effMakeupGain, -60.0f, 36.0f);\n\n        // 2. Safe Attack / Release Coefficients\n        let attackCoeff = clamp(1.0f - exp(-1.0f / (u.sampleRate * effAttack)), 0.00001f, 1.0f);\n        let releaseCoeff = clamp(1.0f - exp(-1.0f / (u.sampleRate * effRelease)), 0.00001f, 1.0f);\n\n        // 3. Peak Detection with NaN / Inf sanitization\n        var peak = 0.0f;\n        for (var c = 0u; c < numChannels; c = c + 1u) {\n            var val = abs(inputChannels[c * numSamples + index]);\n            if (is_nan_or_inf(val)) {\n                val = 0.0f;\n            }\n            if (val > peak) {\n                peak = val;\n            }\n        }\n        \n        // 4. Convert Peak to dBFS\n        let dB = 20.0f * log10(max(peak, 1e-9f));\n\n        // 5. Compute target reduction (soft-knee & ratio)\n        var targetReductiondB = 0.0f;\n        if (effKnee > 0.0f) {\n            let x = dB - effThreshold;\n            if (x <= -effKnee / 2.0f) {\n                targetReductiondB = 0.0f;\n            } else if (x >= effKnee / 2.0f) {\n                targetReductiondB = (dB - effThreshold) * (1.0f - 1.0f / effRatio);\n            } else {\n                let kneeTerm = x + effKnee / 2.0f;\n                targetReductiondB = ((kneeTerm * kneeTerm) / (2.0f * effKnee)) * (1.0f - 1.0f / effRatio);\n            }\n        } else {\n            if (dB > effThreshold) {\n                targetReductiondB = (dB - effThreshold) * (1.0f - 1.0f / effRatio);\n            }\n        }\n\n        targetReductiondB = clamp(targetReductiondB, 0.0f, 120.0f);\n\n        // 6. Envelope Smoothing\n        let targetGaindB = -targetReductiondB;\n        if (targetGaindB < envelope) {\n            envelope += (targetGaindB - envelope) * attackCoeff;\n        } else {\n            envelope += (targetGaindB - envelope) * releaseCoeff;\n        }\n\n        if (is_nan_or_inf(envelope)) {\n            envelope = 0.0f;\n        }\n        envelope = clamp(envelope, -120.0f, 0.0f);\n\n        // 7. Apply linear gain and soft clipping\n        let totalGaindB = clamp(envelope + effMakeupGain, -120.0f, 36.0f);\n        let gainLinear = clamp(pow(10.0f, totalGaindB / 20.0f), 0.0f, 63.1f);\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 * gainLinear;\n            if (is_nan_or_inf(outVal)) {\n                outVal = 0.0f;\n            }\n            \n            // Soft clipping at ±1.0 with smooth tanh transition starting at ±0.9\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    if (is_nan_or_inf(envelope)) {\n        state[0] = 0.0f;\n    } else {\n        state[0] = clamp(envelope, -120.0f, 0.0f);\n    }\n}\n`;\nconst compressorAudioProcessor = async (channels, sampleRate, virtualMedia, ctx) => {\n\tif (!ctx?.device) throw new Error(\"GPUDevice is required for WebGPU Dynamics Compressor.\");\n\tconst op = virtualMedia.operation || {};\n\tconst threshold = resolveNumber(op.threshold, -24);\n\tconst ratio = resolveNumber(op.ratio, 4);\n\tconst attack = resolveNumber(op.attack, .003);\n\tconst release = resolveNumber(op.release, .25);\n\tconst knee = resolveNumber(op.knee, 6);\n\tconst makeupGain = resolveNumber(op.makeupGain, 0);\n\tconst hasThresholdSig = isHandleConnected(op, \"thresholdHandleId\") ? 1 : 0;\n\tconst hasRatioSig = isHandleConnected(op, \"ratioHandleId\") ? 1 : 0;\n\tconst hasAttackSig = isHandleConnected(op, \"attackHandleId\") ? 1 : 0;\n\tconst hasReleaseSig = isHandleConnected(op, \"releaseHandleId\") ? 1 : 0;\n\tconst hasKneeSig = isHandleConnected(op, \"kneeHandleId\") ? 1 : 0;\n\tconst hasMakeupGainSig = isHandleConnected(op, \"makeupGainHandleId\") ? 1 : 0;\n\tconst numChannels = channels.length;\n\tif (numChannels === 0) return;\n\tconst numSamples = channels[0].length;\n\tif (numSamples === 0) return;\n\tconst nodeId = op.id || \"audio-compressor\";\n\tconst frame = ctx.frame ?? 0;\n\tconst fps = ctx.fps ?? 24;\n\tawait WebGPUAudioProcessor.process(ctx.device, nodeId, channels, sampleRate, virtualMedia, frame, fps, COMPRESSOR_SHADER_TEMPLATE, (t) => [\n\t\tsampleRate,\n\t\tthreshold,\n\t\tratio,\n\t\tattack,\n\t\trelease,\n\t\tknee,\n\t\tmakeupGain,\n\t\thasThresholdSig,\n\t\thasRatioSig,\n\t\thasAttackSig,\n\t\thasReleaseSig,\n\t\thasKneeSig,\n\t\thasMakeupGainSig,\n\t\tt,\n\t\tframe,\n\t\tnumSamples,\n\t\tnumChannels,\n\t\t0,\n\t\t0,\n\t\t0\n\t], 20, 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: compressorAudioProcessor });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-BorUA3F3.mjs.map"],"mappings":";;;;;AAKA,MAAM,cAAc;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;AACD,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4LzC,MAAM,2BAA2B,OAAO,UAAU,YAAY,cAAc,QAAQ;AACnF,KAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,wDAAwD;CAC1F,MAAM,KAAK,aAAa,aAAa,EAAE;CACvC,MAAM,YAAY,cAAc,GAAG,WAAW,IAAI;CAClD,MAAM,QAAQ,cAAc,GAAG,OAAO,EAAE;CACxC,MAAM,SAAS,cAAc,GAAG,QAAQ,KAAK;CAC7C,MAAM,UAAU,cAAc,GAAG,SAAS,IAAI;CAC9C,MAAM,OAAO,cAAc,GAAG,MAAM,EAAE;CACtC,MAAM,aAAa,cAAc,GAAG,YAAY,EAAE;CAClD,MAAM,kBAAkB,kBAAkB,IAAI,oBAAoB,GAAG,IAAI;CACzE,MAAM,cAAc,kBAAkB,IAAI,gBAAgB,GAAG,IAAI;CACjE,MAAM,eAAe,kBAAkB,IAAI,iBAAiB,GAAG,IAAI;CACnE,MAAM,gBAAgB,kBAAkB,IAAI,kBAAkB,GAAG,IAAI;CACrE,MAAM,aAAa,kBAAkB,IAAI,eAAe,GAAG,IAAI;CAC/D,MAAM,mBAAmB,kBAAkB,IAAI,qBAAqB,GAAG,IAAI;CAC3E,MAAM,cAAc,SAAS;AAC7B,KAAI,gBAAgB,EAAG;CACvB,MAAM,aAAa,SAAS,GAAG;AAC/B,KAAI,eAAe,EAAG;CACtB,MAAM,SAAS,GAAG,MAAM;CACxB,MAAM,QAAQ,IAAI,SAAS;CAC3B,MAAM,MAAM,IAAI,OAAO;AACvB,OAAM,qBAAqB,QAAQ,IAAI,QAAQ,QAAQ,UAAU,YAAY,cAAc,OAAO,KAAK,6BAA6B,MAAM;EACzI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,EAAE,IAAI,GAAG,KAAK,UAAU,MAAM,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,YAAY;;AAK7F,IAAI,oBAAoB,eAAe,EAAE,gBAAgB,0BAA0B,CAAC"}

package/dist/{renderer-bsWnRNpJ.mjs → renderer-CzBQgGD2.mjs}

@@ -1,7 +1,10 @@
-import { wt as getActiveMediaMetadata } from "./dist-CbG3QxDw.mjs";
-import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+import "./chunk-GBe2k3y8.mjs";
+import { wt as getActiveMediaMetadata } from "./dist-fjKpBYkc.mjs";
+import { n as defineRenderer } from "./renderer-BSitV56h.mjs";
+import "./dist-DkuDAIrG.mjs";
+import { a as createFullscreenPipeline, i as beginTargetPass, l as fragmentBindGroupLayout, o as drawChildToTexture, s as drawFullscreenPass, t as FULLSCREEN_QUAD_WGSL } from "./gpu-DG3gI88-.mjs";
 
-//#region ../../nodes/node-resizer-scaler/dist/renderers-Bs0GSowy.mjs
+//#region ../../nodes/node-resizer-scaler/dist/renderers-4yv_5K2l.mjs
 const RESIZER_SCALER_SHADER = `
 struct ScalerUniforms {
     targetSize : vec2<f32>,
@@ -20,27 +23,7 @@ struct ScalerUniforms {
 @group(0) @binding(0) var<uniform> u : ScalerUniforms;
 @group(0) @binding(1) var s : sampler;
 @group(0) @binding(2) var t_src : texture_2d<f32>;
-
-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 uv = in.uv;
@@ -131,23 +114,11 @@ const deviceResourceCache = /* @__PURE__ */ new WeakMap();
 function getDeviceLayouts(device) {
 	let res = deviceResourceCache.get(device);
 	if (res) return res;
-	const scalerUniformLayout = device.createBindGroupLayout({ entries: [
-		{
-			binding: 0,
-			visibility: GPUShaderStage.FRAGMENT,
-			buffer: { type: "uniform" }
-		},
-		{
-			binding: 1,
-			visibility: GPUShaderStage.FRAGMENT,
-			sampler: { type: "filtering" }
-		},
-		{
-			binding: 2,
-			visibility: GPUShaderStage.FRAGMENT,
-			texture: { sampleType: "float" }
-		}
-	] });
+	const scalerUniformLayout = fragmentBindGroupLayout(device, [
+		"uniform",
+		"sampler",
+		"texture"
+	]);
 	res = {
 		scalerUniformLayout,
 		textureSamplerLayout: scalerUniformLayout,
@@ -165,19 +136,11 @@ function getScalerResources(device, format) {
 			label: `scaler_${format}.wgsl`,
 			code: RESIZER_SCALER_SHADER
 		});
-		pipeline = device.createRenderPipeline({
+		pipeline = createFullscreenPipeline(device, {
 			label: `ResizerScalerPipeline_${format}`,
-			layout: device.createPipelineLayout({ bindGroupLayouts: [layouts.scalerUniformLayout] }),
-			vertex: {
-				module: scalerModule,
-				entryPoint: "vs"
-			},
-			fragment: {
-				module: scalerModule,
-				entryPoint: "fs",
-				targets: [{ format }]
-			},
-			primitive: { topology: "triangle-strip" }
+			module: scalerModule,
+			layouts: [layouts.scalerUniformLayout],
+			format
 		});
 		layouts.pipelineCache.set(cacheKey, pipeline);
 	}
@@ -197,7 +160,7 @@ function parseHexToRGBA(hex) {
 }
 const scalerData = new Float32Array(24);
 const ResizerScalerWebGPURenderer = async (args) => {
-	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const { ctx, encoder, pass, targetView, targetWidth, targetHeight, props } = args;
 	const op = props.virtualMedia?.operation;
 	if (op?.op !== "ResizerScaler" || !op) return;
 	const childMedia = props.virtualMedia.children?.[0];
@@ -206,29 +169,16 @@ const ResizerScalerWebGPURenderer = async (args) => {
 	const childMeta = getActiveMediaMetadata(childMedia);
 	const srcWidth = childMeta?.width || targetWidth || 1920;
 	const srcHeight = childMeta?.height || targetHeight || 1080;
-	const tmpTex = ctx.renderer.getTemporaryTexture(srcWidth, srcHeight, [...props.excludeTextures || [], targetTexture]);
-	const tmpView = tmpTex.createView();
-	ctx.renderer.beginFrame(encoder, tmpView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, srcWidth, srcHeight, "clear").end();
-	ctx.renderer.pushScissor({
-		x: 0,
-		y: 0,
+	const { view: tmpView } = await drawChildToTexture(args, childMedia, {
 		width: srcWidth,
-		height: srcHeight
+		height: srcHeight,
+		props: {
+			...props,
+			virtualMedia: childMedia,
+			containerWidth: srcWidth,
+			containerHeight: srcHeight
+		}
 	});
-	ctx.renderer.pushIdentity();
-	await drawChild(childMedia, {
-		...props,
-		virtualMedia: childMedia,
-		containerWidth: srcWidth,
-		containerHeight: srcHeight
-	}, tmpView, tmpTex, srcWidth, srcHeight);
-	ctx.renderer.popTransform();
-	ctx.renderer.popScissor();
 	const { scalerPipeline: pipeline, scalerUniformLayout: uLayout } = getScalerResources(ctx.device, ctx.renderer.format);
 	scalerData[0] = targetWidth;
 	scalerData[1] = targetHeight;
@@ -278,19 +228,7 @@ const ResizerScalerWebGPURenderer = async (args) => {
 	scalerData[23] = anchorYMap[op.anchorY ?? "center"] ?? .5;
 	const uBuffer = ctx.renderer.getTemporaryBuffer(scalerData);
 	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
-	const renderPass = encoder.beginRenderPass({ colorAttachments: [{
-		view: targetView,
-		loadOp: "clear",
-		storeOp: "store",
-		clearValue: {
-			r: 0,
-			g: 0,
-			b: 0,
-			a: 0
-		}
-	}] });
-	renderPass.setPipeline(pipeline);
-	renderPass.setBindGroup(0, ctx.device.createBindGroup({
+	drawFullscreenPass(encoder, targetView, pipeline, [ctx.device.createBindGroup({
 		layout: uLayout,
 		entries: [
 			{
@@ -306,18 +244,11 @@ const ResizerScalerWebGPURenderer = async (args) => {
 				resource: tmpView
 			}
 		]
-	}));
-	renderPass.draw(4);
-	renderPass.end();
-	args.pass = ctx.renderer.beginFrame(encoder, targetView, {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	}, targetWidth, targetHeight, "load");
+	})]);
+	beginTargetPass(args);
 };
 var renderers_default = defineRenderer({ WebGPURenderer: ResizerScalerWebGPURenderer });
 
 //#endregion
 export { renderers_default as default };
-//# sourceMappingURL=renderer-bsWnRNpJ.mjs.map
+//# sourceMappingURL=renderer-CzBQgGD2.mjs.map

package/dist/renderer-CzBQgGD2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CzBQgGD2.mjs","names":[],"sources":["../../../nodes/node-resizer-scaler/dist/renderers-4yv_5K2l.mjs"],"sourcesContent":["import { getActiveMediaMetadata } from \"@framefields/core\";\nimport { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, beginTargetPass, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, fragmentBindGroupLayout } from \"@framefields/node-sdk/gpu\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst RESIZER_SCALER_SHADER = `\nstruct ScalerUniforms {\n    targetSize : vec2<f32>,\n    srcSize    : vec2<f32>,\n    fitMode    : f32, // 0 = Cover, 1 = Contain, 2 = Stretch, 3 = Manual\n    bgMode     : f32, // 0 = Solid, 1 = Blurred, 2 = Gradient, 3 = Transparent\n    bgColor    : vec4<f32>,\n    bgColor2   : vec4<f32>, // Used for gradient mode\n    blurRadius : f32,\n    brightness : f32,\n    zoom       : f32,\n    offset     : vec2<f32>,\n    anchor     : vec2<f32>, // x: 0 (left) - 1 (right), y: 0 (top) - 1 (bottom)\n};\n\n@group(0) @binding(0) var<uniform> u : ScalerUniforms;\n@group(0) @binding(1) var s : sampler;\n@group(0) @binding(2) var t_src : texture_2d<f32>;\n${FULLSCREEN_QUAD_WGSL}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    let uv = in.uv;\n    \n    // Calculate aspect ratios\n    let target_ar = u.targetSize.x / u.targetSize.y;\n    let src_ar = u.srcSize.x / u.srcSize.y;\n    \n    // Sizing logic\n    var fg_uv = uv;\n    var is_outside_fg = false;\n    \n    if (u.fitMode == 1.0) { // Contain\n        if (src_ar > target_ar) {\n            // Letterbox (pads top & bottom)\n            let scale_y = target_ar / src_ar;\n            let offset_y = (1.0 - scale_y) * u.anchor.y;\n            fg_uv.y = (uv.y - offset_y) / scale_y;\n            if (fg_uv.y < 0.0 || fg_uv.y > 1.0) { is_outside_fg = true; }\n        } else {\n            // Pillarbox (pads left & right)\n            let scale_x = src_ar / target_ar;\n            let offset_x = (1.0 - scale_x) * u.anchor.x;\n            fg_uv.x = (uv.x - offset_x) / scale_x;\n            if (fg_uv.x < 0.0 || fg_uv.x > 1.0) { is_outside_fg = true; }\n        }\n    } else if (u.fitMode == 0.0) { // Cover\n        if (src_ar > target_ar) {\n            let scale_x = target_ar / src_ar;\n            let offset_x = (1.0 - scale_x) * u.anchor.x;\n            fg_uv.x = uv.x * scale_x + offset_x;\n        } else {\n            let scale_y = src_ar / target_ar;\n            let offset_y = (1.0 - scale_y) * u.anchor.y;\n            fg_uv.y = uv.y * scale_y + offset_y;\n        }\n    } else if (u.fitMode == 3.0) { // Manual Scale & Translation\n        let norm_zoom = u.zoom / 100.0;\n        fg_uv = (uv - vec2<f32>(0.5)) / norm_zoom + vec2<f32>(0.5) - (u.offset / u.targetSize);\n        if (fg_uv.x < 0.0 || fg_uv.x > 1.0 || fg_uv.y < 0.0 || fg_uv.y > 1.0) {\n            is_outside_fg = true;\n        }\n    } // (fitMode == 2.0 (Stretch) uses default fg_uv without bounds check)\n\n    // Output compositing\n    if (!is_outside_fg) {\n        return textureSampleLevel(t_src, s, fg_uv, 0.0);\n    } else {\n        // Render background based on mode\n        if (u.bgMode == 0.0) { // Solid\n            return u.bgColor;\n        } else if (u.bgMode == 1.0) { // Blurred Background Copy\n            // Sample cover-fitted coordinates for background\n            var bg_uv = uv;\n            if (src_ar > target_ar) {\n                let scale_x = target_ar / src_ar;\n                let offset_x = (1.0 - scale_x) * 0.5; // Always center background\n                bg_uv.x = uv.x * scale_x + offset_x;\n            } else {\n                let scale_y = src_ar / target_ar;\n                let offset_y = (1.0 - scale_y) * 0.5;\n                bg_uv.y = uv.y * scale_y + offset_y;\n            }\n            \n            // Apply gaussian blur approximation in shader\n            var color = vec4<f32>(0.0);\n            let blur_steps = 5.0;\n            let blur_offset = u.blurRadius / (u.targetSize * blur_steps);\n            \n            for (var x = -2.0; x <= 2.0; x += 1.0) {\n                for (var y = -2.0; y <= 2.0; y += 1.0) {\n                    color += textureSampleLevel(t_src, s, bg_uv + vec2<f32>(x, y) * blur_offset, 0.0);\n                }\n            }\n            color = color / 25.0;\n            \n            // Apply background brightness darken effect\n            return vec4<f32>(color.rgb * u.brightness, color.a);\n        } else if (u.bgMode == 2.0) { // Gradient\n            return mix(u.bgColor, u.bgColor2, uv.y);\n        } else { // Transparent\n            return vec4<f32>(0.0, 0.0, 0.0, 0.0);\n        }\n    }\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nfunction getDeviceLayouts(device) {\n\tlet res = deviceResourceCache.get(device);\n\tif (res) return res;\n\tconst scalerUniformLayout = fragmentBindGroupLayout(device, [\n\t\t\"uniform\",\n\t\t\"sampler\",\n\t\t\"texture\"\n\t]);\n\tres = {\n\t\tscalerUniformLayout,\n\t\ttextureSamplerLayout: scalerUniformLayout,\n\t\tpipelineCache: /* @__PURE__ */ new Map()\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nfunction getScalerResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `scaler_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst scalerModule = device.createShaderModule({\n\t\t\tlabel: `scaler_${format}.wgsl`,\n\t\t\tcode: RESIZER_SCALER_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `ResizerScalerPipeline_${format}`,\n\t\t\tmodule: scalerModule,\n\t\t\tlayouts: [layouts.scalerUniformLayout],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tscalerPipeline: pipeline,\n\t\tscalerUniformLayout: layouts.scalerUniformLayout\n\t};\n}\nfunction parseHexToRGBA(hex) {\n\tconst cleanHex = hex.replace(\"#\", \"\");\n\treturn [\n\t\tparseInt(cleanHex.substring(0, 2), 16) / 255,\n\t\tparseInt(cleanHex.substring(2, 4), 16) / 255,\n\t\tparseInt(cleanHex.substring(4, 6), 16) / 255,\n\t\tcleanHex.length === 8 ? parseInt(cleanHex.substring(6, 8), 16) / 255 : 1\n\t];\n}\nconst scalerData = new Float32Array(24);\nconst ResizerScalerWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetView, targetWidth, targetHeight, props } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"ResizerScaler\" || !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst childMeta = getActiveMediaMetadata(childMedia);\n\tconst srcWidth = childMeta?.width || targetWidth || 1920;\n\tconst srcHeight = childMeta?.height || targetHeight || 1080;\n\tconst { view: tmpView } = await drawChildToTexture(args, childMedia, {\n\t\twidth: srcWidth,\n\t\theight: srcHeight,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tvirtualMedia: childMedia,\n\t\t\tcontainerWidth: srcWidth,\n\t\t\tcontainerHeight: srcHeight\n\t\t}\n\t});\n\tconst { scalerPipeline: pipeline, scalerUniformLayout: uLayout } = getScalerResources(ctx.device, ctx.renderer.format);\n\tscalerData[0] = targetWidth;\n\tscalerData[1] = targetHeight;\n\tscalerData[2] = srcWidth;\n\tscalerData[3] = srcHeight;\n\tscalerData[4] = {\n\t\tcover: 0,\n\t\tcontain: 1,\n\t\tstretch: 2,\n\t\tmanual: 3\n\t}[op.fitMode ?? \"contain\"] ?? 1;\n\tscalerData[5] = {\n\t\tsolid: 0,\n\t\tblurred: 1,\n\t\tgradient: 2,\n\t\ttransparent: 3\n\t}[op.backgroundMode ?? \"solid\"] ?? 0;\n\tscalerData[6] = 0;\n\tscalerData[7] = 0;\n\tconst bgColor = parseHexToRGBA(op.backgroundColor ?? \"#000000FF\");\n\tscalerData[8] = bgColor[0];\n\tscalerData[9] = bgColor[1];\n\tscalerData[10] = bgColor[2];\n\tscalerData[11] = bgColor[3];\n\tconst bgColor2 = parseHexToRGBA(op.backgroundColor2 ?? \"#000000FF\");\n\tscalerData[12] = bgColor2[0];\n\tscalerData[13] = bgColor2[1];\n\tscalerData[14] = bgColor2[2];\n\tscalerData[15] = bgColor2[3];\n\tscalerData[16] = Number(op.blurRadius ?? 40);\n\tscalerData[17] = Number(op.backgroundBrightness ?? .6);\n\tscalerData[18] = Number(op.zoom ?? 100);\n\tscalerData[19] = 0;\n\tscalerData[20] = Number(op.offsetX ?? 0);\n\tscalerData[21] = Number(op.offsetY ?? 0);\n\tconst anchorXMap = {\n\t\tleft: 0,\n\t\tcenter: .5,\n\t\tright: 1\n\t};\n\tconst anchorYMap = {\n\t\ttop: 0,\n\t\tcenter: .5,\n\t\tbottom: 1\n\t};\n\tscalerData[22] = anchorXMap[op.anchorX ?? \"center\"] ?? .5;\n\tscalerData[23] = anchorYMap[op.anchorY ?? \"center\"] ?? .5;\n\tconst uBuffer = ctx.renderer.getTemporaryBuffer(scalerData);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tdrawFullscreenPass(encoder, targetView, pipeline, [ctx.device.createBindGroup({\n\t\tlayout: uLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer: uBuffer }\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sampler\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: tmpView\n\t\t\t}\n\t\t]\n\t})]);\n\tbeginTargetPass(args);\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: ResizerScalerWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-4yv_5K2l.mjs.map"],"mappings":"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"}