framefields 2.0.2

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

@@ -0,0 +1,184 @@
+import{a as N}from"./chunk-YSTLMWCG.mjs";import{d as w}from"./chunk-6YJP57MZ.mjs";import{e as T}from"./chunk-BVF64D6H.mjs";T();T();function z(t,e,r,u){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: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 t){let o=Number(t.value);if(Number.isFinite(o))return o}}else if(typeof t=="function")try{let o=t(r,u),p=Number(o);if(Number.isFinite(p))return p}catch{}let s=Number(t);return Number.isFinite(s)?s:e}function h(t,e,r,u,s,o=0,p=30){let y=`${e}HandleId`,n=t[y],c=n?t.inputs?.[n]:null,l=!!(c?.connectionValid&&c.outputItem?.type==="Signal"),i=l?c?.outputItem?.data:null,a=r;if(l)i&&typeof i=="object"&&"offset"in i&&(a=Number(i.offset??r));else if(c?.connectionValid&&c.outputItem?.type==="Number")a=Number(c.outputItem.data??r);else{let x=t[e]??t.signals?.[e];a=z(x,r,o,p)}return a=Math.max(u,Math.min(s,a)),{hasSignal:l,sd:i,value:a}}var J=`
+struct ModulateUniforms {
+	hue                  : f32,
+	brightness           : f32,
+	contrast             : f32,
+	exposure             : f32,
+	saturation           : f32,
+	sepia                : f32,
+
+	hasSignal_hue        : f32,
+	hasSignal_brightness : f32,
+	hasSignal_contrast   : f32,
+	hasSignal_exposure   : f32,
+	hasSignal_saturation : f32,
+	hasSignal_sepia      : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : ModulateUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+
+@group(2) @binding(0) var hueTex        : texture_2d<f32>;
+@group(2) @binding(1) var brightnessTex : texture_2d<f32>;
+@group(2) @binding(2) var contrastTex   : texture_2d<f32>;
+@group(2) @binding(3) var exposureTex   : texture_2d<f32>;
+@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]);
+}
+
+fn apply_exposure(c: vec4<f32>, exposure: f32) -> vec4<f32> {
+	let scale = pow(2.0, exposure);
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = scale * unpremult.r;
+	let g = scale * unpremult.g;
+	let b = scale * unpremult.b;
+	let outAlpha = clamp(unpremult.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);
+}
+
+fn apply_hue(c: vec4<f32>, degrees: f32) -> vec4<f32> {
+	let rad = (degrees * 3.1415926535) / 180.0;
+	let cosVal = cos(rad);
+	let sinVal = sin(rad);
+
+	let row0 = vec4<f32>(0.213 + cosVal * 0.787 - sinVal * 0.213, 0.715 - cosVal * 0.715 - sinVal * 0.715, 0.072 - cosVal * 0.072 + sinVal * 0.928, 0.0);
+	let row1 = vec4<f32>(0.213 - cosVal * 0.213 + sinVal * 0.143, 0.715 + cosVal * 0.285 + sinVal * 0.14,  0.072 - cosVal * 0.072 - sinVal * 0.283, 0.0);
+	let row2 = vec4<f32>(0.213 - cosVal * 0.213 - sinVal * 0.787, 0.715 - cosVal * 0.715 + sinVal * 0.715, 0.072 + cosVal * 0.928 + sinVal * 0.072, 0.0);
+	
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = dot(row0, unpremult);
+	let g = dot(row1, unpremult);
+	let b = dot(row2, unpremult);
+	let outAlpha = clamp(unpremult.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);
+}
+
+fn apply_saturation(c: vec4<f32>, sat: f32) -> vec4<f32> {
+	let row0 = vec4<f32>(0.213 + sat * 0.787, 0.715 * (1.0 - sat), 0.072 * (1.0 - sat), 0.0);
+	let row1 = vec4<f32>(0.213 * (1.0 - sat), 0.715 + sat * 0.285, 0.072 * (1.0 - sat), 0.0);
+	let row2 = vec4<f32>(0.213 * (1.0 - sat), 0.715 * (1.0 - sat), 0.072 + sat * 0.928, 0.0);
+
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = dot(row0, unpremult);
+	let g = dot(row1, unpremult);
+	let b = dot(row2, unpremult);
+	let outAlpha = clamp(unpremult.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);
+}
+
+fn apply_contrast(c: vec4<f32>, contrast: f32) -> vec4<f32> {
+	let offset = 0.5 * (1.0 - contrast);
+	
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = contrast * unpremult.r + offset;
+	let g = contrast * unpremult.g + offset;
+	let b = contrast * unpremult.b + offset;
+	let outAlpha = clamp(unpremult.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);
+}
+
+fn apply_brightness(c: vec4<f32>, bright: f32) -> vec4<f32> {
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = bright * unpremult.r;
+	let g = bright * unpremult.g;
+	let b = bright * unpremult.b;
+	let outAlpha = clamp(unpremult.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);
+}
+
+fn apply_sepia(c: vec4<f32>, s: f32) -> vec4<f32> {
+	let row0 = vec4<f32>(1.0 - 0.607 * s, 0.769 * s,       0.189 * s,       0.0);
+	let row1 = vec4<f32>(0.349 * s,       1.0 - 0.314 * s, 0.168 * s,       0.0);
+	let row2 = vec4<f32>(0.272 * s,       0.534 * s,       1.0 - 0.869 * s, 0.0);
+
+	var unpremult = c;
+	if (unpremult.a > 0.0) { unpremult = vec4<f32>(unpremult.rgb / unpremult.a, unpremult.a); }
+	let r = dot(row0, unpremult);
+	let g = dot(row1, unpremult);
+	let b = dot(row2, unpremult);
+	let outAlpha = clamp(unpremult.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);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let original = textureSample(tex, samp, in.uv);
+	var color = original;
+
+	// 1. Exposure
+	var exposure = u.exposure;
+	if (u.hasSignal_exposure > 0.5) {
+		exposure = textureSampleLevel(exposureTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_exposure(color, exposure);
+
+	// 2. Hue
+	var hue = u.hue;
+	if (u.hasSignal_hue > 0.5) {
+		hue = textureSampleLevel(hueTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_hue(color, hue);
+
+	// 3. Saturation
+	var saturation = u.saturation;
+	if (u.hasSignal_saturation > 0.5) {
+		saturation = textureSampleLevel(saturationTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_saturation(color, saturation);
+
+	// 4. Contrast
+	var contrast = u.contrast;
+	if (u.hasSignal_contrast > 0.5) {
+		contrast = textureSampleLevel(contrastTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_contrast(color, contrast);
+
+	// 5. Brightness
+	var brightness = u.brightness;
+	if (u.hasSignal_brightness > 0.5) {
+		brightness = textureSampleLevel(brightnessTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_brightness(color, brightness);
+
+	// 6. Sepia
+	var sepia = u.sepia;
+	if (u.hasSignal_sepia > 0.5) {
+		sepia = textureSampleLevel(sepiaTex, sigSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	color = apply_sepia(color, sepia);
+
+	return color;
+}
+`,B=new WeakMap,f=new Float32Array(12);function Q(t){let e=B.get(t);if(e)return e;let r=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),u=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),s=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:u,modulateSignalsLayout:s,pipelineCache:new Map},B.set(t,e),e}function X(t,e){let r=Q(t),u=`modulate_${e}`,s=r.pipelineCache.get(u);if(!s){let o=t.createShaderModule({label:`modulate_static_${e}.wgsl`,code:J});s=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(u,s)}return{modulatePipeline:s,modulateUniformLayout:r.modulateUniformLayout,singleTextureLayout:r.singleTextureLayout,modulateSignalsLayout:r.modulateSignalsLayout}}var E=async t=>{let{ctx:e,encoder:r,pass:u,targetView:s,targetTexture:o,targetWidth:p,targetHeight:y,props:n,drawChild:c}=t,l=n.frame??0,i=n.fps||30,a=n.virtualMedia?.operation;if(a?.op!=="Modulate"||!a)return;let x=n.virtualMedia.children?.[0];if(!x)return;u.end();let G=h(a,"hue",0,0,360,l,i),M=h(a,"brightness",1,0,2,l,i),R=h(a,"contrast",1,0,2,l,i),_=h(a,"exposure",0,-2,2,l,i),P=h(a,"saturation",1,0,2,l,i),L=h(a,"sepia",0,0,1,l,i),g=p,m=y,S=e.renderer.getTemporaryTexture(g,m,[...n.excludeTextures||[],o]),V=S.createView();e.renderer.beginFrame(r,V,{r:0,g:0,b:0,a:0},g,m,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:g,height:m}),e.renderer.pushIdentity(),await c(x,{...n,virtualMedia:x},V,S,g,m),e.renderer.popTransform(),e.renderer.popScissor();let{modulatePipeline:k,modulateUniformLayout:D,singleTextureLayout:O,modulateSignalsLayout:C}=X(e.device,e.renderer.format),A=e.renderer.samplerCache.getSampler(e.device),U=e.renderer.getTemporaryTexture(g,m,[S,o,...n.excludeTextures||[]]);f[0]=G.value,f[1]=M.value,f[2]=R.value,f[3]=_.value,f[4]=P.value,f[5]=L.value;let H=[{name:"hue",info:G,idx:6},{name:"brightness",info:M,idx:7},{name:"contrast",info:R,idx:8},{name:"exposure",info:_,idx:9},{name:"saturation",info:P,idx:10},{name:"sepia",info:L,idx:11}],d=[],W=n.elapsedMs!==void 0?n.elapsedMs/1e3:l/i,$=n.virtualMedia?.metadata?.durationMs?n.virtualMedia.metadata.durationMs/1e3:n.durationMs!==void 0?n.durationMs/1e3:0;for(let v of H){let F=!!(v.info.hasSignal&&v.info.sd);if(f[v.idx]=F?1:0,F){let K=w.getOrCreate2DTextureView(e.device,r,v.info.sd.nodeId??`modulate_${v.name}_sig`,W,$,v.info.sd,g,m,n.renderId,l,i);d.push(K)}else d.push(w.getDummy1x1TextureView(e.device))}let j=e.renderer.getTemporaryBuffer(f),b=r.beginRenderPass({colorAttachments:[{view:U.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});b.setPipeline(k),b.setBindGroup(0,e.device.createBindGroup({layout:D,entries:[{binding:0,resource:{buffer:j}}]})),b.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,O,S,A)),b.setBindGroup(2,e.device.createBindGroup({layout:C,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:A}]})),b.draw(4),b.end();let I=e.renderer.beginFrame(r,s,{r:0,g:0,b:0,a:0},p,y,"load");e.renderer.drawTexture(I,U,{x:0,y:0,width:p,height:y},{opacity:a.opacity??1}),t.pass=I};var ae=N({WebGPURenderer:E});export{ae as a};

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

