framefields 2.0.2

package/dist/renderer-CH8sdfYX.mjs

@@ -0,0 +1,387 @@
+import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+import { tt as signalRegistry } from "./dist-gjHmorxL.mjs";
+
+//#region ../../nodes/node-displacement-map/dist/renderers-Dm9Btn8h.mjs
+const STRENGTH_MIN = 0;
+const STRENGTH_MAX = 500;
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+const DISPLACEMENT_MAP_SHADER = `
+struct DisplacementUniforms {
+    strengthX     : f32,
+    strengthY     : f32,
+    xChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma
+    yChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma
+
+    wrapMode      : f32, // 0=Clamp, 1=Repeat, 2=Mirror
+    hasSignalX    : f32,
+    hasSignalY    : f32,
+    _pad          : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : DisplacementUniforms;
+@group(1) @binding(0) var srcTex     : texture_2d<f32>;
+@group(1) @binding(1) var srcSamp    : sampler;
+@group(2) @binding(0) var mapTex     : texture_2d<f32>;
+@group(2) @binding(1) var mapSamp    : sampler;
+@group(3) @binding(0) var sigXTex    : texture_2d<f32>;
+@group(3) @binding(1) var sigYTex    : texture_2d<f32>;
+@group(3) @binding(2) var sigSamp    : 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]);
+}
+
+fn extractChannel(color: vec4<f32>, channel: f32) -> f32 {
+    if (channel < 0.5) { return color.r; }
+    if (channel < 1.5) { return color.g; }
+    if (channel < 2.5) { return color.b; }
+    if (channel < 3.5) { return color.a; }
+    // Luminance
+    return dot(color.rgb, vec3<f32>(0.299, 0.587, 0.114));
+}
+
+fn applyWrap(coord: f32, mode: f32) -> f32 {
+    if (mode < 0.5) {
+        // Clamp
+        return clamp(coord, 0.0, 1.0);
+    }
+    if (mode < 1.5) {
+        // Repeat
+        return fract(coord);
+    }
+    // Mirror
+    let t = fract(coord * 0.5) * 2.0;
+    if (t > 1.0) {
+        return 2.0 - t;
+    }
+    return t;
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    let mapColor = textureSampleLevel(mapTex, mapSamp, in.uv, 0.0);
+
+    // Extract displacement values from chosen channels, centered around 0.5 and gated by alpha
+    // NOTE (P3, not changed here): this yields a max offset of strength/2 px at
+    // either extreme (peak-to-peak swing == strength). Confirm with design whether
+    // "strength in pixels" should mean peak amplitude instead — see review doc.
+    let dispX = (extractChannel(mapColor, u.xChannel) - 0.5) * mapColor.a;
+    let dispY = (extractChannel(mapColor, u.yChannel) - 0.5) * mapColor.a;
+
+    // Get strength, potentially from signal textures
+    var sX = u.strengthX;
+    var sY = u.strengthY;
+    if (u.hasSignalX > 0.5) {
+        sX = textureSampleLevel(sigXTex, sigSamp, in.uv, 0.0).r;
+    }
+    if (u.hasSignalY > 0.5) {
+        sY = textureSampleLevel(sigYTex, sigSamp, in.uv, 0.0).r;
+    }
+
+    // Compute displacement in UV space (strength is in pixels, convert to UV)
+    let srcDims = vec2<f32>(textureDimensions(srcTex));
+    let offset = vec2<f32>(
+        dispX * sX / srcDims.x,
+        dispY * sY / srcDims.y,
+    );
+
+    let displaced = vec2<f32>(
+        applyWrap(in.uv.x + offset.x, u.wrapMode),
+        applyWrap(in.uv.y + offset.y, u.wrapMode),
+    );
+
+    return textureSampleLevel(srcTex, srcSamp, displaced, 0.0);
+}
+`;
+const deviceResourceCache = /* @__PURE__ */ new WeakMap();
+const uniformData = new Float32Array(8);
+function getDeviceLayouts(device) {
+	let res = deviceResourceCache.get(device);
+	if (res) return res;
+	res = {
+		uniformLayout: device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			buffer: { type: "uniform" }
+		}] }),
+		srcTextureLayout: device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			texture: { sampleType: "float" }
+		}, {
+			binding: 1,
+			visibility: GPUShaderStage.FRAGMENT,
+			sampler: { type: "filtering" }
+		}] }),
+		mapTextureLayout: device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			texture: { sampleType: "float" }
+		}, {
+			binding: 1,
+			visibility: GPUShaderStage.FRAGMENT,
+			sampler: { type: "filtering" }
+		}] }),
+		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,
+				sampler: { type: "filtering" }
+			}
+		] }),
+		pipelineCache: /* @__PURE__ */ new Map()
+	};
+	deviceResourceCache.set(device, res);
+	return res;
+}
+function getDisplacementResources(device, format) {
+	const layouts = getDeviceLayouts(device);
+	const cacheKey = `displacement_${format}`;
+	let pipeline = layouts.pipelineCache.get(cacheKey);
+	if (!pipeline) {
+		const module = device.createShaderModule({
+			label: `displacement_${format}.wgsl`,
+			code: DISPLACEMENT_MAP_SHADER
+		});
+		pipeline = device.createRenderPipeline({
+			label: `DisplacementMapPipeline_${format}`,
+			layout: device.createPipelineLayout({ bindGroupLayouts: [
+				layouts.uniformLayout,
+				layouts.srcTextureLayout,
+				layouts.mapTextureLayout,
+				layouts.signalTextureLayout
+			] }),
+			vertex: {
+				module,
+				entryPoint: "vs"
+			},
+			fragment: {
+				module,
+				entryPoint: "fs",
+				targets: [{ format }]
+			},
+			primitive: { topology: "triangle-strip" }
+		});
+		layouts.pipelineCache.set(cacheKey, pipeline);
+	}
+	return {
+		pipeline,
+		uniformLayout: layouts.uniformLayout,
+		srcTextureLayout: layouts.srcTextureLayout,
+		mapTextureLayout: layouts.mapTextureLayout,
+		signalTextureLayout: layouts.signalTextureLayout
+	};
+}
+function channelToFloat(ch) {
+	switch (ch) {
+		case "Green": return 1;
+		case "Blue": return 2;
+		case "Alpha": return 3;
+		case "Luminance": return 4;
+		default: return 0;
+	}
+}
+function wrapModeToFloat(mode) {
+	switch (mode) {
+		case "Repeat": return 1;
+		case "Mirror": return 2;
+		default: return 0;
+	}
+}
+function resolveSignalField(op, fieldName, defaultValue) {
+	const handleId = op[`${fieldName}HandleId`];
+	const signalInput = handleId ? op.inputs?.[handleId] : null;
+	const hasSignal = !!(signalInput?.connectionValid && signalInput.outputItem?.type === "Signal");
+	const sd = hasSignal ? signalInput?.outputItem?.data : null;
+	let value = defaultValue;
+	if (!hasSignal) if (signalInput?.connectionValid && signalInput.outputItem?.type === "Number") value = clamp(Number(signalInput.outputItem.data ?? defaultValue), STRENGTH_MIN, STRENGTH_MAX);
+	else value = Number(op[fieldName] ?? defaultValue);
+	else if (sd && typeof sd === "object" && "offset" in sd) value = Number(sd.offset ?? defaultValue);
+	return {
+		hasSignal,
+		sd,
+		value
+	};
+}
+const DisplacementMapWebGPURenderer = async (args) => {
+	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const op = props.virtualMedia?.operation;
+	if (op?.op !== "DisplacementMap" || !op) return;
+	const sourceMedia = props.virtualMedia.children?.[0];
+	const mapMedia = op.mapMedia;
+	if (!sourceMedia || !mapMedia) return;
+	pass.end();
+	const width = targetWidth;
+	const height = targetHeight;
+	const frame = props.frame ?? 0;
+	const fps = props.fps || 30;
+	const strengthXInfo = resolveSignalField(op, "strengthX", 50);
+	const strengthYInfo = resolveSignalField(op, "strengthY", 50);
+	const srcTex = ctx.renderer.getTemporaryTexture(width, height, [...props.excludeTextures || [], targetTexture]);
+	const srcView = srcTex.createView();
+	ctx.renderer.beginFrame(encoder, srcView, {
+		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(sourceMedia, {
+		...props,
+		virtualMedia: sourceMedia,
+		renderId: `${props.renderId}-c0`,
+		excludeTextures: [...props.excludeTextures || [], srcTex]
+	}, srcView, srcTex, width, height);
+	ctx.renderer.popTransform();
+	ctx.renderer.popScissor();
+	args.pass.end();
+	const mapTex = ctx.renderer.getTemporaryTexture(width, height, [
+		...props.excludeTextures || [],
+		targetTexture,
+		srcTex
+	]);
+	const mapView = mapTex.createView();
+	ctx.renderer.beginFrame(encoder, mapView, {
+		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(mapMedia, {
+		...props,
+		virtualMedia: mapMedia,
+		renderId: `${props.renderId}-c1`,
+		excludeTextures: [
+			...props.excludeTextures || [],
+			srcTex,
+			mapTex
+		]
+	}, mapView, mapTex, width, height);
+	ctx.renderer.popTransform();
+	ctx.renderer.popScissor();
+	args.pass.end();
+	const { pipeline, uniformLayout: uLayout, srcTextureLayout: srcLayout, mapTextureLayout: mapLayout, signalTextureLayout: sigLayout } = getDisplacementResources(ctx.device, ctx.renderer.format);
+	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
+	let sigXView;
+	let sigYView;
+	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;
+	if (strengthXInfo.hasSignal && strengthXInfo.sd) sigXView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, strengthXInfo.sd.nodeId ?? "displace_sx_sig", elapsedSeconds, durationSeconds, strengthXInfo.sd, width, height, props.renderId, frame, fps);
+	else sigXView = signalRegistry.getDummy1x1TextureView(ctx.device);
+	if (strengthYInfo.hasSignal && strengthYInfo.sd) sigYView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, strengthYInfo.sd.nodeId ?? "displace_sy_sig", elapsedSeconds, durationSeconds, strengthYInfo.sd, width, height, props.renderId, frame, fps);
+	else sigYView = signalRegistry.getDummy1x1TextureView(ctx.device);
+	uniformData[0] = strengthXInfo.value;
+	uniformData[1] = strengthYInfo.value;
+	uniformData[2] = channelToFloat(op.xChannel);
+	uniformData[3] = channelToFloat(op.yChannel);
+	uniformData[4] = wrapModeToFloat(op.wrapMode);
+	uniformData[5] = strengthXInfo.hasSignal ? 1 : 0;
+	uniformData[6] = strengthYInfo.hasSignal ? 1 : 0;
+	uniformData[7] = 0;
+	const uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);
+	const outTex = ctx.renderer.getTemporaryTexture(width, height, [
+		srcTex,
+		mapTex,
+		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, ctx.device.createBindGroup({
+		layout: uLayout,
+		entries: [{
+			binding: 0,
+			resource: { buffer: uniformBuffer }
+		}]
+	}));
+	renderPass.setBindGroup(1, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcLayout, srcTex, sampler));
+	renderPass.setBindGroup(2, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, mapLayout, mapTex, sampler));
+	renderPass.setBindGroup(3, ctx.device.createBindGroup({
+		layout: sigLayout,
+		entries: [
+			{
+				binding: 0,
+				resource: sigXView
+			},
+			{
+				binding: 1,
+				resource: sigYView
+			},
+			{
+				binding: 2,
+				resource: sampler
+			}
+		]
+	}));
+	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;
+};
+var renderers_default = defineRenderer({ WebGPURenderer: DisplacementMapWebGPURenderer });
+
+//#endregion
+export { renderers_default as t };
+//# sourceMappingURL=renderer-CH8sdfYX.mjs.map

