framefields 2.4.2 → 2.5.0

package/dist/{renderer-BDCy8NgT.mjs.map → renderer-CddpdCL3.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-BDCy8NgT.mjs","names":[],"sources":["../../../nodes/node-film-grain/dist/renderers-C10tt2eD.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice, signalTiming } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst FILM_GRAIN_SHADER = `\nstruct FilmUniforms {\n    strength    : f32,\n    size        : f32,\n    monochrome  : f32,\n    animated    : f32,\n\n    frameIndex  : f32, // discrete per-output-frame counter (speed-scaled), NOT continuous time\n    shadows     : f32,\n    midtones    : f32,\n    highlights  : f32,\n\n    hasSignal   : f32,\n    _pad0       : f32,\n    _pad1       : f32,\n    _pad2       : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : FilmUniforms;\n@group(1) @binding(0) var tex        : texture_2d<f32>;\n@group(1) @binding(1) var samp       : sampler;\n@group(2) @binding(0) var signalTex  : texture_2d<f32>;\n@group(2) @binding(1) var signalSamp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn hash2D(p: vec2<f32>) -> f32 {\n    var p3 = fract(vec3<f32>(p.xyx) * 0.1031);\n    p3 += dot(p3, p3.yzx + 33.33);\n    return fract((p3.x + p3.y) * p3.z);\n}\n\nfn smoothNoise(p: vec2<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n\n    // Quintic interpolation\n    let w = pf * pf * pf * (pf * (pf * 6.0 - 15.0) + 10.0);\n\n    let h00 = hash2D(pi + vec2<f32>(0.0, 0.0));\n    let h10 = hash2D(pi + vec2<f32>(1.0, 0.0));\n    let h01 = hash2D(pi + vec2<f32>(0.0, 1.0));\n    let h11 = hash2D(pi + vec2<f32>(1.0, 1.0));\n\n    let n0 = mix(h00, h10, w.x);\n    let n1 = mix(h01, h11, w.x);\n\n    return mix(n0, n1, w.y);\n}\n\n// Produces a pseudo-random, NON-directional offset that changes once per\n// output frame. This replaces the old time * constant translation, which\n// smoothly scrolled the noise lattice in a fixed direction (17.31, 43.19)\n// every frame -- that's why grain visibly drifted instead of flickering.\n//\n// The frame index is wrapped into a bounded range before hashing so the\n// pattern stays high quality over long renders (f32 precision degrades on\n// very large hash inputs); the wrap period is long enough that any repeat\n// is imperceptible in grain.\nfn frameJitter(frameIndex: f32) -> vec2<f32> {\n    let raw = floor(frameIndex);\n    let n = raw - floor(raw / 4096.0) * 4096.0;\n    let hx = hash2D(vec2<f32>(n, n * 1.6180339887));\n    let hy = hash2D(vec2<f32>(n * 3.14159265, n + 91.7));\n    return vec2<f32>(hx, hy) * 1024.0;\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    var color = textureSampleLevel(tex, samp, in.uv, 0.0);\n\n    var strength = u.strength;\n    if (u.hasSignal > 0.5) {\n        let sigVal = textureSampleLevel(signalTex, signalSamp, in.uv, 0.0).r;\n        strength = sigVal;\n    }\n\n    if (strength <= 0.0) {\n        return color;\n    }\n\n    let dimensions = vec2<f32>(textureDimensions(tex));\n    let grainCoord = (in.uv * dimensions) / u.size;\n\n    let jitter = select(vec2<f32>(0.0), frameJitter(u.frameIndex), u.animated > 0.5);\n\n    let luminance = dot(color.rgb, vec3<f32>(0.2126, 0.7152, 0.0722));\n\n    // Luminance response curve logic\n    let shadowFactor = exp(-luminance * luminance / 0.1);\n    let highlightFactor = exp(-(1.0 - luminance) * (1.0 - luminance) / 0.1);\n    let midtoneFactor = max(0.0, 1.0 - shadowFactor - highlightFactor);\n\n    let response = (u.shadows * shadowFactor) + (u.midtones * midtoneFactor) + (u.highlights * highlightFactor);\n    let finalGrainStrength = (strength / 100.0) * response * 0.15; // Normalized scale\n\n    if (u.monochrome > 0.5) {\n        let seed = grainCoord + jitter;\n        let noiseVal = smoothNoise(seed);\n        let grain = (noiseVal - 0.5) * finalGrainStrength;\n        color.r += grain;\n        color.g += grain;\n        color.b += grain;\n    } else {\n        // Fixed per-channel spatial offsets (unrelated to time) keep the\n        // R/G/B lattices decorrelated from each other; temporal variation\n        // comes entirely from jitter now.\n        let seedR = grainCoord + jitter;\n        let seedG = grainCoord + jitter + vec2<f32>(173.3, 281.9);\n        let seedB = grainCoord + jitter + vec2<f32>(391.7, 127.1);\n\n        let noiseR = smoothNoise(seedR);\n        let noiseG = smoothNoise(seedG);\n        let noiseB = smoothNoise(seedB);\n\n        color.r += (noiseR - 0.5) * finalGrainStrength;\n        color.g += (noiseG - 0.5) * finalGrainStrength;\n        color.b += (noiseB - 0.5) * finalGrainStrength;\n    }\n\n    return clamp(color, vec4<f32>(0.0), vec4<f32>(1.0));\n}\n`;\nconst filmGrainUniformData = new Float32Array(12);\nconst getDeviceLayouts = perDevice((device) => ({\n\tfilmUniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsingleTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tsignalTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getFilmGrainResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `filmgrain_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst filmModule = device.createShaderModule({\n\t\t\tlabel: `filmgrain_${format}.wgsl`,\n\t\t\tcode: FILM_GRAIN_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `FilmGrainPipeline_${format}`,\n\t\t\tmodule: filmModule,\n\t\t\tlayouts: [\n\t\t\t\tlayouts.filmUniformLayout,\n\t\t\t\tlayouts.singleTextureLayout,\n\t\t\t\tlayouts.signalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tfilmPipeline: pipeline,\n\t\tfilmUniformLayout: layouts.filmUniformLayout,\n\t\tsingleTextureLayout: layouts.singleTextureLayout,\n\t\tsignalTextureLayout: layouts.signalTextureLayout\n\t};\n}\nconst FilmGrainWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 30;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"FilmGrain\" || !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst dpiScale = width / (props.containerWidth ?? ctx.surface.width / (typeof window !== \"undefined\" ? window.devicePixelRatio : 1));\n\tconst signalInput = op.strengthHandleId ? op.inputs?.[op.strengthHandleId] : null;\n\tconst hasSignal = !!(signalInput?.connectionValid && (signalInput.outputItem?.type === \"Signal\" || signalInput.outputItem?.type === \"Numeric\"));\n\tconst sd = hasSignal && signalInput?.outputItem?.data ? signalInput.outputItem.data : null;\n\tconst resolveVal = (val, fallback) => {\n\t\tif (val === void 0 || val === null) return fallback;\n\t\tif (typeof val === \"object\" && val !== null) {\n\t\t\tif (\"get\" in val && typeof val.get === \"function\") val = val.get({\n\t\t\t\tframe: compositionFrame,\n\t\t\t\tfps\n\t\t\t});\n\t\t\telse if (\"value\" in val) val = val.value;\n\t\t} else if (typeof val === \"function\") val = val(compositionFrame, fps);\n\t\tconst n = Number(val);\n\t\treturn Number.isFinite(n) ? n : fallback;\n\t};\n\tlet strength = 0;\n\tlet hasStaticSignal = false;\n\tif (!hasSignal) if (signalInput?.connectionValid && signalInput.outputItem?.type === \"Number\") strength = Math.max(0, Number(signalInput.outputItem.data ?? 0));\n\telse strength = Math.max(0, resolveVal(op.strength, 15));\n\telse if (sd) {\n\t\tstrength = Math.max(0, Number(sd.offset ?? 0));\n\t\thasStaticSignal = true;\n\t}\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\targs.pass.end();\n\tconst { filmPipeline: pipeline, filmUniformLayout: uLayout, singleTextureLayout: tLayout, signalTextureLayout: sigLayout } = getFilmGrainResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tlet signalView;\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tif (hasStaticSignal && sd) signalView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, sd.nodeId ?? \"filmgrain_strength_sig\", elapsedSeconds, durationSeconds, sd, width, height, props.renderId, frame, fps);\n\telse signalView = signalRegistry.getDummy1x1TextureView(ctx.device);\n\tconst size = Math.max(.5, resolveVal(op.size, 1.5)) * dpiScale;\n\tconst animated = op.animated ?? true;\n\tconst grainFrameIndex = frame * (resolveVal(op.speed, 50) / 50);\n\tfilmGrainUniformData[0] = strength;\n\tfilmGrainUniformData[1] = size;\n\tfilmGrainUniformData[2] = op.monochrome ?? true ? 1 : 0;\n\tfilmGrainUniformData[3] = animated ? 1 : 0;\n\tfilmGrainUniformData[4] = grainFrameIndex;\n\tfilmGrainUniformData[5] = resolveVal(op.shadows, .2);\n\tfilmGrainUniformData[6] = resolveVal(op.midtones, 1);\n\tfilmGrainUniformData[7] = resolveVal(op.highlights, .2);\n\tfilmGrainUniformData[8] = hasStaticSignal ? 1 : 0;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(filmGrainUniformData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer: uniformBuffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, tmpTex, sampler),\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: sigLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: signalView\n\t\t\t}, {\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sampler\n\t\t\t}]\n\t\t})\n\t]);\n\tdrawTextureToTarget(args, outTex, resolveVal(op.opacity, 1));\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: FilmGrainWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-C10tt2eD.mjs.map"],"mappings":"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"}
+{"version":3,"file":"renderer-CddpdCL3.mjs","names":[],"sources":["../../../nodes/node-film-grain/dist/renderers-C10tt2eD.mjs"],"sourcesContent":["import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { FULLSCREEN_QUAD_WGSL, createFullscreenPipeline, drawChildToTexture, drawFullscreenPass, drawTextureToTarget, fragmentBindGroupLayout, perDevice, signalTiming } from \"@framefields/node-sdk/gpu\";\nimport { signalRegistry } from \"@framefields/webgpu-renderers\";\n\n//#region src/renderers/webgpu-renderer.ts\nconst FILM_GRAIN_SHADER = `\nstruct FilmUniforms {\n    strength    : f32,\n    size        : f32,\n    monochrome  : f32,\n    animated    : f32,\n\n    frameIndex  : f32, // discrete per-output-frame counter (speed-scaled), NOT continuous time\n    shadows     : f32,\n    midtones    : f32,\n    highlights  : f32,\n\n    hasSignal   : f32,\n    _pad0       : f32,\n    _pad1       : f32,\n    _pad2       : f32,\n};\n\n@group(0) @binding(0) var<uniform> u : FilmUniforms;\n@group(1) @binding(0) var tex        : texture_2d<f32>;\n@group(1) @binding(1) var samp       : sampler;\n@group(2) @binding(0) var signalTex  : texture_2d<f32>;\n@group(2) @binding(1) var signalSamp : sampler;\n${FULLSCREEN_QUAD_WGSL}\n\nfn hash2D(p: vec2<f32>) -> f32 {\n    var p3 = fract(vec3<f32>(p.xyx) * 0.1031);\n    p3 += dot(p3, p3.yzx + 33.33);\n    return fract((p3.x + p3.y) * p3.z);\n}\n\nfn smoothNoise(p: vec2<f32>) -> f32 {\n    let pi = floor(p);\n    let pf = fract(p);\n\n    // Quintic interpolation\n    let w = pf * pf * pf * (pf * (pf * 6.0 - 15.0) + 10.0);\n\n    let h00 = hash2D(pi + vec2<f32>(0.0, 0.0));\n    let h10 = hash2D(pi + vec2<f32>(1.0, 0.0));\n    let h01 = hash2D(pi + vec2<f32>(0.0, 1.0));\n    let h11 = hash2D(pi + vec2<f32>(1.0, 1.0));\n\n    let n0 = mix(h00, h10, w.x);\n    let n1 = mix(h01, h11, w.x);\n\n    return mix(n0, n1, w.y);\n}\n\n// Produces a pseudo-random, NON-directional offset that changes once per\n// output frame. This replaces the old time * constant translation, which\n// smoothly scrolled the noise lattice in a fixed direction (17.31, 43.19)\n// every frame -- that's why grain visibly drifted instead of flickering.\n//\n// The frame index is wrapped into a bounded range before hashing so the\n// pattern stays high quality over long renders (f32 precision degrades on\n// very large hash inputs); the wrap period is long enough that any repeat\n// is imperceptible in grain.\nfn frameJitter(frameIndex: f32) -> vec2<f32> {\n    let raw = floor(frameIndex);\n    let n = raw - floor(raw / 4096.0) * 4096.0;\n    let hx = hash2D(vec2<f32>(n, n * 1.6180339887));\n    let hy = hash2D(vec2<f32>(n * 3.14159265, n + 91.7));\n    return vec2<f32>(hx, hy) * 1024.0;\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n    var color = textureSampleLevel(tex, samp, in.uv, 0.0);\n\n    var strength = u.strength;\n    if (u.hasSignal > 0.5) {\n        let sigVal = textureSampleLevel(signalTex, signalSamp, in.uv, 0.0).r;\n        strength = sigVal;\n    }\n\n    if (strength <= 0.0) {\n        return color;\n    }\n\n    let dimensions = vec2<f32>(textureDimensions(tex));\n    let grainCoord = (in.uv * dimensions) / u.size;\n\n    let jitter = select(vec2<f32>(0.0), frameJitter(u.frameIndex), u.animated > 0.5);\n\n    let luminance = dot(color.rgb, vec3<f32>(0.2126, 0.7152, 0.0722));\n\n    // Luminance response curve logic\n    let shadowFactor = exp(-luminance * luminance / 0.1);\n    let highlightFactor = exp(-(1.0 - luminance) * (1.0 - luminance) / 0.1);\n    let midtoneFactor = max(0.0, 1.0 - shadowFactor - highlightFactor);\n\n    let response = (u.shadows * shadowFactor) + (u.midtones * midtoneFactor) + (u.highlights * highlightFactor);\n    let finalGrainStrength = (strength / 100.0) * response * 0.15; // Normalized scale\n\n    if (u.monochrome > 0.5) {\n        let seed = grainCoord + jitter;\n        let noiseVal = smoothNoise(seed);\n        let grain = (noiseVal - 0.5) * finalGrainStrength;\n        color.r += grain;\n        color.g += grain;\n        color.b += grain;\n    } else {\n        // Fixed per-channel spatial offsets (unrelated to time) keep the\n        // R/G/B lattices decorrelated from each other; temporal variation\n        // comes entirely from jitter now.\n        let seedR = grainCoord + jitter;\n        let seedG = grainCoord + jitter + vec2<f32>(173.3, 281.9);\n        let seedB = grainCoord + jitter + vec2<f32>(391.7, 127.1);\n\n        let noiseR = smoothNoise(seedR);\n        let noiseG = smoothNoise(seedG);\n        let noiseB = smoothNoise(seedB);\n\n        color.r += (noiseR - 0.5) * finalGrainStrength;\n        color.g += (noiseG - 0.5) * finalGrainStrength;\n        color.b += (noiseB - 0.5) * finalGrainStrength;\n    }\n\n    return clamp(color, vec4<f32>(0.0), vec4<f32>(1.0));\n}\n`;\nconst filmGrainUniformData = new Float32Array(12);\nconst getDeviceLayouts = perDevice((device) => ({\n\tfilmUniformLayout: fragmentBindGroupLayout(device, [\"uniform\"]),\n\tsingleTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tsignalTextureLayout: fragmentBindGroupLayout(device, [\"texture\", \"sampler\"]),\n\tpipelineCache: /* @__PURE__ */ new Map()\n}));\nfunction getFilmGrainResources(device, format) {\n\tconst layouts = getDeviceLayouts(device);\n\tconst cacheKey = `filmgrain_${format}`;\n\tlet pipeline = layouts.pipelineCache.get(cacheKey);\n\tif (!pipeline) {\n\t\tconst filmModule = device.createShaderModule({\n\t\t\tlabel: `filmgrain_${format}.wgsl`,\n\t\t\tcode: FILM_GRAIN_SHADER\n\t\t});\n\t\tpipeline = createFullscreenPipeline(device, {\n\t\t\tlabel: `FilmGrainPipeline_${format}`,\n\t\t\tmodule: filmModule,\n\t\t\tlayouts: [\n\t\t\t\tlayouts.filmUniformLayout,\n\t\t\t\tlayouts.singleTextureLayout,\n\t\t\t\tlayouts.signalTextureLayout\n\t\t\t],\n\t\t\tformat\n\t\t});\n\t\tlayouts.pipelineCache.set(cacheKey, pipeline);\n\t}\n\treturn {\n\t\tfilmPipeline: pipeline,\n\t\tfilmUniformLayout: layouts.filmUniformLayout,\n\t\tsingleTextureLayout: layouts.singleTextureLayout,\n\t\tsignalTextureLayout: layouts.signalTextureLayout\n\t};\n}\nconst FilmGrainWebGPURenderer = async (args) => {\n\tconst { ctx, encoder, pass, targetTexture, targetWidth, targetHeight, props } = args;\n\tconst frame = props.frame ?? 0;\n\tconst compositionFrame = props.compositionFrame ?? frame;\n\tconst fps = props.fps || 30;\n\tconst op = props.virtualMedia?.operation;\n\tif (op?.op !== \"FilmGrain\" || !op) return;\n\tconst childMedia = props.virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\tpass.end();\n\tconst width = targetWidth;\n\tconst height = targetHeight;\n\tconst dpiScale = width / (props.containerWidth ?? ctx.surface.width / (typeof window !== \"undefined\" ? window.devicePixelRatio : 1));\n\tconst signalInput = op.strengthHandleId ? op.inputs?.[op.strengthHandleId] : null;\n\tconst hasSignal = !!(signalInput?.connectionValid && (signalInput.outputItem?.type === \"Signal\" || signalInput.outputItem?.type === \"Numeric\"));\n\tconst sd = hasSignal && signalInput?.outputItem?.data ? signalInput.outputItem.data : null;\n\tconst resolveVal = (val, fallback) => {\n\t\tif (val === void 0 || val === null) return fallback;\n\t\tif (typeof val === \"object\" && val !== null) {\n\t\t\tif (\"get\" in val && typeof val.get === \"function\") val = val.get({\n\t\t\t\tframe: compositionFrame,\n\t\t\t\tfps\n\t\t\t});\n\t\t\telse if (\"value\" in val) val = val.value;\n\t\t} else if (typeof val === \"function\") val = val(compositionFrame, fps);\n\t\tconst n = Number(val);\n\t\treturn Number.isFinite(n) ? n : fallback;\n\t};\n\tlet strength = 0;\n\tlet hasStaticSignal = false;\n\tif (!hasSignal) if (signalInput?.connectionValid && signalInput.outputItem?.type === \"Number\") strength = Math.max(0, Number(signalInput.outputItem.data ?? 0));\n\telse strength = Math.max(0, resolveVal(op.strength, 15));\n\telse if (sd) {\n\t\tstrength = Math.max(0, Number(sd.offset ?? 0));\n\t\thasStaticSignal = true;\n\t}\n\tconst { texture: tmpTex } = await drawChildToTexture(args, childMedia);\n\targs.pass.end();\n\tconst { filmPipeline: pipeline, filmUniformLayout: uLayout, singleTextureLayout: tLayout, signalTextureLayout: sigLayout } = getFilmGrainResources(ctx.device, ctx.renderer.format);\n\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\tlet signalView;\n\tconst { elapsedSeconds, durationSeconds } = signalTiming(props, frame, fps);\n\tif (hasStaticSignal && sd) signalView = signalRegistry.getOrCreate2DTextureView(ctx.device, encoder, sd.nodeId ?? \"filmgrain_strength_sig\", elapsedSeconds, durationSeconds, sd, width, height, props.renderId, frame, fps);\n\telse signalView = signalRegistry.getDummy1x1TextureView(ctx.device);\n\tconst size = Math.max(.5, resolveVal(op.size, 1.5)) * dpiScale;\n\tconst animated = op.animated ?? true;\n\tconst grainFrameIndex = frame * (resolveVal(op.speed, 50) / 50);\n\tfilmGrainUniformData[0] = strength;\n\tfilmGrainUniformData[1] = size;\n\tfilmGrainUniformData[2] = op.monochrome ?? true ? 1 : 0;\n\tfilmGrainUniformData[3] = animated ? 1 : 0;\n\tfilmGrainUniformData[4] = grainFrameIndex;\n\tfilmGrainUniformData[5] = resolveVal(op.shadows, .2);\n\tfilmGrainUniformData[6] = resolveVal(op.midtones, 1);\n\tfilmGrainUniformData[7] = resolveVal(op.highlights, .2);\n\tfilmGrainUniformData[8] = hasStaticSignal ? 1 : 0;\n\tconst uniformBuffer = ctx.renderer.getTemporaryBuffer(filmGrainUniformData);\n\tconst outTex = ctx.renderer.getTemporaryTexture(width, height, [\n\t\ttmpTex,\n\t\ttargetTexture,\n\t\t...props.excludeTextures || []\n\t]);\n\tdrawFullscreenPass(encoder, outTex.createView(), pipeline, [\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: uLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: { buffer: uniformBuffer }\n\t\t\t}]\n\t\t}),\n\t\tctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, tmpTex, sampler),\n\t\tctx.device.createBindGroup({\n\t\t\tlayout: sigLayout,\n\t\t\tentries: [{\n\t\t\t\tbinding: 0,\n\t\t\t\tresource: signalView\n\t\t\t}, {\n\t\t\t\tbinding: 1,\n\t\t\t\tresource: sampler\n\t\t\t}]\n\t\t})\n\t]);\n\tdrawTextureToTarget(args, outTex, resolveVal(op.opacity, 1));\n};\n\n//#endregion\n//#region src/renderers/index.ts\nvar renderers_default = defineRenderer({ WebGPURenderer: FilmGrainWebGPURenderer });\n\n//#endregion\nexport { renderers_default as t };\n//# sourceMappingURL=renderers-C10tt2eD.mjs.map"],"mappings":"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"}

package/dist/{renderer-BV48PFjX.mjs → renderer-Cg-d78nf.mjs}

@@ -1,14 +1,14 @@
-import "./chunk-GBe2k3y8.mjs";
-import { Kt as reportRenderDiagnostic, Yt as resolveNumber, p as DEFAULT_DURATION_MS, qt as resolveBoolean, wt as getActiveMediaMetadata } from "./dist-ClyC_d66.mjs";
-import { a as resolveFrameNumber, c as solveHomography, n as defineRenderer, t as audioRegistry } from "./renderer-BSitV56h.mjs";
-import { $ as resolveTextSpans, G as parseColor, M as generateExtrudedTextGeometry, P as getPrimitiveGeometry, R as jointMatrices, U as measureMaxCaptionHeight, X as poseNodes, at as resolveMediaSourceUrl, d as ScreenSpaceRelightPipeline, dt as Matrix4Math, j as fitSpansToText, l as Renderer3D, lt as Light3D, n as AudioLatentTrackCache, nt as srtLoader, ot as Camera3D, p as SlugFontCache, pt as Vector3Math, tt as spansText } from "./dist-CspOG4V1.mjs";
-import { a as createFullscreenPipeline, l as fragmentBindGroupLayout, n as PREMULTIPLIED_BLEND, t as FULLSCREEN_QUAD_WGSL } from "./gpu-DtT5I4ME.mjs";
-import { a as resolveLayerDuration, f as measureText, n as decodeAudioSource } from "./dist-CxGfrigI.mjs";
-import { o as TemporalDeflickerPipeline } from "./dist-0QGroRYZ.mjs";
-import { B as evaluateTrackAtFrame, F as computeLayout, H as initLayout, M as collectNodeOps, z as evaluateKeyframes } from "./program-C2cJayA1.mjs";
+import "./chunk-D7gtBK74.mjs";
+import { Ot as getActiveMediaMetadata, an as reportRenderDiagnostic, cn as resolveNumber, on as resolveBoolean, p as DEFAULT_DURATION_MS } from "./dist-DFeF-ygz.mjs";
+import { a as resolveFrameNumber, c as solveHomography, n as defineRenderer, t as audioRegistry } from "./renderer-C9r0-KY4.mjs";
+import { $ as resolveTextSpans, G as parseColor, M as generateExtrudedTextGeometry, P as getPrimitiveGeometry, R as jointMatrices, U as measureMaxCaptionHeight, X as poseNodes, at as resolveMediaSourceUrl, d as ScreenSpaceRelightPipeline, dt as Matrix4Math, j as fitSpansToText, l as Renderer3D, lt as Light3D, n as AudioLatentTrackCache, nt as srtLoader, ot as Camera3D, p as SlugFontCache, pt as Vector3Math, tt as spansText } from "./dist-BBUrGwqd.mjs";
+import { a as createFullscreenPipeline, l as fragmentBindGroupLayout, n as PREMULTIPLIED_BLEND, t as FULLSCREEN_QUAD_WGSL } from "./gpu-I5fdrflL.mjs";
+import { a as resolveLayerDuration, f as measureText, n as decodeAudioSource } from "./dist-QMVy31gR.mjs";
+import { o as TemporalDeflickerPipeline } from "./dist-C_SMBmHr.mjs";
+import { B as evaluateTrackAtFrame, F as computeLayout, H as initLayout, M as collectNodeOps, z as evaluateKeyframes } from "./program-CEHCeDpG.mjs";
 import gsapModule from "gsap";
 
-//#region ../../nodes/node-compositor/dist/renderers-D6Ve5Vi1.mjs
+//#region ../../nodes/node-compositor/dist/renderers-1O3UOrUy.mjs
 /**
 * Solves a cubic bezier curve defined by control points (x1, y1) and (x2, y2)
 * for a given progress parameter t in [0, 1].
@@ -741,6 +741,12 @@ function multiply(m1, m2) {
 		f: m1.b * m2.e + m1.d * m2.f + m1.f
 	};
 }
+function transformPoint(m, x, y) {
+	return {
+		x: m.a * x + m.c * y + m.e,
+		y: m.b * x + m.d * y + m.f
+	};
+}
 /** Materialize into a DOMMatrix for the renderer's transform stack. */
 function toDOMMatrix(m) {
 	return new DOMMatrix([
@@ -770,7 +776,45 @@ function buildLayerMatrix(params) {
 	const ay = params.anchorY ?? .5;
 	const px = ax * params.width;
 	const py = ay * params.height;
-	return multiply(translate(params.x, params.y), multiply(translate(px, py), multiply(rotate(params.rotation), multiply(scale(params.scale), translate(-px, -py)))));
+	const uniformScale = params.scale ?? 1;
+	const sx = (params.scaleX ?? 1) * uniformScale;
+	const sy = (params.scaleY ?? 1) * uniformScale;
+	return multiply(translate(params.x, params.y), multiply(translate(px, py), multiply(rotate(params.rotation), multiply(scale(sx, sy), translate(-px, -py)))));
+}
+/**
+* Resolves a layer's 2D world position on the canvas.
+*
+* For top-level layers, this is the layout position + animated translation delta.
+* For children inside a 2D parent container, this inherits the parent container's
+* 2D translation and transformation (parentMatrix).
+*/
+function resolveLayer2DPosition(params) {
+	const baseX = params.baseX ?? 0;
+	const baseY = params.baseY ?? 0;
+	const sampledX = params.sampledX ?? baseX;
+	const sampledY = params.sampledY ?? baseY;
+	let localX = 0;
+	let localY = 0;
+	if (params.rect && params.parentRect) {
+		localX = params.rect.x - params.parentRect.x + (sampledX - baseX);
+		localY = params.rect.y - params.parentRect.y + (sampledY - baseY);
+	} else if (params.rect) {
+		localX = params.rect.x + (sampledX - baseX);
+		localY = params.rect.y + (sampledY - baseY);
+	} else {
+		localX = sampledX;
+		localY = sampledY;
+	}
+	const pm = params.parentMatrix;
+	if (!pm) return {
+		x: localX,
+		y: localY
+	};
+	if ("isIdentity" in pm && pm.isIdentity) return {
+		x: localX,
+		y: localY
+	};
+	return transformPoint(pm, localX, localY);
 }
 const Transform3DMath = {
 	identity() {
@@ -1239,6 +1283,90 @@ function computeContainerScissor(matrix, width, height) {
 		height: Math.max(0, Math.round(maxY - minY))
 	};
 }
+async function applyLayerEffects(effects, sourceTex, width, height, ctx, encoder, props, drawChild, excludes, shiftedFrame, compositionFrame, fps, isVideoMode, layerId) {
+	const remainingEffects = effects.filter((e) => {
+		if (!e || typeof e !== "object") return false;
+		const op = e?.op;
+		const name = e?.constructor?.name;
+		if (op === "TemporalDeflicker" || op === "Deflicker" || op === "Relight3D" || name === "TemporalDeflicker" || name === "Relight3D") return false;
+		return true;
+	});
+	if (remainingEffects.length === 0) return {
+		texture: sourceTex,
+		view: sourceTex.createView()
+	};
+	let currentMedia = {
+		metadata: {
+			width,
+			height
+		},
+		operation: {
+			op: "TextureSource",
+			sourceTexture: sourceTex,
+			dataType: "Image"
+		},
+		children: []
+	};
+	for (let i = 0; i < remainingEffects.length; i++) {
+		const eff = remainingEffects[i];
+		const effOp = eff && typeof eff.toOperation === "function" ? eff.toOperation() : eff;
+		const opName = String(effOp.op ?? "effect");
+		currentMedia = {
+			metadata: {
+				width,
+				height
+			},
+			operation: {
+				op: opName,
+				id: `${layerId}-${opName}_${i}`,
+				effect: eff,
+				...effOp,
+				dataType: "Image"
+			},
+			children: [currentMedia]
+		};
+	}
+	const outTex = ctx.renderer.getTemporaryTexture(width, height, [sourceTex, ...excludes]);
+	const outView = outTex.createView();
+	ctx.renderer.beginFrame(encoder, outView, {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	}, width, height, "clear").end();
+	ctx.renderer.pushScissor({
+		x: 0,
+		y: 0,
+		width,
+		height
+	});
+	ctx.renderer.pushIdentity();
+	try {
+		await drawChild(currentMedia, {
+			...props,
+			containerWidth: width,
+			containerHeight: height,
+			renderId: `${props.renderId}-${layerId}-fx`,
+			frame: shiftedFrame,
+			compositionFrame,
+			fps,
+			isVideoMode,
+			signals: props.signals,
+			excludeTextures: [
+				sourceTex,
+				outTex,
+				...excludes
+			]
+		}, outView, outTex, width, height);
+	} finally {
+		ctx.renderer.popTransform();
+		ctx.renderer.popScissor();
+	}
+	return {
+		texture: outTex,
+		view: outView
+	};
+}
 const CompositorWebGPURenderer = async (args) => {
 	const { ctx, pass, targetView, targetTexture, targetWidth, targetHeight, encoder, props, drawChild } = args;
 	const { virtualMedia, fps, frame } = props;
@@ -1814,9 +1942,26 @@ const CompositorWebGPURenderer = async (args) => {
 					return;
 				}
 				if (!model || model.meshes.length === 0) return;
-				const posX = target?.x ?? lop.x ?? 0;
-				const posY = target?.y ?? lop.y ?? 0;
+				const baseX$1 = lop.x ?? 0;
+				const baseY$1 = lop.y ?? 0;
+				const sampledX$1 = target?.x ?? baseX$1;
+				const sampledY$1 = target?.y ?? baseY$1;
 				const posZ = target?.z ?? lop.z ?? 0;
+				let posX = sampledX$1;
+				let posY = sampledY$1;
+				if (!parent3DMatrix) {
+					const pos = resolveLayer2DPosition({
+						rect: null,
+						parentRect: null,
+						baseX: baseX$1,
+						baseY: baseY$1,
+						sampledX: sampledX$1,
+						sampledY: sampledY$1,
+						parentMatrix
+					});
+					posX = pos.x;
+					posY = pos.y;
+				}
 				const rotX = target?.rotateX ?? lop.rotateX ?? 0;
 				const rotY = target?.rotateY ?? lop.rotateY ?? 0;
 				const rotZ = (target?.rotateZ ?? lop.rotateZ ?? 0) !== 0 ? target?.rotateZ ?? lop.rotateZ ?? 0 : target?.rotation ?? lop.rotation ?? 0;
@@ -2079,6 +2224,8 @@ const CompositorWebGPURenderer = async (args) => {
 				localY = rect.y + (sampledY - baseY);
 			}
 			const scale$1 = target?.scale ?? lop.scale ?? 1;
+			const scaleX = target?.scaleX ?? lop.scaleX ?? 1;
+			const scaleY = target?.scaleY ?? lop.scaleY ?? 1;
 			const rotation = target?.rotation ?? lop.rotation ?? 0;
 			const layerOpacity = (target?.opacity ?? lop.opacity ?? 1) * accumulatedOpacity;
 			const rawAnimators = target?.animators ?? lop.animators;
@@ -2122,6 +2269,8 @@ const CompositorWebGPURenderer = async (args) => {
 				height: layerH,
 				rotation,
 				scale: scale$1,
+				scaleX,
+				scaleY,
 				anchorX: isPathText ? anchorX * rect.width / layerW : anchorX,
 				anchorY: isPathText ? anchorY * rect.height / layerH : anchorY
 			}));
@@ -2148,8 +2297,8 @@ const CompositorWebGPURenderer = async (args) => {
 					rotateXDeg: rotateX,
 					rotateYDeg: rotateY,
 					rotateZDeg: rotateZ !== 0 ? rotateZ : rotation,
-					scaleX: scale$1,
-					scaleY: scale$1,
+					scaleX: scaleX * scale$1,
+					scaleY: scaleY * scale$1,
 					perspectivePx: perspective,
 					originXRatio: perspectiveOriginX,
 					originYRatio: perspectiveOriginY,
@@ -2263,8 +2412,8 @@ const CompositorWebGPURenderer = async (args) => {
 						if (rzRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateZ(rzRad));
 						if (ryRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateY(ryRad));
 						if (rxRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateX(rxRad));
-						const sx = layerW * scale$1;
-						const sy = layerH * scale$1;
+						const sx = layerW * scale$1 * scaleX;
+						const sy = layerH * scale$1 * scaleY;
 						const sz = target?.scaleZ ?? lop.scaleZ ?? 1;
 						localM = Matrix4Math.multiply(localM, Matrix4Math.scale(sx, sy, sz));
 						const ax = lop.anchorX ?? .5;
@@ -2289,8 +2438,8 @@ const CompositorWebGPURenderer = async (args) => {
 							(target?.rotateZ ?? lop.rotateZ ?? 0) !== 0 ? target?.rotateZ ?? lop.rotateZ ?? 0 : rotation
 						],
 						scale: [
-							scale$1,
-							scale$1,
+							scale$1 * scaleX,
+							scale$1 * scaleY,
 							target?.scaleZ ?? lop.scaleZ ?? 1
 						],
 						anchor: [lop.anchorX ?? .5, lop.anchorY ?? .5],
@@ -2420,8 +2569,8 @@ const CompositorWebGPURenderer = async (args) => {
 				const shouldClip = lop.overflow !== "visible";
 				const scissorRect = shouldClip ? computeContainerScissor(layerMatrix, layerW, layerH) : null;
 				const clipRadius = shouldClip ? Math.min(target?.borderRadius ?? lop.borderRadius ?? 0, layerW / 2, layerH / 2) : 0;
-				if ((kind === "flex" || kind === "block") && clipRadius <= 0 && !shouldPaintContainerBackground(kind, lop.background) && layerOpacity === 1 && blendMode === "normal" && !lop.borderWidth && !lop.borderColor && (typeof lop.relighting !== "object" || !lop.relighting) && (typeof lop.relight !== "object" || !lop.relight) && (typeof target?.relighting !== "object" || !target?.relighting) && (typeof target?.relight !== "object" || !target?.relight) && (typeof lop.deflicker !== "object" || !lop.deflicker) && (typeof target?.deflicker !== "object" || !target?.deflicker)) {
-					if (scissorRect) ctx.renderer.pushScissor(scissorRect);
+				if ((kind === "flex" || kind === "block") && (!Array.isArray(lop.effects) || lop.effects.length === 0) && clipRadius <= 0 && !shouldPaintContainerBackground(kind, lop.background) && layerOpacity === 1 && blendMode === "normal" && !lop.borderWidth && !lop.borderColor && (typeof lop.relighting !== "object" || !lop.relighting) && (typeof lop.relight !== "object" || !lop.relight) && (typeof target?.relighting !== "object" || !target?.relighting) && (typeof target?.relight !== "object" || !target?.relight) && (typeof lop.deflicker !== "object" || !lop.deflicker) && (typeof target?.deflicker !== "object" || !target?.deflicker)) {
+					if (scissorRect) ctx.renderer.pushScissorIntersect(scissorRect);
 					const res = await renderNodeTree(nodeVM.children ?? [], activeTex, activeView, excludes, accumulatedOpacity, layerMatrix, rect, targetW, targetH, null, isRootScene);
 					if (scissorRect) ctx.renderer.popScissor();
 					return res;
@@ -2460,7 +2609,7 @@ const CompositorWebGPURenderer = async (args) => {
 				let activeGroupTex = groupTex;
 				let activeGroupView = groupView;
 				if (nodeVM.children && nodeVM.children.length > 0) {
-					if (scissorRect) ctx.renderer.pushScissor(scissorRect);
+					if (scissorRect) ctx.renderer.pushScissorIntersect(scissorRect);
 					const res = await renderNodeTree(nodeVM.children, groupTex, groupView, [groupTex, ...groupExcludes], layerOpacity, layerMatrix, rect, targetW, targetH, null, false);
 					if (scissorRect) ctx.renderer.popScissor();
 					activeGroupTex = res.finalTex;
@@ -2566,6 +2715,15 @@ const CompositorWebGPURenderer = async (args) => {
 					activeGroupTex = relitTex;
 					activeGroupView = relitView;
 				}
+				if (Array.isArray(lop.effects) && lop.effects.length > 0) {
+					const postEffects = await applyLayerEffects(lop.effects, activeGroupTex, targetW, targetH, ctx, encoder, props, drawChild, [
+						activeTex,
+						targetTexture,
+						...excludes
+					], shiftedFrame, compositionFrame, fps ?? 24, isVideoMode, lop.id ?? `container_${i}`);
+					activeGroupTex = postEffects.texture;
+					activeGroupView = postEffects.view;
+				}
 				const compositeExcludes = [
 					activeTex,
 					targetTexture,
@@ -2842,7 +3000,8 @@ const CompositorWebGPURenderer = async (args) => {
 			const rawLeafRelight = target?.relighting ?? lop.relighting ?? (typeof lop.relight === "object" ? lop.relight : void 0) ?? leafRelightEffect;
 			const relightOpts = typeof rawLeafRelight === "object" && rawLeafRelight !== null ? rawLeafRelight : void 0;
 			const shutterAngle = target?.motionBlurShutter ?? lop.motionBlurShutter ?? 0;
-			if (glyphBatches && glyphBatches.length > 0 && (deflickerOpts || relightOpts || shutterAngle > 0)) {
+			const hasEffects = kind !== "media" && Array.isArray(lop.effects) && lop.effects.length > 0;
+			if (glyphBatches && glyphBatches.length > 0 && (deflickerOpts || relightOpts || shutterAngle > 0 || hasEffects)) {
 				const glyphPass = ctx.renderer.beginFrame(encoder, localView, {
 					r: 0,
 					g: 0,
@@ -2975,6 +3134,12 @@ const CompositorWebGPURenderer = async (args) => {
 					]);
 				}
 			}
+			if (kind !== "media" && Array.isArray(lop.effects) && lop.effects.length > 0) finalTex = (await applyLayerEffects(lop.effects, finalTex, texW, texH, ctx, encoder, props, drawChild, [
+				localTex,
+				activeTex,
+				targetTexture,
+				...excludes
+			], shiftedFrame, compositionFrame, fps ?? 24, isVideoMode, lop.id ?? `leaf_${i}`)).texture;
 			const borderExcludes = [
 				localTex,
 				finalTex,
@@ -3014,8 +3179,8 @@ const CompositorWebGPURenderer = async (args) => {
 					if (rzRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateZ(rzRad));
 					if (ryRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateY(ryRad));
 					if (rxRad !== 0) localM = Matrix4Math.multiply(localM, Matrix4Math.rotateX(rxRad));
-					const sx = layerW * scale$1;
-					const sy = layerH * scale$1;
+					const sx = layerW * scale$1 * scaleX;
+					const sy = layerH * scale$1 * scaleY;
 					const sz = target?.scaleZ ?? lop.scaleZ ?? 1;
 					localM = Matrix4Math.multiply(localM, Matrix4Math.scale(sx, sy, sz));
 					const ax = lop.anchorX ?? .5;
@@ -3040,8 +3205,8 @@ const CompositorWebGPURenderer = async (args) => {
 						(target?.rotateZ ?? lop.rotateZ ?? 0) !== 0 ? target?.rotateZ ?? lop.rotateZ ?? 0 : rotation
 					],
 					scale: [
-						scale$1,
-						scale$1,
+						scale$1 * scaleX,
+						scale$1 * scaleY,
 						target?.scaleZ ?? lop.scaleZ ?? 1
 					],
 					anchor: [lop.anchorX ?? .5, lop.anchorY ?? .5],
@@ -3365,4 +3530,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: CompositorWebGPURendere
 
 //#endregion
 export { Transform3DMath, renderers_default as default, has3DTransform };
-//# sourceMappingURL=renderer-BV48PFjX.mjs.map
+//# sourceMappingURL=renderer-Cg-d78nf.mjs.map