framefields 2.0.11 → 2.1.1

package/dist/preview-engine/{chunk-RJUAM52F.mjs → chunk-L3CHEZMZ.mjs}

@@ -1,4 +1,4 @@
-import{a as E}from"./chunk-IMV5SBQV.mjs";import{t as Y}from"./chunk-ZNGOAGAI.mjs";import{d as H}from"./chunk-6YJP57MZ.mjs";import{e as w}from"./chunk-BVF64D6H.mjs";w();w();var he=`
+import{a as z,d as x,e as Y,g as X,h as G,j as F,k as O,m as k}from"./chunk-ENKKLU7B.mjs";import{d as U}from"./chunk-6YJP57MZ.mjs";import{x as s,z as N}from"./chunk-63SFBHEH.mjs";import{a as W}from"./chunk-IQC2I5A5.mjs";import{e as S}from"./chunk-BVF64D6H.mjs";S();S();var ve=`
 struct RefractionCausticsUniforms {
     // vec4 0
     _pad0                : f32,
@@ -69,27 +69,7 @@ struct RefractionCausticsUniforms {
 @group(3) @binding(6) var lightPosXSigTex     : texture_2d<f32>;
 @group(3) @binding(7) var lightPosYSigTex     : texture_2d<f32>;
 @group(3) @binding(8) 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]);
