framefields 2.0.11 → 2.1.1

package/dist/preview-engine/{chunk-Y6FEU4TV.mjs → chunk-SZW5J72T.mjs}

@@ -1,4 +1,4 @@
-import{a as q}from"./chunk-XOEEGC4Z.mjs";import{b as J,c as Q}from"./chunk-IYVN2QEL.mjs";import{a as o}from"./chunk-NQZKBFC6.mjs";import{t as j}from"./chunk-ZNGOAGAI.mjs";import{d as F}from"./chunk-6YJP57MZ.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();u();u();var U=200,ve=o.enum(["Union","Intersect","Subtract","Difference","Invert","Dilate","Erode","Choke","Feather"]),Z=o.enum(["Alpha","Luminance","Red","Green","Blue"]),Me=o.enum(["WhiteWithAlpha","GrayscaleRGB","AlphaOnly","PassthroughRGB"]),Se=q().field("operation",ve.default("Union"),{label:"Operation",description:"Morphological or Boolean set operation applied to input alpha masks."}).field("radius",o.number().min(0).max(U).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius / Width (px)",description:"Kernel radius in pixels for Dilate, Erode, Choke, or Feather operations."}).field("threshold",o.number().multipleOf(.01).min(0).max(1).default(.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold",description:"Cutoff threshold level (0.0\u20131.0) for binarization step or non-linear choke."}).field("clampMin",o.number().multipleOf(.01).min(0).max(1).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Min",description:"Minimum alpha matte cutoff limit (0.0\u20131.0)."}).field("clampMax",o.number().multipleOf(.01).min(0).max(1).default(1),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Max",description:"Maximum alpha matte cutoff limit (0.0\u20131.0)."}).field("channelA",Z.default("Alpha"),{label:"Mask A Channel",description:"Source channel to extract mask from Mask A (Alpha, Luminance, Red, Green, Blue)."}).field("channelB",Z.default("Alpha"),{label:"Mask B Channel",description:"Source channel to extract mask from Mask B (Alpha, Luminance, Red, Green, Blue)."}).field("binarize",o.boolean().default(!1),{label:"Binarize",description:"When enabled, outputs crisp 1-bit binary matte based on threshold."}).field("invertResult",o.boolean().default(!1),{label:"Invert Result",description:"Inverts final matte output."}).field("outputFormat",Me.default("WhiteWithAlpha"),{label:"Output Format",description:"WhiteWithAlpha (rgba(1,1,1,a)), GrayscaleRGB (rgba(a,a,a,1)), AlphaOnly (rgba(0,0,0,a)), PassthroughRGB (Mask A RGB with new alpha)."}).build(),Be=Se.schema,Pe=o.union([J,Q]);u();var be={Union:0,Intersect:1,Subtract:2,Difference:3,Invert:4,Dilate:5,Erode:6,Choke:7,Feather:8},ee={Alpha:0,Luminance:1,Red:2,Green:3,Blue:4},ye={WhiteWithAlpha:0,GrayscaleRGB:1,AlphaOnly:2,PassthroughRGB:3},Re=`
+import{a as q}from"./chunk-XOEEGC4Z.mjs";import{b as J,c as Z}from"./chunk-FLPSWDX4.mjs";import{a as r}from"./chunk-NQZKBFC6.mjs";import{a as $,d as X,e as L,g as K,h as V,j as Y,k as j,l as Q,m as w}from"./chunk-ENKKLU7B.mjs";import{w as E,z as H}from"./chunk-63SFBHEH.mjs";import{e as l}from"./chunk-BVF64D6H.mjs";l();l();l();l();var I=200,be=r.enum(["Union","Intersect","Subtract","Difference","Invert","Dilate","Erode","Choke","Feather"]),ee=r.enum(["Alpha","Luminance","Red","Green","Blue"]),ke=r.enum(["WhiteWithAlpha","GrayscaleRGB","AlphaOnly","PassthroughRGB"]),Re=q().field("operation",be.default("Union"),{label:"Operation",description:"Morphological or Boolean set operation applied to input alpha masks."}).field("radius",r.number().min(0).max(I).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius / Width (px)",description:"Kernel radius in pixels for Dilate, Erode, Choke, or Feather operations."}).field("threshold",r.number().multipleOf(.01).min(0).max(1).default(.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold",description:"Cutoff threshold level (0.0\u20131.0) for binarization step or non-linear choke."}).field("clampMin",r.number().multipleOf(.01).min(0).max(1).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Min",description:"Minimum alpha matte cutoff limit (0.0\u20131.0)."}).field("clampMax",r.number().multipleOf(.01).min(0).max(1).default(1),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Max",description:"Maximum alpha matte cutoff limit (0.0\u20131.0)."}).field("channelA",ee.default("Alpha"),{label:"Mask A Channel",description:"Source channel to extract mask from Mask A (Alpha, Luminance, Red, Green, Blue)."}).field("channelB",ee.default("Alpha"),{label:"Mask B Channel",description:"Source channel to extract mask from Mask B (Alpha, Luminance, Red, Green, Blue)."}).field("binarize",r.boolean().default(!1),{label:"Binarize",description:"When enabled, outputs crisp 1-bit binary matte based on threshold."}).field("invertResult",r.boolean().default(!1),{label:"Invert Result",description:"Inverts final matte output."}).field("outputFormat",ke.default("WhiteWithAlpha"),{label:"Output Format",description:"WhiteWithAlpha (rgba(1,1,1,a)), GrayscaleRGB (rgba(a,a,a,1)), AlphaOnly (rgba(0,0,0,a)), PassthroughRGB (Mask A RGB with new alpha)."}).build(),Le=Re.schema,Ve=r.union([J,Z]);l();var Ae={Union:0,Intersect:1,Subtract:2,Difference:3,Invert:4,Dilate:5,Erode:6,Choke:7,Feather:8},ae={Alpha:0,Luminance:1,Red:2,Green:3,Blue:4},ye={WhiteWithAlpha:0,GrayscaleRGB:1,AlphaOnly:2,PassthroughRGB:3},Be=`
 struct MaskMathUniforms {
 	dirX           : f32,
 	dirY           : f32,
@@ -38,27 +38,7 @@ struct MaskMathUniforms {
 @group(2) @binding(2) var clampMinSigTex      : texture_2d<f32>;
 @group(2) @binding(3) var clampMaxSigTex      : texture_2d<f32>;
 @group(2) @binding(4) var signalSamp          : sampler;
-
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
-@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
-	var pos = array<vec2<f32>, 4>(
-		vec2<f32>(-1.0, 1.0),
-		vec2<f32>(1.0, 1.0),
-		vec2<f32>(-1.0, -1.0),
-		vec2<f32>(1.0, -1.0)
-	);
-	var uv = array<vec2<f32>, 4>(
-		vec2<f32>(0.0, 0.0),
-		vec2<f32>(1.0, 0.0),
-		vec2<f32>(0.0, 1.0),
-		vec2<f32>(1.0, 1.0)
-	);
-	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
-}
+${$}
 
 fn extractChannel(color : vec4<f32>, chCode : f32) -> f32 {
 	if (chCode < 0.5) {
@@ -291,4 +271,4 @@ fn extractChannel(color : vec4<f32>, chCode : f32) -> f32 {
 		return vec4<f32>(unpremult * matte, matte);
 	}
 }
-`,ae=new WeakMap;function Ae(r,e){let p=ae.get(r);if(p)return p;let R=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),A=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,sampler:{type:"filtering"}}]}),c=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,sampler:{type:"filtering"}}]}),f=r.createShaderModule({code:Re}),M=r.createPipelineLayout({bindGroupLayouts:[R,A,c]}),a=r.createRenderPipeline({layout:M,vertex:{module:f,entryPoint:"vs"},fragment:{module:f,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),S={uniformLayout:R,textureLayout:A,signalTextureLayout:c,pipeline:a};return ae.set(r,S),S}var te=async r=>{let{ctx:e,encoder:p,pass:R,targetView:A,targetTexture:c,targetWidth:f,targetHeight:M,props:a,drawChild:S}=r,t=a.virtualMedia?.operation;if(t?.op!=="MaskMath"||!t)return;let P=a.virtualMedia?.children?.[0];if(!P)return;R.end();let _=a.frame??0,D=a.fps||30,n=f,l=M,G=(i,v,k=0,Y=1e3)=>{if(i&&t.inputs?.[i]?.connectionValid){let m=t.inputs[i].outputItem;if(m?.type==="Number"){let xe=typeof m.data=="number"?m.data:m.data?.value??v;return{val:Math.max(k,Math.min(Y,xe)),hasStaticSig:!1,sd:null,handleId:i}}if(m?.type==="Signal"&&m.data)return{val:v,hasStaticSig:!0,sd:m.data,handleId:i}}return{val:Math.max(k,Math.min(Y,v)),hasStaticSig:!1,sd:null,handleId:i}},V=G(t.radiusHandleId,Number(t.radius??0),0,U),C=G(t.thresholdHandleId,Number(t.threshold??.5),0,1),w=G(t.clampMinHandleId,Number(t.clampMin??0),0,1),L=G(t.clampMaxHandleId,Number(t.clampMax??1),0,1),d=e.renderer.getTemporaryTexture(n,l,[...a.excludeTextures||[],c]),h=d.createView();e.renderer.beginFrame(p,h,{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(P,{...a,virtualMedia:P,renderId:`${a.renderId}-maskA`,excludeTextures:[...a.excludeTextures||[],d]},h,d,n,l),e.renderer.popTransform(),e.renderer.popScissor();let s=null;if(t.maskBMedia){s=e.renderer.getTemporaryTexture(n,l,[...a.excludeTextures||[],c,d]);let i=s.createView();e.renderer.beginFrame(p,i,{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(t.maskBMedia,{...a,virtualMedia:t.maskBMedia,renderId:`${a.renderId}-maskB`,excludeTextures:[...a.excludeTextures||[],d,s]},i,s,n,l),e.renderer.popTransform(),e.renderer.popScissor()}let{pipeline:N,uniformLayout:W,textureLayout:z,signalTextureLayout:ie}=Ae(e.device,e.renderer.format),I=e.renderer.samplerCache.getSampler(e.device),re=a.elapsedMs!==void 0?a.elapsedMs/1e3:_/D,ne=a.virtualMedia?.metadata?.durationMs?a.virtualMedia.metadata.durationMs/1e3:a.durationMs!==void 0?a.durationMs/1e3:0,T=(i,v)=>{if(i.hasStaticSig&&i.sd){let k=i.sd.nodeId??i.handleId??`${a.renderId??"maskmath"}_${v}`;return F.getOrCreate2DTextureView(e.device,p,k,re,ne,i.sd,n,l,a.renderId,_,D)}return F.getDummy1x1TextureView(e.device)},le=T(V,"radius_sig"),se=T(C,"threshold_sig"),oe=T(w,"clampMin_sig"),ue=T(L,"clampMax_sig"),E=e.device.createBindGroup({layout:ie,entries:[{binding:0,resource:le},{binding:1,resource:se},{binding:2,resource:oe},{binding:3,resource:ue},{binding:4,resource:I}]}),pe=be[t.operation??"Union"]??0,ce=ee[t.channelA??"Alpha"]??0,de=ee[t.channelB??"Alpha"]??0,me=ye[t.outputFormat??"WhiteWithAlpha"]??0,H=s?s.createView():h,b=new Float32Array(20),y=new Float32Array(20),X=[0,0,V.val,C.val,w.val,L.val,pe,ce,de,t.binarize?1:0,t.invertResult?1:0,me,s?1:0,V.hasStaticSig?1:0,C.hasStaticSig?1:0,w.hasStaticSig?1:0,L.hasStaticSig?1:0,0,0,0];b.set(X),b[0]=1,b[1]=0,b[17]=0,y.set(X),y[0]=0,y[1]=1,y[17]=1;let O=e.renderer.getTemporaryTexture(n,l,[d,...s?[s]:[],c,...a.excludeTextures||[]]),$=e.renderer.getTemporaryTexture(n,l,[d,...s?[s]:[],O,c,...a.excludeTextures||[]]),fe=e.renderer.getTemporaryBuffer(b),g=p.beginRenderPass({colorAttachments:[{view:O.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});g.setPipeline(N),g.setBindGroup(0,e.device.createBindGroup({layout:W,entries:[{binding:0,resource:{buffer:fe}}]})),g.setBindGroup(1,e.device.createBindGroup({layout:z,entries:[{binding:0,resource:h},{binding:1,resource:H},{binding:2,resource:h},{binding:3,resource:I}]})),g.setBindGroup(2,E),g.draw(4),g.end();let he=e.renderer.getTemporaryBuffer(y),x=p.beginRenderPass({colorAttachments:[{view:$.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});x.setPipeline(N),x.setBindGroup(0,e.device.createBindGroup({layout:W,entries:[{binding:0,resource:{buffer:he}}]})),x.setBindGroup(1,e.device.createBindGroup({layout:z,entries:[{binding:0,resource:O.createView()},{binding:1,resource:H},{binding:2,resource:h},{binding:3,resource:I}]})),x.setBindGroup(2,E),x.draw(4),x.end();let K=e.renderer.beginFrame(p,A,{r:0,g:0,b:0,a:0},f,M,"load"),ge=a.opacity??t.opacity??1;e.renderer.drawTexture(K,$,{x:0,y:0,width:f,height:M},{opacity:ge}),r.pass=K};var Ee=j({WebGPURenderer:te});export{te as a,Ee as b};
+`,te=new WeakMap;function Te(i,t){let o=te.get(i);if(o)return o;let c=X(i,["uniform"]),u=L(i,3),d=L(i,4),S=i.createShaderModule({code:Be}),a=i.createPipelineLayout({bindGroupLayouts:[c,u,d]}),e=K(i,{module:S,layouts:a,format:t}),s={uniformLayout:c,textureLayout:u,signalTextureLayout:d,pipeline:e};return te.set(i,s),s}var ie=async i=>{let{ctx:t,encoder:o,pass:c,targetTexture:u,targetWidth:d,targetHeight:S,props:a}=i,e=a.virtualMedia?.operation;if(e?.op!=="MaskMath"||!e)return;let s=a.virtualMedia?.children?.[0];if(!s)return;c.end();let P=a.frame??0,_=a.fps||30,b=d,k=S,f=(M,G,ve=0,Se=1e3)=>E(e.inputs,M,G,ve,Se),R=f(e.radiusHandleId,Number(e.radius??0),0,I),A=f(e.thresholdHandleId,Number(e.threshold??.5),0,1),y=f(e.clampMinHandleId,Number(e.clampMin??0),0,1),B=f(e.clampMaxHandleId,Number(e.clampMax??1),0,1),{texture:h,view:g}=await V(i,s,{props:{...a,virtualMedia:s,renderId:`${a.renderId}-maskA`}}),n=null;e.maskBMedia&&({texture:n}=await V(i,e.maskBMedia,{props:{...a,virtualMedia:e.maskBMedia,renderId:`${a.renderId}-maskB`,excludeTextures:[...a.excludeTextures||[],h]},exclude:[h]}));let{pipeline:O,uniformLayout:D,textureLayout:U,signalTextureLayout:re}=Te(t.device,t.renderer.format),T=t.renderer.samplerCache.getSampler(t.device),{elapsedSeconds:le,durationSeconds:ne}=j(a,P,_),se={args:i,width:b,height:k,frame:P,fps:_,elapsedSeconds:le,durationSeconds:ne},x=(M,G)=>Q(se,M,M.handleId??`${a.renderId??"maskmath"}_${G}`),oe=x(R,"radius_sig"),ue=x(A,"threshold_sig"),me=x(y,"clampMin_sig"),pe=x(B,"clampMax_sig"),F=t.device.createBindGroup({layout:re,entries:[{binding:0,resource:oe},{binding:1,resource:ue},{binding:2,resource:me},{binding:3,resource:pe},{binding:4,resource:T}]}),ce=Ae[e.operation??"Union"]??0,de=ae[e.channelA??"Alpha"]??0,fe=ae[e.channelB??"Alpha"]??0,he=ye[e.outputFormat??"WhiteWithAlpha"]??0,W=n?n.createView():g,m=new Float32Array(20),p=new Float32Array(20),z=[0,0,R.val,A.val,y.val,B.val,ce,de,fe,e.binarize?1:0,e.invertResult?1:0,he,n?1:0,R.hasStaticSig?1:0,A.hasStaticSig?1:0,y.hasStaticSig?1:0,B.hasStaticSig?1:0,0,0,0];m.set(z),m[0]=1,m[1]=0,m[17]=0,p.set(z),p[0]=0,p[1]=1,p[17]=1;let C=t.renderer.getTemporaryTexture(b,k,[h,...n?[n]:[],u,...a.excludeTextures||[]]),N=t.renderer.getTemporaryTexture(b,k,[h,...n?[n]:[],C,u,...a.excludeTextures||[]]),ge=t.renderer.getTemporaryBuffer(m);w(o,C.createView(),O,[t.device.createBindGroup({layout:D,entries:[{binding:0,resource:{buffer:ge}}]}),t.device.createBindGroup({layout:U,entries:[{binding:0,resource:g},{binding:1,resource:W},{binding:2,resource:g},{binding:3,resource:T}]}),F]);let xe=t.renderer.getTemporaryBuffer(p);w(o,N.createView(),O,[t.device.createBindGroup({layout:D,entries:[{binding:0,resource:{buffer:xe}}]}),t.device.createBindGroup({layout:U,entries:[{binding:0,resource:C.createView()},{binding:1,resource:W},{binding:2,resource:g},{binding:3,resource:T}]}),F]);let Me=a.opacity??e.opacity??1;Y(i,N,Me)};var Xe=H({WebGPURenderer:ie});export{ie as a,Xe as b};

package/dist/preview-engine/{chunk-LIHUEYI5.mjs → chunk-VO2R3DWV.mjs}

@@ -1,4 +1,4 @@
-import{a as y}from"./chunk-D3TETPLI.mjs";import{c as n,e as c,t as g}from"./chunk-ZNGOAGAI.mjs";import{e as i}from"./chunk-BVF64D6H.mjs";i();i();var A=["delayTime","feedback","wet","dry"],W=()=>`
+import{a as c}from"./chunk-ZH5MZQTZ.mjs";import{c as f,e as m,y as n,z as p}from"./chunk-63SFBHEH.mjs";import{e as t}from"./chunk-BVF64D6H.mjs";t();t();var k=["delayTime","feedback","wet","dry"],P=()=>`
 struct Uniforms {
     sampleRate       : f32,
     delaySec         : f32,
@@ -161,4 +161,4 @@ fn main(@builtin(global_invocation_id) gid : vec3<u32>) {
 
     state[0] = f32(writeIndex);
 }
-`,h=async(r,o,u,a)=>{if(!a?.device)throw new Error("GPUDevice is required for WebGPU Audio Delay.");let e=u.operation||{},x=e.inputs||{},d=r.length;if(d===0)return;let s=r[0].length;if(s===0)return;let S=Math.max(.001,Math.min(n(e.delayTime,.25),5)),_=Math.max(0,Math.min(n(e.feedback,.4),.95)),b=Math.max(0,Math.min(n(e.wet,.3),1)),L=Math.max(0,Math.min(n(e.dry,1),1)),v=c(e.pingPong,!1),f=C=>{let l=e[C];if(typeof l!="string"||!l)return!1;let t=x[l];return!!(t?.connectionValid&&t.outputItem&&(t.outputItem.type==="Signal"||t.outputItem.type==="Number"))},R=f("delayTimeHandleId")?1:0,I=f("feedbackHandleId")?1:0,D=f("wetHandleId")?1:0,V=f("dryHandleId")?1:0,m=Math.ceil(5*o),w=e.id||"audio-delay",p=a.frame??0,k=a.fps??24,P=d*m+1;await y.process(a.device,w,r,o,u,p,k,W,()=>[o,S,_,b,L,v?1:0,m,R,I,D,V,0,p,s,d,0],16,P,a?.renderId,!0,a?.elapsedMs,a?.durationMs,void 0,void 0,A)};var B=g({audioProcessor:h});export{B as a};
+`,g=async(r,i,d,a)=>{if(!a?.device)throw new Error("GPUDevice is required for WebGPU Audio Delay.");let e=d.operation||{},o=r.length;if(o===0)return;let l=r[0].length;if(l===0)return;let y=Math.max(.001,Math.min(f(e.delayTime,.25),5)),x=Math.max(0,Math.min(f(e.feedback,.4),.95)),h=Math.max(0,Math.min(f(e.wet,.3),1)),S=Math.max(0,Math.min(f(e.dry,1),1)),_=m(e.pingPong,!1),b=n(e,"delayTimeHandleId")?1:0,L=n(e,"feedbackHandleId")?1:0,v=n(e,"wetHandleId")?1:0,R=n(e,"dryHandleId")?1:0,s=Math.ceil(5*i),D=e.id||"audio-delay",u=a.frame??0,I=a.fps??24,w=o*s+1;await c.process(a.device,D,r,i,d,u,I,P,()=>[i,y,x,h,S,_?1:0,s,b,L,v,R,0,u,l,o,0],16,w,a?.renderId,!0,a?.elapsedMs,a?.durationMs,void 0,void 0,k)};var H=p({audioProcessor:g});export{H as a};

package/dist/preview-engine/{chunk-BJKH76OM.mjs → chunk-VXS5SIEC.mjs}

@@ -1,4 +1,4 @@
-import{a as $}from"./chunk-XOEEGC4Z.mjs";import{b as Z,c as J}from"./chunk-IYVN2QEL.mjs";import{a as r}from"./chunk-NQZKBFC6.mjs";import{d as _}from"./chunk-6YJP57MZ.mjs";import{e as w}from"./chunk-BVF64D6H.mjs";w();w();w();var I=250,M=1,U=100,be=$().field("shadowAmount",r.number().min(0).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Boost (%)",description:"Percentage to lift and recover crushed shadow details (0\u2013100%)."}).field("shadowTonalWidth",r.number().min(0).max(100).default(50),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Range (%)",description:"Range of dark tones affected by shadow adjustments (0\u2013100%)."}).field("shadowRadius",r.number().min(1).max(250).default(30),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Radius (px)",description:"Local neighborhood radius in pixels to determine shadow illumination (1\u2013250px)."}).field("highlightAmount",r.number().min(0).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Suppression (%)",description:"Percentage to suppress and recover blown highlight details (0\u2013100%)."}).field("highlightTonalWidth",r.number().min(0).max(100).default(50),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Range (%)",description:"Range of bright tones affected by highlight adjustments (0\u2013100%)."}).field("highlightRadius",r.number().min(1).max(250).default(30),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Radius (px)",description:"Local neighborhood radius in pixels to determine highlight exposure (1\u2013250px)."}).field("colorCorrection",r.number().min(-100).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Color Correction (%)",description:"Fine-tunes color saturation in recovered shadow/highlight zones (-100 to +100%)."}).field("midtoneContrast",r.number().min(-100).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Midtone Contrast (%)",description:"Adjusts contrast centered on the midtones (-100 to +100%)."}).build(),ee=be.schema,Ce=r.union([Z,J]),He=ee.extend({op:r.literal("ShadowsHighlights"),metadata:r.unknown().optional()}),We=ee.parse({});var we=`
+import{a as q}from"./chunk-XOEEGC4Z.mjs";import{b as Q,c as Z}from"./chunk-FLPSWDX4.mjs";import{a as o}from"./chunk-NQZKBFC6.mjs";import{a as j,d as y,e as E,g as K,h as X,j as P,k as Y,l as $,m as _}from"./chunk-ENKKLU7B.mjs";import{w as z}from"./chunk-63SFBHEH.mjs";import{e as r}from"./chunk-BVF64D6H.mjs";r();r();r();var V=250,I=1,N=100,ve=q().field("shadowAmount",o.number().min(0).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Boost (%)",description:"Percentage to lift and recover crushed shadow details (0\u2013100%)."}).field("shadowTonalWidth",o.number().min(0).max(100).default(50),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Range (%)",description:"Range of dark tones affected by shadow adjustments (0\u2013100%)."}).field("shadowRadius",o.number().min(1).max(250).default(30),{bindable:!0,dataTypes:["Number","Signal"],label:"Shadow Radius (px)",description:"Local neighborhood radius in pixels to determine shadow illumination (1\u2013250px)."}).field("highlightAmount",o.number().min(0).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Suppression (%)",description:"Percentage to suppress and recover blown highlight details (0\u2013100%)."}).field("highlightTonalWidth",o.number().min(0).max(100).default(50),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Range (%)",description:"Range of bright tones affected by highlight adjustments (0\u2013100%)."}).field("highlightRadius",o.number().min(1).max(250).default(30),{bindable:!0,dataTypes:["Number","Signal"],label:"Highlight Radius (px)",description:"Local neighborhood radius in pixels to determine highlight exposure (1\u2013250px)."}).field("colorCorrection",o.number().min(-100).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Color Correction (%)",description:"Fine-tunes color saturation in recovered shadow/highlight zones (-100 to +100%)."}).field("midtoneContrast",o.number().min(-100).max(100).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Midtone Contrast (%)",description:"Adjusts contrast centered on the midtones (-100 to +100%)."}).build(),ee=ve.schema,We=o.union([Q,Z]),Le=ee.extend({op:o.literal("ShadowsHighlights"),metadata:o.unknown().optional()}),ye=ee.parse({});var Te=`
 struct ShadowsHighlightsUniforms {
 	dirX                      : f32,
 	dirY                      : f32,
@@ -40,27 +40,7 @@ struct ShadowsHighlightsUniforms {
 @group(2) @binding(6) var colorCorrectionSigTex     : texture_2d<f32>;
 @group(2) @binding(7) var midtoneContrastSigTex     : texture_2d<f32>;
 @group(2) @binding(8) var signalSamp                : 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]);
-}
+${j}
 
 fn get_luminance(c: vec3<f32>) -> f32 {
 	return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722));
@@ -261,4 +241,4 @@ fn get_luminance(c: vec3<f32>) -> f32 {
 	let finalRgb = clamp(adjustedRgb, vec3<f32>(0.0), vec3<f32>(1.0));
 	return vec4<f32>(finalRgb * alpha, alpha);
 }
-`,ie=new WeakMap,i=new Float32Array(20);function xe(s,e){let n=ie.get(s);if(n)return n;let y=s.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),x=s.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}}]}),f=s.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"}}]}),l=s.createShaderModule({code:we}),g=s.createPipelineLayout({bindGroupLayouts:[y,x,f]}),a=s.createRenderPipeline({layout:g,vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),C={uniformLayout:y,textureLayout:x,signalTextureLayout:f,pipeline:a};return ie.set(s,C),C}var te=async s=>{let{ctx:e,encoder:n,pass:y,targetView:x,targetTexture:f,targetWidth:l,targetHeight:g,props:a,drawChild:C}=s,t=a.virtualMedia?.operation;if(t?.op!=="ShadowsHighlights"||!t)return;let H=a.virtualMedia.children?.[0];if(!H)return;y.end();let B=a.frame??0,D=a.fps||30,m=l,c=g,ae=a.virtualMedia?.metadata?.id||(t.inputs?Object.keys(t.inputs)[0]:null)||a.renderId||"shadowshighlights_node",h=(o,p,Y=0,q=1e3)=>{if(o&&t.inputs?.[o]?.connectionValid){let S=t.inputs[o].outputItem;if(S?.type==="Number"){let ve=typeof S.data=="number"?S.data:S.data?.value??p;return{val:Math.max(Y,Math.min(q,ve)),hasStaticSig:!1,sd:null}}if(S?.type==="Signal"&&S.data)return{val:p,hasStaticSig:!0,sd:S.data}}return{val:Math.max(Y,Math.min(q,p)),hasStaticSig:!1,sd:null}},T=h(t.shadowAmountHandleId,Number(t.shadowAmount??0),0,U),W=h(t.shadowTonalWidthHandleId,Number(t.shadowTonalWidth??50),0,100),P=h(t.shadowRadiusHandleId,Number(t.shadowRadius??30),M,I),R=h(t.highlightAmountHandleId,Number(t.highlightAmount??0),0,U),L=h(t.highlightTonalWidthHandleId,Number(t.highlightTonalWidth??50),0,100),G=h(t.highlightRadiusHandleId,Number(t.highlightRadius??30),M,I),N=h(t.colorCorrectionHandleId,Number(t.colorCorrection??0),-100,100),A=h(t.midtoneContrastHandleId,Number(t.midtoneContrast??0),-100,100),d=e.renderer.getTemporaryTexture(m,c,[...a.excludeTextures||[],f]),O=d.createView();if(e.renderer.beginFrame(n,O,{r:0,g:0,b:0,a:0},m,c,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:m,height:c}),e.renderer.pushIdentity(),await C(H,{...a,virtualMedia:H},O,d,m,c),e.renderer.popTransform(),e.renderer.popScissor(),T.val<=0&&!T.hasStaticSig&&R.val<=0&&!R.hasStaticSig&&A.val===0&&!A.hasStaticSig){let o=e.renderer.beginFrame(n,x,{r:0,g:0,b:0,a:0},l,g,"load");e.renderer.drawTexture(o,d,{x:0,y:0,width:l,height:g},{opacity:t.opacity??1}),s.pass=o;return}let{pipeline:F,uniformLayout:E,textureLayout:oe,signalTextureLayout:se}=xe(e.device,e.renderer.format),z=e.renderer.samplerCache.getSampler(e.device),re=a.elapsedMs!==void 0?a.elapsedMs/1e3:B/D,ne=a.virtualMedia?.metadata?.durationMs?a.virtualMedia.metadata.durationMs/1e3:a.durationMs!==void 0?a.durationMs/1e3:0,u=(o,p)=>o.hasStaticSig&&o.sd?_.getOrCreate2DTextureView(e.device,n,o.sd.nodeId??`${ae}_${p}`,re,ne,o.sd,m,c,a.renderId,B,D):_.getDummy1x1TextureView(e.device),le=u(T,"shadow_amount_sig"),he=u(W,"shadow_tonal_width_sig"),de=u(P,"shadow_radius_sig"),ue=u(R,"highlight_amount_sig"),ge=u(L,"highlight_tonal_width_sig"),me=u(G,"highlight_radius_sig"),ce=u(N,"color_correction_sig"),pe=u(A,"midtone_contrast_sig"),j=(o,p)=>e.device.createBindGroup({layout:oe,entries:[{binding:0,resource:o.createView()},{binding:1,resource:z},{binding:2,resource:p.createView()}]});i[2]=P.val,i[3]=G.val,i[4]=T.val,i[5]=W.val,i[6]=R.val,i[7]=L.val,i[8]=N.val,i[9]=A.val,i[10]=0,i[11]=0,i[12]=T.hasStaticSig?1:0,i[13]=W.hasStaticSig?1:0,i[14]=P.hasStaticSig?1:0,i[15]=R.hasStaticSig?1:0,i[16]=L.hasStaticSig?1:0,i[17]=G.hasStaticSig?1:0,i[18]=N.hasStaticSig?1:0,i[19]=A.hasStaticSig?1:0;let V=e.renderer.getTemporaryTexture(m,c,[d,f,...a.excludeTextures||[]]),k=e.renderer.getTemporaryTexture(m,c,[d,V,f,...a.excludeTextures||[]]),K=e.device.createBindGroup({layout:se,entries:[{binding:0,resource:le},{binding:1,resource:he},{binding:2,resource:de},{binding:3,resource:ue},{binding:4,resource:ge},{binding:5,resource:me},{binding:6,resource:ce},{binding:7,resource:pe},{binding:8,resource:z}]});i[0]=1,i[1]=0,i[10]=0;let Se=e.renderer.getTemporaryBuffer(i),v=n.beginRenderPass({colorAttachments:[{view:V.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});v.setPipeline(F),v.setBindGroup(0,e.device.createBindGroup({layout:E,entries:[{binding:0,resource:{buffer:Se}}]})),v.setBindGroup(1,j(d,d)),v.setBindGroup(2,K),v.draw(4),v.end(),i[0]=0,i[1]=1,i[10]=1;let fe=e.renderer.getTemporaryBuffer(i),b=n.beginRenderPass({colorAttachments:[{view:k.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});b.setPipeline(F),b.setBindGroup(0,e.device.createBindGroup({layout:E,entries:[{binding:0,resource:{buffer:fe}}]})),b.setBindGroup(1,j(V,d)),b.setBindGroup(2,K),b.draw(4),b.end();let X=e.renderer.beginFrame(n,x,{r:0,g:0,b:0,a:0},l,g,"load");e.renderer.drawTexture(X,k,{x:0,y:0,width:l,height:g},{opacity:t.opacity??1}),s.pass=X};var Me={WebGPURenderer:te};export{te as a,Me as b};
+`,ie=new WeakMap,e=new Float32Array(20);function Re(t,a){let d=ie.get(t);if(d)return d;let w=y(t,["uniform"]),g=y(t,["texture","sampler","texture"]),x=E(t,8),b=t.createShaderModule({code:Te}),s=t.createPipelineLayout({bindGroupLayouts:[w,g,x]}),i=K(t,{module:b,layouts:s,format:a}),u={uniformLayout:w,textureLayout:g,signalTextureLayout:x,pipeline:i};return ie.set(t,u),u}var te=async t=>{let{ctx:a,encoder:d,pass:w,targetTexture:g,targetWidth:x,targetHeight:b,props:s}=t,i=s.virtualMedia?.operation;if(i?.op!=="ShadowsHighlights"||!i)return;let u=s.virtualMedia.children?.[0];if(!u)return;w.end();let G=s.frame??0,D=s.fps||30,v=x,T=b,ae=s.virtualMedia?.metadata?.id||(i.inputs?Object.keys(i.inputs)[0]:null)||s.renderId||"shadowshighlights_node",l=(S,f,xe=0,be=1e3)=>z(i.inputs,S,f,xe,be),m=l(i.shadowAmountHandleId,Number(i.shadowAmount??0),0,N),R=l(i.shadowTonalWidthHandleId,Number(i.shadowTonalWidth??50),0,100),A=l(i.shadowRadiusHandleId,Number(i.shadowRadius??30),I,V),c=l(i.highlightAmountHandleId,Number(i.highlightAmount??0),0,N),C=l(i.highlightTonalWidthHandleId,Number(i.highlightTonalWidth??50),0,100),H=l(i.highlightRadiusHandleId,Number(i.highlightRadius??30),I,V),W=l(i.colorCorrectionHandleId,Number(i.colorCorrection??0),-100,100),p=l(i.midtoneContrastHandleId,Number(i.midtoneContrast??0),-100,100),{texture:h}=await X(t,u);if(m.val<=0&&!m.hasStaticSig&&c.val<=0&&!c.hasStaticSig&&p.val===0&&!p.hasStaticSig){P(t,h,i.opacity??1);return}let{pipeline:B,uniformLayout:U,textureLayout:oe,signalTextureLayout:se}=Re(a.device,a.renderer.format),O=a.renderer.samplerCache.getSampler(a.device),{elapsedSeconds:le,durationSeconds:ne}=Y(s,G,D),he={args:t,width:v,height:T,frame:G,fps:D,elapsedSeconds:le,durationSeconds:ne},n=(S,f)=>$(he,S,`${ae}_${f}`),re=n(m,"shadow_amount_sig"),de=n(R,"shadow_tonal_width_sig"),ge=n(A,"shadow_radius_sig"),ue=n(c,"highlight_amount_sig"),me=n(C,"highlight_tonal_width_sig"),ce=n(H,"highlight_radius_sig"),pe=n(W,"color_correction_sig"),Se=n(p,"midtone_contrast_sig"),M=(S,f)=>a.device.createBindGroup({layout:oe,entries:[{binding:0,resource:S.createView()},{binding:1,resource:O},{binding:2,resource:f.createView()}]});e[2]=A.val,e[3]=H.val,e[4]=m.val,e[5]=R.val,e[6]=c.val,e[7]=C.val,e[8]=W.val,e[9]=p.val,e[10]=0,e[11]=0,e[12]=m.hasStaticSig?1:0,e[13]=R.hasStaticSig?1:0,e[14]=A.hasStaticSig?1:0,e[15]=c.hasStaticSig?1:0,e[16]=C.hasStaticSig?1:0,e[17]=H.hasStaticSig?1:0,e[18]=W.hasStaticSig?1:0,e[19]=p.hasStaticSig?1:0;let L=a.renderer.getTemporaryTexture(v,T,[h,g,...s.excludeTextures||[]]),F=a.renderer.getTemporaryTexture(v,T,[h,L,g,...s.excludeTextures||[]]),k=a.device.createBindGroup({layout:se,entries:[{binding:0,resource:re},{binding:1,resource:de},{binding:2,resource:ge},{binding:3,resource:ue},{binding:4,resource:me},{binding:5,resource:ce},{binding:6,resource:pe},{binding:7,resource:Se},{binding:8,resource:O}]});e[0]=1,e[1]=0,e[10]=0;let fe=a.renderer.getTemporaryBuffer(e);_(d,L.createView(),B,[a.device.createBindGroup({layout:U,entries:[{binding:0,resource:{buffer:fe}}]}),M(h,h),k]),e[0]=0,e[1]=1,e[10]=1;let we=a.renderer.getTemporaryBuffer(e);_(d,F.createView(),B,[a.device.createBindGroup({layout:U,entries:[{binding:0,resource:{buffer:we}}]}),M(L,h),k]),P(t,F,i.opacity??1)};var Ue={WebGPURenderer:te};export{te as a,Ue as b};

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

@@ -0,0 +1,53 @@
+import{a as R,c as P,d as h,g as D,h as U,j as w,m as B}from"./chunk-ENKKLU7B.mjs";import{z as F}from"./chunk-63SFBHEH.mjs";import{e as y}from"./chunk-BVF64D6H.mjs";y();y();var N=`
+struct FlipUniforms {
+	flipH     : f32,
+	flipV     : f32,
+	diagonal  : f32,
+	symmetry  : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : FlipUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+${R}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	var uv = in.uv;
+
+	// 1. Split-Mirror / Symmetry
+	if (u.symmetry > 0.5 && u.symmetry < 1.5) {
+		// leftToRight: mirror left half to right half
+		uv.x = select(uv.x, 1.0 - uv.x, uv.x > 0.5);
+	} else if (u.symmetry > 1.5 && u.symmetry < 2.5) {
+		// rightToLeft: mirror right half to left half
+		uv.x = select(1.0 - uv.x, uv.x, uv.x > 0.5);
+	} else if (u.symmetry > 2.5 && u.symmetry < 3.5) {
+		// topToBottom: mirror top half to bottom half
+		uv.y = select(uv.y, 1.0 - uv.y, uv.y > 0.5);
+	} else if (u.symmetry > 3.5 && u.symmetry < 4.5) {
+		// bottomToTop: mirror bottom half to top half
+		uv.y = select(1.0 - uv.y, uv.y, uv.y > 0.5);
+	} else if (u.symmetry > 4.5) {
+		// quadrant: 4-way kaleidoscopic symmetry
+		uv.x = select(uv.x, 1.0 - uv.x, uv.x > 0.5);
+		uv.y = select(uv.y, 1.0 - uv.y, uv.y > 0.5);
+	}
+
+	// 2. Diagonal Swap (Transposition: x <-> y)
+	if (u.diagonal > 0.5) {
+		let temp = uv.x;
+		uv.x = uv.y;
+		uv.y = temp;
+	}
+
+	// 3. Horizontal / Vertical Flip
+	if (u.flipH > 0.5) {
+		uv.x = 1.0 - uv.x;
+	}
+	if (u.flipV > 0.5) {
+		uv.y = 1.0 - uv.y;
+	}
+
+	return textureSampleLevel(tex, samp, uv, 0.0);
+}
+`,S=new WeakMap,s=new Float32Array(4);function k(t,r){let m=S.get(t);if(m)return m;let c=h(t,["uniform"]),f=h(t,["texture","sampler"]),d=t.createShaderModule({code:N}),v=t.createPipelineLayout({bindGroupLayouts:[c,f]}),o=D(t,{module:d,layouts:v,format:r,blend:P}),e={uniformLayout:c,textureLayout:f,pipeline:o};return S.set(t,e),e}var H=async t=>{let{ctx:r,encoder:m,pass:c,targetTexture:f,targetWidth:d,targetHeight:v,props:o}=t,e=o.virtualMedia?.operation;if(e?.op!=="Flip"||!e)return;let u=o.virtualMedia.children?.[0];if(!u)return;c.end();let g=d,x=v,T=u.metadata?.width??o.containerWidth??g,L=u.metadata?.height??o.containerHeight??x,{texture:b}=await U(t,u,{width:T,height:L,props:{...o,containerWidth:T,containerHeight:L,virtualMedia:u}}),{pipeline:W,uniformLayout:M,textureLayout:V}=k(r.device,r.renderer.format),_=r.renderer.samplerCache.getSampler(r.device),i=e.mode??"horizontal",n=!1,l=!1,p=!1;i==="horizontal"?n=!0:i==="vertical"?l=!0:i==="both"?(n=!0,l=!0):i==="diagonal"?p=!0:i==="antiDiagonal"?(p=!0,n=!0,l=!0):i==="custom"&&(n=e.horizontal??!0,l=e.vertical??!1,p=e.diagonal??!1);let a=0;e.symmetry==="leftToRight"?a=1:e.symmetry==="rightToLeft"?a=2:e.symmetry==="topToBottom"?a=3:e.symmetry==="bottomToTop"?a=4:e.symmetry==="quadrant"&&(a=5),s[0]=n?1:0,s[1]=l?1:0,s[2]=p?1:0,s[3]=a;let z=r.renderer.getTemporaryBuffer(s),A=r.device.createBindGroup({layout:M,entries:[{binding:0,resource:{buffer:z}}]}),C=r.device.createBindGroup({layout:V,entries:[{binding:0,resource:b.createView()},{binding:1,resource:_}]}),G=r.renderer.getTemporaryTexture(g,x,[b,f,...o.excludeTextures||[]]);B(m,G.createView(),W,[A,C]),w(t,G,e.opacity??1)};var j=F({WebGPURenderer:H});export{j as a};

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

@@ -0,0 +1,32 @@
+import{a as v,c as _,d,g as w,h as G,j as b,m as T}from"./chunk-ENKKLU7B.mjs";import{t as g,z as h}from"./chunk-63SFBHEH.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();u();function N(){return[{x:0,y:0},{x:100,y:0},{x:0,y:100},{x:100,y:100}]}function L(e){let r=e&&e.length===4?e:N();return g(r.map(t=>({x:t.x/100,y:t.y/100})))}var z=`
+struct CornerPinUniforms {
+	matrix_row0 : vec4<f32>,
+	matrix_row1 : vec4<f32>,
+	matrix_row2 : vec4<f32>,
+};
+
+@group(0) @binding(0) var<uniform> u : CornerPinUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+${v}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let x = in.uv.x;
+	let y = in.uv.y;
+
+	let d = u.matrix_row2.x * x + u.matrix_row2.y * y + u.matrix_row2.z;
+	if (abs(d) < 1e-6) {
+		return vec4<f32>(0.0);
+	}
+
+	let src_u = (u.matrix_row0.x * x + u.matrix_row0.y * y + u.matrix_row0.z) / d;
+	let src_v = (u.matrix_row1.x * x + u.matrix_row1.y * y + u.matrix_row1.z) / d;
+
+	if (src_u < 0.0 || src_u > 1.0 || src_v < 0.0 || src_v > 1.0) {
+		return vec4<f32>(0.0);
+	}
+
+	let color = textureSampleLevel(tex, samp, vec2<f32>(src_u, src_v), 0.0);
+	return color;
+}
+`,C=new WeakMap;function E(e,r){let t=C.get(e);if(!t){let s=d(e,["uniform"]),a=d(e,["texture","sampler"]),p=e.createShaderModule({label:"corner_pin.wgsl",code:z});t={pinPipeline:w(e,{label:"CornerPinPipeline",module:p,layouts:[s,a],format:r,blend:_}),pinUniformLayout:s,pinTextureLayout:a},C.set(e,t)}return t}var R=async e=>{let{ctx:r,props:t,targetTexture:s,targetWidth:a,targetHeight:p,encoder:m}=e,{virtualMedia:l}=t,i=l?.operation;if(!i||i.op!=="CornerPin")return;let c=l.children?.[0];if(!c)return;let x=i.originalWidth??c.metadata?.width??t.containerWidth??a,f=i.originalHeight??c.metadata?.height??t.containerHeight??p;e.pass.end();let{texture:y}=await G(e,c,{width:x,height:f,props:{...t,containerWidth:x,containerHeight:f,virtualMedia:c}}),W=i.points||[],o=L(W),n=new Float32Array(12);n[0]=o[0],n[1]=o[1],n[2]=o[2],n[3]=0,n[4]=o[3],n[5]=o[4],n[6]=o[5],n[7]=0,n[8]=o[6],n[9]=o[7],n[10]=o[8],n[11]=0;let{pinPipeline:B,pinUniformLayout:H,pinTextureLayout:D}=E(r.device,r.renderer.format),S=r.renderer.samplerCache.getSampler(r.device),A=r.renderer.getTemporaryBuffer(n),F=r.device.createBindGroup({layout:H,entries:[{binding:0,resource:{buffer:A}}]}),M=r.renderer.bindGroupCache.getBindGroup(r.device,D,y,S),P=r.renderer.getTemporaryTexture(a,p,[y,s,...t.excludeTextures||[]]);T(m,P.createView(),B,[F,M]),b(e,P,i.opacity??1)};var K=h({WebGPURenderer:R});export{K as a};

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

@@ -0,0 +1,121 @@
+import{a as P,d as h,f as V,g as _,h as C,j as B,k as M,m as k}from"./chunk-ENKKLU7B.mjs";import{d as v}from"./chunk-6YJP57MZ.mjs";import{z as U}from"./chunk-63SFBHEH.mjs";import{e as g}from"./chunk-BVF64D6H.mjs";g();g();var te=`
+struct FilmUniforms {
+    strength    : f32,
+    size        : f32,
+    monochrome  : f32,
+    animated    : f32,
+
+    frameIndex  : f32, // discrete per-output-frame counter (speed-scaled), NOT continuous time
+    shadows     : f32,
+    midtones    : f32,
+    highlights  : f32,
+
+    hasSignal   : f32,
+    _pad0       : f32,
+    _pad1       : f32,
+    _pad2       : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : FilmUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+@group(2) @binding(0) var signalTex  : texture_2d<f32>;
+@group(2) @binding(1) var signalSamp : sampler;
+${P}
+
+fn hash2D(p: vec2<f32>) -> f32 {
+    var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+    p3 += dot(p3, p3.yzx + 33.33);
+    return fract((p3.x + p3.y) * p3.z);
+}
+
+fn smoothNoise(p: vec2<f32>) -> f32 {
+    let pi = floor(p);
+    let pf = fract(p);
+
+    // Quintic interpolation
+    let w = pf * pf * pf * (pf * (pf * 6.0 - 15.0) + 10.0);
+
+    let h00 = hash2D(pi + vec2<f32>(0.0, 0.0));
+    let h10 = hash2D(pi + vec2<f32>(1.0, 0.0));
+    let h01 = hash2D(pi + vec2<f32>(0.0, 1.0));
+    let h11 = hash2D(pi + vec2<f32>(1.0, 1.0));
+
+    let n0 = mix(h00, h10, w.x);
+    let n1 = mix(h01, h11, w.x);
+
+    return mix(n0, n1, w.y);
+}
+
+// Produces a pseudo-random, NON-directional offset that changes once per
+// output frame. This replaces the old time * constant translation, which
+// smoothly scrolled the noise lattice in a fixed direction (17.31, 43.19)
+// every frame -- that's why grain visibly drifted instead of flickering.
+//
+// The frame index is wrapped into a bounded range before hashing so the
+// pattern stays high quality over long renders (f32 precision degrades on
+// very large hash inputs); the wrap period is long enough that any repeat
+// is imperceptible in grain.
+fn frameJitter(frameIndex: f32) -> vec2<f32> {
+    let raw = floor(frameIndex);
+    let n = raw - floor(raw / 4096.0) * 4096.0;
+    let hx = hash2D(vec2<f32>(n, n * 1.6180339887));
+    let hy = hash2D(vec2<f32>(n * 3.14159265, n + 91.7));
+    return vec2<f32>(hx, hy) * 1024.0;
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    var color = textureSampleLevel(tex, samp, in.uv, 0.0);
+
+    var strength = u.strength;
+    if (u.hasSignal > 0.5) {
+        let sigVal = textureSampleLevel(signalTex, signalSamp, in.uv, 0.0).r;
+        strength = sigVal;
+    }
+
+    if (strength <= 0.0) {
+        return color;
+    }
+
+    let dimensions = vec2<f32>(textureDimensions(tex));
+    let grainCoord = (in.uv * dimensions) / u.size;
+
+    let jitter = select(vec2<f32>(0.0), frameJitter(u.frameIndex), u.animated > 0.5);
+
+    let luminance = dot(color.rgb, vec3<f32>(0.2126, 0.7152, 0.0722));
+
+    // Luminance response curve logic
+    let shadowFactor = exp(-luminance * luminance / 0.1);
+    let highlightFactor = exp(-(1.0 - luminance) * (1.0 - luminance) / 0.1);
+    let midtoneFactor = max(0.0, 1.0 - shadowFactor - highlightFactor);
+
+    let response = (u.shadows * shadowFactor) + (u.midtones * midtoneFactor) + (u.highlights * highlightFactor);
+    let finalGrainStrength = (strength / 100.0) * response * 0.15; // Normalized scale
+
+    if (u.monochrome > 0.5) {
+        let seed = grainCoord + jitter;
+        let noiseVal = smoothNoise(seed);
+        let grain = (noiseVal - 0.5) * finalGrainStrength;
+        color.r += grain;
+        color.g += grain;
+        color.b += grain;
+    } else {
+        // Fixed per-channel spatial offsets (unrelated to time) keep the
+        // R/G/B lattices decorrelated from each other; temporal variation
+        // comes entirely from jitter now.
+        let seedR = grainCoord + jitter;
+        let seedG = grainCoord + jitter + vec2<f32>(173.3, 281.9);
+        let seedB = grainCoord + jitter + vec2<f32>(391.7, 127.1);
+
+        let noiseR = smoothNoise(seedR);
+        let noiseG = smoothNoise(seedG);
+        let noiseB = smoothNoise(seedB);
+
+        color.r += (noiseR - 0.5) * finalGrainStrength;
+        color.g += (noiseG - 0.5) * finalGrainStrength;
+        color.b += (noiseB - 0.5) * finalGrainStrength;
+    }
+
+    return clamp(color, vec4<f32>(0.0), vec4<f32>(1.0));
+}
+`,o=new Float32Array(12),ne=V(i=>({filmUniformLayout:h(i,["uniform"]),singleTextureLayout:h(i,["texture","sampler"]),signalTextureLayout:h(i,["texture","sampler"]),pipelineCache:new Map}));function ie(i,e){let r=ne(i),d=`filmgrain_${e}`,u=r.pipelineCache.get(d);if(!u){let x=i.createShaderModule({label:`filmgrain_${e}.wgsl`,code:te});u=_(i,{label:`FilmGrainPipeline_${e}`,module:x,layouts:[r.filmUniformLayout,r.singleTextureLayout,r.signalTextureLayout],format:e}),r.pipelineCache.set(d,u)}return{filmPipeline:u,filmUniformLayout:r.filmUniformLayout,singleTextureLayout:r.singleTextureLayout,signalTextureLayout:r.signalTextureLayout}}var W=async i=>{let{ctx:e,encoder:r,pass:d,targetTexture:u,targetWidth:x,targetHeight:z,props:a}=i,m=a.frame??0,G=a.compositionFrame??m,f=a.fps||30,n=a.virtualMedia?.operation;if(n?.op!=="FilmGrain"||!n)return;let T=a.virtualMedia.children?.[0];if(!T)return;d.end();let y=x,F=z,j=a.containerWidth??e.surface.width/(typeof window<"u"?window.devicePixelRatio:1),O=y/j,s=n.strengthHandleId?n.inputs?.[n.strengthHandleId]:null,S=!!(s?.connectionValid&&(s.outputItem?.type==="Signal"||s.outputItem?.type==="Numeric")),c=S&&s?.outputItem?.data?s.outputItem.data:null,l=(t,D)=>{if(t==null)return D;typeof t=="object"&&t!==null?"get"in t&&typeof t.get=="function"?t=t.get({frame:G,fps:f}):"value"in t&&(t=t.value):typeof t=="function"&&(t=t(G,f));let N=Number(t);return Number.isFinite(N)?N:D},p=0,b=!1;S?c&&(p=Math.max(0,Number(c.offset??0)),b=!0):s?.connectionValid&&s.outputItem?.type==="Number"?p=Math.max(0,Number(s.outputItem.data??0)):p=Math.max(0,l(n.strength,15));let{texture:L}=await C(i,T);i.pass.end();let{filmPipeline:H,filmUniformLayout:A,singleTextureLayout:$,signalTextureLayout:E}=ie(e.device,e.renderer.format),I=e.renderer.samplerCache.getSampler(e.device),w,{elapsedSeconds:J,durationSeconds:Q}=M(a,m,f);b&&c?w=v.getOrCreate2DTextureView(e.device,r,c.nodeId??"filmgrain_strength_sig",J,Q,c,y,F,a.renderId,m,f):w=v.getDummy1x1TextureView(e.device);let q=Math.max(.5,l(n.size,1.5))*O,K=n.animated??!0,X=l(n.speed,50),Y=m*(X/50);o[0]=p,o[1]=q,o[2]=n.monochrome??!0?1:0,o[3]=K?1:0,o[4]=Y,o[5]=l(n.shadows,.2),o[6]=l(n.midtones,1),o[7]=l(n.highlights,.2),o[8]=b?1:0;let Z=e.renderer.getTemporaryBuffer(o),R=e.renderer.getTemporaryTexture(y,F,[L,u,...a.excludeTextures||[]]);k(r,R.createView(),H,[e.device.createBindGroup({layout:A,entries:[{binding:0,resource:{buffer:Z}}]}),e.renderer.bindGroupCache.getBindGroup(e.device,$,L,I),e.device.createBindGroup({layout:E,entries:[{binding:0,resource:w},{binding:1,resource:I}]})]),B(i,R,l(n.opacity,1))};var ce=U({WebGPURenderer:W});export{ce as a};

package/dist/preview-engine/{chunk-AWTH2WZO.mjs → chunk-WUKH7BD7.mjs}

@@ -1 +1 @@
-import{a as H}from"./chunk-IMV5SBQV.mjs";import{t as F}from"./chunk-ZNGOAGAI.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var N=async P=>{let{ctx:e,pass:L,targetView:z,targetTexture:f,targetWidth:w,targetHeight:T,encoder:o,props:n,drawChild:E}=P,{virtualMedia:b}=n;if(b.operation?.op!=="Paint")return;let c=b?.children?.[0],a=n.containerWidth??c?.metadata?.width??w,t=n.containerHeight??c?.metadata?.height??T,g=b.operation,y=g.mode==="mask",k=g.strokes??[];L.end(),e.renderer.pushIdentity();let s=e.renderer.getTemporaryTexture(a,t,[...n.excludeTextures||[],f]),h=s.createView();if(y)e.renderer.beginFrame(o,h,{r:0,g:0,b:0,a:1},a,t,"clear").end();else if(c)await E(c,n,h,s,a,t);else{let l=e.renderer.beginFrame(o,h,{r:0,g:0,b:0,a:0},a,t,"clear");g.backgroundColor&&e.renderer.drawRect(l,{x:0,y:0,width:a,height:t},g.backgroundColor),l.end()}let R=s;if(k.length>0){let l=c?.metadata?.width??a,C=c?.metadata?.height??t,M=l>0?a/l:1,V=C>0?t/C:1,G=!1;(M!==1||V!==1)&&(e.renderer.pushTransform(new DOMMatrix().scale(M,V)),G=!0);let p=e.renderer.getTemporaryTexture(a,t,[s,f,...n.excludeTextures||[]]),j=p.createView();e.renderer.beginFrame(o,j,{r:0,g:0,b:0,a:0},a,t,"clear").end();let v=k,m=p,d=null;for(let i of v)if(i.tool==="brush"){d||(d=e.renderer.beginFrame(o,m.createView(),{r:0,g:0,b:0,a:0},a,t,"load"));let r=H(i.color),x=y?{r:r.a,g:r.a,b:r.a,a:r.a}:{r:r.r*r.a,g:r.g*r.a,b:r.b*r.a,a:r.a};e.renderer.drawPath(d,i.path,x,i.size,{opacity:i.opacity??1,blendMode:"max"})}else if(i.tool==="eraser"){d&&(d.end(),d=null);let r=e.renderer.getTemporaryTexture(a,t,[s,p,f,...n.excludeTextures||[]]),x=r.createView(),U=e.renderer.beginFrame(o,x,{r:0,g:0,b:0,a:0},a,t,"clear");e.renderer.drawPath(U,i.path,"#ffffff",i.size,{blendMode:"max"}),U.end(),m=e.renderer.composite(o,m,r,"mask-out",[s,p,f,...n.excludeTextures||[]])}d&&d.end(),R=e.renderer.composite(o,s,m,"normal",[s,m,f,...n.excludeTextures||[]]),G&&e.renderer.popTransform()}e.renderer.popTransform();let W=e.renderer.beginFrame(o,z,{r:0,g:0,b:0,a:0},w,T,"load");e.renderer.drawTexture(W,R,{x:0,y:0,width:a,height:t}),P.pass=W};var A=F({WebGPURenderer:N});export{A as a};
+import{z as F}from"./chunk-63SFBHEH.mjs";import{a as H}from"./chunk-IQC2I5A5.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var N=async P=>{let{ctx:e,pass:L,targetView:z,targetTexture:f,targetWidth:w,targetHeight:T,encoder:o,props:n,drawChild:E}=P,{virtualMedia:b}=n;if(b.operation?.op!=="Paint")return;let c=b?.children?.[0],a=n.containerWidth??c?.metadata?.width??w,t=n.containerHeight??c?.metadata?.height??T,g=b.operation,y=g.mode==="mask",k=g.strokes??[];L.end(),e.renderer.pushIdentity();let s=e.renderer.getTemporaryTexture(a,t,[...n.excludeTextures||[],f]),h=s.createView();if(y)e.renderer.beginFrame(o,h,{r:0,g:0,b:0,a:1},a,t,"clear").end();else if(c)await E(c,n,h,s,a,t);else{let l=e.renderer.beginFrame(o,h,{r:0,g:0,b:0,a:0},a,t,"clear");g.backgroundColor&&e.renderer.drawRect(l,{x:0,y:0,width:a,height:t},g.backgroundColor),l.end()}let R=s;if(k.length>0){let l=c?.metadata?.width??a,C=c?.metadata?.height??t,M=l>0?a/l:1,V=C>0?t/C:1,G=!1;(M!==1||V!==1)&&(e.renderer.pushTransform(new DOMMatrix().scale(M,V)),G=!0);let p=e.renderer.getTemporaryTexture(a,t,[s,f,...n.excludeTextures||[]]),j=p.createView();e.renderer.beginFrame(o,j,{r:0,g:0,b:0,a:0},a,t,"clear").end();let v=k,m=p,d=null;for(let i of v)if(i.tool==="brush"){d||(d=e.renderer.beginFrame(o,m.createView(),{r:0,g:0,b:0,a:0},a,t,"load"));let r=H(i.color),x=y?{r:r.a,g:r.a,b:r.a,a:r.a}:{r:r.r*r.a,g:r.g*r.a,b:r.b*r.a,a:r.a};e.renderer.drawPath(d,i.path,x,i.size,{opacity:i.opacity??1,blendMode:"max"})}else if(i.tool==="eraser"){d&&(d.end(),d=null);let r=e.renderer.getTemporaryTexture(a,t,[s,p,f,...n.excludeTextures||[]]),x=r.createView(),U=e.renderer.beginFrame(o,x,{r:0,g:0,b:0,a:0},a,t,"clear");e.renderer.drawPath(U,i.path,"#ffffff",i.size,{blendMode:"max"}),U.end(),m=e.renderer.composite(o,m,r,"mask-out",[s,p,f,...n.excludeTextures||[]])}d&&d.end(),R=e.renderer.composite(o,s,m,"normal",[s,m,f,...n.excludeTextures||[]]),G&&e.renderer.popTransform()}e.renderer.popTransform();let W=e.renderer.beginFrame(o,z,{r:0,g:0,b:0,a:0},w,T,"load");e.renderer.drawTexture(W,R,{x:0,y:0,width:a,height:t}),P.pass=W};var A=F({WebGPURenderer:N});export{A as a};