framefields 2.0.10 → 2.1.0

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

@@ -1,182 +0,0 @@
-import{t as L}from"./chunk-ZNGOAGAI.mjs";import{e as P}from"./chunk-BVF64D6H.mjs";P();P();P();function R(i){let r=[...i].sort((e,d)=>e.x-d.x),n=[];for(let e of r)(n.length===0||Math.abs(e.x-n[n.length-1].x)>1e-6)&&n.push(e);let t=n.length;if(t===0)return e=>e;if(t===1)return()=>n[0].y;let c=new Float32Array(t-1),o=new Float32Array(t-1),u=new Float32Array(t-1);for(let e=0;e<t-1;e++)c[e]=n[e+1].x-n[e].x,o[e]=n[e+1].y-n[e].y,u[e]=o[e]/c[e];let s=new Float32Array(t);s[0]=u[0];for(let e=1;e<t-1;e++)s[e]=(u[e-1]+u[e])/2;s[t-1]=u[t-2];for(let e=0;e<t-1;e++){let d=u[e];if(Math.abs(d)<1e-9)s[e]=0,s[e+1]=0;else{let a=s[e]/d,l=s[e+1]/d,f=a*a,g=l*l;if(f+g>9){let b=3/Math.sqrt(f+g);s[e]=b*a*d,s[e+1]=b*l*d}}}return e=>{if(e<=n[0].x)return n[0].y;if(e>=n[t-1].x)return n[t-1].y;let d=0,a=t-2,l=0;for(;d<=a;){let h=d+a>>1;if(e>=n[h].x&&e<=n[h+1].x){l=h;break}e<n[h].x?a=h-1:d=h+1}let f=c[l],g=(e-n[l].x)/f,b=g*g,p=b*g,m=2*p-3*b+1,y=p-2*b+g,x=-2*p+3*b,_=p-b,G=n[l].y*m+f*s[l]*y+n[l+1].y*x+f*s[l+1]*_;return Math.max(0,Math.min(1,G))}}P();var Y=`
-@group(0) @binding(0) var t_src: texture_2d<f32>;
-@group(0) @binding(1) var<storage, read_write> bins_r:    array<atomic<u32>, 256>;
-@group(0) @binding(2) var<storage, read_write> bins_g:    array<atomic<u32>, 256>;
-@group(0) @binding(3) var<storage, read_write> bins_b:    array<atomic<u32>, 256>;
-@group(0) @binding(4) var<storage, read_write> bins_luma: array<atomic<u32>, 256>;
-
-@compute @workgroup_size(8, 8)
-fn main(@builtin(global_invocation_id) gid: vec3<u32>) {
-	let dims = textureDimensions(t_src, 0);
-	if (gid.x >= dims.x || gid.y >= dims.y) { return; }
-
-	let color = textureLoad(t_src, vec2<u32>(gid.x, gid.y), 0);
-	let a = color.a;
-	if (a < 1e-5) { return; }
-
-	let rgb = color.rgb / a;
-
-	let ri    = u32(clamp(rgb.r * 255.0, 0.0, 255.0));
-	let gi    = u32(clamp(rgb.g * 255.0, 0.0, 255.0));
-	let bi    = u32(clamp(rgb.b * 255.0, 0.0, 255.0));
-	let luma  = 0.2126 * rgb.r + 0.7152 * rgb.g + 0.0722 * rgb.b;
-	let lumai = u32(clamp(luma * 255.0, 0.0, 255.0));
-
-	atomicAdd(&bins_r[ri],    1u);
-	atomicAdd(&bins_g[gi],    1u);
-	atomicAdd(&bins_b[bi],    1u);
-	atomicAdd(&bins_luma[lumai], 1u);
-}
-`,H=new WeakMap;function J(i){let r=H.get(i);if(!r){let n=i.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.COMPUTE,texture:{sampleType:"float",viewDimension:"2d"}},{binding:1,visibility:GPUShaderStage.COMPUTE,buffer:{type:"storage"}},{binding:2,visibility:GPUShaderStage.COMPUTE,buffer:{type:"storage"}},{binding:3,visibility:GPUShaderStage.COMPUTE,buffer:{type:"storage"}},{binding:4,visibility:GPUShaderStage.COMPUTE,buffer:{type:"storage"}}]}),t=i.createShaderModule({label:"histogram.wgsl",code:Y});r={pipeline:i.createComputePipeline({label:"HistogramPipeline",layout:i.createPipelineLayout({bindGroupLayouts:[n]}),compute:{module:t,entryPoint:"main"}}),bindGroupLayout:n},H.set(i,r)}return r}var D=new Map,B=new Set;function N(i,r,n,t){if(!D.get(t)||B.has(t))return;B.add(t);let{pipeline:o,bindGroupLayout:u}=J(i),s=()=>i.createBuffer({size:1024,usage:GPUBufferUsage.STORAGE|GPUBufferUsage.COPY_SRC|GPUBufferUsage.COPY_DST}),e=s(),d=s(),a=s(),l=s();r.clearBuffer(e),r.clearBuffer(d),r.clearBuffer(a),r.clearBuffer(l);let f=i.createBindGroup({layout:u,entries:[{binding:0,resource:n.createView()},{binding:1,resource:{buffer:e}},{binding:2,resource:{buffer:d}},{binding:3,resource:{buffer:a}},{binding:4,resource:{buffer:l}}]}),g=r.beginComputePass({label:"histogram-pass"});g.setPipeline(o),g.setBindGroup(0,f),g.dispatchWorkgroups(Math.ceil(n.width/8),Math.ceil(n.height/8)),g.end();let b=()=>i.createBuffer({size:1024,usage:GPUBufferUsage.MAP_READ|GPUBufferUsage.COPY_DST}),p=b(),m=b(),y=b(),x=b();r.copyBufferToBuffer(e,0,p,0,1024),r.copyBufferToBuffer(d,0,m,0,1024),r.copyBufferToBuffer(a,0,y,0,1024),r.copyBufferToBuffer(l,0,x,0,1024),i.queue.onSubmittedWorkDone().then(()=>Promise.all([p.mapAsync(GPUMapMode.READ),m.mapAsync(GPUMapMode.READ),y.mapAsync(GPUMapMode.READ),x.mapAsync(GPUMapMode.READ)])).then(()=>{let _=new Uint32Array(p.getMappedRange().slice(0)),G=new Uint32Array(m.getMappedRange().slice(0)),h=new Uint32Array(y.getMappedRange().slice(0)),T=new Uint32Array(x.getMappedRange().slice(0));p.unmap(),m.unmap(),y.unmap(),x.unmap(),p.destroy(),m.destroy(),y.destroy(),x.destroy(),e.destroy(),d.destroy(),a.destroy(),l.destroy(),B.delete(t);let U=D.get(t);U&&U({r:_,g:G,b:h,luma:T})}).catch(()=>{p.destroy(),m.destroy(),y.destroy(),x.destroy(),e.destroy(),d.destroy(),a.destroy(),l.destroy(),B.delete(t)})}var v=1024,I="rgba8unorm",W=v*4,K=`
-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]);
-}
-
-@group(0) @binding(0) var t_lut : texture_2d<f32>;
-@group(0) @binding(1) var s_lut : sampler;
-
-@group(1) @binding(0) var t_src : texture_2d<f32>;
-@group(1) @binding(1) var s_src : sampler;
-
-@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {
-	let src = textureSampleLevel(t_src, s_src, in.uv, 0.0);
-	if (src.a < 1e-5) { return src; }
-
-	let rgb = src.rgb / src.a;
-
-	let N = f32(${v});
-	let uv_r = (rgb.r * (N - 1.0) + 0.5) / N;
-	let uv_g = (rgb.g * (N - 1.0) + 0.5) / N;
-	let uv_b = (rgb.b * (N - 1.0) + 0.5) / N;
-
-	let r_graded = textureSampleLevel(t_lut, s_lut, vec2<f32>(uv_r, 0.5), 0.0).r;
-	let g_graded = textureSampleLevel(t_lut, s_lut, vec2<f32>(uv_g, 0.5), 0.0).g;
-	let b_graded = textureSampleLevel(t_lut, s_lut, vec2<f32>(uv_b, 0.5), 0.0).b;
-
-	let graded = vec3<f32>(r_graded, g_graded, b_graded);
-	return vec4<f32>(graded * src.a, src.a);
-}
-`,X=`
-struct Uniforms {
-	mode: u32,
-	pad0: u32,
-	pad1: u32,
-	pad2: u32,
-};
-
-struct VSOut {
-	@builtin(position) pos : vec4<f32>,
-	@location(0) uv        : vec2<f32>,
-};
-
-@group(0) @binding(0) var<uniform> u : Uniforms;
-@group(0) @binding(1) var t_lut      : texture_2d<f32>;
-@group(0) @binding(2) var s_lut      : sampler;
-
-@group(1) @binding(0) var t_src : texture_2d<f32>;
-@group(1) @binding(1) var s_src : sampler;
-
-@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 rgb_to_hsl(rgb: vec3<f32>) -> vec3<f32> {
-	let r = rgb.r; let g = rgb.g; let b = rgb.b;
-	let cmax = max(r, max(g, b));
-	let cmin = min(r, min(g, b));
-	let delta = cmax - cmin;
-
-	var h = 0.0;
-	var s = 0.0;
-	let l = (cmax + cmin) * 0.5;
-
-	if (delta > 1e-5) {
-		s = delta / (1.0 - abs(2.0 * l - 1.0));
-		if (cmax == r) {
-			h = ((g - b) / delta) % 6.0;
-		} else if (cmax == g) {
-			h = (b - r) / delta + 2.0;
-		} else {
-			h = (r - g) / delta + 4.0;
-		}
-		h = h / 6.0;
-		if (h < 0.0) { h = h + 1.0; }
-	}
-	return vec3<f32>(h, s, l);
-}
-
-fn hsl_to_rgb(hsl: vec3<f32>) -> vec3<f32> {
-	let h = hsl.x; let s = hsl.y; let l = hsl.z;
-	let c = (1.0 - abs(2.0 * l - 1.0)) * s;
-	let x = c * (1.0 - abs((h * 6.0) % 2.0 - 1.0));
-	let m = l - c * 0.5;
-
-	var rgb = vec3<f32>(0.0);
-	let hi = u32(h * 6.0) % 6u;
-	if (hi == 0u) { rgb = vec3<f32>(c, x, 0.0); }
-	else if (hi == 1u) { rgb = vec3<f32>(x, c, 0.0); }
-	else if (hi == 2u) { rgb = vec3<f32>(0.0, c, x); }
-	else if (hi == 3u) { rgb = vec3<f32>(0.0, x, c); }
-	else if (hi == 4u) { rgb = vec3<f32>(x, 0.0, c); }
-	else { rgb = vec3<f32>(c, 0.0, x); }
-	return rgb + vec3<f32>(m);
-}
-
-fn lut_sample(x: f32) -> f32 {
-	let N = f32(${v});
-	let uv_x = (x * (N - 1.0) + 0.5) / N;
-	return textureSampleLevel(t_lut, s_lut, vec2<f32>(uv_x, 0.5), 0.0).r;
-}
-
-@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {
-	let src = textureSampleLevel(t_src, s_src, in.uv, 0.0);
-	if (src.a < 1e-5) { return src; }
-
-	let rgb = src.rgb / src.a;
-	let hsl = rgb_to_hsl(rgb);
-
-	var out_hsl = hsl;
-
-	if (u.mode == 0u) {
-		let adj = lut_sample(hsl.x);
-		out_hsl.x = fract(hsl.x + (adj - 0.5) * 2.0);
-	} else if (u.mode == 1u) {
-		let adj = lut_sample(hsl.x);
-		out_hsl.y = clamp(hsl.y * (adj * 2.0), 0.0, 1.0);
-	} else if (u.mode == 2u) {
-		let adj = lut_sample(hsl.z);
-		out_hsl.y = clamp(hsl.y * (adj * 2.0), 0.0, 1.0);
-	} else {
-		let adj = lut_sample(hsl.y);
-		out_hsl.y = clamp(adj, 0.0, 1.0);
-	}
-
-	let out_rgb = clamp(hsl_to_rgb(out_hsl), vec3<f32>(0.0), vec3<f32>(1.0));
-	return vec4<f32>(out_rgb * src.a, src.a);
-}
-`,O=new WeakMap,V=new WeakMap;function $(i,r){let n=O.get(i);if(!n){let t=i.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),c=i.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),o=i.createShaderModule({label:"curves-rgb.wgsl",code:K});n={pipeline:i.createRenderPipeline({label:"CurvesRgbPipeline",layout:i.createPipelineLayout({bindGroupLayouts:[t,c]}),vertex:{module:o,entryPoint:"vs"},fragment:{module:o,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}}),lutBindGroupLayout:t,srcBindGroupLayout:c},O.set(i,n)}return n}function Q(i,r){let n=V.get(i);if(!n){let t=i.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),c=i.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),o=i.createShaderModule({label:"curves-hsl.wgsl",code:X});n={pipeline:i.createRenderPipeline({label:"CurvesHslPipeline",layout:i.createPipelineLayout({bindGroupLayouts:[t,c]}),vertex:{module:o,entryPoint:"vs"},fragment:{module:o,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}}),uniformLayout:t,srcBindGroupLayout:c},V.set(i,n)}return n}var ee=32,k=new WeakMap;function F(i,r,n){let t=k.get(i);t||(t=new Map,k.set(i,t));let c=t.get(r);if(c)return t.delete(r),t.set(r,c),c;let o=n();if(t.set(r,o),t.size>ee){let[u,s]=t.entries().next().value;t.delete(u),s.destroy()}return o}function re(i,r){let n=R(r.master||[{x:0,y:0},{x:1,y:1}]),t=R(r.red||[{x:0,y:0},{x:1,y:1}]),c=R(r.green||[{x:0,y:0},{x:1,y:1}]),o=R(r.blue||[{x:0,y:0},{x:1,y:1}]),u=new Uint8Array(v*4);for(let e=0;e<v;e++){let d=e/(v-1),a=n(d),l=Math.max(0,Math.min(1,t(a))),f=Math.max(0,Math.min(1,c(a))),g=Math.max(0,Math.min(1,o(a)));u[e*4+0]=Math.round(l*255),u[e*4+1]=Math.round(f*255),u[e*4+2]=Math.round(g*255),u[e*4+3]=255}let s=i.createTexture({size:[v,1,1],dimension:"2d",format:I,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST});return i.queue.writeTexture({texture:s},u,{bytesPerRow:W},[v,1,1]),s}function te(i,r){let n=R(r),t=new Uint8Array(v*4);for(let o=0;o<v;o++){let u=o/(v-1),s=Math.round(Math.max(0,Math.min(1,n(u)))*255);t[o*4+0]=s,t[o*4+1]=s,t[o*4+2]=s,t[o*4+3]=255}let c=i.createTexture({size:[v,1,1],dimension:"2d",format:I,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST});return i.queue.writeTexture({texture:c},t,{bytesPerRow:W},[v,1,1]),c}var ne={"hue-vs-hue":0,"hue-vs-sat":1,"lum-vs-sat":2,"sat-vs-sat":3},ie={"hue-vs-hue":"hueVsHue","hue-vs-sat":"hueVsSat","lum-vs-sat":"lumVsSat","sat-vs-sat":"satVsSat"},j=async i=>{let{ctx:r,encoder:n,pass:t,targetView:c,targetTexture:o,targetWidth:u,targetHeight:s,props:e,drawChild:d}=i,a=e.virtualMedia?.operation;if(a?.op!=="Curves"||!e.virtualMedia?.children?.[0])return;t.end();let l=e.virtualMedia.children[0],f=u,g=s,b=a.nodeId||"curves_fallback",p=a.curveType||"rgb",m=r.renderer.getTemporaryTexture(f,g,[...e.excludeTextures||[],o]),y=m.createView();r.renderer.beginFrame(n,y,{r:0,g:0,b:0,a:0},f,g,"clear").end(),r.renderer.pushScissor({x:0,y:0,width:f,height:g}),r.renderer.pushIdentity(),await d(l,{...e,virtualMedia:l},y,m,f,g),r.renderer.popTransform(),r.renderer.popScissor();let _=r.renderer.samplerCache.getSampler(r.device),G=r.renderer.getTemporaryTexture(f,g,[m,o,...e.excludeTextures||[]]);if(p==="rgb"){let T=JSON.stringify({curveType:p,master:a.master,red:a.red,green:a.green,blue:a.blue}),U=F(r.device,T,()=>re(r.device,a)),{pipeline:A,lutBindGroupLayout:C,srcBindGroupLayout:w}=$(r.device,r.renderer.format),S=n.beginRenderPass({colorAttachments:[{view:G.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});S.setPipeline(A),S.setBindGroup(0,r.device.createBindGroup({layout:C,entries:[{binding:0,resource:U.createView()},{binding:1,resource:_}]})),S.setBindGroup(1,r.renderer.bindGroupCache.getBindGroup(r.device,w,m,_)),S.draw(4),S.end()}else{let T=ie[p],U=a[T]||[{x:0,y:.5},{x:1,y:.5}],A=JSON.stringify({curveType:p,points:U}),C=F(r.device,A,()=>te(r.device,U)),w=new Uint32Array([ne[p]??0,0,0,0]),S=r.renderer.getTemporaryBuffer(w),{pipeline:z,uniformLayout:Z,srcBindGroupLayout:q}=Q(r.device,r.renderer.format),M=n.beginRenderPass({colorAttachments:[{view:G.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});M.setPipeline(z),M.setBindGroup(0,r.device.createBindGroup({layout:Z,entries:[{binding:0,resource:{buffer:S}},{binding:1,resource:C.createView()},{binding:2,resource:_}]})),M.setBindGroup(1,r.renderer.bindGroupCache.getBindGroup(r.device,q,m,_)),M.draw(4),M.end()}N(r.device,n,G,b);let h=r.renderer.beginFrame(n,c,{r:0,g:0,b:0,a:0},u,s,"load");r.renderer.drawTexture(h,G,{x:0,y:0,width:u,height:s},{opacity:e.opacity??1}),i.pass=h};var se=L({WebGPURenderer:j}),me=se;export{se as a,me as b};

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

@@ -1,104 +0,0 @@
-import{t as V}from"./chunk-ZNGOAGAI.mjs";import{d as x}from"./chunk-6YJP57MZ.mjs";import{e as v}from"./chunk-BVF64D6H.mjs";v();v();var $=0,K=500;function j(r,e,t){return Math.min(t,Math.max(e,r))}var q=`
-struct DisplacementUniforms {
-    strengthX     : f32,
-    strengthY     : f32,
-    xChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma
-    yChannel      : f32, // 0=R, 1=G, 2=B, 3=A, 4=Luma
-
-    wrapMode      : f32, // 0=Clamp, 1=Repeat, 2=Mirror
-    hasSignalX    : f32,
-    hasSignalY    : f32,
-    _pad          : f32,
-};
-
-@group(0) @binding(0) var<uniform> u : DisplacementUniforms;
-@group(1) @binding(0) var srcTex     : texture_2d<f32>;
-@group(1) @binding(1) var srcSamp    : sampler;
-@group(2) @binding(0) var mapTex     : texture_2d<f32>;
-@group(2) @binding(1) var mapSamp    : sampler;
-@group(3) @binding(0) var sigXTex    : texture_2d<f32>;
-@group(3) @binding(1) var sigYTex    : texture_2d<f32>;
-@group(3) @binding(2) var sigSamp    : sampler;
-
-struct VSOut {
-    @builtin(position) pos : vec4<f32>,
-    @location(0) uv        : vec2<f32>,
-};
-
-@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
-    var pos = array<vec2<f32>, 4>(
-        vec2<f32>(-1.0, 1.0),
-        vec2<f32>(1.0, 1.0),
-        vec2<f32>(-1.0, -1.0),
-        vec2<f32>(1.0, -1.0)
-    );
-    var uv = array<vec2<f32>, 4>(
-        vec2<f32>(0.0, 0.0),
-        vec2<f32>(1.0, 0.0),
-        vec2<f32>(0.0, 1.0),
-        vec2<f32>(1.0, 1.0)
-    );
-    return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
-}
-
-fn extractChannel(color: vec4<f32>, channel: f32) -> f32 {
-    if (channel < 0.5) { return color.r; }
-    if (channel < 1.5) { return color.g; }
-    if (channel < 2.5) { return color.b; }
-    if (channel < 3.5) { return color.a; }
-    // Luminance
-    return dot(color.rgb, vec3<f32>(0.299, 0.587, 0.114));
-}
-
-fn applyWrap(coord: f32, mode: f32) -> f32 {
-    if (mode < 0.5) {
-        // Clamp
-        return clamp(coord, 0.0, 1.0);
-    }
-    if (mode < 1.5) {
-        // Repeat
-        return fract(coord);
-    }
-    // Mirror
-    let t = fract(coord * 0.5) * 2.0;
-    if (t > 1.0) {
-        return 2.0 - t;
-    }
-    return t;
-}
-
-@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
-    let mapColor = textureSampleLevel(mapTex, mapSamp, in.uv, 0.0);
-
-    // Extract displacement values from chosen channels, centered around 0.5 and gated by alpha
-    // NOTE (P3, not changed here): this yields a max offset of strength/2 px at
-    // either extreme (peak-to-peak swing == strength). Confirm with design whether
-    // "strength in pixels" should mean peak amplitude instead \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);
-}
-`,A=new WeakMap,p=new Float32Array(8);function z(r){let e=A.get(r);if(e)return e;let t=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),d=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),i=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),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,sampler:{type:"filtering"}}]});return e={uniformLayout:t,srcTextureLayout:d,mapTextureLayout:i,signalTextureLayout:a,pipelineCache:new Map},A.set(r,e),e}function J(r,e){let t=z(r),d=`displacement_${e}`,i=t.pipelineCache.get(d);if(!i){let a=r.createShaderModule({label:`displacement_${e}.wgsl`,code:q});i=r.createRenderPipeline({label:`DisplacementMapPipeline_${e}`,layout:r.createPipelineLayout({bindGroupLayouts:[t.uniformLayout,t.srcTextureLayout,t.mapTextureLayout,t.signalTextureLayout]}),vertex:{module:a,entryPoint:"vs"},fragment:{module:a,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),t.pipelineCache.set(d,i)}return{pipeline:i,uniformLayout:t.uniformLayout,srcTextureLayout:t.srcTextureLayout,mapTextureLayout:t.mapTextureLayout,signalTextureLayout:t.signalTextureLayout}}function N(r){switch(r){case"Green":return 1;case"Blue":return 2;case"Alpha":return 3;case"Luminance":return 4;default:return 0}}function Q(r){switch(r){case"Repeat":return 1;case"Mirror":return 2;default:return 0}}function X(r,e,t){let d=`${e}HandleId`,i=r[d],a=i?r.inputs?.[i]:null,c=!!(a?.connectionValid&&a.outputItem?.type==="Signal"),u=c?a?.outputItem?.data:null,n=t;return c?u&&typeof u=="object"&&"offset"in u&&(n=Number(u.offset??t)):a?.connectionValid&&a.outputItem?.type==="Number"?n=j(Number(a.outputItem.data??t),$,K):n=Number(r[e]??t),{hasSignal:c,sd:u,value:n}}var Y=async r=>{let{ctx:e,encoder:t,pass:d,targetView:i,targetTexture:a,targetWidth:c,targetHeight:u,props:n,drawChild:P}=r,l=n.virtualMedia?.operation;if(l?.op!=="DisplacementMap"||!l)return;let T=n.virtualMedia.children?.[0],b=l.mapMedia;if(!T||!b)return;d.end();let s=c,o=u,G=n.frame??0,S=n.fps||30,f=X(l,"strengthX",50),y=X(l,"strengthY",50),m=e.renderer.getTemporaryTexture(s,o,[...n.excludeTextures||[],a]),w=m.createView();e.renderer.beginFrame(t,w,{r:0,g:0,b:0,a:0},s,o,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:s,height:o}),e.renderer.pushIdentity(),await P(T,{...n,virtualMedia:T,renderId:`${n.renderId}-c0`,excludeTextures:[...n.excludeTextures||[],m]},w,m,s,o),e.renderer.popTransform(),e.renderer.popScissor(),r.pass.end();let h=e.renderer.getTemporaryTexture(s,o,[...n.excludeTextures||[],a,m]),C=h.createView();e.renderer.beginFrame(t,C,{r:0,g:0,b:0,a:0},s,o,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:s,height:o}),e.renderer.pushIdentity(),await P(b,{...n,virtualMedia:b,renderId:`${n.renderId}-c1`,excludeTextures:[...n.excludeTextures||[],m,h]},C,h,s,o),e.renderer.popTransform(),e.renderer.popScissor(),r.pass.end();let{pipeline:_,uniformLayout:F,srcTextureLayout:E,mapTextureLayout:O,signalTextureLayout:W}=J(e.device,e.renderer.format),M=e.renderer.samplerCache.getSampler(e.device),L,D,R=n.elapsedMs!==void 0?n.elapsedMs/1e3:G/S,U=n.virtualMedia?.metadata?.durationMs?n.virtualMedia.metadata.durationMs/1e3:n.durationMs!==void 0?n.durationMs/1e3:0;f.hasSignal&&f.sd?L=x.getOrCreate2DTextureView(e.device,t,f.sd.nodeId??"displace_sx_sig",R,U,f.sd,s,o,n.renderId,G,S):L=x.getDummy1x1TextureView(e.device),y.hasSignal&&y.sd?D=x.getOrCreate2DTextureView(e.device,t,y.sd.nodeId??"displace_sy_sig",R,U,y.sd,s,o,n.renderId,G,S):D=x.getDummy1x1TextureView(e.device),p[0]=f.value,p[1]=y.value,p[2]=N(l.xChannel),p[3]=N(l.yChannel),p[4]=Q(l.wrapMode),p[5]=f.hasSignal?1:0,p[6]=y.hasSignal?1:0,p[7]=0;let k=e.renderer.getTemporaryBuffer(p),I=e.renderer.getTemporaryTexture(s,o,[m,h,a,...n.excludeTextures||[]]),g=t.beginRenderPass({colorAttachments:[{view:I.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});g.setPipeline(_),g.setBindGroup(0,e.device.createBindGroup({layout:F,entries:[{binding:0,resource:{buffer:k}}]})),g.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,E,m,M)),g.setBindGroup(2,e.renderer.bindGroupCache.getBindGroup(e.device,O,h,M)),g.setBindGroup(3,e.device.createBindGroup({layout:W,entries:[{binding:0,resource:L},{binding:1,resource:D},{binding:2,resource:M}]})),g.draw(4),g.end();let B=e.renderer.beginFrame(t,i,{r:0,g:0,b:0,a:0},c,u,"load");e.renderer.drawTexture(B,I,{x:0,y:0,width:c,height:u},{opacity:l.opacity??1}),r.pass=B};var se=V({WebGPURenderer:Y});export{se as a};

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