-}
+${z}
 
 fn sampleDepth(uv: vec2<f32>) -> f32 {
     let clampedUV = clamp(uv, vec2<f32>(0.0), vec2<f32>(1.0));
@@ -364,4 +344,4 @@ fn spectralWavelength(t: f32) -> vec3<f32> {
 
     return vec4<f32>(clamp(finalRGB, vec3<f32>(0.0), vec3<f32>(1.0)), finalAlpha);
 }
-`,X=new WeakMap;function ve(r){let e=X.get(r);if(e)return e;let i=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),p=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),o=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),d=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:4,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:5,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:6,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:7,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:8,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});return e={uniformLayout:i,srcTextureLayout:p,depthTextureLayout:o,signalTextureLayout:d,pipelineCache:new Map},X.set(r,e),e}function me(r,e){let i=ve(r),p=`refraction_caustics_${e}`,o=i.pipelineCache.get(p);if(!o){let d=r.createShaderModule({label:`refraction_caustics_${e}.wgsl`,code:he});o=r.createRenderPipeline({label:`RefractionCausticsPipeline_${e}`,layout:r.createPipelineLayout({bindGroupLayouts:[i.uniformLayout,i.srcTextureLayout,i.depthTextureLayout,i.signalTextureLayout]}),vertex:{module:d,entryPoint:"vs"},fragment:{module:d,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),i.pipelineCache.set(p,o)}return{pipeline:o,uniformLayout:i.uniformLayout,srcTextureLayout:i.srcTextureLayout,depthTextureLayout:i.depthTextureLayout,signalTextureLayout:i.signalTextureLayout}}function c(r,e,i,p,o){let d=`${e}HandleId`,m=r[d],u=m?r.inputs?.[m]:null,a=!!(u?.connectionValid&&(u.outputItem?.type==="Signal"||u.outputItem?.type==="Numeric")),S=a&&u?.outputItem?.data?u.outputItem.data:null,h=i;if(a){if(S){let f=Number(S.offset??i);h=Math.max(p,Math.min(o,f))}}else if(u?.connectionValid&&u.outputItem?.type==="Number"){let f=Number(u.outputItem.data??i);h=Math.max(p,Math.min(o,f))}else{let f=Number(r[e]??i);h=Math.max(p,Math.min(o,f))}return{hasSignal:a,sd:S,value:h}}var k=async r=>{let{ctx:e,encoder:i,pass:p,targetView:o,targetTexture:d,targetWidth:m,targetHeight:u,props:a,drawChild:S}=r,h=a.frame??0,f=a.fps||60,s=a.virtualMedia?.operation;if(s?.op!=="RefractionCaustics3D"||!s)return;let G=a.virtualMedia.children?.[0];if(!G)return;p.end();let n=m,l=u,x=e.renderer.getTemporaryTexture(n,l,[...a.excludeTextures||[],d]),L=x.createView();e.renderer.beginFrame(i,L,{r:0,g:0,b:0,a:0},n,l,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:n,height:l}),e.renderer.pushIdentity(),await S(G,{...a,virtualMedia:G,containerWidth:n,containerHeight:l},L,x,n,l),e.renderer.popTransform(),e.renderer.popScissor(),r.pass.end();let I=s.depthMedia,y,R,V=!1;I?(y=e.renderer.getTemporaryTexture(n,l,[...a.excludeTextures||[],d,x]),R=y.createView(),e.renderer.beginFrame(i,R,{r:0,g:0,b:0,a:0},n,l,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:n,height:l}),e.renderer.pushIdentity(),await S(I,{...a,virtualMedia:I,containerWidth:n,containerHeight:l},R,y,n,l),e.renderer.popTransform(),e.renderer.popScissor(),r.pass.end(),V=!0):(y=x,R=L,V=!1);let{pipeline:q,uniformLayout:j,srcTextureLayout:$,depthTextureLayout:K,signalTextureLayout:J}=me(e.device,e.renderer.format),C=e.renderer.samplerCache.getSampler(e.device),O=a.elapsedMs!==void 0?a.elapsedMs/1e3:h/f,T=a.virtualMedia?.metadata?.durationMs?a.virtualMedia.metadata.durationMs/1e3:a.durationMs!==void 0?a.durationMs/1e3:4,Q=T>0?O%T/T:0,D=c(s,"ior",1.52,1,2.5),M=c(s,"dispersion",.04,0,.2),U=c(s,"refractionScale",.5,0,2),_=c(s,"causticBrightness",.6,0,2),Z=c(s,"causticScale",1,.1,5),N=c(s,"fluidRipples",0,0,1),A=c(s,"roughness",0,0,1),B=c(s,"lightPosX",.5,0,1),F=c(s,"lightPosY",.2,0,1),ee=c(s,"specularIntensity",.8,0,2),te=c(s,"depthScale",1,.1,5),ie=c(s,"tintStrength",0,0,1),re=c(s,"rippleSpeed",1,0,5),g=(b,fe)=>b.hasSignal&&b.sd?H.getOrCreate2DTextureView(e.device,i,b.sd.nodeId??fe,O,T,b.sd,n,l,a.renderId,h,f):H.getDummy1x1TextureView(e.device),ae=g(D,"refr_ior_sig"),se=g(M,"refr_disp_sig"),ne=g(U,"refr_scale_sig"),le=g(_,"refr_caust_sig"),ce=g(N,"refr_rip_sig"),oe=g(A,"refr_rough_sig"),ue=g(B,"refr_lightx_sig"),pe=g(F,"refr_lighty_sig"),t=new Float32Array(36);t[0]=0,t[1]=D.value,t[2]=M.value,t[3]=U.value,t[4]=_.value,t[5]=Z.value,t[6]=N.value,t[7]=re.value,t[8]=A.value,t[9]=ee.value,t[10]=B.value,t[11]=F.value,t[12]=ie.value,t[13]=s.depthInvert?1:0,t[14]=te.value,t[15]=V?1:0,t[16]=Q,t[17]=n/Math.max(1,l),t[18]=0,t[19]=0,t[20]=D.hasSignal?1:0,t[21]=M.hasSignal?1:0,t[22]=U.hasSignal?1:0,t[23]=_.hasSignal?1:0,t[24]=N.hasSignal?1:0,t[25]=A.hasSignal?1:0,t[26]=B.hasSignal?1:0,t[27]=F.hasSignal?1:0,t[28]=0,t[29]=0,t[30]=0,t[31]=0;let P=E(s.tintColor??"#ffffff");t[32]=P.r,t[33]=P.g,t[34]=P.b,t[35]=P.a;let de=e.renderer.getTemporaryBuffer(t),W=e.renderer.getTemporaryTexture(n,l,[x,y,d,...a.excludeTextures||[]]),v=i.beginRenderPass({colorAttachments:[{view:W.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});v.setPipeline(q),v.setBindGroup(0,e.device.createBindGroup({layout:j,entries:[{binding:0,resource:{buffer:de}}]})),v.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,$,x,C)),v.setBindGroup(2,e.renderer.bindGroupCache.getBindGroup(e.device,K,y,C)),v.setBindGroup(3,e.device.createBindGroup({layout:J,entries:[{binding:0,resource:ae},{binding:1,resource:se},{binding:2,resource:ne},{binding:3,resource:le},{binding:4,resource:ce},{binding:5,resource:oe},{binding:6,resource:ue},{binding:7,resource:pe},{binding:8,resource:C}]})),v.draw(4),v.end();let z=e.renderer.beginFrame(i,o,{r:0,g:0,b:0,a:0},m,u,"load");e.renderer.drawTexture(z,W,{x:0,y:0,width:m,height:u},{opacity:s.opacity??1}),r.pass=z};var Pe=Y({WebGPURenderer:k});export{k as a,Pe as b};
+`,q=new WeakMap;function Se(a){let t=q.get(a);if(t)return t;let r=x(a,["uniform"]),o=x(a,["texture","sampler"]),n=x(a,["texture","sampler"]),u=Y(a,8);return t={uniformLayout:r,srcTextureLayout:o,depthTextureLayout:n,signalTextureLayout:u,pipelineCache:new Map},q.set(a,t),t}function xe(a,t){let r=Se(a),o=`refraction_caustics_${t}`,n=r.pipelineCache.get(o);if(!n){let u=a.createShaderModule({label:`refraction_caustics_${t}.wgsl`,code:ve});n=X(a,{label:`RefractionCausticsPipeline_${t}`,module:u,layouts:[r.uniformLayout,r.srcTextureLayout,r.depthTextureLayout,r.signalTextureLayout],format:t}),r.pipelineCache.set(o,n)}return{pipeline:n,uniformLayout:r.uniformLayout,srcTextureLayout:r.srcTextureLayout,depthTextureLayout:r.depthTextureLayout,signalTextureLayout:r.signalTextureLayout}}var j=async a=>{let{ctx:t,encoder:r,pass:o,targetTexture:n,targetWidth:u,targetHeight:E,props:l}=a,B=l.frame??0,A=l.fps||60,i=l.virtualMedia?.operation;if(i?.op!=="RefractionCaustics3D"||!i)return;let R=l.virtualMedia.children?.[0];if(!R)return;o.end();let p=u,f=E,{texture:d}=await G(a,R,{props:{...l,virtualMedia:R,containerWidth:p,containerHeight:f}});a.pass.end();let y=i.depthMedia,g,b=!1;y?({texture:g}=await G(a,y,{props:{...l,virtualMedia:y,containerWidth:p,containerHeight:f},exclude:[d]}),a.pass.end(),b=!0):(g=d,b=!1);let{pipeline:$,uniformLayout:K,srcTextureLayout:Q,depthTextureLayout:J,signalTextureLayout:Z}=xe(t.device,t.renderer.format),T=t.renderer.samplerCache.getSampler(t.device),{elapsedSeconds:H,durationSeconds:h}=O(l,B,A,4),ee=h>0?H%h/h:0,L=s(i,"ior",1.52,1,2.5),D=s(i,"dispersion",.04,0,.2),w=s(i,"refractionScale",.5,0,2),P=s(i,"causticBrightness",.6,0,2),te=s(i,"causticScale",1,.1,5),V=s(i,"fluidRipples",0,0,1),C=s(i,"roughness",0,0,1),I=s(i,"lightPosX",.5,0,1),_=s(i,"lightPosY",.2,0,1),ie=s(i,"specularIntensity",.8,0,2),ae=s(i,"depthScale",1,.1,5),re=s(i,"tintStrength",0,0,1),se=s(i,"rippleSpeed",1,0,5),c=(v,he)=>v.hasSignal&&v.sd?U.getOrCreate2DTextureView(t.device,r,v.sd.nodeId??he,H,h,v.sd,p,f,l.renderId,B,A):U.getDummy1x1TextureView(t.device),le=c(L,"refr_ior_sig"),ne=c(D,"refr_disp_sig"),ce=c(w,"refr_scale_sig"),oe=c(P,"refr_caust_sig"),ue=c(V,"refr_rip_sig"),pe=c(C,"refr_rough_sig"),fe=c(I,"refr_lightx_sig"),de=c(_,"refr_lighty_sig"),e=new Float32Array(36);e[0]=0,e[1]=L.value,e[2]=D.value,e[3]=w.value,e[4]=P.value,e[5]=te.value,e[6]=V.value,e[7]=se.value,e[8]=C.value,e[9]=ie.value,e[10]=I.value,e[11]=_.value,e[12]=re.value,e[13]=i.depthInvert?1:0,e[14]=ae.value,e[15]=b?1:0,e[16]=ee,e[17]=p/Math.max(1,f),e[18]=0,e[19]=0,e[20]=L.hasSignal?1:0,e[21]=D.hasSignal?1:0,e[22]=w.hasSignal?1:0,e[23]=P.hasSignal?1:0,e[24]=V.hasSignal?1:0,e[25]=C.hasSignal?1:0,e[26]=I.hasSignal?1:0,e[27]=_.hasSignal?1:0,e[28]=0,e[29]=0,e[30]=0,e[31]=0;let m=W(i.tintColor??"#ffffff");e[32]=m.r,e[33]=m.g,e[34]=m.b,e[35]=m.a;let ge=t.renderer.getTemporaryBuffer(e),M=t.renderer.getTemporaryTexture(p,f,[d,g,n,...l.excludeTextures||[]]);k(r,M.createView(),$,[t.device.createBindGroup({layout:K,entries:[{binding:0,resource:{buffer:ge}}]}),t.renderer.bindGroupCache.getBindGroup(t.device,Q,d,T),t.renderer.bindGroupCache.getBindGroup(t.device,J,g,T),t.device.createBindGroup({layout:Z,entries:[{binding:0,resource:le},{binding:1,resource:ne},{binding:2,resource:ce},{binding:3,resource:oe},{binding:4,resource:ue},{binding:5,resource:pe},{binding:6,resource:fe},{binding:7,resource:de},{binding:8,resource:T}]})]),F(a,M,i.opacity??1)};var Pe=N({WebGPURenderer:j});export{j as a,Pe as b};

package/dist/preview-engine/chunk-LBRVQ4GE.mjs

@@ -0,0 +1,84 @@
+import{a as X,d as f,e as _,f as P,g as Y,h as D,j as U,k as V,m as B}from"./chunk-ENKKLU7B.mjs";import{d}from"./chunk-6YJP57MZ.mjs";import{z as R}from"./chunk-63SFBHEH.mjs";import{e as g}from"./chunk-BVF64D6H.mjs";g();g();var j=0,Q=500;function q(t,e,r){return Math.min(r,Math.max(e,t))}var z=`
+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;
+${X}
+
+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 \u2014 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);
+}
+`,o=new Float32Array(8),J=P(t=>({uniformLayout:f(t,["uniform"]),srcTextureLayout:f(t,["texture","sampler"]),mapTextureLayout:f(t,["texture","sampler"]),signalTextureLayout:_(t,2),pipelineCache:new Map}));function Z(t,e){let r=J(t),u=`displacement_${e}`,s=r.pipelineCache.get(u);if(!s){let i=t.createShaderModule({label:`displacement_${e}.wgsl`,code:z});s=Y(t,{label:`DisplacementMapPipeline_${e}`,module:i,layouts:[r.uniformLayout,r.srcTextureLayout,r.mapTextureLayout,r.signalTextureLayout],format:e}),r.pipelineCache.set(u,s)}return{pipeline:s,uniformLayout:r.uniformLayout,srcTextureLayout:r.srcTextureLayout,mapTextureLayout:r.mapTextureLayout,signalTextureLayout:r.signalTextureLayout}}function A(t){switch(t){case"Green":return 1;case"Blue":return 2;case"Alpha":return 3;case"Luminance":return 4;default:return 0}}function ee(t){switch(t){case"Repeat":return 1;case"Mirror":return 2;default:return 0}}function N(t,e,r){let u=`${e}HandleId`,s=t[u],i=s?t.inputs?.[s]:null,c=!!(i?.connectionValid&&i.outputItem?.type==="Signal"),n=c?i?.outputItem?.data:null,a=r;return c?n&&typeof n=="object"&&"offset"in n&&(a=Number(n.offset??r)):i?.connectionValid&&i.outputItem?.type==="Number"?a=q(Number(i.outputItem.data??r),j,Q):a=Number(t[e]??r),{hasSignal:c,sd:n,value:a}}var W=async t=>{let{ctx:e,encoder:r,pass:u,targetTexture:s,targetWidth:i,targetHeight:c,props:n}=t,a=n.virtualMedia?.operation;if(a?.op!=="DisplacementMap"||!a)return;let x=n.virtualMedia.children?.[0],h=a.mapMedia;if(!x||!h)return;u.end();let y=i,T=c,v=n.frame??0,b=n.fps||30,l=N(a,"strengthX",50),p=N(a,"strengthY",50),{texture:m}=await D(t,x,{props:{...n,virtualMedia:x,renderId:`${n.renderId}-c0`}});t.pass.end();let{texture:C}=await D(t,h,{props:{...n,virtualMedia:h,renderId:`${n.renderId}-c1`,excludeTextures:[...n.excludeTextures||[],m]},exclude:[m]});t.pass.end();let{pipeline:E,uniformLayout:F,srcTextureLayout:O,mapTextureLayout:H,signalTextureLayout:$}=Z(e.device,e.renderer.format),L=e.renderer.samplerCache.getSampler(e.device),S,M,{elapsedSeconds:w,durationSeconds:G}=V(n,v,b);l.hasSignal&&l.sd?S=d.getOrCreate2DTextureView(e.device,r,l.sd.nodeId??"displace_sx_sig",w,G,l.sd,y,T,n.renderId,v,b):S=d.getDummy1x1TextureView(e.device),p.hasSignal&&p.sd?M=d.getOrCreate2DTextureView(e.device,r,p.sd.nodeId??"displace_sy_sig",w,G,p.sd,y,T,n.renderId,v,b):M=d.getDummy1x1TextureView(e.device),o[0]=l.value,o[1]=p.value,o[2]=A(a.xChannel),o[3]=A(a.yChannel),o[4]=ee(a.wrapMode),o[5]=l.hasSignal?1:0,o[6]=p.hasSignal?1:0,o[7]=0;let k=e.renderer.getTemporaryBuffer(o),I=e.renderer.getTemporaryTexture(y,T,[m,C,s,...n.excludeTextures||[]]);B(r,I.createView(),E,[e.device.createBindGroup({layout:F,entries:[{binding:0,resource:{buffer:k}}]}),e.renderer.bindGroupCache.getBindGroup(e.device,O,m,L),e.renderer.bindGroupCache.getBindGroup(e.device,H,C,L),e.device.createBindGroup({layout:$,entries:[{binding:0,resource:S},{binding:1,resource:M},{binding:2,resource:L}]})]),U(t,I,a.opacity??1)};var oe=R({WebGPURenderer:W});export{oe as a};

package/dist/preview-engine/chunk-LGVEFPOG.mjs

@@ -0,0 +1,3 @@
+import{a as E}from"./chunk-E4RAFHZM.mjs";import{b as R,e as x,r as A}from"./chunk-BWJS6G7R.mjs";import{m as P}from"./chunk-4GEWSUX5.mjs";import{o as g}from"./chunk-YAQFFQPG.mjs";import{d as m,e as F}from"./chunk-BVF64D6H.mjs";F();F();var I=65536,S=1953658213,$=1954115633,N=1330926671,k=1953784678;function U(r,t){if(r.length<12)throw new Error(`Invalid font binary for "${t}": File size (${r.length} bytes) is too small to be a valid TrueType or OpenType font.`);let e=(r[0]??0)<<24|(r[1]??0)<<16|(r[2]??0)<<8|(r[3]??0);if(e===I||e===S||e===$||e===k)return"truetype";if(e===N)return"opentype";let i=(e>>>0).toString(16).padStart(8,"0");throw new Error(`Invalid font format for "${t}": Expected a valid TrueType (.ttf) or OpenType (.otf) font binary. Found header tag: 0x${i}.`)}async function M(r){if(r instanceof Uint8Array)return{buffer:r};if(typeof r!="string")throw new TypeError(`Font source must be a file path string or Uint8Array, received: ${typeof r}`);let t=r;if(t.startsWith("http://")||t.startsWith("https://")){let s=await fetch(t);if(!s.ok)throw new Error(`Failed to download font from "${t}": HTTP ${s.status} ${s.statusText}`);let c=await s.arrayBuffer();return{buffer:new Uint8Array(c),filePath:t}}if(t.startsWith("file://"))try{t=new URL(t).pathname}catch{t=t.replace(/^file:\/\//,"")}let e=[t,g.resolve(m.cwd(),t),g.resolve(m.cwd(),"assets/fonts",t),g.resolve(m.cwd(),"assets/fonts",g.basename(t))],i=m.cwd();for(let s=0;s<5;s++){e.push(g.resolve(i,t)),e.push(g.resolve(i,"assets/fonts",g.basename(t)));let c=g.dirname(i);if(c===i)break;i=c}let a=null,f=null;for(let s of e)try{if((await P.stat(s)).isFile()){a=s,f=await P.readFile(s);break}}catch{}if(!a||!f)throw new Error(`Font file not found: "${r}". Checked candidate locations:
+  - ${e.join(`
+  - `)}`);return{buffer:new Uint8Array(f.buffer,f.byteOffset,f.byteLength),filePath:a}}var v=class r{static instance=null;fonts=new Map;constructor(){}static getInstance(){return r.instance||(r.instance=new r),r.instance}static async register(t,e){return r.getInstance().register(t,e)}static async registerEmojiFont(t){let{buffer:e,filePath:i}=await M(t);U(e,i??(typeof t=="string"?t:"Uint8Array")),x.setEmojiFont(e,i)}static measure(t,e){let i=e.fontSize??48,a=x.getFont(e.fontFamily,e.fontWeight,null);if(!a)throw new Error(`FontManager.measure: font "${e.fontFamily}" is not registered. Call \`await FontManager.register(...)\` first.`);let f=e.lineHeight!==void 0&&e.lineHeight<10?e.lineHeight*i:e.lineHeight??i*1.2,s=e.letterSpacing??0,{width:c,height:p,layout:y}=A.measure(t,a,i,s,f,e.width,void 0,e.direction),T=i/a.unitsPerEm,o=[],w=new Set,d=0;for(let n of y.glyphs){let l=n.textIndex;if(l===void 0){let u=t.indexOf(n.char,d);l=u>=0?u:d}if(w.has(l))continue;w.add(l),d=l+n.char.length;let h=n.clusterAdvance??n.cp.advanceWidth*(n.fontScale??T);o.push({char:n.char,index:l,x:n.clusterX??n.x,y:n.y,width:h+s,line:n.lineIndex,...n.rtl&&{rtl:!0}})}let b=n=>{if(n<=0||o.length===0){let u=o[0];return u?u.rtl?u.x+u.width-s:u.x:0}let l=o.filter(u=>u.index<n),h=l[l.length-1];return h?h.rtl?h.x:h.x+h.width-s:0};return{width:c,height:p,lines:y.linesCount,lineHeight:f,glyphs:o,caretX:b,widthOf:n=>b(n)-(o[0]?.x??0)}}static get(t){return r.getInstance().get(t)}static has(t){return r.getInstance().has(t)}static getAll(){return r.getInstance().getAll()}static getRegisteredFontPaths(){return r.getInstance().getRegisteredFontPaths()}static clear(){r.getInstance().clear()}async register(t,e){let i,a,f,s;if(typeof t=="object"&&t!==null)i=t.family,a=t.source,f=t.weight,s=t.style;else if(typeof t=="string"&&e!==void 0)i=t,a=e;else if(typeof t=="string")i=void 0,a=t;else throw new TypeError("Invalid arguments passed to FontManager.register");let{buffer:c,filePath:p}=await M(a),y=p??(typeof a=="string"?a:"Uint8Array"),T=U(c,y),o;try{let n=R(c);n&&"fonts"in n&&Array.isArray(n.fonts)&&n.fonts.length>0?o=n.fonts[0]:o=n}catch(n){let l=n instanceof Error?n.message:String(n);throw new Error(`Failed to parse TrueType/OpenType font binary for "${y}": ${l}`)}let w=o.familyName||o.postscriptName||g.parse(y).name,d=i?.trim()||w,b={family:d,source:a,filePath:p,format:T,postscriptName:o.postscriptName,unitsPerEm:o.unitsPerEm,weight:f,style:s};return this.fonts.set(d,b),p&&await E(d,p),x.setParsed(d,o),b}get(t){return this.fonts.get(t)}has(t){return this.fonts.has(t)}getAll(){return Array.from(this.fonts.values())}getRegisteredFontPaths(){let t=[];for(let e of this.fonts.values())e.filePath?t.push(e.filePath):typeof e.source=="string"&&t.push(e.source);return t}clear(){this.fonts.clear()}};export{v as a};

package/dist/preview-engine/{chunk-AMBSW6OA.mjs → chunk-NEE3KQTX.mjs}

@@ -1,4 +1,4 @@
-import{a as A}from"./chunk-D3TETPLI.mjs";import{c as o,d as m,t as h}from"./chunk-ZNGOAGAI.mjs";import{e as t}from"./chunk-BVF64D6H.mjs";t();t();var C=["frequency","gain","q"],T=()=>`
+import{a as h}from"./chunk-ZH5MZQTZ.mjs";import{c as i,d as c,y as t,z as g}from"./chunk-63SFBHEH.mjs";import{e as r}from"./chunk-BVF64D6H.mjs";r();r();var x=["frequency","gain","q"],v=()=>`
 struct Uniforms {
     sampleRate      : f32,
     numBands        : f32,
@@ -188,4 +188,4 @@ fn main(@builtin(global_invocation_id) gid : vec3<u32>) {
         state[offset + 3u] = y2;
     }
 }
-`,E=a=>a==="peak"?0:a==="lowShelf"?1:a==="highShelf"?2:a==="lowPass"?3:a==="highPass"?4:a==="notch"?5:0,y=async(a,u,p,f)=>{if(!f?.device)throw new Error("GPUDevice is required for WebGPU Parametric EQ.");let e=p.operation||{},_=e.inputs||{},c=m(e.type,"peak"),n={type:["lowShelf","highShelf","peak","lowPass","highPass","notch"].includes(c)?c:"peak",frequency:o(e.frequency,1e3),frequencyHandleId:typeof e.frequencyHandleId=="string"?e.frequencyHandleId:null,gain:o(e.gain,0),gainHandleId:typeof e.gainHandleId=="string"?e.gainHandleId:null,q:o(e.q,1),qHandleId:typeof e.qHandleId=="string"?e.qHandleId:null},i=P=>{let l=e[P];if(typeof l!="string"||!l)return!1;let r=_[l];return!!(r?.connectionValid&&r.outputItem&&(r.outputItem.type==="Signal"||r.outputItem.type==="Number"))},b=i("frequencyHandleId")?1:0,q=i("gainHandleId")?1:0,w=i("qHandleId")?1:0,s=a.length;if(s===0)return;let d=a[0].length;if(d===0)return;let S=e.id||"audio-parametric-eq",g=f.frame??0,x=f.fps??24,v=4+s*4;await A.process(f.device,S,a,u,p,g,x,T,()=>[u,1,n.frequency,n.gain,n.q,E(n.type),b,q,w,0,g,d,s,0,0,0],16,v,f?.renderId,!0,f?.elapsedMs,f?.durationMs,void 0,void 0,C)};var B=h({audioProcessor:y});export{B as a};
+`,P=a=>a==="peak"?0:a==="lowShelf"?1:a==="highShelf"?2:a==="lowPass"?3:a==="highPass"?4:a==="notch"?5:0,m=async(a,o,l,f)=>{if(!f?.device)throw new Error("GPUDevice is required for WebGPU Parametric EQ.");let e=l.operation||{},u=c(e.type,"peak"),n={type:["lowShelf","highShelf","peak","lowPass","highPass","notch"].includes(u)?u:"peak",frequency:i(e.frequency,1e3),frequencyHandleId:typeof e.frequencyHandleId=="string"?e.frequencyHandleId:null,gain:i(e.gain,0),gainHandleId:typeof e.gainHandleId=="string"?e.gainHandleId:null,q:i(e.q,1),qHandleId:typeof e.qHandleId=="string"?e.qHandleId:null},A=t(e,"frequencyHandleId")?1:0,y=t(e,"gainHandleId")?1:0,_=t(e,"qHandleId")?1:0,s=a.length;if(s===0)return;let p=a[0].length;if(p===0)return;let b=e.id||"audio-parametric-eq",d=f.frame??0,q=f.fps??24,w=4+s*4;await h.process(f.device,b,a,o,l,d,q,v,()=>[o,1,n.frequency,n.gain,n.q,P(n.type),A,y,_,0,d,p,s,0,0,0],16,w,f?.renderId,!0,f?.elapsedMs,f?.durationMs,void 0,void 0,x)};var G=g({audioProcessor:m});export{G as a};

package/dist/preview-engine/chunk-NPD6W3RP.mjs

@@ -0,0 +1 @@
+import{a as u}from"./chunk-LKYN3BM2.mjs";import{e as f}from"./chunk-BVF64D6H.mjs";f();f();function b(n,e){let t=n.createTexture({size:[e.width,e.height],format:"rgba8unorm",usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST|GPUTextureUsage.RENDER_ATTACHMENT});return e.bitmap?n.queue.copyExternalImageToTexture({source:e.bitmap},{texture:t,premultipliedAlpha:!0},[e.width,e.height]):e.buffer&&n.queue.writeTexture({texture:t},e.buffer,{bytesPerRow:e.width*4},[e.width,e.height]),t}var w=class{cache=new Map;async load(e,t,l,s){let i=Math.max(1,Math.ceil(t)),a=Math.max(1,Math.ceil(l)),c=`${e}-${i}-${a}-${s}`,h=this.cache.get(c);return h||(h=(async()=>{let m;if(e.startsWith("http://")||e.startsWith("https://")||e.startsWith("data:")||!s){let r=await fetch(e);if(!r.ok)throw new Error(`Failed to fetch SVG: ${e}`);m=await r.text()}else{let r=e;if(r.startsWith("file://"))try{r=new URL(r).pathname}catch{r=r.replace(/^file:\/\//,"")}try{m=await(await import("./shims/fs-promises.mjs")).readFile(r,"utf-8")}catch{let o=await fetch(e);if(!o.ok)throw new Error(`Failed to fetch SVG: ${e}`);m=await o.text()}}if(s){let{renderAsync:r}=await import("./resvg-js-VMU4A77S.mjs"),o=await r(m,{fitTo:{mode:"width",value:i}});return{width:o.width,height:o.height,buffer:new Uint8Array(o.pixels)}}let p=new Blob([m],{type:"image/svg+xml"}),g=URL.createObjectURL(p),d=new Image;await new Promise((r,o)=>{d.onload=()=>r(),d.onerror=()=>o(new Error(`Failed to load SVG image: ${e}`)),d.src=g});let x=new OffscreenCanvas(i,a);x.getContext("2d").drawImage(d,0,0,i,a),URL.revokeObjectURL(g);let y=await createImageBitmap(x);return{width:i,height:a,bitmap:y}})(),this.cache.set(c,h),h.catch(()=>this.cache.delete(c))),h}},T=new w;async function E(n,e,t){let l=Math.max(1,Math.ceil(t.dstRect.width)),s=Math.max(1,Math.ceil(t.dstRect.height)),i=`${t.src}-${l}-${s}`,a=u.acquire(i);if(!a)try{let c=await T.load(t.src,l,s,t.isHeadless??!1);a=u.acquire(i),a||(a=b(n.device,c),u.set(i,a,n.device))}catch(c){console.error("Failed to load SVG texture:",c);return}n.renderer.drawTexture(e,a,t.dstRect,{opacity:t.opacity??1,transform:t.matrix}),u.release(i)}export{b as a,E as b};

package/dist/preview-engine/{chunk-V6VU46ZG.mjs → chunk-O2RNIQXT.mjs}

@@ -1,4 +1,4 @@
-import{a as g}from"./chunk-D3TETPLI.mjs";import{c as m,h as u,t as l}from"./chunk-ZNGOAGAI.mjs";import{e as t}from"./chunk-BVF64D6H.mjs";t();t();var x=["pan"],w=()=>`
+import{a as g}from"./chunk-ZH5MZQTZ.mjs";import{c as m,h as u,z as l}from"./chunk-63SFBHEH.mjs";import{e as t}from"./chunk-BVF64D6H.mjs";t();t();var x=["pan"],w=()=>`
 struct Uniforms {
     sampleRate  : f32,
     pan         : f32,

package/dist/preview-engine/{server-utils-2FAIV45N.mjs → chunk-OCX5AD23.mjs}

@@ -1 +1 @@
-import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export default s();
+import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export{s as a};

package/dist/preview-engine/chunk-OJ2PKBXE.mjs

@@ -0,0 +1,40 @@
+import{a as C,d as G,g as O,h as V,m as A}from"./chunk-ENKKLU7B.mjs";import{z as I}from"./chunk-63SFBHEH.mjs";import{e as M}from"./chunk-BVF64D6H.mjs";M();M();var se=e=>e*e,ae=e=>e*(2-e),ue=e=>e<.5?2*e*e:-1+(4-2*e)*e,ce=e=>{let t=2*Math.PI/3;return e===0?0:e===1?1:2**(-10*e)*Math.sin((e*10-.75)*t)+1},le=(e,t)=>{switch(t){case"ease-in":return se(e);case"ease-out":return ae(e);case"ease-in-out":return ue(e);case"spring":return ce(e);default:return e}},T=(e,t,o,s,i)=>{let n=i*i,r=n*i;return .5*(2*t+(-e+o)*i+(2*e-5*t+4*o-s)*n+(-e+3*t-3*o+s)*r)};function E(e,t,o="spline"){if(e.length===0)return{x:50,y:50,scale:1};if(e.length===1){let n=e[0];return{x:n.x??50,y:n.y??50,scale:n.scale??1}}let s=0;for(let n=0;n<e.length;n++){let r=e[n],h=r.holdMs??0,m=r.durationMs??0;if(t<=s+h)return{x:r.x??50,y:r.y??50,scale:r.scale??1};if(s+=h,n<e.length-1&&m>0){if(t<=s+m){let f=(t-s)/m,a=le(Math.max(0,Math.min(1,f)),r.easing),u=e[n+1];if(o==="spline"){let b=e[n-1]??r,x=e[n+2]??u;return{x:T(b.x??50,r.x??50,u.x??50,x.x??50,a),y:T(b.y??50,r.y??50,u.y??50,x.y??50,a),scale:T(b.scale??1,r.scale??1,u.scale??1,x.scale??1,a)}}return{x:(r.x??50)+((u.x??50)-(r.x??50))*a,y:(r.y??50)+((u.y??50)-(r.y??50))*a,scale:(r.scale??1)+((u.scale??1)-(r.scale??1))*a}}s+=m}}let i=e[e.length-1];return{x:i.x??50,y:i.y??50,scale:i.scale??1}}function X(e,t,o,s){let i=100,n=100;if(s!=="input"){let p=s.split(":"),g=Number(p[0]),c=Number(p[1]);if(!Number.isNaN(g)&&!Number.isNaN(c)&&g>0&&c>0){let l=g/c,y=t/o;y>l?(n=100,i=l/y*100):(i=100,n=y/l*100)}}let r=i/100*t,h=n/100*o,m=Math.max(e.scale,1),f=r/m,a=h/m,u=e.x/100*t,b=e.y/100*o,x=f/2,B=a/2,P=Math.max(x,Math.min(t-x,u)),R=Math.max(B,Math.min(o-B,b));return{x:P-x,y:R-B,width:f,height:a}}var me=`
+struct MotionBlurUniforms {
+	prev_origin : vec2<f32>,
+	prev_size   : vec2<f32>,
+	curr_origin : vec2<f32>,
+	curr_size   : vec2<f32>,
+	samples     : f32,
+	blurSize    : f32,
+	padding     : vec2<f32>,
+};
+
+@group(0) @binding(0) var<uniform> u : MotionBlurUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+${C}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let uv = in.uv;
+	let n = i32(u.samples);
+	
+	if (n <= 1) {
+		let p_curr = u.curr_origin + uv * u.curr_size;
+		return textureSampleLevel(tex, samp, p_curr, 0.0);
+	}
+	
+	var color = vec4<f32>(0.0);
+	for (var i = 0; i < n; i = i + 1) {
+		// Use blurSize to control the shutter interval width. 
+		// t=1.0 is current frame, t=0.0 is previous frame.
+		let t = 1.0 + (f32(i) / f32(n - 1) - 0.5) * u.blurSize;
+		
+		let origin = mix(u.prev_origin, u.curr_origin, t);
+		let size = mix(u.prev_size, u.curr_size, t);
+		let p_sample = origin + uv * size;
+		
+		color += textureSampleLevel(tex, samp, p_sample, 0.0);
+	}
+	return color / f32(n);
+}
+`,Y=new WeakMap,d=new Float32Array(12);function de(e,t){let o=Y.get(e);if(!o){let s=G(e,["uniform"]),i=G(e,["texture","sampler"]),n=e.createShaderModule({label:"kenburns_motionblur.wgsl",code:me});o={motionBlurPipeline:O(e,{label:"MotionBlurPipeline",module:n,layouts:[s,i],format:t}),motionBlurUniformLayout:s,singleTextureLayout:i},Y.set(e,o)}return o}var j=async e=>{let{ctx:t,encoder:o,pass:s,targetView:i,targetTexture:n,targetWidth:r,targetHeight:h,props:m}=e,{virtualMedia:f,containerWidth:a,containerHeight:u,frame:b,fps:x,trimStartOverride:B,opacity:P=1,inheritedSeekOffset:R=0}=m,p=f.operation;if(p?.op!=="KenBurns")return;let g=f.children?.[0];if(!g)return;let c=p.originalWidth??g.metadata?.width??f.metadata?.width??a??r,l=p.originalHeight??g.metadata?.height??f.metadata?.height??u??h,y=p.keyframes??[],L=p.movementStyle??"spline",W=p.aspectRatio||"input",Q=((B??0)+R)*1e3,z=Math.max(1,x??30),$=1e3/z,N=Q+(b??0)/z*1e3,q=N-$,J=E(y,N,L),Z=E(y,q,L),v=X(J,c,l,W),w=X(Z,c,l,W),K=a??r,F=u??h,H={x:0,y:0,width:K,height:F};s.end();let{texture:U}=await V(e,g,{width:c,height:l,props:{...m,containerWidth:c,containerHeight:l}}),D=p.motionBlurSize??1.5,S=null;if(D>0){let{motionBlurPipeline:k,motionBlurUniformLayout:ee,singleTextureLayout:te}=de(t.device,t.renderer.format),re=t.renderer.samplerCache.getSampler(t.device);d[0]=w.x/c,d[1]=w.y/l,d[2]=w.width/c,d[3]=w.height/l,d[4]=v.x/c,d[5]=v.y/l,d[6]=v.width/c,d[7]=v.height/l,d[8]=12,d[9]=D;let ne=t.renderer.getTemporaryBuffer(d);S=t.renderer.getTemporaryTexture(K,F,[n,U,...m.excludeTextures||[]]);let oe=S.createView();A(o,oe,k,[t.device.createBindGroup({layout:ee,entries:[{binding:0,resource:{buffer:ne}}]}),t.renderer.bindGroupCache.getBindGroup(t.device,te,U,re)])}let _=t.renderer.beginFrame(o,i,{r:0,g:0,b:0,a:0},r,h,"load");S?t.renderer.drawTexture(_,S,H,{opacity:P}):t.renderer.drawTextureRegion(_,U,v,H,{opacity:P}),e.pass=_};var be=I({WebGPURenderer:j});export{be as a};

package/dist/preview-engine/chunk-OKH2VU2U.mjs

@@ -0,0 +1,97 @@
+import{a as W,d as G,e as $,f as E,g as k,h as A,j,k as K,l as Q,m as q}from"./chunk-ENKKLU7B.mjs";import{v as H,z as B}from"./chunk-63SFBHEH.mjs";import{e as f}from"./chunk-BVF64D6H.mjs";f();f();var xe=`
+struct VignetteUniforms {
+    strength       : f32,
+    radius         : f32,
+    softness       : f32,
+    roundness      : f32,
+
+    centerX        : f32,
+    centerY        : f32,
+    hasStrengthSig : f32,
+    hasRadiusSig   : f32,
+
+    hasSoftnessSig : f32,
+    hasRoundnessSig: f32,
+    hasCenterXSig  : f32,
+    hasCenterYSig  : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : VignetteUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+
+@group(2) @binding(0) var strengthSigTex  : texture_2d<f32>;
+@group(2) @binding(1) var radiusSigTex    : texture_2d<f32>;
+@group(2) @binding(2) var softnessSigTex  : texture_2d<f32>;
+@group(2) @binding(3) var roundnessSigTex : texture_2d<f32>;
+@group(2) @binding(4) var centerXSigTex   : texture_2d<f32>;
+@group(2) @binding(5) var centerYSigTex   : texture_2d<f32>;
+@group(2) @binding(6) var signalSamp      : sampler;
+${W}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    let color = textureSampleLevel(tex, samp, in.uv, 0.0);
+
+    if (color.a < 1e-5) {
+        return color;
+    }
+
+    // Resolve parameter overrides or dynamic signals
+    var strength = u.strength;
+    if (u.hasStrengthSig > 0.5) {
+        strength = textureSampleLevel(strengthSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    var radius = u.radius;
+    if (u.hasRadiusSig > 0.5) {
+        radius = textureSampleLevel(radiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    var softness = u.softness;
+    if (u.hasSoftnessSig > 0.5) {
+        softness = textureSampleLevel(softnessSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    var roundness = u.roundness;
+    if (u.hasRoundnessSig > 0.5) {
+        roundness = textureSampleLevel(roundnessSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    var centerX = u.centerX;
+    if (u.hasCenterXSig > 0.5) {
+        centerX = textureSampleLevel(centerXSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    var centerY = u.centerY;
+    if (u.hasCenterYSig > 0.5) {
+        centerY = textureSampleLevel(centerYSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+    }
+
+    let center = vec2<f32>(centerX, centerY);
+    let dimensions = vec2<f32>(textureDimensions(tex));
+    let aspect = dimensions.x / dimensions.y;
+    let uvOffset = in.uv - center;
+
+    // Calculate aspect ratio corrected coordinate for circle
+    let correctedOffset = vec2<f32>(
+        uvOffset.x * mix(1.0, aspect, roundness),
+        uvOffset.y
+    );
+    let dist = length(correctedOffset);
+
+    // Calculate vignette edge falloff
+    let edge0 = radius;
+    let edge1 = max(0.0, radius - softness);
+    let vignetteFactor = smoothstep(edge0, edge1, dist);
+
+    // Blend based on strength
+    let intensity = strength / 100.0;
+    let finalVignette = mix(1.0, vignetteFactor, intensity);
+
+    // Unpremultiply, apply vignette, and repremultiply
+    let unpremult_rgb = color.rgb / color.a;
+    let final_rgb = unpremult_rgb * finalVignette;
+
+    return vec4<f32>(clamp(final_rgb, vec3<f32>(0.0), vec3<f32>(1.0)) * color.a, color.a);
+}
+`,n=new Float32Array(12),he=E(t=>({uniformLayout:G(t,["uniform"]),singleTextureLayout:G(t,["texture","sampler"]),signalTextureLayout:$(t,6),pipelineCache:new Map}));function be(t,e){let r=he(t),c=`vignette_${e}`,o=r.pipelineCache.get(c);if(!o){let m=t.createShaderModule({label:`vignette_${e}.wgsl`,code:xe});o=k(t,{label:`VignettePipeline_${e}`,module:m,layouts:[r.uniformLayout,r.singleTextureLayout,r.signalTextureLayout],format:e}),r.pipelineCache.set(c,o)}return{vignettePipeline:o,uniformLayout:r.uniformLayout,singleTextureLayout:r.singleTextureLayout,signalTextureLayout:r.signalTextureLayout}}var z=async t=>{let{ctx:e,encoder:r,pass:c,targetTexture:o,targetWidth:m,targetHeight:J,props:a}=t,S=a.frame??0,Z=a.compositionFrame??S,v=a.fps||30,i=a.virtualMedia?.operation;if(i?.op!=="Vignette"||!i)return;let P=a.virtualMedia.children?.[0];if(!P)return;c.end();let U=m,X=J,ee=i.inputs?Object.keys(i.inputs)[0]:"vignette_node",u=(d,l,V,w)=>{let me=`${d}HandleId`,M=i[me],s=M?i.inputs?.[M]:null,N=!!(s?.connectionValid&&(s.outputItem?.type==="Signal"||s.outputItem?.type==="Numeric")),_=N&&s?.outputItem?.data?s.outputItem.data:null,p=l,R=!1,F;if(N)_&&(p=Math.max(V,Math.min(w,Number(_.offset??0))),R=!0);else if(s?.connectionValid&&s.outputItem?.type==="Number")p=Math.max(V,Math.min(w,Number(s.outputItem.data??l)));else{let I=H(i[d],Z,v);I.gpuTextureView&&(F=I.gpuTextureView,R=!0);let Se=I.value,O=Number(Se??l);p=Math.max(V,Math.min(w,isNaN(O)?l:O))}return{val:p,hasStaticSig:R,sd:_,gpuTextureView:F}},x=u("strength",50,0,100),h=u("radius",1,.1,2),b=u("softness",.5,0,1),y=u("roundness",.5,0,1),T=u("centerX",.5,0,1),L=u("centerY",.5,0,1),{texture:Y}=await A(t,P);t.pass.end();let{vignettePipeline:te,uniformLayout:ne,singleTextureLayout:re,signalTextureLayout:ie}=be(e.device,e.renderer.format),C=e.renderer.samplerCache.getSampler(e.device),{elapsedSeconds:se,durationSeconds:ae}=K(a,S,v),oe={args:t,width:U,height:X,frame:S,fps:v,elapsedSeconds:se,durationSeconds:ae},g=(d,l)=>Q(oe,d,`${ee}_${l}`),ue=g(x,"strength_sig"),ge=g(h,"radius_sig"),le=g(b,"softness_sig"),ce=g(y,"roundness_sig"),de=g(T,"centerX_sig"),pe=g(L,"centerY_sig");n[0]=x.val,n[1]=h.val,n[2]=b.val,n[3]=y.val,n[4]=T.val,n[5]=L.val,n[6]=x.hasStaticSig?1:0,n[7]=h.hasStaticSig?1:0,n[8]=b.hasStaticSig?1:0,n[9]=y.hasStaticSig?1:0,n[10]=T.hasStaticSig?1:0,n[11]=L.hasStaticSig?1:0;let fe=e.renderer.getTemporaryBuffer(n),D=e.renderer.getTemporaryTexture(U,X,[Y,o,...a.excludeTextures||[]]);q(r,D.createView(),te,[e.device.createBindGroup({layout:ne,entries:[{binding:0,resource:{buffer:fe}}]}),e.renderer.bindGroupCache.getBindGroup(e.device,re,Y,C),e.device.createBindGroup({layout:ie,entries:[{binding:0,resource:ue},{binding:1,resource:ge},{binding:2,resource:le},{binding:3,resource:ce},{binding:4,resource:de},{binding:5,resource:pe},{binding:6,resource:C}]})]),j(t,D,i.opacity??1)};var Re=B({WebGPURenderer:z});export{Re as a};

package/dist/preview-engine/chunk-PAQNDZQB.mjs

@@ -0,0 +1,83 @@
+import{a as U,c as T,d as L,g as v,h as A,i as C}from"./chunk-ENKKLU7B.mjs";import{z as x}from"./chunk-63SFBHEH.mjs";import{e as p}from"./chunk-BVF64D6H.mjs";p();p();var G=1024,_=`
+struct LiquifyOpData {
+	opType   : f32, // 0=Push, 1=Pull, 2=Bloat, 3=Pucker, 4=TwirlCW, 5=TwirlCCW
+	x        : f32,
+	y        : f32,
+	radius   : f32,
+	strength : f32,
+	dx       : f32,
+	dy       : f32,
+	_pad     : f32,
+};
+
+struct LiquifyUniforms {
+	opCount     : f32,
+	aspectRatio : f32,
+	opacity     : f32,
+	_pad0       : f32,
+	ops         : array<LiquifyOpData, 1024>,
+};
+
+@group(0) @binding(0) var<uniform> u : LiquifyUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+${U}
+
+const PI = 3.141592653589793;
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	var currentUV = in.uv;
+	let count = u32(u.opCount);
+	let aspect = u.aspectRatio;
+
+	for (var i = 0u; i < count && i < 1024u; i = i + 1u) {
+		let op = u.ops[i];
+		let center = vec2<f32>(op.x, op.y);
+		let delta = currentUV - center;
+		let deltaAspect = vec2<f32>(delta.x * aspect, delta.y);
+		let dist = length(deltaAspect);
+
+		if (dist < op.radius && op.radius > 0.0001) {
+			let t = dist / op.radius;
+			let falloff = (1.0 - t * t) * (1.0 - t * t);
+			let s = op.strength;
+
+			if (op.opType < 0.5) {
+				// 0 = Push
+				let shift = vec2<f32>(op.dx, op.dy) * s * falloff;
+				currentUV = currentUV - shift;
+			} else if (op.opType < 1.5) {
+				// 1 = Pull
+				let shift = vec2<f32>(op.dx, op.dy) * s * falloff;
+				currentUV = currentUV + shift;
+			} else if (op.opType < 2.5) {
+				// 2 = Bloat
+				let factor = 1.0 - s * falloff * 0.45;
+				currentUV = center + delta * factor;
+			} else if (op.opType < 3.5) {
+				// 3 = Pucker
+				let factor = 1.0 + s * falloff * 0.45;
+				currentUV = center + delta * factor;
+			} else if (op.opType < 4.5) {
+				// 4 = TwirlCW
+				let angle = -s * PI * falloff;
+				let cosA = cos(angle);
+				let sinA = sin(angle);
+				let rotated = vec2<f32>(delta.x * cosA - delta.y * sinA, delta.x * sinA + delta.y * cosA);
+				currentUV = center + rotated;
+			} else {
+				// 5 = TwirlCCW
+				let angle = s * PI * falloff;
+				let cosA = cos(angle);
+				let sinA = sin(angle);
+				let rotated = vec2<f32>(delta.x * cosA - delta.y * sinA, delta.x * sinA + delta.y * cosA);
+				currentUV = center + rotated;
+			}
+		}
+	}
+
+	let clampedUV = clamp(currentUV, vec2<f32>(0.0), vec2<f32>(1.0));
+	let sampledColor = textureSampleLevel(tex, samp, clampedUV, 0.0);
+	return sampledColor;
+}
+`,q=new WeakMap;function O(i,t){let r=q.get(i);if(!r){let a=L(i,["uniform"],"LiquifyUniformLayout"),l=L(i,["texture","sampler"],"LiquifyTextureLayout");r={uniformLayout:a,singleTextureLayout:l,pipelineCache:new Map},q.set(i,r)}let s=t,u=r.pipelineCache.get(s);if(!u){let a=i.createShaderModule({label:"liquify.wgsl",code:_});u=v(i,{label:`LiquifyPipeline_${t}`,module:a,layouts:[r.uniformLayout,r.singleTextureLayout],format:t,blend:T}),r.pipelineCache.set(s,u)}return{liquifyPipeline:u,uniformLayout:r.uniformLayout,singleTextureLayout:r.singleTextureLayout}}var S={Push:0,Pull:1,Bloat:2,Pucker:3,TwirlCW:4,TwirlCCW:5},R=async i=>{let{ctx:t,pass:r,targetWidth:s,targetHeight:u,props:a}=i,l=a.virtualMedia?.operation;if(l?.op!=="Liquify"||!l)return;let d=a.virtualMedia.children?.[0];if(!d)return;r.end();let g=s,y=u,b=y>0?g/y:1,{texture:B}=await A(i,d,{props:{...a,virtualMedia:d,containerWidth:g,containerHeight:y}}),P=l.operations||[],h=Math.min(P.length,G),e=new Float32Array(4+G*8);e[0]=h,e[1]=b,e[2]=1,e[3]=0;for(let c=0;c<h;c++){let o=P[c];if(!o)continue;let n=4+c*8;e[n+0]=S[o.type]??2,e[n+1]=o.x,e[n+2]=o.y,e[n+3]=o.radius??.15,e[n+4]=o.strength??.5,e[n+5]=o.dx??0,e[n+6]=o.dy??0,e[n+7]=0}let W=t.renderer.getTemporaryBuffer(e),m=O(t.device,t.renderer.format),w=t.device.createBindGroup({layout:m.uniformLayout,entries:[{binding:0,resource:{buffer:W}}]}),V=t.renderer.samplerCache.getSampler(t.device),D=t.renderer.bindGroupCache.getBindGroup(t.device,m.singleTextureLayout,B,V),f=C(i);f.setPipeline(m.liquifyPipeline),f.setBindGroup(0,w),f.setBindGroup(1,D),f.draw(4,1,0,0)};var H=x({WebGPURenderer:R});export{R as a,H as b};

package/dist/preview-engine/chunk-PEWYB6WP.mjs

@@ -0,0 +1,43 @@
+import{a as z,h as D}from"./chunk-ENKKLU7B.mjs";import{z as q}from"./chunk-63SFBHEH.mjs";import{e as W}from"./chunk-BVF64D6H.mjs";W();W();var A=`
+struct MaskUniforms {
+	rect      : vec4<f32>,
+	roundness : f32,
+	mode      : f32,
+	numPoints : f32,
+	padding   : f32,
+	points    : array<vec2<f32>, 64>,
+};
+
+@group(0) @binding(0) var<uniform> u : MaskUniforms;
+${z}
+
+fn sdRoundedRect(p: vec2<f32>, b: vec2<f32>, r: f32) -> f32 {
+	let q = abs(p) - b + r;
+	return min(max(q.x, q.y), 0.0) + length(max(q, vec2<f32>(0.0))) - r;
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let p = in.pos.xy;
+	
+	if (u.mode > 0.5) { // Path
+		var inside = false;
+		let count = u32(u.numPoints);
+		for (var i = 0u; i < count; i = i + 1u) {
+			let j = (i + 1u) % count;
+			let pi = u.points[i];
+			let pj = u.points[j];
+			if (((pi.y > p.y) != (pj.y > p.y)) &&
+				(p.x < (pj.x - pi.x) * (p.y - pi.y) / (pj.y - pi.y) + pi.x)) {
+				inside = !inside;
+			}
+		}
+		return select(vec4<f32>(0.0), vec4<f32>(1.0), inside);
+	} else { // RRect
+		let center = u.rect.xy + u.rect.zw * 0.5;
+		let size = u.rect.zw * 0.5;
+		let d = sdRoundedRect(p - center, size, u.roundness);
+		let alpha = 1.0 - smoothstep(0.0, 1.5, d);
+		return vec4<f32>(1.0, 1.0, 1.0, alpha);
+	}
+}
+`,E=new WeakMap;function te(s,e){let i=E.get(s);return i||(i=s.createRenderPipeline({label:"CropMaskPipeline",layout:"auto",vertex:{module:s.createShaderModule({code:A}),entryPoint:"vs"},fragment:{module:s.createShaderModule({code:A}),entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),E.set(s,i)),i}var _=async s=>{let{ctx:e,props:i,targetTexture:P,targetView:U,targetWidth:k,targetHeight:v,encoder:l}=s,{virtualMedia:C,containerWidth:O,containerHeight:Q,opacity:H=1}=i,a=C?.operation;if(!a||a.op!=="Crop")return;let b=C.children?.[0];if(!b)return;let r=O??e.surface.width,n=Q??e.surface.height,d=a.mode==="rest",T=a.cropType==="path",p=a.pathPoints||[],F=Number(a.roundness)||0,m=Number(a.leftPercentage)||0,f=Number(a.topPercentage)||0,w=Math.max(.01,Number(a.widthPercentage)||100),R=Math.max(.01,Number(a.heightPercentage)||100);if(T&&p.length>0){let t=p.map(o=>o.x),u=p.map(o=>o.y);m=Math.min(...t),f=Math.min(...u),w=Math.max(.01,Math.max(...t)-m),R=Math.max(.01,Math.max(...u)-f)}let x=a.originalWidth??b.metadata?.width??i.containerWidth??k,g=a.originalHeight??b.metadata?.height??i.containerHeight??v,N={x:m/100*x,y:f/100*g,width:w/100*x,height:R/100*g},V={x:0,y:0,width:r,height:n};s.pass.end();let{texture:h}=await D(s,b,{width:x,height:g,props:{...i,containerWidth:x,containerHeight:g}});if(!(F>0||T||d)&&!d){let t=e.renderer.beginFrame(l,U,{r:0,g:0,b:0,a:0},k,v,"load");e.renderer.drawTextureRegion(t,h,N,V,{opacity:H}),s.pass=t;return}let y=h;if(d){if(x!==r||g!==n){let t=e.renderer.getTemporaryTexture(r,n,[h,P,...i.excludeTextures||[]]),u=t.createView(),o=e.renderer.beginFrame(l,u,{r:0,g:0,b:0,a:0},r,n,"clear");e.renderer.drawTexture(o,h,{x:0,y:0,width:r,height:n}),o.end(),y=t}}else{let t=e.renderer.getTemporaryTexture(r,n,[h,P,...i.excludeTextures||[]]),u=t.createView(),o=e.renderer.beginFrame(l,u,{r:0,g:0,b:0,a:0},r,n,"clear");e.renderer.drawTextureRegion(o,h,N,V),o.end(),y=t}let G=e.renderer.getTemporaryTexture(r,n,[y,P,...i.excludeTextures||[]]),X=G.createView(),M=e.renderer.beginFrame(l,X,{r:0,g:0,b:0,a:0},r,n,"clear"),j=te(e.device,e.renderer.format),c=new Float32Array(136),Y=d?m/100*r:0,$=d?f/100*n:0,S=d?w/100*r:r,B=d?R/100*n:n,I=F/100*(Math.min(S,B)/2);if(c[0]=Y,c[1]=$,c[2]=S,c[3]=B,c[4]=I,c[5]=T?1:0,c[6]=p.length,T)for(let t=0;t<Math.min(p.length,64);t++){let u=p[t].x/100*r,o=p[t].y/100*n;d||(u=(p[t].x-m)/w*r,o=(p[t].y-f)/R*n),c[8+t*2]=u,c[8+t*2+1]=o}let J=e.renderer.getTemporaryBuffer(c),K=e.device.createBindGroup({layout:j.getBindGroupLayout(0),entries:[{binding:0,resource:{buffer:J}}]});M.setPipeline(j),M.setBindGroup(0,K),M.draw(4),M.end();let Z=e.renderer.composite(l,y,G,d?"mask-out":"mask-in",[y,G,P,...i.excludeTextures||[]]),L=e.renderer.beginFrame(l,U,{r:0,g:0,b:0,a:0},k,v,"load");e.renderer.drawTexture(L,Z,{x:0,y:0,width:r,height:n},{opacity:H}),s.pass=L};var ce=q({WebGPURenderer:_});export{ce as a};

package/dist/preview-engine/{chunk-MDDF2GCF.mjs → chunk-PFA427ZC.mjs}

@@ -1,4 +1,4 @@
-import{t as B}from"./chunk-ZNGOAGAI.mjs";import{d as G}from"./chunk-6YJP57MZ.mjs";import{e as T}from"./chunk-BVF64D6H.mjs";T();T();function J(t,e,r,a){if(t==null)return e;if(typeof t=="object"&&t!==null){if("get"in t&&typeof t.get=="function")try{let o=t.get({frame:r,fps:a,time:a>0?r/a:0,duration:0,durationMs:0,progress:0,deltaTime:a>0?1/a:0}),l=Number(o);if(Number.isFinite(l))return l}catch{}if("value"in t){let o=Number(t.value);if(Number.isFinite(o))return o}}else if(typeof t=="function")try{let o=t(r,a),l=Number(o);if(Number.isFinite(l))return l}catch{}let i=Number(t);return Number.isFinite(i)?i:e}function y(t,e,r,a,i,o=0,l=30){let x=`${e}HandleId`,n=t[x],c=n?t.inputs?.[n]:null,m=!!(c?.connectionValid&&c.outputItem?.type==="Signal"),s=m?c?.outputItem?.data:null,u=r;if(m)s&&typeof s=="object"&&"offset"in s&&(u=Number(s.offset??r));else if(c?.connectionValid&&c.outputItem?.type==="Number")u=Number(c.outputItem.data??r);else{let p=t[e]??t.signals?.[e];u=J(p,r,o,l)}return u=Math.max(a,Math.min(i,u)),{hasSignal:m,sd:s,value:u}}var Q=`
+import{a as P,d as y,e as F,f as N,g as k,h as C,j as H,k as D,m as O}from"./chunk-ENKKLU7B.mjs";import{d as x}from"./chunk-6YJP57MZ.mjs";import{z as G}from"./chunk-63SFBHEH.mjs";import{e as h}from"./chunk-BVF64D6H.mjs";h();h();function Y(e,t,r,u){if(e==null)return t;if(typeof e=="object"&&e!==null){if("get"in e&&typeof e.get=="function")try{let o=e.get({frame:r,fps:u,time:u>0?r/u:0,duration:0,durationMs:0,progress:0,deltaTime:u>0?1/u:0}),p=Number(o);if(Number.isFinite(p))return p}catch{}if("value"in e){let o=Number(e.value);if(Number.isFinite(o))return o}}else if(typeof e=="function")try{let o=e(r,u),p=Number(o);if(Number.isFinite(p))return p}catch{}let s=Number(e);return Number.isFinite(s)?s:t}function b(e,t,r,u,s,o=0,p=30){let i=`${t}HandleId`,d=e[i],a=d?e.inputs?.[d]:null,l=!!(a?.connectionValid&&a.outputItem?.type==="Signal"),n=l?a?.outputItem?.data:null,c=r;if(l)n&&typeof n=="object"&&"offset"in n&&(c=Number(n.offset??r));else if(a?.connectionValid&&a.outputItem?.type==="Number")c=Number(a.outputItem.data??r);else{let v=e[t]??e.signals?.[t];c=Y(v,r,o,p)}return c=Math.max(u,Math.min(s,c)),{hasSignal:l,sd:n,value:c}}var Z=`
 struct ModulateUniforms {
 	hue                  : f32,
 	brightness           : f32,
@@ -26,27 +26,7 @@ struct ModulateUniforms {
 @group(2) @binding(4) var saturationTex : texture_2d<f32>;
 @group(2) @binding(5) var sepiaTex      : texture_2d<f32>;
 @group(2) @binding(6) 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]);
-}
+${P}
 
 fn apply_exposure(c: vec4<f32>, exposure: f32) -> vec4<f32> {
 	let scale = pow(2.0, exposure);
@@ -181,4 +161,4 @@ fn apply_sepia(c: vec4<f32>, s: f32) -> vec4<f32> {
 
 	return color;
 }
-`,E=new WeakMap,f=new Float32Array(12);function X(t){let e=E.get(t);if(e)return e;let r=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),a=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),i=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:4,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:5,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:6,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});return e={modulateUniformLayout:r,singleTextureLayout:a,modulateSignalsLayout:i,pipelineCache:new Map},E.set(t,e),e}function Y(t,e){let r=X(t),a=`modulate_${e}`,i=r.pipelineCache.get(a);if(!i){let o=t.createShaderModule({label:`modulate_static_${e}.wgsl`,code:Q});i=t.createRenderPipeline({label:`ModulatePipeline_static_${e}`,layout:t.createPipelineLayout({bindGroupLayouts:[r.modulateUniformLayout,r.singleTextureLayout,r.modulateSignalsLayout]}),vertex:{module:o,entryPoint:"vs"},fragment:{module:o,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),r.pipelineCache.set(a,i)}return{modulatePipeline:i,modulateUniformLayout:r.modulateUniformLayout,singleTextureLayout:r.singleTextureLayout,modulateSignalsLayout:r.modulateSignalsLayout}}var k=async t=>{let{ctx:e,encoder:r,pass:a,targetView:i,targetTexture:o,targetWidth:l,targetHeight:x,props:n,drawChild:c}=t,m=n.frame??0,s=n.compositionFrame??m,u=n.fps||30,p=n.virtualMedia?.operation;if(p?.op!=="Modulate"||!p)return;let w=n.virtualMedia.children?.[0];if(!w)return;a.end();let M=y(p,"hue",0,0,360,s,u),R=y(p,"brightness",1,0,2,s,u),_=y(p,"contrast",1,0,2,s,u),P=y(p,"exposure",0,-2,2,s,u),L=y(p,"saturation",1,0,2,s,u),V=y(p,"sepia",0,0,1,s,u),g=l,b=x,S=e.renderer.getTemporaryTexture(g,b,[...n.excludeTextures||[],o]),A=S.createView();e.renderer.beginFrame(r,A,{r:0,g:0,b:0,a:0},g,b,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:g,height:b}),e.renderer.pushIdentity(),await c(w,{...n,virtualMedia:w},A,S,g,b),e.renderer.popTransform(),e.renderer.popScissor();let{modulatePipeline:D,modulateUniformLayout:O,singleTextureLayout:C,modulateSignalsLayout:H}=Y(e.device,e.renderer.format),U=e.renderer.samplerCache.getSampler(e.device),I=e.renderer.getTemporaryTexture(g,b,[S,o,...n.excludeTextures||[]]);f[0]=M.value,f[1]=R.value,f[2]=_.value,f[3]=P.value,f[4]=L.value,f[5]=V.value;let W=[{name:"hue",info:M,idx:6},{name:"brightness",info:R,idx:7},{name:"contrast",info:_,idx:8},{name:"exposure",info:P,idx:9},{name:"saturation",info:L,idx:10},{name:"sepia",info:V,idx:11}],d=[],$=n.elapsedMs!==void 0?n.elapsedMs/1e3:m/u,j=n.virtualMedia?.metadata?.durationMs?n.virtualMedia.metadata.durationMs/1e3:n.durationMs!==void 0?n.durationMs/1e3:0;for(let h of W){let N=!!(h.info.hasSignal&&h.info.sd);if(f[h.idx]=N?1:0,N){let q=G.getOrCreate2DTextureView(e.device,r,h.info.sd.nodeId??`modulate_${h.name}_sig`,$,j,h.info.sd,g,b,n.renderId,m,u);d.push(q)}else d.push(G.getDummy1x1TextureView(e.device))}let K=e.renderer.getTemporaryBuffer(f),v=r.beginRenderPass({colorAttachments:[{view:I.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});v.setPipeline(D),v.setBindGroup(0,e.device.createBindGroup({layout:O,entries:[{binding:0,resource:{buffer:K}}]})),v.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,C,S,U)),v.setBindGroup(2,e.device.createBindGroup({layout:H,entries:[{binding:0,resource:d[0]},{binding:1,resource:d[1]},{binding:2,resource:d[2]},{binding:3,resource:d[3]},{binding:4,resource:d[4]},{binding:5,resource:d[5]},{binding:6,resource:U}]})),v.draw(4),v.end();let F=e.renderer.beginFrame(r,i,{r:0,g:0,b:0,a:0},l,x,"load");e.renderer.drawTexture(F,I,{x:0,y:0,width:l,height:x},{opacity:p.opacity??1}),t.pass=F};var ue=B({WebGPURenderer:k});export{ue as a};
+`,f=new Float32Array(12),ee=N(e=>({modulateUniformLayout:y(e,["uniform"]),singleTextureLayout:y(e,["texture","sampler"]),modulateSignalsLayout:F(e,6),pipelineCache:new Map}));function te(e,t){let r=ee(e),u=`modulate_${t}`,s=r.pipelineCache.get(u);if(!s){let o=e.createShaderModule({label:`modulate_static_${t}.wgsl`,code:Z});s=k(e,{label:`ModulatePipeline_static_${t}`,module:o,layouts:[r.modulateUniformLayout,r.singleTextureLayout,r.modulateSignalsLayout],format:t}),r.pipelineCache.set(u,s)}return{modulatePipeline:s,modulateUniformLayout:r.modulateUniformLayout,singleTextureLayout:r.singleTextureLayout,modulateSignalsLayout:r.modulateSignalsLayout}}var W=async e=>{let{ctx:t,encoder:r,pass:u,targetTexture:s,targetWidth:o,targetHeight:p,props:i}=e,d=i.frame??0,a=i.compositionFrame??d,l=i.fps||30,n=i.virtualMedia?.operation;if(n?.op!=="Modulate"||!n)return;let c=i.virtualMedia.children?.[0];if(!c)return;u.end();let v=b(n,"hue",0,0,360,a,l),S=b(n,"brightness",1,0,2,a,l),w=b(n,"contrast",1,0,2,a,l),_=b(n,"exposure",0,-2,2,a,l),T=b(n,"saturation",1,0,2,a,l),L=b(n,"sepia",0,0,1,a,l),R=o,V=p,{texture:I}=await C(e,c),{modulatePipeline:B,modulateUniformLayout:$,singleTextureLayout:E,modulateSignalsLayout:j}=te(t.device,t.renderer.format),A=t.renderer.samplerCache.getSampler(t.device),M=t.renderer.getTemporaryTexture(R,V,[I,s,...i.excludeTextures||[]]);f[0]=v.value,f[1]=S.value,f[2]=w.value,f[3]=_.value,f[4]=T.value,f[5]=L.value;let K=[{name:"hue",info:v,idx:6},{name:"brightness",info:S,idx:7},{name:"contrast",info:w,idx:8},{name:"exposure",info:_,idx:9},{name:"saturation",info:T,idx:10},{name:"sepia",info:L,idx:11}],m=[],{elapsedSeconds:Q,durationSeconds:q}=D(i,d,l);for(let g of K){let U=!!(g.info.hasSignal&&g.info.sd);if(f[g.idx]=U?1:0,U){let J=x.getOrCreate2DTextureView(t.device,r,g.info.sd.nodeId??`modulate_${g.name}_sig`,Q,q,g.info.sd,R,V,i.renderId,d,l);m.push(J)}else m.push(x.getDummy1x1TextureView(t.device))}let z=t.renderer.getTemporaryBuffer(f);O(r,M.createView(),B,[t.device.createBindGroup({layout:$,entries:[{binding:0,resource:{buffer:z}}]}),t.renderer.bindGroupCache.getBindGroup(t.device,E,I,A),t.device.createBindGroup({layout:j,entries:[{binding:0,resource:m[0]},{binding:1,resource:m[1]},{binding:2,resource:m[2]},{binding:3,resource:m[3]},{binding:4,resource:m[4]},{binding:5,resource:m[5]},{binding:6,resource:A}]})]),H(e,M,n.opacity??1)};var se=G({WebGPURenderer:W});export{se as a};