@@ -0,0 +1 @@
+import{a as l}from"./chunk-4BEJJKEU.mjs";import{b as w}from"./chunk-HYBAPT6I.mjs";import{d as u,e as p}from"./chunk-BVF64D6H.mjs";p();var g=null,i=new Map,b=new Set,c=new Map,F=new Map;async function v(e,r){let t=r;if(r.startsWith("/"))if(w)t=`${w}${r}`;else{let s=await import("./shims/fs-promises.mjs");try{await s.access(r)}catch{throw new Error(`Relative font URL "${r}" cannot be resolved because BASE_URL is not configured.`)}}if(i.has(t))return i.get(t);if(t.startsWith("file://"))try{let s=new URL(t).pathname;return u.platform==="win32"&&s.startsWith("/")&&(s=s.slice(1)),i.set(t,s),s}catch{let s=t.replace(/^file:\/\//,"");return i.set(t,s),s}if(!t.startsWith("http://")&&!t.startsWith("https://"))return t;let n=await import("./shims/fs-promises.mjs"),a=await import("./shims/path.mjs"),o=await import("./shims/os.mjs");g||(g=a.join(o.tmpdir(),"gatewai-fonts"),await n.mkdir(g,{recursive:!0}).catch(()=>{}));let $=e.replace(/[^a-zA-Z0-9_-]/g,"_"),m=new URL(t),f=a.extname(m.pathname);(!f||f.length>5)&&(f=".ttf");let d=a.join(g,`${$}-${Date.now()}${f}`),h=await fetch(t);if(!h.ok)throw new Error(`Failed to fetch font from ${t}: ${h.statusText}`);let P=await h.arrayBuffer();return await n.writeFile(d,Buffer.from(P)),i.set(t,d),d}async function U(e,r){if(c.has(e))return c.get(e);let t=globalThis;try{let n=await v(e,r);c.set(e,n),l(n===r?`[registerHeadlessFont] Registered "${e}" from ${n}`:`[registerHeadlessFont] Registered "${e}" from ${r} (cached at ${n})`);try{t.OffscreenCanvas&&typeof t.OffscreenCanvas.registerFont=="function"&&(t.OffscreenCanvas.registerFont(n,{family:e}),b.add(e))}catch(a){console.warn(`[registerHeadlessFont] SkiaCanvas registration failed for "${e}" (non-fatal):`,a)}return n}catch(n){console.warn(`[registerHeadlessFont] Failed to download font "${e}" from ${r}:`,n)}}function C(e){return c.get(e)}async function L(e){let r=F.get(e);if(r)return r;let t=c.get(e);if(t)try{let a=await(await import("./shims/fs-promises.mjs")).readFile(t),o=new Uint8Array(a.length);return o.set(a),l(`[getHeadlessFontData] Read local font binary for "${e}" from: ${t} (${o.length} bytes)`),F.set(e,o),o}catch(n){console.warn(`[getHeadlessFontData] Failed to read font file from ${t}:`,n)}}export{U as a,C as b,L as c};

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

@@ -0,0 +1,63 @@
+import{a as O}from"./chunk-YSTLMWCG.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};

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

@@ -0,0 +1,188 @@
+import{a as g}from"./chunk-N4PWLBZ7.mjs";import{a as c}from"./chunk-YSTLMWCG.mjs";import{e as t}from"./chunk-BVF64D6H.mjs";t();t();var P=["threshold","ratio","attack","release","knee","makeupGain"],M=()=>`
+struct Uniforms {
+    sampleRate        : f32,
+    threshold         : f32,
+    ratio             : f32,
+    attack            : f32,
+    release           : f32,
+    knee              : f32,
+    makeupGain        : f32,
+    hasThresholdSig   : f32,
+    hasRatioSig       : f32,
+    hasAttackSig      : f32,
+    hasReleaseSig     : f32,
+    hasKneeSig        : f32,
+    hasMakeupGainSig  : f32,
+    baseTime          : f32,
+    frame             : f32,
+    numSamples        : f32,
+    numChannels       : f32,
+    pad1              : f32,
+    pad2              : f32,
+    pad3              : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : Uniforms;
+@group(0) @binding(1) var<storage, read> inputChannels : array<f32>;
+@group(0) @binding(2) var<storage, read_write> outputChannels : array<f32>;
+@group(0) @binding(3) var<storage, read_write> state : array<f32>; // state[0] = envelope
+@group(0) @binding(4) var<storage, read> thresholdSignal  : array<f32>;
+@group(0) @binding(5) var<storage, read> ratioSignal      : array<f32>;
+@group(0) @binding(6) var<storage, read> attackSignal     : array<f32>;
+@group(0) @binding(7) var<storage, read> releaseSignal    : array<f32>;
+@group(0) @binding(8) var<storage, read> kneeSignal       : array<f32>;
+@group(0) @binding(9) var<storage, read> makeupGainSignal : array<f32>;
+
+fn log10(x: f32) -> f32 {
+    return log(x) * 0.4342944819032518f;
+}
+
+fn tanh(x: f32) -> f32 {
+    let exp2x = exp(2.0f * x);
+    return (exp2x - 1.0f) / (exp2x + 1.0f);
+}
+
+fn is_nan_or_inf(v: f32) -> bool {
+    return (v != v) || (abs(v) > 3.402823466e+38f);
+}
+
+@compute @workgroup_size(1)
+fn main(@builtin(global_invocation_id) gid : vec3<u32>) {
+    if (gid.x != 0u) { return; }
+
+    let numSamples = u32(u.numSamples);
+    let numChannels = u32(u.numChannels);
+
+    var envelope = state[0];
+    if (is_nan_or_inf(envelope)) {
+        envelope = 0.0f;
+    }
+
+    for (var index = 0u; index < numSamples; index = index + 1u) {
+        // 1. Dynamic Parameter Modulation & Anti-Explosion Clamping
+        var effThreshold = u.threshold;
+        if (u.hasThresholdSig > 0.5f) {
+            effThreshold = thresholdSignal[index];
+        }
+        effThreshold = clamp(effThreshold, -120.0f, 0.0f);
+
+        var effRatio = u.ratio;
+        if (u.hasRatioSig > 0.5f) {
+            effRatio = ratioSignal[index];
+        }
+        effRatio = clamp(effRatio, 1.0f, 100.0f);
+
+        var effAttack = u.attack;
+        if (u.hasAttackSig > 0.5f) {
+            effAttack = attackSignal[index];
+        }
+        effAttack = clamp(effAttack, 0.0001f, 10.0f);
+
+        var effRelease = u.release;
+        if (u.hasReleaseSig > 0.5f) {
+            effRelease = releaseSignal[index];
+        }
+        effRelease = clamp(effRelease, 0.001f, 10.0f);
+
+        var effKnee = u.knee;
+        if (u.hasKneeSig > 0.5f) {
+            effKnee = kneeSignal[index];
+        }
+        effKnee = clamp(effKnee, 0.0f, 40.0f);
+
+        var effMakeupGain = u.makeupGain;
+        if (u.hasMakeupGainSig > 0.5f) {
+            effMakeupGain = makeupGainSignal[index];
+        }
+        effMakeupGain = clamp(effMakeupGain, -60.0f, 36.0f);
+
+        // 2. Safe Attack / Release Coefficients
+        let attackCoeff = clamp(1.0f - exp(-1.0f / (u.sampleRate * effAttack)), 0.00001f, 1.0f);
+        let releaseCoeff = clamp(1.0f - exp(-1.0f / (u.sampleRate * effRelease)), 0.00001f, 1.0f);
+
+        // 3. Peak Detection with NaN / Inf sanitization
+        var peak = 0.0f;
+        for (var c = 0u; c < numChannels; c = c + 1u) {
+            var val = abs(inputChannels[c * numSamples + index]);
+            if (is_nan_or_inf(val)) {
+                val = 0.0f;
+            }
+            if (val > peak) {
+                peak = val;
+            }
+        }
+        
+        // 4. Convert Peak to dBFS
+        let dB = 20.0f * log10(max(peak, 1e-9f));
+
+        // 5. Compute target reduction (soft-knee & ratio)
+        var targetReductiondB = 0.0f;
+        if (effKnee > 0.0f) {
+            let x = dB - effThreshold;
+            if (x <= -effKnee / 2.0f) {
+                targetReductiondB = 0.0f;
+            } else if (x >= effKnee / 2.0f) {
+                targetReductiondB = (dB - effThreshold) * (1.0f - 1.0f / effRatio);
+            } else {
+                let kneeTerm = x + effKnee / 2.0f;
+                targetReductiondB = ((kneeTerm * kneeTerm) / (2.0f * effKnee)) * (1.0f - 1.0f / effRatio);
+            }
+        } else {
+            if (dB > effThreshold) {
+                targetReductiondB = (dB - effThreshold) * (1.0f - 1.0f / effRatio);
+            }
+        }
+
+        targetReductiondB = clamp(targetReductiondB, 0.0f, 120.0f);
+
+        // 6. Envelope Smoothing
+        let targetGaindB = -targetReductiondB;
+        if (targetGaindB < envelope) {
+            envelope += (targetGaindB - envelope) * attackCoeff;
+        } else {
+            envelope += (targetGaindB - envelope) * releaseCoeff;
+        }
+
+        if (is_nan_or_inf(envelope)) {
+            envelope = 0.0f;
+        }
+        envelope = clamp(envelope, -120.0f, 0.0f);
+
+        // 7. Apply linear gain and soft clipping
+        let totalGaindB = clamp(envelope + effMakeupGain, -120.0f, 36.0f);
+        let gainLinear = clamp(pow(10.0f, totalGaindB / 20.0f), 0.0f, 63.1f);
+
+        for (var c = 0u; c < numChannels; c = c + 1u) {
+            let sampleIndex = c * numSamples + index;
+            var inVal = inputChannels[sampleIndex];
+            if (is_nan_or_inf(inVal)) {
+                inVal = 0.0f;
+            }
+
+            var outVal = inVal * gainLinear;
+            if (is_nan_or_inf(outVal)) {
+                outVal = 0.0f;
+            }
+            
+            // Soft clipping at \xB11.0 with smooth tanh transition starting at \xB10.9
+            if (outVal > 1.0f) {
+                outVal = 1.0f;
+            } else if (outVal < -1.0f) {
+                outVal = -1.0f;
+            } else if (outVal > 0.9f) {
+                outVal = 0.9f + 0.1f * tanh((outVal - 0.9f) / 0.1f);
+            } else if (outVal < -0.9f) {
+                outVal = -0.9f + 0.1f * tanh((outVal + 0.9f) / 0.1f);
+            }
+            
+            outputChannels[sampleIndex] = outVal;
+        }
+    }
+
+    if (is_nan_or_inf(envelope)) {
+        state[0] = 0.0f;
+    } else {
+        state[0] = clamp(envelope, -120.0f, 0.0f);
+    }
+}
+`,m=async(o,s,l,a)=>{if(!a?.device)throw new Error("GPUDevice is required for WebGPU Dynamics Compressor.");let e=l.operation||{},h=e.inputs||{},k=typeof e.threshold=="number"?e.threshold:-24,v=typeof e.ratio=="number"?e.ratio:4,S=typeof e.attack=="number"?e.attack:.003,R=typeof e.release=="number"?e.release:.25,x=typeof e.knee=="number"?e.knee:6,_=typeof e.makeupGain=="number"?e.makeupGain:0,n=i=>{let r=e[i];if(typeof r!="string"||!r)return!1;let f=h[r];return!!(f?.connectionValid&&f.outputItem&&(f.outputItem.type==="Signal"||f.outputItem.type==="Number"))},b=n("thresholdHandleId")?1:0,G=n("ratioHandleId")?1:0,y=n("attackHandleId")?1:0,C=n("releaseHandleId")?1:0,B=n("kneeHandleId")?1:0,A=n("makeupGainHandleId")?1:0,u=o.length;if(u===0)return;let d=o[0].length;if(d===0)return;let V=e.id||"audio-compressor",p=a.frame??0,T=a.fps??24;await g.process(a.device,V,o,s,l,p,T,M,i=>[s,k,v,S,R,x,_,b,G,y,C,B,A,i,p,d,u,0,0,0],20,1,a?.renderId,!0,a?.elapsedMs,a?.durationMs,void 0,void 0,P)};var U=c({audioProcessor:m});export{U as a};