framefields 2.0.2

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

@@ -0,0 +1,264 @@
+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=`
+struct ShadowsHighlightsUniforms {
+	dirX                      : f32,
+	dirY                      : f32,
+	shadowRadius              : f32,
+	highlightRadius           : f32,
+
+	shadowAmount              : f32,
+	shadowTonalWidth          : f32,
+	highlightAmount           : f32,
+	highlightTonalWidth       : f32,
+
+	colorCorrection           : f32,
+	midtoneContrast           : f32,
+	isSecondPass              : f32,
+	_pad0                     : f32,
+
+	hasShadowAmountSig        : f32,
+	hasShadowTonalWidthSig    : f32,
+	hasShadowRadiusSig        : f32,
+	hasHighlightAmountSig     : f32,
+
+	hasHighlightTonalWidthSig : f32,
+	hasHighlightRadiusSig     : f32,
+	hasColorCorrectionSig     : f32,
+	hasMidtoneContrastSig     : f32,
+};
+
+@group(0) @binding(0) var<uniform> u                : ShadowsHighlightsUniforms;
+@group(1) @binding(0) var tex                       : texture_2d<f32>;
+@group(1) @binding(1) var samp                      : sampler;
+@group(1) @binding(2) var origTex                   : texture_2d<f32>;
+
+@group(2) @binding(0) var shadowAmountSigTex        : texture_2d<f32>;
+@group(2) @binding(1) var shadowTonalWidthSigTex    : texture_2d<f32>;
+@group(2) @binding(2) var shadowRadiusSigTex        : texture_2d<f32>;
+@group(2) @binding(3) var highlightAmountSigTex     : texture_2d<f32>;
+@group(2) @binding(4) var highlightTonalWidthSigTex : texture_2d<f32>;
+@group(2) @binding(5) var highlightRadiusSigTex     : texture_2d<f32>;
+@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]);
+}
+
+fn get_luminance(c: vec3<f32>) -> f32 {
+	return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722));
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let origCol = textureSampleLevel(origTex, samp, in.uv, 0.0);
+
+	var sAmount = u.shadowAmount;
+	if (u.hasShadowAmountSig > 0.5) {
+		sAmount = textureSampleLevel(shadowAmountSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	sAmount = clamp(sAmount, 0.0, 100.0);
+
+	var sTonalWidthVal = u.shadowTonalWidth;
+	if (u.hasShadowTonalWidthSig > 0.5) {
+		sTonalWidthVal = textureSampleLevel(shadowTonalWidthSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	sTonalWidthVal = clamp(sTonalWidthVal, 0.0, 100.0);
+
+	var sRadius = u.shadowRadius;
+	if (u.hasShadowRadiusSig > 0.5) {
+		sRadius = textureSampleLevel(shadowRadiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	sRadius = clamp(sRadius, 1.0, 250.0);
+
+	var hAmount = u.highlightAmount;
+	if (u.hasHighlightAmountSig > 0.5) {
+		hAmount = textureSampleLevel(highlightAmountSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	hAmount = clamp(hAmount, 0.0, 100.0);
+
+	var hTonalWidthVal = u.highlightTonalWidth;
+	if (u.hasHighlightTonalWidthSig > 0.5) {
+		hTonalWidthVal = textureSampleLevel(highlightTonalWidthSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	hTonalWidthVal = clamp(hTonalWidthVal, 0.0, 100.0);
+
+	var hRadius = u.highlightRadius;
+	if (u.hasHighlightRadiusSig > 0.5) {
+		hRadius = textureSampleLevel(highlightRadiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	hRadius = clamp(hRadius, 1.0, 250.0);
+
+	var colCorrVal = u.colorCorrection;
+	if (u.hasColorCorrectionSig > 0.5) {
+		colCorrVal = textureSampleLevel(colorCorrectionSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	colCorrVal = clamp(colCorrVal, -100.0, 100.0);
+
+	var midContrastVal = u.midtoneContrast;
+	if (u.hasMidtoneContrastSig > 0.5) {
+		midContrastVal = textureSampleLevel(midtoneContrastSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	midContrastVal = clamp(midContrastVal, -100.0, 100.0);
+
+	if (sAmount <= 0.0 && hAmount <= 0.0 && abs(midContrastVal) <= 0.0) {
+		if (u.isSecondPass > 0.5) {
+			return origCol;
+		}
+		return origCol;
+	}
+
+	let dimensions = vec2<f32>(textureDimensions(tex));
+	let texelSize = 1.0 / dimensions;
+	let direction = vec2<f32>(u.dirX, u.dirY);
+
+	let lumaOrig = get_luminance(origCol.rgb / max(origCol.a, 1e-5));
+
+	// Shadow blur parameters
+	let sSpatialSigma = sRadius;
+	let stepScaleS = max(1.0, sSpatialSigma / 20.0);
+	let effectiveSigmaS = sSpatialSigma / stepScaleS;
+	let sampleRadiusS = min(i32(ceil(3.0 * effectiveSigmaS)), 64);
+
+	// Highlight blur parameters
+	let hSpatialSigma = hRadius;
+	let stepScaleH = max(1.0, hSpatialSigma / 20.0);
+	let effectiveSigmaH = hSpatialSigma / stepScaleH;
+	let sampleRadiusH = min(i32(ceil(3.0 * effectiveSigmaH)), 64);
+
+	if (u.isSecondPass <= 0.5) {
+		// PASS 1: Horizontal blur of luminance from origTex
+		// Output packed channels: R = sLumaPass1, G = hLumaPass1, B = sAlphaPass1, A = hAlphaPass1
+		var sSum = 0.0;
+		var sWeightSum = 0.0;
+		var sAlphaSum = 0.0;
+		var sKernelSum = 0.0;
+
+		for (var i = -sampleRadiusS; i <= sampleRadiusS; i++) {
+			let offset = vec2<f32>(f32(i) * stepScaleS) * direction * texelSize;
+			let x = f32(i) * stepScaleS;
+			let weight = exp(-0.5 * (x / sSpatialSigma) * (x / sSpatialSigma));
+			let sampleCol = textureSampleLevel(tex, samp, in.uv + offset, 0.0);
+			let sampleAlpha = sampleCol.a;
+			let sampleLuma = get_luminance(sampleCol.rgb / max(sampleAlpha, 1e-5));
+			sSum += sampleLuma * weight * sampleAlpha;
+			sWeightSum += weight * sampleAlpha;
+			sAlphaSum += sampleAlpha * weight;
+			sKernelSum += weight;
+		}
+
+		var hSum = 0.0;
+		var hWeightSum = 0.0;
+		var hAlphaSum = 0.0;
+		var hKernelSum = 0.0;
+
+		for (var i = -sampleRadiusH; i <= sampleRadiusH; i++) {
+			let offset = vec2<f32>(f32(i) * stepScaleH) * direction * texelSize;
+			let x = f32(i) * stepScaleH;
+			let weight = exp(-0.5 * (x / hSpatialSigma) * (x / hSpatialSigma));
+			let sampleCol = textureSampleLevel(tex, samp, in.uv + offset, 0.0);
+			let sampleAlpha = sampleCol.a;
+			let sampleLuma = get_luminance(sampleCol.rgb / max(sampleAlpha, 1e-5));
+			hSum += sampleLuma * weight * sampleAlpha;
+			hWeightSum += weight * sampleAlpha;
+			hAlphaSum += sampleAlpha * weight;
+			hKernelSum += weight;
+		}
+
+		let sLumaPass1 = select(lumaOrig, sSum / sWeightSum, sWeightSum > 1e-5);
+		let sAlphaPass1 = sAlphaSum / max(sKernelSum, 1e-5);
+		let hLumaPass1 = select(lumaOrig, hSum / hWeightSum, hWeightSum > 1e-5);
+		let hAlphaPass1 = hAlphaSum / max(hKernelSum, 1e-5);
+
+		return vec4<f32>(sLumaPass1, hLumaPass1, sAlphaPass1, hAlphaPass1);
+	}
+
+	// PASS 2: Vertical blur of Pass 1 + Dynamic Range Recovery
+	if (origCol.a < 1e-5) {
+		return vec4<f32>(0.0, 0.0, 0.0, 0.0);
+	}
+
+	var sSum = 0.0;
+	var sWeightSum = 0.0;
+
+	for (var i = -sampleRadiusS; i <= sampleRadiusS; i++) {
+		let offset = vec2<f32>(f32(i) * stepScaleS) * direction * texelSize;
+		let x = f32(i) * stepScaleS;
+		let weight = exp(-0.5 * (x / sSpatialSigma) * (x / sSpatialSigma));
+		let samplePass1 = textureSampleLevel(tex, samp, in.uv + offset, 0.0);
+		let sampleAlpha = samplePass1.b;
+		let sampleLuma = samplePass1.r;
+		sSum += sampleLuma * weight * sampleAlpha;
+		sWeightSum += weight * sampleAlpha;
+	}
+
+	var hSum = 0.0;
+	var hWeightSum = 0.0;
+
+	for (var i = -sampleRadiusH; i <= sampleRadiusH; i++) {
+		let offset = vec2<f32>(f32(i) * stepScaleH) * direction * texelSize;
+		let x = f32(i) * stepScaleH;
+		let weight = exp(-0.5 * (x / hSpatialSigma) * (x / hSpatialSigma));
+		let samplePass1 = textureSampleLevel(tex, samp, in.uv + offset, 0.0);
+		let sampleAlpha = samplePass1.a;
+		let sampleLuma = samplePass1.g;
+		hSum += sampleLuma * weight * sampleAlpha;
+		hWeightSum += weight * sampleAlpha;
+	}
+
+	let sLumaBlur = select(lumaOrig, sSum / sWeightSum, sWeightSum > 1e-5);
+	let hLumaBlur = select(lumaOrig, hSum / hWeightSum, hWeightSum > 1e-5);
+
+	let alpha = origCol.a;
+	let rgb = origCol.rgb / alpha;
+
+	let sAmountNorm = sAmount / 100.0;
+	let hAmountNorm = hAmount / 100.0;
+	let sTonalWidth = clamp(sTonalWidthVal / 100.0, 0.01, 1.0);
+	let hTonalWidth = clamp(hTonalWidthVal / 100.0, 0.01, 1.0);
+	let colCorrNorm = colCorrVal / 100.0;
+	let midContrastNorm = midContrastVal / 100.0;
+
+	let sEvalLuma = 0.65 * sLumaBlur + 0.35 * lumaOrig;
+	let hEvalLuma = 0.65 * hLumaBlur + 0.35 * lumaOrig;
+
+	let wShadow = 1.0 - smoothstep(0.0, sTonalWidth, sEvalLuma);
+	let wHighlight = smoothstep(1.0 - hTonalWidth, 1.0, hEvalLuma);
+
+	let shadowBoost = sAmountNorm * wShadow * (1.0 - lumaOrig) * (1.0 - sqrt(clamp(sLumaBlur, 0.0, 1.0)));
+	let highlightSuppression = hAmountNorm * wHighlight * lumaOrig * sqrt(clamp(hLumaBlur, 0.0, 1.0));
+
+	var targetLuma = clamp(lumaOrig + shadowBoost - highlightSuppression, 0.0, 1.0);
+
+	if (abs(midContrastNorm) > 0.001) {
+		let midDiff = targetLuma - 0.5;
+		let sCurve = midDiff * (1.0 - 4.0 * midDiff * midDiff);
+		targetLuma = clamp(targetLuma + midContrastNorm * sCurve * 0.4, 0.0, 1.0);
+	}
+
+	var adjustedRgb = rgb * ((targetLuma + 1e-4) / (lumaOrig + 1e-4));
+
+	let effectIntensity = sAmountNorm * wShadow + hAmountNorm * wHighlight;
+	let satFactor = clamp(1.0 + colCorrNorm * effectIntensity * 1.5, 0.0, 3.0);
+	adjustedRgb = mix(vec3<f32>(targetLuma), adjustedRgb, satFactor);
+
+	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};

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

@@ -0,0 +1,104 @@
+import{a as V}from"./chunk-YSTLMWCG.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-BVF64D6H.mjs

@@ -0,0 +1 @@
+var i=Object.create;var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(n,e,s)=>()=>{if(s)throw s[0];try{return n&&(e=n(n=0)),e}catch(o){throw s=[o],o}};var b=(n,e)=>()=>{try{return e||n((e={exports:{}}).exports,e),e.exports}catch(s){throw e=0,s}},l=(n,e)=>{for(var s in e)c(n,s,{get:e[s],enumerable:!0})},w=(n,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of a(e))!d.call(n,r)&&r!==s&&c(n,r,{get:()=>e[r],enumerable:!(o=u(e,r))||o.enumerable});return n};var v=(n,e,s)=>(s=n!=null?i(p(n)):{},w(e||!n||!n.__esModule?c(s,"default",{value:n,enumerable:!0}):s,n));function k(){let n={env:{NODE_ENV:"production"},argv:[],platform:"browser",browser:!0,cwd:()=>"/",nextTick:(e,...s)=>queueMicrotask(()=>e(...s)),on:()=>n,emitWarning:()=>{}};return n}var t,f,P=g(()=>{"use strict";t=globalThis,f=t.process??k();t.process??=f});export{b as a,l as b,v as c,f as d,P as e};

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

@@ -0,0 +1,138 @@
+import{a as W}from"./chunk-YSTLMWCG.mjs";import{d as y}from"./chunk-6YJP57MZ.mjs";import{e as G}from"./chunk-BVF64D6H.mjs";G();G();var se=`
+struct ColorKeyUniforms {
+	similarity           : f32,
+	smoothness           : f32,
+	spillSuppression     : f32,
+	colorSpace           : f32, // 0 for YUV, 1 for RGB
+	spillSuppressionType : f32, // 0 for Desaturate, 1 for Neutralize, 2 for None
+	keyR                 : f32,
+	keyG                 : f32,
+	keyB                 : f32,
+	hasSimilaritySig     : f32,
+	hasSmoothnessSig     : f32,
+	hasSpillSig          : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : ColorKeyUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+
+@group(2) @binding(0) var similaritySigTex  : texture_2d<f32>;
+@group(2) @binding(1) var smoothnessSigTex  : texture_2d<f32>;
+@group(2) @binding(2) var spillSigTex       : texture_2d<f32>;
+@group(2) @binding(3) 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 rgb2yuv(rgb: vec3<f32>) -> vec3<f32> {
+	let y = 0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b;
+	let u = -0.169 * rgb.r - 0.331 * rgb.g + 0.500 * rgb.b;
+	let v = 0.500 * rgb.r - 0.419 * rgb.g - 0.081 * rgb.b;
+	return vec3<f32>(y, u, v);
+}
+
+fn yuv2rgb(yuv: vec3<f32>) -> vec3<f32> {
+	let r = yuv.x + 1.402 * yuv.z;
+	let g = yuv.x - 0.344 * yuv.y - 0.714 * yuv.z;
+	let b = yuv.x + 1.772 * yuv.y;
+	return vec3<f32>(r, g, b);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let src_color = textureSampleLevel(tex, samp, in.uv, 0.0);
+	if (src_color.a < 1e-5) {
+		return src_color;
+	}
+
+	// Unpremultiply alpha for keying and grading
+	let unpremult_rgb = src_color.rgb / src_color.a;
+
+	// Resolve dynamic signals if connected, otherwise use static uniform values
+	var similarity = u.similarity;
+	if (u.hasSimilaritySig > 0.5) {
+		similarity = textureSampleLevel(similaritySigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+
+	var smoothness = u.smoothness;
+	if (u.hasSmoothnessSig > 0.5) {
+		smoothness = textureSampleLevel(smoothnessSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+
+	var spillSuppression = u.spillSuppression;
+	if (u.hasSpillSig > 0.5) {
+		spillSuppression = textureSampleLevel(spillSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+
+	let keyColor = vec3<f32>(u.keyR, u.keyG, u.keyB);
+
+	// 1. Calculate similarity distance
+	var dist = 0.0;
+	if (u.colorSpace < 0.5) {
+		// YUV (Chroma Distance)
+		let C_yuv = rgb2yuv(unpremult_rgb);
+		let K_yuv = rgb2yuv(keyColor);
+		dist = distance(C_yuv.yz, K_yuv.yz);
+	} else {
+		// RGB (Exact Distance)
+		dist = distance(unpremult_rgb, keyColor);
+	}
+
+	// 2. Calculate transparency mask
+	var mask = 0.0;
+	if (smoothness < 0.0001) {
+		mask = select(0.0, 1.0, dist >= similarity);
+	} else {
+		mask = smoothstep(similarity, similarity + smoothness, dist);
+	}
+
+	// 3. Apply spill suppression
+	var final_rgb = unpremult_rgb;
+	if (u.spillSuppressionType < 2.5) { // 0 for Desaturate, 1 for Neutralize, 2 for None
+		let C_yuv = rgb2yuv(unpremult_rgb);
+		let K_yuv = rgb2yuv(keyColor);
+		let K_chroma = K_yuv.yz;
+		let K_len_sq = dot(K_chroma, K_chroma);
+
+		if (K_len_sq > 1e-6) {
+			let C_chroma = C_yuv.yz;
+			let proj = dot(C_chroma, K_chroma) / K_len_sq;
+			if (proj > 0.0) {
+				let C_para = proj * K_chroma;
+				var C_chroma_suppressed = C_chroma;
+
+				if (u.spillSuppressionType < 0.5) {
+					// Desaturate
+					C_chroma_suppressed = C_chroma - spillSuppression * C_para;
+				} else {
+					// Neutralize (completely shift to neutral gray chroma)
+					C_chroma_suppressed = C_chroma - C_para;
+				}
+
+				final_rgb = yuv2rgb(vec3<f32>(C_yuv.x, C_chroma_suppressed.x, C_chroma_suppressed.y));
+			}
+		}
+	}
+
+	let final_alpha = src_color.a * mask;
+	return vec4<f32>(clamp(final_rgb, vec3<f32>(0.0), vec3<f32>(1.0)) * final_alpha, final_alpha);
+}
+`,$=new WeakMap,a=new Float32Array(12);function ae(s){let e=$.get(s);if(e)return e;let r=s.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),n=s.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),o=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,sampler:{type:"filtering"}}]});return e={uniformLayout:r,singleTextureLayout:n,signalTextureLayout:o,pipelineCache:new Map},$.set(s,e),e}function oe(s,e){let r=ae(s),n=`colorkey_${e}`,o=r.pipelineCache.get(n);if(!o){let l=s.createShaderModule({label:`colorkey_${e}.wgsl`,code:se});o=s.createRenderPipeline({label:`ColorKeyPipeline_${e}`,layout:s.createPipelineLayout({bindGroupLayouts:[r.uniformLayout,r.singleTextureLayout,r.signalTextureLayout]}),vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),r.pipelineCache.set(n,o)}return{colorKeyPipeline:o,uniformLayout:r.uniformLayout,singleTextureLayout:r.singleTextureLayout,signalTextureLayout:r.signalTextureLayout}}function ne(s){let e=s.replace("#","");e.length===3&&(e=e.split("").map(l=>l+l).join(""));let r=parseInt(e.substring(0,2),16)/255,n=parseInt(e.substring(2,4),16)/255,o=parseInt(e.substring(4,6),16)/255;return[r,n,o]}var j=async s=>{let{ctx:e,encoder:r,pass:n,targetView:o,targetTexture:l,targetWidth:I,targetHeight:M,props:i,drawChild:Y}=s,b=i.frame??0,S=i.fps||30,t=i.virtualMedia?.operation;if(t?.op!=="ColorKey"||!t)return;let P=i.virtualMedia.children?.[0];if(!P)return;n.end();let u=I,p=M,K=t.inputs?Object.keys(t.inputs)[0]:"colorkey_node",c=t.similarityHandleId?t.inputs?.[t.similarityHandleId]:null,B=!!(c?.connectionValid&&(c.outputItem?.type==="Signal"||c.outputItem?.type==="Numeric")),f=B&&c?.outputItem?.data?c.outputItem.data:null,x=.4,L=!1;B?f&&(x=Math.max(0,Math.min(1,Number(f.offset??0))),L=!0):c?.connectionValid&&c.outputItem?.type==="Number"?x=Math.max(0,Math.min(1,Number(c.outputItem.data??.4))):x=Math.max(0,Math.min(1,Number(t.similarity??.4)));let d=t.smoothnessHandleId?t.inputs?.[t.smoothnessHandleId]:null,O=!!(d?.connectionValid&&(d.outputItem?.type==="Signal"||d.outputItem?.type==="Numeric")),v=O&&d?.outputItem?.data?d.outputItem.data:null,_=.1,R=!1;O?v&&(_=Math.max(0,Math.min(1,Number(v.offset??0))),R=!0):d?.connectionValid&&d.outputItem?.type==="Number"?_=Math.max(0,Math.min(1,Number(d.outputItem.data??.1))):_=Math.max(0,Math.min(1,Number(t.smoothness??.1)));let m=t.spillSuppressionHandleId?t.inputs?.[t.spillSuppressionHandleId]:null,z=!!(m?.connectionValid&&(m.outputItem?.type==="Signal"||m.outputItem?.type==="Numeric")),h=z&&m?.outputItem?.data?m.outputItem.data:null,T=.2,N=!1;z?h&&(T=Math.max(0,Math.min(1,Number(h.offset??0))),N=!0):m?.connectionValid&&m.outputItem?.type==="Number"?T=Math.max(0,Math.min(1,Number(m.outputItem.data??.2))):T=Math.max(0,Math.min(1,Number(t.spillSuppression??.2)));let C=e.renderer.getTemporaryTexture(u,p,[...i.excludeTextures||[],l]),A=C.createView();e.renderer.beginFrame(r,A,{r:0,g:0,b:0,a:0},u,p,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:u,height:p}),e.renderer.pushIdentity(),await Y(P,{...i,virtualMedia:P},A,C,u,p),e.renderer.popTransform(),e.renderer.popScissor();let{colorKeyPipeline:q,uniformLayout:J,singleTextureLayout:Q,signalTextureLayout:X}=oe(e.device,e.renderer.format),F=e.renderer.samplerCache.getSampler(e.device),V=i.elapsedMs!==void 0?i.elapsedMs/1e3:b/S,w=i.virtualMedia?.metadata?.durationMs?i.virtualMedia.metadata.durationMs/1e3:i.durationMs!==void 0?i.durationMs/1e3:0,U;L&&f?U=y.getOrCreate2DTextureView(e.device,r,f.nodeId??`${K}_similarity_sig`,V,w,f,u,p,i.renderId,b,S):U=y.getDummy1x1TextureView(e.device);let k;R&&v?k=y.getOrCreate2DTextureView(e.device,r,v.nodeId??`${K}_smoothness_sig`,V,w,v,u,p,i.renderId,b,S):k=y.getDummy1x1TextureView(e.device);let D;N&&h?D=y.getOrCreate2DTextureView(e.device,r,h.nodeId??`${K}_spill_sig`,V,w,h,u,p,i.renderId,b,S):D=y.getDummy1x1TextureView(e.device);let[Z,ee,te]=ne(t.keyColor??"#00ff00");a[0]=x,a[1]=_,a[2]=T,a[3]=t.colorSpace==="RGB"?1:0,a[4]=t.spillSuppressionType==="None"?2:t.spillSuppressionType==="Neutralize"?1:0,a[5]=Z,a[6]=ee,a[7]=te,a[8]=L?1:0,a[9]=R?1:0,a[10]=N?1:0,a[11]=0;let H=e.renderer.getTemporaryTexture(u,p,[C,l,...i.excludeTextures||[]]),re=e.renderer.getTemporaryBuffer(a),g=r.beginRenderPass({colorAttachments:[{view:H.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});g.setPipeline(q),g.setBindGroup(0,e.device.createBindGroup({layout:J,entries:[{binding:0,resource:{buffer:re}}]})),g.setBindGroup(1,e.renderer.bindGroupCache.getBindGroup(e.device,Q,C,F)),g.setBindGroup(2,e.device.createBindGroup({layout:X,entries:[{binding:0,resource:U},{binding:1,resource:k},{binding:2,resource:D},{binding:3,resource:F}]})),g.draw(4),g.end();let E=e.renderer.beginFrame(r,o,{r:0,g:0,b:0,a:0},I,M,"load");e.renderer.drawTexture(E,H,{x:0,y:0,width:I,height:M},{opacity:t.opacity??1}),s.pass=E};var ye=W({WebGPURenderer:j});export{ye as a};

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

@@ -0,0 +1 @@
+import{e as s}from"./chunk-BVF64D6H.mjs";s();var g={transparent:{r:0,g:0,b:0,a:0},black:{r:0,g:0,b:0,a:1},white:{r:1,g:1,b:1,a:1},red:{r:1,g:0,b:0,a:1},green:{r:0,g:.502,b:0,a:1},lime:{r:0,g:1,b:0,a:1},blue:{r:0,g:0,b:1,a:1},yellow:{r:1,g:1,b:0,a:1},cyan:{r:0,g:1,b:1,a:1},aqua:{r:0,g:1,b:1,a:1},magenta:{r:1,g:0,b:1,a:1},fuchsia:{r:1,g:0,b:1,a:1},orange:{r:1,g:.647,b:0,a:1},purple:{r:.502,g:0,b:.502,a:1},pink:{r:1,g:.753,b:.796,a:1},gray:{r:.502,g:.502,b:.502,a:1},grey:{r:.502,g:.502,b:.502,a:1}},i=/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*([\d.]+)\s*)?\)$/;function p(a){let r=a.startsWith("#")?a.slice(1):a,e=r.length;return e===3?{r:parseInt(r[0]+r[0],16)/255,g:parseInt(r[1]+r[1],16)/255,b:parseInt(r[2]+r[2],16)/255,a:1}:e===4?{r:parseInt(r[0]+r[0],16)/255,g:parseInt(r[1]+r[1],16)/255,b:parseInt(r[2]+r[2],16)/255,a:parseInt(r[3]+r[3],16)/255}:e===6?{r:parseInt(r.slice(0,2),16)/255,g:parseInt(r.slice(2,4),16)/255,b:parseInt(r.slice(4,6),16)/255,a:1}:e===8?{r:parseInt(r.slice(0,2),16)/255,g:parseInt(r.slice(2,4),16)/255,b:parseInt(r.slice(4,6),16)/255,a:parseInt(r.slice(6,8),16)/255}:null}function l(a){if(a==null)return{r:0,g:0,b:0,a:0};if(typeof a!="string")return a;let r=a.trim();if(r.length===0)return{r:0,g:0,b:0,a:0};if(r.startsWith("#")){let t=p(r);if(t)return t}let e=i.exec(r);if(e)return{r:parseInt(e[1],10)/255,g:parseInt(e[2],10)/255,b:parseInt(e[3],10)/255,a:e[4]!==void 0?parseFloat(e[4]):1};let n=g[r.toLowerCase()];return n?{...n}:{r:0,g:0,b:0,a:0}}export{l as a};

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

@@ -0,0 +1 @@
+import{e as b}from"./chunk-BVF64D6H.mjs";b();b();var I={whoosh:.7,riser:2,impact:1.8,downshifter:1.2,glitch:.35};function E(t){let r=(t^2654435769)>>>0;return()=>{r=r+1831565813>>>0;let e=r;return e=Math.imul(e^e>>>15,e|1),e^=e+Math.imul(e^e>>>7,e|61),((e^e>>>14)>>>0)/4294967296*2-1}}var x=class{low=0;band=0;process(r,e,a,n){let s=2*Math.sin(Math.PI*Math.min(e,n*.45)/n);this.low+=s*this.band;let i=r-this.low-a*this.band;return this.band+=s*i,this.band}},M=(t,r,e)=>t*(r/t)**e,A=(t,r)=>t<r?Math.sin(t/r*(Math.PI/2))**2:Math.cos((t-r)/(1-r)*(Math.PI/2))**2;function F(t,r,e,a){let n=new Float32Array(t),s=new Float32Array(t),i=new x;for(let o=0;o<t;o++){let c=o/t,f=a?1-c:c,u=A(c,a?.35:.6),m=i.process(e(),M(250,7e3,f),.35,r)*u*.9,l=(a?1-c:c)*2-1;n[o]=m*Math.sqrt((1-l)/2)*1.4,s[o]=m*Math.sqrt((1+l)/2)*1.4}return[n,s]}function w(t,r,e,a){let n=new Float32Array(t),s=new Float32Array(t),i=new x,o=0;for(let c=0;c<t;c++){let f=c/t,u=a?1-f:f,m=a?(1-f)**1.5:f**2.2,l=M(110,880,u);o+=2*Math.PI*l/r;let h=(Math.sin(o)+.5*Math.sin(o*2)+.25*Math.sin(o*3))*.3,d=i.process(e(),M(300,9e3,u),.5,r)*1.2,p=(h+d)*m*.6;n[c]=p,s[c]=p}return[n,s]}function L(t,r,e){let a=new Float32Array(t),n=new Float32Array(t),s=new x,i=0;for(let o=0;o<t;o++){let c=o/r,f=38+62*Math.exp(-c*14);i+=2*Math.PI*f/r;let u=Math.sin(i)*Math.exp(-c*2.6),m=s.process(e(),900*Math.exp(-c*6)+120,.6,r)*Math.exp(-c*9)*1.6,l=o<96?e()*(1-o/96)*.5:0,h=(u*1.1+m+l)*.85,d=e()*Math.exp(-c*5)*.08;a[o]=h+d,n[o]=h-d}return[a,n]}function B(t,r,e){let a=new Float32Array(t),n=new Float32Array(t),s=Math.max(1,Math.round(r*.022)),i=0,o=1,c=1;for(let f=0;f<t;f++){f%s===0&&(o=e()>-.2?1:0,c=2+Math.floor((e()+1)*6)),f%c===0&&(i=e()>0?1:-1);let u=1-f/t,m=i*o*u*.45;a[f]=m,n[f]=o?-m*.6:0}return[a,n]}function v(t,r){let e=t.durationSec??I[t.type],a=r.sampleRate,n=Math.max(1,Math.round(e*a)),s=E(r.seed+n),i;switch(t.type){case"whoosh":i=F(n,a,s,!1);break;case"riser":i=w(n,a,s,!1);break;case"downshifter":i=w(n,a,s,!0);break;case"impact":i=L(n,a,s);break;case"glitch":i=B(n,a,s);break}let o=t.volume??.8;for(let c of i)for(let f=0;f<n;f++)c[f]=Math.tanh((c[f]??0)*o);return{startSample:Math.max(0,Math.round(t.atBar*r.secondsPerBar*a)),channels:i}}function U(t,r){for(let e of r)for(let a=0;a<2;a++){let n=t[a],s=e.channels[a];if(!n||!s)continue;let i=Math.min(s.length,n.length-e.startSample);for(let o=0;o<i;o++){let c=n[e.startSample+o],f=s[o];c!==void 0&&f!==void 0&&(n[e.startSample+o]=c+f)}}}function P(t,r=.7,e=.97){let a=e-r;for(let n of t)for(let s=0;s<n.length;s++){let i=n[s]??0,o=Math.abs(i);o>r&&(n[s]=Math.sign(i)*(r+a*Math.tanh((o-r)/a)))}}b();function T(t,r={}){let e=r.sampleRate??48e3,a=2,n=t[0],s=t[1],i=Math.min(n.length,s.length),c=a*2,f=e*c,u=i*c,m=44+u,l=Buffer.alloc(m);l.write("RIFF",0,"ascii"),l.writeUInt32LE(36+u,4),l.write("WAVE",8,"ascii"),l.write("fmt ",12,"ascii"),l.writeUInt32LE(16,16),l.writeUInt16LE(1,20),l.writeUInt16LE(a,22),l.writeUInt32LE(e,24),l.writeUInt32LE(f,28),l.writeUInt16LE(c,32),l.writeUInt16LE(16,34),l.write("data",36,"ascii"),l.writeUInt32LE(u,40);let h=44;for(let d=0;d<i;d++){let p=Math.max(-1,Math.min(1,n[d]??0)),R=p<0?p*32768:p*32767;l.writeInt16LE(Math.round(R),h),h+=2;let S=Math.max(-1,Math.min(1,s[d]??0)),g=S<0?S*32768:S*32767;l.writeInt16LE(Math.round(g),h),h+=2}return l}export{v as a,U as b,P as c,T as d};

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

@@ -0,0 +1,47 @@
+import{a as f}from"./chunk-N4PWLBZ7.mjs";import{a as u}from"./chunk-YSTLMWCG.mjs";import{e as a}from"./chunk-BVF64D6H.mjs";a();a();var P=()=>`
+struct Uniforms {
+    sampleRate  : f32,
+    pan         : f32,
+    baseTime    : f32,
+    frame       : f32,
+    numSamples  : f32,
+    numChannels : f32,
+    pad1        : f32,
+    pad2        : 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>;
+
+@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);
+    
+    let clampedPan = max(-1.0f, min(1.0f, u.pan));
+    var leftGain = 1.0f;
+    var rightGain = 1.0f;
+
+    if (clampedPan < 0.0f) {
+        rightGain = 1.0f + clampedPan;
+    } else if (clampedPan > 0.0f) {
+        leftGain = 1.0f - clampedPan;
+    }
+
+    for (var index = 0u; index < numSamples; index = index + 1u) {
+        if (numChannels > 1u) {
+            outputChannels[index] = inputChannels[index] * leftGain;
+            outputChannels[numSamples + index] = inputChannels[numSamples + index] * rightGain;
+        } else {
+            outputChannels[index] = inputChannels[index] * leftGain;
+        }
+    }
+
+    // Dummy reference to prevent state binding from being optimized out
+    state[0] = state[0];
+}
+`,m=async(e,t,r,n)=>{if(!n?.device)throw new Error("GPUDevice is required for WebGPU Stereo Panning.");let d=r.operation?.pan??0,p=Math.max(-1,Math.min(1,d));if(e.length===0)return;let i=e[0].length;if(i===0)return;if(e.length===1){let s=new Float32Array(i);s.set(e[0]),e.push(s)}let l=e.length,g=r.operation?.id||"stereo-panning",o=n.frame??0,c=n.fps??24;await f.process(n.device,g,e,t,r,o,c,P,()=>[t,p,0,o,i,l,0,0],8,1,n?.renderId,!0,n?.elapsedMs,n?.durationMs)};var y=u({audioProcessor:m});export{y as a};

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

@@ -0,0 +1 @@
+import{d as s,e as u}from"./chunk-BVF64D6H.mjs";u();var a=null,r=null;async function c(n){if(typeof s<"u"&&s.versions?.node&&!globalThis.navigator?.gpu){let{create:o,globals:f}=await import("./webgpu-NSSANM4F.mjs");Object.assign(globalThis,f);let l=[];typeof globalThis.navigator>"u"?globalThis.navigator={gpu:o(l)}:Object.defineProperty(globalThis.navigator,"gpu",{value:o(l),configurable:!0,writable:!0})}let e=await globalThis.navigator.gpu.requestAdapter({powerPreference:"high-performance",...n});if(!e)throw new Error("WebGPU not available");let i=[];e.features.has("float32-filterable")&&i.push("float32-filterable");let t={};return e.limits&&Number.isInteger(e.limits.maxTextureDimension2D)&&(t.maxTextureDimension2D=Math.min(8192,e.limits.maxTextureDimension2D)),e.limits&&Number.isInteger(e.limits.maxStorageBuffersPerShaderStage)&&(t.maxStorageBuffersPerShaderStage=Math.min(16,e.limits.maxStorageBuffersPerShaderStage)),e.limits&&Number.isInteger(e.limits.maxStorageBuffersPerPipelineLayout)&&(t.maxStorageBuffersPerPipelineLayout=Math.min(16,e.limits.maxStorageBuffersPerPipelineLayout)),e.requestDevice({requiredFeatures:i,requiredLimits:t})}function g(){a=null,r=null}var m=async n=>a||r||(r=(async()=>{let e=await c(n);return a=e,e.lost.then(i=>{i.reason!=="destroyed"&&g()}),e})(),r);export{c as a,m as b};