@@ -1,52 +0,0 @@
-import{b as T,c as C}from"./chunk-IYVN2QEL.mjs";import{a}from"./chunk-NQZKBFC6.mjs";import{t as k}from"./chunk-ZNGOAGAI.mjs";import{e as l}from"./chunk-BVF64D6H.mjs";l();l();l();var U=`
-struct ColorMatrixUniforms {
-	row0  : vec4<f32>,
-	row1  : vec4<f32>,
-	row2  : vec4<f32>,
-	row3  : vec4<f32>,
-	trans : vec4<f32>,
-};
-
-@group(0) @binding(0) var<uniform> u : ColorMatrixUniforms;
-@group(1) @binding(0) var tex        : texture_2d<f32>;
-@group(1) @binding(1) var samp       : 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]);
-}
-
-@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
-	let c = textureSample(tex, samp, in.uv);
-	var rgba = vec4<f32>(c.rgb, c.a);
-	if (c.a > 0.0) {
-		rgba = vec4<f32>(c.rgb / c.a, c.a);
-	}
-
-	let r = dot(u.row0, rgba) + u.trans.x;
-	let g = dot(u.row1, rgba) + u.trans.y;
-	let b = dot(u.row2, rgba) + u.trans.z;
-	let a = dot(u.row3, rgba) + u.trans.w;
-
-	let outAlpha = clamp(a, 0.0, 1.0);
-	let outRgb = clamp(vec3<f32>(r, g, b), vec3<f32>(0.0), vec3<f32>(1.0)) * outAlpha;
-
-	return vec4<f32>(outRgb, outAlpha);
-}
-`;l();var b=a.object({inBlack:a.number().min(0).max(1).default(0),inWhite:a.number().min(0).max(1).default(1),outBlack:a.number().min(0).max(1).default(0),outWhite:a.number().min(0).max(1).default(1)}).strict().superRefine((t,e)=>{t.inBlack>=t.inWhite&&e.addIssue({code:a.ZodIssueCode.custom,path:["inWhite"],message:"inWhite must be greater than inBlack"}),t.outBlack>=t.outWhite&&e.addIssue({code:a.ZodIssueCode.custom,path:["outWhite"],message:"outWhite must be greater than outBlack"})}),q=a.object({master:b.default({inBlack:0,inWhite:1,outBlack:0,outWhite:1}),red:b.default({inBlack:0,inWhite:1,outBlack:0,outWhite:1}),green:b.default({inBlack:0,inWhite:1,outBlack:0,outWhite:1}),blue:b.default({inBlack:0,inWhite:1,outBlack:0,outWhite:1})}).strict(),te=a.union([T,C]),re=q.extend({op:a.literal("Levels"),metadata:a.unknown().optional()}),s={inBlack:0,inWhite:1,outBlack:0,outWhite:1},oe={master:{...s},red:{...s},green:{...s},blue:{...s}};var V=new WeakMap,r=new Float32Array(20);function J(t,e){let n=V.get(t);if(!n){let c=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),d=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),p=t.createShaderModule({label:"color-matrix.wgsl",code:U});n={colorMatrixPipeline:t.createRenderPipeline({label:"ColorMatrixPipeline",layout:t.createPipelineLayout({bindGroupLayouts:[c,d]}),vertex:{module:p,entryPoint:"vs"},fragment:{module:p,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),colorMatrixUniformLayout:c,singleTextureLayout:d},V.set(t,n)}return n}function y(t){let e=Math.max(t.inWhite-t.inBlack,1e-5),c=(t.outWhite-t.outBlack)/e,d=t.outBlack-t.inBlack*c;return{scale:c,bias:d}}var I=async t=>{let{ctx:e,encoder:n,pass:c,targetView:d,targetTexture:p,targetWidth:h,targetHeight:L,props:u,drawChild:O}=t,f=u.virtualMedia?.operation;if(f?.op!=="Levels"||!u.virtualMedia?.children?.[0])return;c.end();let B=u.virtualMedia.children[0],i=y(f.master??s),G=y(f.red??s),S=y(f.green??s),W=y(f.blue??s),F=G.scale*i.scale,A=G.bias*i.scale+i.bias,N=S.scale*i.scale,z=S.bias*i.scale+i.bias,E=W.scale*i.scale,D=W.bias*i.scale+i.bias,o=[F,0,0,0,A,0,N,0,0,z,0,0,E,0,D,0,0,0,1,0],m=h,g=L,x=e.renderer.getTemporaryTexture(m,g,[...u.excludeTextures||[],p]),M=x.createView();e.renderer.beginFrame(n,M,{r:0,g:0,b:0,a:0},m,g,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:m,height:g}),e.renderer.pushIdentity(),await O(B,{...u,virtualMedia:B},M,x,m,g),e.renderer.popTransform(),e.renderer.popScissor();let{colorMatrixPipeline:_,colorMatrixUniformLayout:j,singleTextureLayout:Z}=J(e.device,e.renderer.format),H=e.renderer.samplerCache.getSampler(e.device);r[0]=o[0],r[1]=o[1],r[2]=o[2],r[3]=o[3],r[4]=o[5],r[5]=o[6],r[6]=o[7],r[7]=o[8],r[8]=o[10],r[9]=o[11],r[10]=o[12],r[11]=o[13],r[12]=o[15],r[13]=o[16],r[14]=o[17],r[15]=o[18],r[16]=o[4],r[17]=o[9],r[18]=o[14],r[19]=o[19];let Y=e.renderer.getTemporaryBuffer(r),R=e.renderer.getTemporaryTexture(m,g,[x,p,...u.excludeTextures||[]]),v=n.beginRenderPass({colorAttachments:[{view:R.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});v.setPipeline(_),v.setBindGroup(0,e.device.createBindGroup({layout:j,entries:[{binding:0,resource:{buffer:Y}}]})),v.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,Z,x,H)),v.draw(4),v.end();let w=e.renderer.beginFrame(n,d,{r:0,g:0,b:0,a:0},h,L,"load");e.renderer.drawTexture(w,R,{x:0,y:0,width:h,height:L},{opacity:u.opacity??1}),t.pass=w};var pe=k({WebGPURenderer:I});export{pe as a};

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