package/dist/renderer-CH8sdfYX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CH8sdfYX.mjs","names":[],"sources":["../../../nodes/node-displacement-map/dist/renderers-Dm9Btn8h.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst STRENGTH_MIN = 0;\nconst STRENGTH_MAX = 500;\nfunction clamp(value, min, max) {\n\treturn Math.min(max, Math.max(min, value));\n}\nconst DISPLACEMENT_MAP_SHADER = `\nstruct DisplacementUniforms {\n    strengthX     : f32,\n    strengthY     : f32,\n    xChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma\n    yChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma\n\n    wrapMode      : f32, // 0=Clamp, 1=Repeat, 2=Mirror\n    hasSignalX    : f32,\n    hasSignalY    : f32,\n    _pad          : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : DisplacementUniforms;\n@group(1) @binding(0) var srcTex     : texture_2d<f32>;\n@group(1) @binding(1) var srcSamp    : sampler;\n@group(2) @binding(0) var mapTex     : texture_2d<f32>;\n@group(2) @binding(1) var mapSamp    : sampler;\n@group(3) @binding(0) var sigXTex    : texture_2d<f32>;\n@group(3) @binding(1) var sigYTex    : texture_2d<f32>;\n@group(3) @binding(2) var sigSamp    : sampler;\n\nstruct VSOut {\n    @builtin(position) pos : vec4<f32>,\n    @location(0) uv        : vec2<f32>,\n};\n\n@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {\n    var pos = array<vec2<f32>, 4>(\n        vec2<f32>(-1.0, 1.0),\n        vec2<f32>(1.0, 1.0),\n        vec2<f32>(-1.0, -1.0),\n        vec2<f32>(1.0, -1.0)\n    );\n    var uv = array<vec2<f32>, 4>(\n        vec2<f32>(0.0, 0.0),\n        vec2<f32>(1.0, 0.0),\n        vec2<f32>(0.0, 1.0),\n        vec2<f32>(1.0, 1.0)\n    );\n    return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);\n}\n\nfn extractChannel(color: vec4<f32>, channel: f32) -> f32 {\n    if (channel < 0.5) { return color.r; }\n    if (channel < 1.5) { return color.g; }\n    if (channel < 2.5) { return color.b; }\n    if (channel < 3.5) { return color.a; }\n    // Luminance\n    return dot(color.rgb, vec3<f32>(0.299, 0.587, 0.114));\n}\n\nfn applyWrap(coord: f32, mode: f32) -> f32 {\n    if (mode < 0.5) {\n        // Clamp\n        return clamp(coord, 0.0, 1.0);\n    }\n    if (mode < 1.5) {\n        // Repeat\n        return fract(coord);\n    }\n    // Mirror\n    let t = fract(coord * 0.5) * 2.0;\n    if (t > 1.0) {\n        return 2.0 - t;\n    }\n    return t;\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    let mapColor = textureSampleLevel(mapTex, mapSamp, in.uv, 0.0);\n\n    // Extract displacement values from chosen channels, centered around 0.5 and gated by alpha\n    // NOTE (P3, not changed here): this yields a max offset of strength/2 px at\n    // either extreme (peak-to-peak swing == strength). Confirm with design whether\n    // \"strength in pixels\" should mean peak amplitude instead — see review doc.\n    let dispX = (extractChannel(mapColor, u.xChannel) - 0.5) * mapColor.a;\n    let dispY = (extractChannel(mapColor, u.yChannel) - 0.5) * mapColor.a;\n\n    // Get strength, potentially from signal textures\n    var sX = u.strengthX;\n    var sY = u.strengthY;\n    if (u.hasSignalX > 0.5) {\n        sX = textureSampleLevel(sigXTex, sigSamp, in.uv, 0.0).r;\n    }\n    if (u.hasSignalY > 0.5) {\n        sY = textureSampleLevel(sigYTex, sigSamp, in.uv, 0.0).r;\n    }\n\n    // Compute displacement in UV space (strength is in pixels, convert to UV)\n    let srcDims = vec2<f32>(textureDimensions(srcTex));\n    let offset = vec2<f32>(\n        dispX * sX / srcDims.x,\n        dispY * sY / srcDims.y,\n    );\n\n    let displaced = vec2<f32>(\n        applyWrap(in.uv.x + offset.x, u.wrapMode),\n        applyWrap(in.uv.y + offset.y, u.wrapMode),\n    );\n\n    return textureSampleLevel(srcTex, srcSamp, displaced, 0.0);\n}\n`;\nconst deviceResourceCache = /* @__PURE__ */ new WeakMap();\nconst uniformData = new Float32Array(8);\nfunction getDeviceLayouts(device) {\n\tlet res = deviceResourceCache.get(device);\n\tif (res) return res;\n\tres = {\n\t\tuniformLayout: device.createBindGroupLayout({ entries: [{\n\t\t\tbinding: 0,\n\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\tbuffer: { type: \"uniform\" }\n\t\t}] }),\n\t\tsrcTextureLayout: device.createBindGroupLayout({ entries: [{\n\t\t\tbinding: 0,\n\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\ttexture: { sampleType: \"float\" }\n\t\t}, {\n\t\t\tbinding: 1,\n\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\tsampler: { type: \"filtering\" }\n\t\t}] }),\n\t\tmapTextureLayout: device.createBindGroupLayout({ entries: [{\n\t\t\tbinding: 0,\n\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\ttexture: { sampleType: \"float\" }\n\t\t}, {\n\t\t\tbinding: 1,\n\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\tsampler: { type: \"filtering\" }\n\t\t}] }),\n\t\tsignalTextureLayout: device.createBindGroupLayout({ entries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\ttexture: { sampleType: \"float\" }\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\ttexture: { sampleType: \"float\" }\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\tsampler: { type: \"filtering\" }\n\t\t\t}\n\t\t] }),\n\t\tpipelineCache: /* @__PURE__ */ new Map()\n\t};\n\tdeviceResourceCache.set(device, res);\n\treturn res;\n}\nfunction getDisplacementResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `displacement_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst module = device.createShaderModule({\n\t\t\tlabel: `displacement_${format}.wgsl`,\n\t\t\tcode: DISPLACEMENT_MAP_SHADER\n\t\t});\n\t\tpipeline = device.createRenderPipeline({\n\t\t\tlabel: `DisplacementMapPipeline_${format}`,\n\t\t\tlayout: device.createPipelineLayout({ bindGroupLayouts: [\n\t\t\t\tlayouts.uniformLayout,\n\t\t\t\tlayouts.srcTextureLayout,\n\t\t\t\tlayouts.mapTextureLayout,\n\t\t\t\tlayouts.signalTextureLayout\n\t\t\t] }),\n\t\t\tvertex: {\n\t\t\t\tmodule,\n\t\t\t\tentryPoint: \"vs\"\n\t\t\t},\n\t\t\tfragment: {\n\t\t\t\tmodule,\n\t\t\t\tentryPoint: \"fs\",\n\t\t\t\ttargets: [{ format }]\n\t\t\t},\n\t\t\tprimitive: { topology: \"triangle-strip\" }\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tpipeline,\n\t\tuniformLayout: layouts.uniformLayout,\n\t\tsrcTextureLayout: layouts.srcTextureLayout,\n\t\tmapTextureLayout: layouts.mapTextureLayout,\n\t\tsignalTextureLayout: layouts.signalTextureLayout\n\t};\n}\nfunction channelToFloat(ch) {\n\tswitch (ch) {\n\t\tcase \"Green\": return 1;\n\t\tcase \"Blue\": return 2;\n\t\tcase \"Alpha\": return 3;\n\t\tcase \"Luminance\": return 4;\n\t\tdefault: return 0;\n\t}\n}\nfunction wrapModeToFloat(mode) {\n\tswitch (mode) {\n\t\tcase \"Repeat\": return 1;\n\t\tcase \"Mirror\": return 2;\n\t\tdefault: return 0;\n\t}\n}\nfunction resolveSignalField(op, fieldName, defaultValue) {\n\tconst handleId = op[`${fieldName}HandleId`];\n\tconst signalInput = handleId ? op.inputs?.[handleId] : null;\n\tconst hasSignal = !!(signalInput?.connectionValid && signalInput.outputItem?.type === \"Signal\");\n\tconst sd = hasSignal ? signalInput?.outputItem?.data : null;\n\tlet value = defaultValue;\n\tif (!hasSignal) if (signalInput?.connectionValid && signalInput.outputItem?.type === \"Number\") value = clamp(Number(signalInput.outputItem.data ?? defaultValue), STRENGTH_MIN, STRENGTH_MAX);\n\telse value = Number(op[fieldName] ?? defaultValue);\n\telse if (sd && typeof sd === \"object\" && \"offset\" in sd) value = Number(sd.offset ?? defaultValue);\n\treturn {\n\t\thasSignal,\n\t\tsd,\n\t\tvalue\n\t};\n}\nconst DisplacementMapWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"DisplacementMap\" || !op) return;\n\tconst sourceMedia = props.virtualMedia.children?.[0];\n\tconst mapMedia = op.mapMedia;\n\tif (!sourceMedia || !mapMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst frame = props.frame ?? 0;\n\tconst fps = props.fps || 30;\n\tconst strengthXInfo = resolveSignalField(op, \"strengthX\", 50);\n\tconst strengthYInfo = resolveSignalField(op, \"strengthY\", 50);\n\tconst srcTex = ctx.renderer.getTemporaryTexture(width, height, [...props.excludeTextures || [], targetTexture]);\n\tconst srcView = srcTex.createView();\n\tctx.renderer.beginFrame(encoder, srcView, {\n\t\tr: 0,\n\t\tg: 0,\n\t\tb: 0,\n\t\ta: 0\n\t}, width, height, \"clear\").end();\n\tctx.renderer.pushScissor({\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth,\n\t\theight\n\t});\n\tctx.renderer.pushIdentity();\n\tawait drawChild(sourceMedia, {\n\t\t...props,\n\t\tvirtualMedia: sourceMedia,\n\t\trenderId: `${props.renderId}-c0`,\n\t\texcludeTextures: [...props.excludeTextures || [], srcTex]\n\t}, srcView, srcTex, width, height);\n\tctx.renderer.popTransform();\n\tctx.renderer.popScissor();\n\targs.pass.end();\n\tconst mapTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\t...props.excludeTextures || [],\n\t\ttargetTexture,\n\t\tsrcTex\n\t]);\n\tconst mapView = mapTex.createView();\n\tctx.renderer.beginFrame(encoder, mapView, {\n\t\tr: 0,\n\t\tg: 0,\n\t\tb: 0,\n\t\ta: 0\n\t}, width, height, \"clear\").end();\n\tctx.renderer.pushScissor({\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth,\n\t\theight\n\t});\n\tctx.renderer.pushIdentity();\n\tawait drawChild(mapMedia, {\n\t\t...props,\n\t\tvirtualMedia: mapMedia,\n\t\trenderId: `${props.renderId}-c1`,\n\t\texcludeTextures: [\n\t\t\t...props.excludeTextures || [],\n\t\t\tsrcTex,\n\t\t\tmapTex\n\t\t]\n\t}, mapView, mapTex, width, height);\n\tctx.renderer.popTransform();\n\tctx.renderer.popScissor();\n\targs.pass.end();\n\tconst { pipeline, uniformLayout: uLayout, srcTextureLayout: srcLayout, mapTextureLayout: mapLayout, signalTextureLayout: sigLayout } = getDisplacementResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tlet sigXView;\n\tlet sigYView;\n\tconst elapsedSeconds = props.elapsedMs !== void 0 ? props.elapsedMs / 1e3 : frame / fps;\n\tconst durationSeconds = props.virtualMedia?.metadata?.durationMs ? props.virtualMedia.metadata.durationMs / 1e3 : props.durationMs !== void 0 ? props.durationMs / 1e3 : 0;\n\tif (strengthXInfo.hasSignal && strengthXInfo.sd) sigXView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, strengthXInfo.sd.nodeId ?? \"displace_sx_sig\", elapsedSeconds, durationSeconds, strengthXInfo.sd, width, height, props.renderId, frame, fps);\n\telse sigXView = signalRegistry.getDummy1x1TextureView(ctx.device);\n\tif (strengthYInfo.hasSignal && strengthYInfo.sd) sigYView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, strengthYInfo.sd.nodeId ?? \"displace_sy_sig\", elapsedSeconds, durationSeconds, strengthYInfo.sd, width, height, props.renderId, frame, fps);\n\telse sigYView = signalRegistry.getDummy1x1TextureView(ctx.device);\n\tuniformData[0] = strengthXInfo.value;\n\tuniformData[1] = strengthYInfo.value;\n\tuniformData[2] = channelToFloat(op.xChannel);\n\tuniformData[3] = channelToFloat(op.yChannel);\n\tuniformData[4] = wrapModeToFloat(op.wrapMode);\n\tuniformData[5] = strengthXInfo.hasSignal ? 1 : 0;\n\tuniformData[6] = strengthYInfo.hasSignal ? 1 : 0;\n\tuniformData[7] = 0;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\tsrcTex,\n\t\tmapTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tconst renderPass = encoder.beginRenderPass({ colorAttachments: [{\n\t\tview: outTex.createView(),\n\t\tloadOp: \"clear\",\n\t\tstoreOp: \"store\",\n\t\tclearValue: {\n\t\t\tr: 0,\n\t\t\tg: 0,\n\t\t\tb: 0,\n\t\t\ta: 0\n\t\t}\n\t}] });\n\trenderPass.setPipeline(pipeline);\n\trenderPass.setBindGroup(0, 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\trenderPass.setBindGroup(1, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, srcLayout, srcTex, sampler));\n\trenderPass.setBindGroup(2, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, mapLayout, mapTex, sampler));\n\trenderPass.setBindGroup(3, ctx.device.createBindGroup({\n\t\tlayout: sigLayout,\n\t\tentries: [\n\t\t\t{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: sigXView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sigYView\n\t\t\t},\n\t\t\t{\n\t\t\t\tbinding: 2,\n\t\t\t\tresource: sampler\n\t\t\t}\n\t\t]\n\t}));\n\trenderPass.draw(4);\n\trenderPass.end();\n\tconst finalPass = ctx.renderer.beginFrame(encoder, targetView, {\n\t\tr: 0,\n\t\tg: 0,\n\t\tb: 0,\n\t\ta: 0\n\t}, targetWidth, targetHeight, \"load\");\n\tctx.renderer.drawTexture(finalPass, outTex, {\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: targetWidth,\n\t\theight: targetHeight\n\t}, { opacity: op.opacity ?? 1 });\n\targs.pass = finalPass;\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: DisplacementMapWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-Dm9Btn8h.mjs.map"],"mappings":"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"}

package/dist/renderer-CIvaRnP_.mjs

@@ -0,0 +1,261 @@
+import { n as defineRenderer } from "./renderer-CtVkU_GA.mjs";
+
+//#region ../../nodes/node-channel-splitter/dist/renderers-B7lhYmZQ.mjs
+const COLOR_SPACE_MAP = {
+	RGBA: 0,
+	HSLA: 1,
+	CMYK: 2,
+	LAB: 3
+};
+const WGSL_CHANNEL_SPLITTER = `
+struct SplitterUniforms {
+	colorSpace   : f32, // 0=RGBA, 1=HSLA, 2=CMYK, 3=LAB
+	channelIndex : f32, // 0=Ch1, 1=Ch2, 2=Ch3, 3=Ch4
+	_pad0        : f32,
+	_pad1        : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : SplitterUniforms;
+@group(1) @binding(0) var srcTex     : texture_2d<f32>;
+@group(1) @binding(1) var srcSamp    : 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]);
+}
+
+fn srgb2lin(v: f32) -> f32 {
+	let cv = clamp(v, 0.0, 1.0);
+	return select(cv / 12.92, pow((cv + 0.055) / 1.055, 2.4), cv > 0.04045);
+}
+
+fn lab_f(t: f32) -> f32 {
+	return select(pow(t, 1.0 / 3.0), (7.787 * t) + (16.0 / 116.0), t <= 0.008856);
+}
+
+@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {
+	let c = textureSample(srcTex, srcSamp, in.uv);
+	let cs = u32(u.colorSpace + 0.5);
+	let idx = u32(u.channelIndex + 0.5);
+
+	var val: f32 = 0.0;
+
+	if (cs == 0u) { // RGBA
+		if (idx == 0u) { val = c.r; }
+		else if (idx == 1u) { val = c.g; }
+		else if (idx == 2u) { val = c.b; }
+		else { val = c.a; }
+	} else if (cs == 1u) { // HSLA
+		let maxV = max(c.r, max(c.g, c.b));
+		let minV = min(c.r, min(c.g, c.b));
+		let d = maxV - minV;
+		let L = (maxV + minV) * 0.5;
+		let S = select(select(d / (2.0 - maxV - minV), d / (maxV + minV), L < 0.5), 0.0, d < 0.00001);
+		var H: f32 = 0.0;
+		if (d > 0.00001) {
+			if (maxV == c.r) {
+				H = ((c.g - c.b) / d + select(0.0, 6.0, c.g < c.b)) / 6.0;
+			} else if (maxV == c.g) {
+				H = ((c.b - c.r) / d + 2.0) / 6.0;
+			} else {
+				H = ((c.r - c.g) / d + 4.0) / 6.0;
+			}
+		}
+		if (idx == 0u) { val = H; }
+		else if (idx == 1u) { val = S; }
+		else if (idx == 2u) { val = L; }
+		else { val = c.a; }
+	} else if (cs == 2u) { // CMYK
+		let K = 1.0 - max(c.r, max(c.g, c.b));
+		if (K >= 1.0 - 0.00001) {
+			val = select(0.0, 1.0, idx == 3u);
+		} else {
+			let denom = 1.0 - K;
+			if (idx == 0u) { val = (1.0 - c.r - K) / denom; }
+			else if (idx == 1u) { val = (1.0 - c.g - K) / denom; }
+			else if (idx == 2u) { val = (1.0 - c.b - K) / denom; }
+			else { val = K; }
+		}
+	} else { // LAB
+		let lr = srgb2lin(c.r);
+		let lg = srgb2lin(c.g);
+		let lb = srgb2lin(c.b);
+
+		let X = lr * 0.4124564 + lg * 0.3575761 + lb * 0.1804375;
+		let Y = lr * 0.2126729 + lg * 0.7151522 + lb * 0.0721750;
+		let Z = lr * 0.0193339 + lg * 0.1191920 + lb * 0.9503041;
+
+		let x = X / 0.95047;
+		let y = Y / 1.00000;
+		let z = Z / 1.08883;
+
+		let fx = lab_f(x);
+		let fy = lab_f(y);
+		let fz = lab_f(z);
+
+		let L_star = 116.0 * fy - 16.0;
+		let a_star = 500.0 * (fx - fy);
+		let b_star = 200.0 * (fy - fz);
+
+		let L_norm = clamp(L_star / 100.0, 0.0, 1.0);
+		let a_norm = clamp((a_star + 128.0) / 255.0, 0.0, 1.0);
+		let b_norm = clamp((b_star + 128.0) / 255.0, 0.0, 1.0);
+
+		if (idx == 0u) { val = L_norm; }
+		else if (idx == 1u) { val = a_norm; }
+		else if (idx == 2u) { val = b_norm; }
+		else { val = c.a; }
+	}
+
+	val = clamp(val, 0.0, 1.0);
+	return vec4<f32>(val, val, val, 1.0);
+}
+`;
+const deviceResourceCache = /* @__PURE__ */ new WeakMap();
+const uniformData = new Float32Array(4);
+function getDeviceLayouts(device) {
+	let res = deviceResourceCache.get(device);
+	if (res) return res;
+	res = {
+		uniformLayout: device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			buffer: { type: "uniform" }
+		}] }),
+		textureLayout: device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			texture: { sampleType: "float" }
+		}, {
+			binding: 1,
+			visibility: GPUShaderStage.FRAGMENT,
+			sampler: { type: "filtering" }
+		}] }),
+		pipelineCache: /* @__PURE__ */ new Map()
+	};
+	deviceResourceCache.set(device, res);
+	return res;
+}
+function getPipeline(device, format) {
+	const resources = getDeviceLayouts(device);
+	const key = `splitter_${format}`;
+	let pipeline = resources.pipelineCache.get(key);
+	if (!pipeline) {
+		const module = device.createShaderModule({
+			label: "ChannelSplitterShader",
+			code: WGSL_CHANNEL_SPLITTER
+		});
+		const layout = device.createPipelineLayout({ bindGroupLayouts: [resources.uniformLayout, resources.textureLayout] });
+		pipeline = device.createRenderPipeline({
+			label: "ChannelSplitterPipeline",
+			layout,
+			vertex: {
+				module,
+				entryPoint: "vs"
+			},
+			fragment: {
+				module,
+				entryPoint: "fs",
+				targets: [{ format }]
+			},
+			primitive: { topology: "triangle-strip" }
+		});
+		resources.pipelineCache.set(key, pipeline);
+	}
+	return {
+		pipeline,
+		resources
+	};
+}
+const ChannelSplitterWebGPURenderer = async (args) => {
+	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const op = props.virtualMedia?.operation;
+	if (op?.op !== "ChannelSplitter" || !op) return;
+	const sourceMedia = props.virtualMedia.children?.[0];
+	if (!sourceMedia) return;
+	pass.end();
+	const width = targetWidth;
+	const height = targetHeight;
+	const srcTex = ctx.renderer.getTemporaryTexture(width, height, [...props.excludeTextures || [], targetTexture]);
+	const srcView = srcTex.createView();
+	ctx.renderer.beginFrame(encoder, srcView, {
+		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(sourceMedia, {
+		...props,
+		virtualMedia: sourceMedia,
+		renderId: `${props.renderId}-src`,
+		excludeTextures: [...props.excludeTextures || [], srcTex]
+	}, srcView, srcTex, width, height);
+	ctx.renderer.popTransform();
+	ctx.renderer.popScissor();
+	args.pass.end();
+	const colorSpace = op.colorSpace ?? "RGBA";
+	const channelIndex = op.channelIndex ?? 0;
+	uniformData[0] = COLOR_SPACE_MAP[colorSpace] ?? 0;
+	uniformData[1] = channelIndex;
+	uniformData[2] = 0;
+	uniformData[3] = 0;
+	const uniformBuffer = ctx.renderer.getTemporaryBuffer(uniformData);
+	const { pipeline, resources } = getPipeline(ctx.device, targetTexture.format);
+	const uniformBindGroup = ctx.device.createBindGroup({
+		layout: resources.uniformLayout,
+		entries: [{
+			binding: 0,
+			resource: { buffer: uniformBuffer }
+		}]
+	});
+	const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
+	const textureBindGroup = ctx.device.createBindGroup({
+		layout: resources.textureLayout,
+		entries: [{
+			binding: 0,
+			resource: srcView
+		}, {
+			binding: 1,
+			resource: sampler
+		}]
+	});
+	const finalPass = ctx.renderer.beginFrame(encoder, targetView, {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	}, width, height, "load");
+	finalPass.setPipeline(pipeline);
+	finalPass.setBindGroup(0, uniformBindGroup);
+	finalPass.setBindGroup(1, textureBindGroup);
+	finalPass.draw(4, 1, 0, 0);
+	args.pass = finalPass;
+};
+var renderers_default = defineRenderer({ WebGPURenderer: ChannelSplitterWebGPURenderer });
+
+//#endregion
+export { ChannelSplitterWebGPURenderer, renderers_default as default };
+//# sourceMappingURL=renderer-CIvaRnP_.mjs.map