@@ -1,63 +0,0 @@
-import{t as O}from"./chunk-ZNGOAGAI.mjs";import{e as R}from"./chunk-BVF64D6H.mjs";R();R();var D=`
-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;
-
-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 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);
-	}
-}
-`,L=new WeakMap;function te(o,e){let i=L.get(o);return i||(i=o.createRenderPipeline({label:"CropMaskPipeline",layout:"auto",vertex:{module:o.createShaderModule({code:D}),entryPoint:"vs"},fragment:{module:o.createShaderModule({code:D}),entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),L.set(o,i)),i}var A=async o=>{let{ctx:e,props:i,drawChild:I,targetTexture:x,targetView:V,targetWidth:k,targetHeight:W,encoder:m}=o,{virtualMedia:U,containerWidth:X,containerHeight:Y,opacity:C=1}=i,a=U?.operation;if(!a||a.op!=="Crop")return;let P=U.children?.[0];if(!P)return;let r=X??e.surface.width,n=Y??e.surface.height,d=a.mode==="rest",b=a.cropType==="path",u=a.pathPoints||[],H=Number(a.roundness)||0,g=Number(a.leftPercentage)||0,y=Number(a.topPercentage)||0,T=Math.max(.01,Number(a.widthPercentage)||100),w=Math.max(.01,Number(a.heightPercentage)||100);if(b&&u.length>0){let t=u.map(s=>s.x),p=u.map(s=>s.y);g=Math.min(...t),y=Math.min(...p),T=Math.max(.01,Math.max(...t)-g),w=Math.max(.01,Math.max(...p)-y)}let l=a.originalWidth??P.metadata?.width??i.containerWidth??k,f=a.originalHeight??P.metadata?.height??i.containerHeight??W,S={x:g/100*l,y:y/100*f,width:T/100*l,height:w/100*f},F={x:0,y:0,width:r,height:n};o.pass.end();let h=e.renderer.getTemporaryTexture(l,f,[...i.excludeTextures||[],x]),N=h.createView();if(e.renderer.beginFrame(m,N,{r:0,g:0,b:0,a:0},l,f,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:l,height:f}),e.renderer.pushIdentity(),await I(P,{...i,containerWidth:l,containerHeight:f},N,h,l,f),e.renderer.popTransform(),e.renderer.popScissor(),!(H>0||b||d)&&!d){let t=e.renderer.beginFrame(m,V,{r:0,g:0,b:0,a:0},k,W,"load");e.renderer.drawTextureRegion(t,h,S,F,{opacity:C}),o.pass=t;return}let v=h;if(d){if(l!==r||f!==n){let t=e.renderer.getTemporaryTexture(r,n,[h,x,...i.excludeTextures||[]]),p=t.createView(),s=e.renderer.beginFrame(m,p,{r:0,g:0,b:0,a:0},r,n,"clear");e.renderer.drawTexture(s,h,{x:0,y:0,width:r,height:n}),s.end(),v=t}}else{let t=e.renderer.getTemporaryTexture(r,n,[h,x,...i.excludeTextures||[]]),p=t.createView(),s=e.renderer.beginFrame(m,p,{r:0,g:0,b:0,a:0},r,n,"clear");e.renderer.drawTextureRegion(s,h,S,F),s.end(),v=t}let G=e.renderer.getTemporaryTexture(r,n,[v,x,...i.excludeTextures||[]]),_=G.createView(),M=e.renderer.beginFrame(m,_,{r:0,g:0,b:0,a:0},r,n,"clear"),j=te(e.device,e.renderer.format),c=new Float32Array(136),E=d?g/100*r:0,J=d?y/100*n:0,B=d?T/100*r:r,q=d?w/100*n:n,K=H/100*(Math.min(B,q)/2);if(c[0]=E,c[1]=J,c[2]=B,c[3]=q,c[4]=K,c[5]=b?1:0,c[6]=u.length,b)for(let t=0;t<Math.min(u.length,64);t++){let p=u[t].x/100*r,s=u[t].y/100*n;d||(p=(u[t].x-g)/T*r,s=(u[t].y-y)/w*n),c[8+t*2]=p,c[8+t*2+1]=s}let Q=e.renderer.getTemporaryBuffer(c),Z=e.device.createBindGroup({layout:j.getBindGroupLayout(0),entries:[{binding:0,resource:{buffer:Q}}]});M.setPipeline(j),M.setBindGroup(0,Z),M.draw(4),M.end();let $=e.renderer.composite(m,v,G,d?"mask-out":"mask-in",[v,G,x,...i.excludeTextures||[]]),z=e.renderer.beginFrame(m,V,{r:0,g:0,b:0,a:0},k,W,"load");e.renderer.drawTexture(z,$,{x:0,y:0,width:r,height:n},{opacity:C}),o.pass=z};var ce=O({WebGPURenderer:A});export{ce as a};