framefields 2.2.0-beta.4 → 2.3.0

package/dist/preview-engine/renderers-JLFGBYN4.mjs

@@ -0,0 +1,78 @@
+import{a as S,d as U,f as w,h as R,j as G,m as T}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as P}from"./chunk-63SFBHEH.mjs";import{e as l}from"./chunk-BVF64D6H.mjs";l();l();var f="Iridescence",N=8,$=[`struct U { v : array<vec4<f32>, 2> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${S}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let strength = u.v[1].x;
+	let scale = u.v[1].y;
+	let shift = u.v[1].z;
+	let mode = u32(u.v[1].w + 0.5);
+
+	let R = res();
+	let c = sampleS(in.uv);
+	let l = luma(c.rgb);
+	var phase = l;
+	var amount = strength;
+	if (mode == 1u) {
+		let o = 5.0 / R;
+		let gx = luma(sampleS(in.uv + vec2<f32>(o.x, 0.0)).rgb) - luma(sampleS(in.uv - vec2<f32>(o.x, 0.0)).rgb);
+		let gy = luma(sampleS(in.uv + vec2<f32>(0.0, o.y)).rgb) - luma(sampleS(in.uv - vec2<f32>(0.0, o.y)).rgb);
+		let n = normalize(vec3<f32>(-gx * 3.0, -gy * 3.0, 1.0));
+		let slope = 1.0 - n.z;
+		phase = slope * 3.0 + l * 0.6 + in.uv.x * 0.4 + in.uv.y * 0.3;
+		amount = strength * clamp(0.3 + slope * 6.0, 0.0, 1.0);
+	}
+	phase = phase * scale + shift / 360.0;
+	let rainbow = 0.5 + 0.5 * cos(6.2831853 * (phase + vec3<f32>(0.0, 0.33, 0.67)));
+	let screened = vec3<f32>(1.0) - (vec3<f32>(1.0) - c.rgb) * (vec3<f32>(1.0) - rainbow * 0.85);
+	return premul(vec4<f32>(mix(c.rgb, screened, amount), c.a));
+}
+`],k=w(e=>({layout:U(e,["uniform","texture","texture","sampler"],`${f}_layout`),pipelines:new Map,sampler:e.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function z(e,r){let t=k(e),n=t.pipelines.get(r);return n||(n=$.map((p,i)=>{let a=e.createShaderModule({code:p,label:`${f}_${i}.wgsl`});return e.createRenderPipeline({label:`${f}_${i}`,layout:e.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:a,entryPoint:"vs"},fragment:{module:a,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(r,n)),n}function g(e,r){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?t:r}function A(e,r,t,n){r.fill(0),r[0]=t,r[1]=n,r[4]=g(e.strength,.6),r[5]=g(e.scale,2),r[6]=g(e.shift,0),r[7]=Math.max(0,["luminance","relief"].indexOf(String(e.mode??"relief")))}var F=async e=>{let{ctx:r,encoder:t,pass:n,targetTexture:p,targetWidth:i,targetHeight:a,props:o}=e,c=o.virtualMedia?.operation;if(c?.op!==f)return;let x=o.virtualMedia?.children?.[0];if(!x)return;n.end();let m=o.fps||30,u=Math.round(o.compositionFrame??o.frame??0),L=c.effect?.resolveUniforms?c.effect.resolveUniforms({frame:u,fps:m,time:u/m}):c,h=new Float32Array(N);A(L,h,u/m,u);let{texture:v}=await R(e,x),d=r.device,b=k(d),M=z(d,r.renderer.format),_=r.renderer.getTemporaryBuffer(h),s=v;for(let W of M){let y=r.renderer.getTemporaryTexture(i,a,[v,s,p,...o.excludeTextures||[]]);T(t,y.createView(),W,[d.createBindGroup({layout:b.layout,entries:[{binding:0,resource:{buffer:_}},{binding:1,resource:v.createView()},{binding:2,resource:s.createView()},{binding:3,resource:b.sampler}]})]),s=y}G(e,s)};var q=P({WebGPURenderer:F});export{F as IridescenceWebGPURenderer,q as default};

package/dist/preview-engine/renderers-LLUEOW5T.mjs

@@ -0,0 +1,77 @@
+import{a as U,d as R,f as G,h as S,j as T,m as k}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as P}from"./chunk-63SFBHEH.mjs";import{e as f}from"./chunk-BVF64D6H.mjs";f();f();var p="Kaleidoscope",D=12,N=[`struct U { v : array<vec4<f32>, 3> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${U}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let segments = u.v[1].x;
+	let rotation = u.v[1].y;
+	let centerX = u.v[1].z;
+	let centerY = u.v[1].w;
+	let zoom = u.v[2].x;
+
+	let R = res();
+	let aspect = R.x / R.y;
+	let center = vec2<f32>(centerX, centerY);
+	var p = in.uv - center;
+	p.x *= aspect;
+	let rad = length(p) / zoom;
+	let rot = radians(rotation);
+	let seg = 6.2831853 / segments;
+	var a = atan2(p.y, p.x) - rot;
+	a = a - seg * floor(a / seg);
+	a = min(a, seg - a);
+	var q = vec2<f32>(cos(a + rot), sin(a + rot)) * rad;
+	q.x /= aspect;
+	let uv = q + center;
+	let m = vec2<f32>(1.0) - abs(fract(uv * 0.5) * 2.0 - vec2<f32>(1.0));
+	return sampleP(m);
+}
+`],w=G(e=>({layout:R(e,["uniform","texture","texture","sampler"],`${p}_layout`),pipelines:new Map,sampler:e.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function $(e,r){let t=w(e),n=t.pipelines.get(r);return n||(n=N.map((m,i)=>{let c=e.createShaderModule({code:m,label:`${p}_${i}.wgsl`});return e.createRenderPipeline({label:`${p}_${i}`,layout:e.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:c,entryPoint:"vs"},fragment:{module:c,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(r,n)),n}function a(e,r){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?t:r}function q(e,r,t,n){r.fill(0),r[0]=t,r[1]=n,r[4]=a(e.segments,6),r[5]=a(e.rotation,0),r[6]=a(e.centerX,.5),r[7]=a(e.centerY,.5),r[8]=a(e.zoom,1)}var F=async e=>{let{ctx:r,encoder:t,pass:n,targetTexture:m,targetWidth:i,targetHeight:c,props:o}=e,s=o.virtualMedia?.operation;if(s?.op!==p)return;let g=o.virtualMedia?.children?.[0];if(!g)return;n.end();let v=o.fps||30,u=Math.round(o.compositionFrame??o.frame??0),L=s.effect?.resolveUniforms?s.effect.resolveUniforms({frame:u,fps:v,time:u/v}):s,y=new Float32Array(D);q(L,y,u/v,u);let{texture:d}=await S(e,g),x=r.device,b=w(x),M=$(x,r.renderer.format),_=r.renderer.getTemporaryBuffer(y),l=d;for(let W of M){let h=r.renderer.getTemporaryTexture(i,c,[d,l,m,...o.excludeTextures||[]]);k(t,h.createView(),W,[x.createBindGroup({layout:b.layout,entries:[{binding:0,resource:{buffer:_}},{binding:1,resource:d.createView()},{binding:2,resource:l.createView()},{binding:3,resource:b.sampler}]})]),l=h}T(e,l)};var K=P({WebGPURenderer:F});export{F as KaleidoscopeWebGPURenderer,K as default};

package/dist/preview-engine/renderers-NC64EQDE.mjs

@@ -0,0 +1 @@
+import{T as a}from"./chunk-KERW7QJ4.mjs";import"./chunk-YQRKT47I.mjs";import"./chunk-VXUJWPIK.mjs";import"./chunk-YKMBRUAE.mjs";import"./chunk-XKO4RYKN.mjs";import"./chunk-X6HUH6K4.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-63SFBHEH.mjs";import"./chunk-4GEWSUX5.mjs";import"./chunk-MTJHQATU.mjs";import"./chunk-IQKIHFNZ.mjs";import"./chunk-YAQFFQPG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-PVYP2ONH.mjs

@@ -0,0 +1,76 @@
+import{a as P,d as U,f as S,h as R,j as G,m as w}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as y}from"./chunk-63SFBHEH.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var f="Pixelate",D=8,N=[`struct U { v : array<vec4<f32>, 2> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${P}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let size = u.v[1].x;
+	let shape = u32(u.v[1].y + 0.5);
+	let gap = u.v[1].z;
+
+	let R = res();
+	let cell = max(size, 1.0);
+	let p = in.uv * R;
+	let c0 = floor(p / cell) * cell + cell * 0.5;
+	let col = texelS(c0);
+	let f = (p - c0) / cell;
+	let g = 1.0 - gap;
+	let e = 1.0 / cell;
+	var m = 1.0;
+	if (shape == 1u) {
+		m = 1.0 - smoothstep(0.5 * g - e, 0.5 * g, length(f));
+	} else if (shape == 2u) {
+		m = 1.0 - smoothstep(0.5 * g - e, 0.5 * g, abs(f.x) + abs(f.y));
+	} else if (gap > 0.0) {
+		m = 1.0 - smoothstep(0.5 * g - e, 0.5 * g, max(abs(f.x), abs(f.y)));
+	}
+	return premul(vec4<f32>(col.rgb, col.a * m));
+}
+`],k=S(e=>({layout:U(e,["uniform","texture","texture","sampler"],`${f}_layout`),pipelines:new Map,sampler:e.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function $(e,r){let t=k(e),n=t.pipelines.get(r);return n||(n=N.map((p,i)=>{let a=e.createShaderModule({code:p,label:`${f}_${i}.wgsl`});return e.createRenderPipeline({label:`${f}_${i}`,layout:e.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:a,entryPoint:"vs"},fragment:{module:a,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(r,n)),n}function T(e,r){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?t:r}function A(e,r,t,n){r.fill(0),r[0]=t,r[1]=n,r[4]=T(e.size,12),r[5]=Math.max(0,["square","circle","diamond"].indexOf(String(e.shape??"square"))),r[6]=T(e.gap,0)}var F=async e=>{let{ctx:r,encoder:t,pass:n,targetTexture:p,targetWidth:i,targetHeight:a,props:o}=e,l=o.virtualMedia?.operation;if(l?.op!==f)return;let x=o.virtualMedia?.children?.[0];if(!x)return;n.end();let m=o.fps||30,c=Math.round(o.compositionFrame??o.frame??0),L=l.effect?.resolveUniforms?l.effect.resolveUniforms({frame:c,fps:m,time:c/m}):l,g=new Float32Array(D);A(L,g,c/m,c);let{texture:d}=await R(e,x),v=r.device,h=k(v),M=$(v,r.renderer.format),_=r.renderer.getTemporaryBuffer(g),s=d;for(let W of M){let b=r.renderer.getTemporaryTexture(i,a,[d,s,p,...o.excludeTextures||[]]);w(t,b.createView(),W,[v.createBindGroup({layout:h.layout,entries:[{binding:0,resource:{buffer:_}},{binding:1,resource:d.createView()},{binding:2,resource:s.createView()},{binding:3,resource:h.sampler}]})]),s=b}G(e,s)};var C=y({WebGPURenderer:F});export{F as PixelateWebGPURenderer,C as default};

package/dist/preview-engine/renderers-TPBPNXWH.mjs

@@ -0,0 +1,26 @@
+import{a as G}from"./chunk-7I7PKKDL.mjs";import{a as T,d as w,f as U,h,j as P,m as k}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as g}from"./chunk-63SFBHEH.mjs";import{e as p}from"./chunk-BVF64D6H.mjs";p();p();var v="rgba16float",D=`
+struct U { a : vec4<f32>, b : vec4<f32> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var moshTex : texture_2d<f32>;
+@group(0) @binding(2) var currentTex : texture_2d<f32>;
+@group(0) @binding(3) var flowTex : texture_2d<f32>;
+@group(0) @binding(4) var samp : sampler;
+${T}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let strength = u.a.x;
+	let bleed = u.a.y;
+	let inv = u.a.zw;
+	let cur0 = textureSampleLevel(currentTex, samp, in.uv, 0.0);
+	if (u.b.x > 0.5) { return cur0; }
+	let dims = vec2<f32>(textureDimensions(flowTex));
+	let coord = vec2<i32>(clamp(in.uv * dims, vec2<f32>(0.0), dims - 1.0));
+	let flow = textureLoad(flowTex, coord, 0).xy;
+	let cur = textureSampleLevel(currentTex, samp, in.uv, 0.0);
+	// The old picture moves with the new motion instead of being replaced.
+	let moved = textureSampleLevel(moshTex, samp, clamp(in.uv - flow * inv * strength, vec2<f32>(0.0), vec2<f32>(1.0)), 0.0);
+	var out = mix(moved, cur, bleed);
+	if (moved.a < 0.01) { out = cur; }
+	return out;
+}
+`,_=U(e=>{let r=w(e,["uniform","texture","texture","texture","sampler"],"datamosh_layout"),a=e.createShaderModule({code:D,label:"datamosh.wgsl"});return{layout:r,pipeline:e.createRenderPipeline({label:"datamosh",layout:e.createPipelineLayout({bindGroupLayouts:[r]}),vertex:{module:a,entryPoint:"vs"},fragment:{module:a,entryPoint:"fs",targets:[{format:v}]},primitive:{topology:"triangle-strip"}}),flow:new G(e),sampler:e.createSampler({magFilter:"linear",minFilter:"linear"})}});function H(e,r,a,i,s){let t=e.feedbackHistory;if(t&&t.device===r&&t.width===a&&t.height===i)return t;t?.front.destroy(),t?.back.destroy(),t?.prev?.destroy();let o=(n,c)=>r.createTexture({label:n,size:[a,i],format:c,usage:GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC|GPUTextureUsage.COPY_DST}),u={device:r,width:a,height:i,front:o("feedback_front",v),back:o("feedback_back",v),prev:o("feedback_prev",s),frame:-1};return e.feedbackHistory=u,u}async function S(e,r,a,i){let s=e.props.virtualMedia?.children?.[0];return s?h(e,s,{exclude:[i.front,i.back,...i.prev?[i.prev]:[]],props:{...e.props,virtualMedia:s,frame:r,compositionFrame:a+r}}):null}function A(e){let r=e.front;e.front=e.back,e.back=r}async function L(e,r,a,i,s,t){let o=await S(e,i,s,r);if(!o||!r.prev)return;let u=_(e.ctx.device),{encoder:n}=e,c=t||r.frame<0,b=c?o.texture:u.flow.execute(r.prev,o.texture,{},n),m=new Float32Array([a.strength,a.bleed,1/r.width,1/r.height,c?1:0,0,0,0]);k(n,r.back.createView(),u.pipeline,[e.ctx.device.createBindGroup({layout:u.layout,entries:[{binding:0,resource:{buffer:e.ctx.renderer.getTemporaryBuffer(m)}},{binding:1,resource:r.front.createView()},{binding:2,resource:o.view},{binding:3,resource:b.createView()},{binding:4,resource:u.sampler}]})]),n.copyTextureToTexture({texture:o.texture},{texture:r.prev},[r.width,r.height,1]),A(r),r.frame=i}function x(e,r){return typeof e=="number"&&Number.isFinite(e)?e:r}var F=async e=>{let{ctx:r,pass:a,targetWidth:i,targetHeight:s,props:t}=e,o=t.virtualMedia?.operation;if(o?.op!=="Datamosh"||!o.effect?.resolveUniforms||!t.virtualMedia?.children?.[0])return;a.end();let u=t.fps||30,n=Math.max(0,Math.round(t.frame??0)),c=Math.round(t.compositionFrame??n),b=c-n,m=o.effect.resolveUniforms({frame:c,fps:u,time:c/u}),d=H(o.effect,r.device,i,s,r.renderer.format);{let l={keyframes:Array.isArray(m.keyframes)?m.keyframes.map(Math.round):[],strength:x(m.strength,1),bleed:Math.min(1,Math.max(0,x(m.bleed,0))),warmup:Math.max(1,Math.round(x(m.warmup,48)))};if(d.frame!==n){let y=n;if(d.frame!==n-1){let f=Math.max(0,...l.keyframes.filter(M=>M<=n));y=Math.max(f,n-l.warmup),d.frame=-1}for(let f=y;f<=n;f++)await L(e,d,l,f,b,f===0||l.keyframes.includes(f)||d.frame<0)}}P(e,d.front)};var B=g({WebGPURenderer:F});export{F as DatamoshWebGPURenderer,B as default};

package/dist/preview-engine/renderers-UJ4YVJZT.mjs

@@ -0,0 +1,80 @@
+import{a as S,d as U,f as R,h as w,j as G,m as T}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as P}from"./chunk-63SFBHEH.mjs";import{e as c}from"./chunk-BVF64D6H.mjs";c();c();var f="Contour",D=16,$=[`struct U { v : array<vec4<f32>, 4> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${S}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let levels = u.v[1].x;
+	let lineWidth = u.v[1].y;
+	let lineColor = u.v[2];
+	let fill = u32(u.v[1].z + 0.5);
+	let fillColor = u.v[3];
+	let smoothing = u.v[1].w;
+
+	let R = res();
+	let s = smoothing / R;
+	var lsum = 0.0;
+	for (var j = -1; j <= 1; j++) {
+		for (var i = -1; i <= 1; i++) {
+			lsum += luma(sampleS(in.uv + vec2<f32>(f32(i), f32(j)) * s).rgb);
+		}
+	}
+	let h = lsum / 9.0 * levels;
+	let w = max(fwidth(h), 1e-4);
+	let d = abs(fract(h - 0.5) - 0.5) / w;
+	let line = 1.0 - smoothstep(lineWidth * 0.5, lineWidth * 0.5 + 1.0, d);
+	let c = sampleS(in.uv);
+	var base = vec4<f32>(c.rgb, c.a);
+	if (fill == 1u) { base = vec4<f32>(fillColor.rgb, 1.0); }
+	if (fill == 2u) { base = vec4<f32>(lineColor.rgb, 0.0); }
+	let rgb = mix(base.rgb, lineColor.rgb, line);
+	return premul(vec4<f32>(rgb, max(base.a, line * select(1.0, c.a, fill == 0u))));
+}
+`],F=R(r=>({layout:U(r,["uniform","texture","texture","sampler"],`${f}_layout`),pipelines:new Map,sampler:r.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function j(r,e){let t=F(r),n=t.pipelines.get(e);return n||(n=$.map((p,o)=>{let l=r.createShaderModule({code:p,label:`${f}_${o}.wgsl`});return r.createRenderPipeline({label:`${f}_${o}`,layout:r.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(e,n)),n}function g(r,e){let t=typeof r=="number"?r:Number(r);return Number.isFinite(t)?t:e}function k(r){let e=r.trim().replace("#","");(e.length===3||e.length===4)&&(e=[...e].map(n=>n+n).join(""));let t=n=>Number.parseInt(e.slice(n,n+2),16)/255;return[t(0),t(2),t(4),e.length>=8?t(6):1]}function A(r,e,t,n){e.fill(0),e[0]=t,e[1]=n,e[4]=g(r.levels,14),e[5]=g(r.lineWidth,1.2),e.set(k(String(r.lineColor??"#2b1d0e")),8),e[6]=Math.max(0,["source","flat","none"].indexOf(String(r.fill??"source"))),e.set(k(String(r.fillColor??"#f3ead8")),12),e[7]=g(r.smoothing,2)}var C=async r=>{let{ctx:e,encoder:t,pass:n,targetTexture:p,targetWidth:o,targetHeight:l,props:i}=r,u=i.virtualMedia?.operation;if(u?.op!==f)return;let b=i.virtualMedia?.children?.[0];if(!b)return;n.end();let m=i.fps||30,s=Math.round(i.compositionFrame??i.frame??0),W=u.effect?.resolveUniforms?u.effect.resolveUniforms({frame:s,fps:m,time:s/m}):u,x=new Float32Array(D);A(W,x,s/m,s);let{texture:v}=await w(r,b),d=e.device,h=F(d),L=j(d,e.renderer.format),M=e.renderer.getTemporaryBuffer(x),a=v;for(let _ of L){let y=e.renderer.getTemporaryTexture(o,l,[v,a,p,...i.excludeTextures||[]]);T(t,y.createView(),_,[d.createBindGroup({layout:h.layout,entries:[{binding:0,resource:{buffer:M}},{binding:1,resource:v.createView()},{binding:2,resource:a.createView()},{binding:3,resource:h.sampler}]})]),a=y}G(r,a)};var q=P({WebGPURenderer:C});export{C as ContourWebGPURenderer,q as default};

package/dist/preview-engine/renderers-WHBDHTRI.mjs

@@ -0,0 +1,78 @@
+import{a as P,d as U,f as S,h as R,j as k,m as G}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as y}from"./chunk-63SFBHEH.mjs";import{e as s}from"./chunk-BVF64D6H.mjs";s();s();var f="Dither",$=16,A=[`struct U { v : array<vec4<f32>, 4> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${P}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let mode = u32(u.v[1].x + 0.5);
+	let levels = u.v[1].y;
+	let scale = u.v[1].z;
+	let monochrome = u.v[1].w;
+	let dark = u.v[2];
+	let light = u.v[3];
+
+	let R = res();
+	let s = max(scale, 1.0);
+	let cellp = floor(in.uv * R / s);
+	let c = texelS(cellp * s + s * 0.5);
+	var t = bayer8(cellp);
+	if (mode == 1u) { t = hash12(cellp); }
+	if (mode == 2u) { t = clamp(length(fract(cellp / 4.0) - 0.5) * 1.414, 0.0, 1.0); }
+	let n = max(levels - 1.0, 1.0);
+	var rgb : vec3<f32>;
+	if (monochrome > 0.5) {
+		let q = clamp(floor(luma(c.rgb) * n + t) / n, 0.0, 1.0);
+		rgb = mix(dark.rgb, light.rgb, q);
+	} else {
+		rgb = clamp(floor(c.rgb * n + vec3<f32>(t)) / n, vec3<f32>(0.0), vec3<f32>(1.0));
+	}
+	return premul(vec4<f32>(rgb, c.a));
+}
+`],w=S(r=>({layout:U(r,["uniform","texture","texture","sampler"],`${f}_layout`),pipelines:new Map,sampler:r.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function O(r,e){let t=w(r),n=t.pipelines.get(e);return n||(n=A.map((p,i)=>{let l=r.createShaderModule({code:p,label:`${f}_${i}.wgsl`});return r.createRenderPipeline({label:`${f}_${i}`,layout:r.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(e,n)),n}function T(r,e){let t=typeof r=="number"?r:Number(r);return Number.isFinite(t)?t:e}function F(r){let e=r.trim().replace("#","");(e.length===3||e.length===4)&&(e=[...e].map(n=>n+n).join(""));let t=n=>Number.parseInt(e.slice(n,n+2),16)/255;return[t(0),t(2),t(4),e.length>=8?t(6):1]}function V(r,e,t,n){e.fill(0),e[0]=t,e[1]=n,e[4]=Math.max(0,["bayer","noise","halftone"].indexOf(String(r.mode??"bayer"))),e[5]=T(r.levels,2),e[6]=T(r.scale,2),e[7]=r.monochrome===void 0||r.monochrome?1:0,e.set(F(String(r.dark??"#111111")),8),e.set(F(String(r.light??"#f2efe6")),12)}var L=async r=>{let{ctx:e,encoder:t,pass:n,targetTexture:p,targetWidth:i,targetHeight:l,props:o}=r,c=o.virtualMedia?.operation;if(c?.op!==f)return;let g=o.virtualMedia?.children?.[0];if(!g)return;n.end();let m=o.fps||30,u=Math.round(o.compositionFrame??o.frame??0),D=c.effect?.resolveUniforms?c.effect.resolveUniforms({frame:u,fps:m,time:u/m}):c,x=new Float32Array($);V(D,x,u/m,u);let{texture:v}=await R(r,g),d=e.device,b=w(d),M=O(d,e.renderer.format),_=e.renderer.getTemporaryBuffer(x),a=v;for(let N of M){let h=e.renderer.getTemporaryTexture(i,l,[v,a,p,...o.excludeTextures||[]]);G(t,h.createView(),N,[d.createBindGroup({layout:b.layout,entries:[{binding:0,resource:{buffer:_}},{binding:1,resource:v.createView()},{binding:2,resource:a.createView()},{binding:3,resource:b.sampler}]})]),a=h}k(r,a)};var I=y({WebGPURenderer:L});export{L as DitherWebGPURenderer,I as default};

package/dist/preview-engine/renderers-WP67KK5K.mjs

@@ -0,0 +1,89 @@
+import{a as P,d as U,f as S,h as w,j as R,m as G}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as k}from"./chunk-63SFBHEH.mjs";import{e as l}from"./chunk-BVF64D6H.mjs";l();l();var p="OpArt",_=20,N=[`struct U { v : array<vec4<f32>, 5> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${P}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let pattern = u32(u.v[1].x + 0.5);
+	let frequency = u.v[1].y;
+	let angle = u.v[1].z;
+	let warp = u.v[1].w;
+	let source = u.v[2].x;
+	let colorA = u.v[3];
+	let colorB = u.v[4];
+
+	let R = res();
+	let c = sampleS(in.uv);
+	let l = luma(c.rgb) * c.a + (1.0 - c.a);
+	var p = (in.uv - 0.5) * vec2<f32>(R.x / R.y, 1.0);
+	p = rot2(radians(angle)) * p;
+	var v = p.y * frequency;
+	if (pattern == 1u) { v = length(p) * frequency; }
+	if (pattern == 3u) { v = p.y * frequency + sin(p.x * frequency * 0.25) * 2.0; }
+	v += (1.0 - l) * warp * 3.0;
+	var v2 = p.x * frequency + (1.0 - l) * warp * 3.0;
+	let duty = mix(0.5, clamp(1.0 - l, 0.05, 0.95), source);
+	let e = max(fwidth(v), 1e-4);
+	let e2 = max(fwidth(v2), 1e-4);
+	let s = fract(v);
+	var ink = smoothstep(duty + e, duty - e, s) * smoothstep(-e, e, s);
+	if (pattern == 2u) {
+		let s2 = fract(v2);
+		let a = step(0.5, s);
+		let b = step(0.5, s2);
+		ink = abs(a - b);
+		ink = mix(ink, 1.0 - ink, step(duty, 0.5) * 0.0);
+		let edgeA = smoothstep(0.0, e, min(s, 1.0 - s)) * smoothstep(0.0, e, abs(s - 0.5));
+		let edgeB = smoothstep(0.0, e2, min(s2, 1.0 - s2)) * smoothstep(0.0, e2, abs(s2 - 0.5));
+		ink = mix(0.5, ink, edgeA * edgeB);
+	}
+	return vec4<f32>(mix(colorB.rgb, colorA.rgb, ink), 1.0);
+}
+`],A=S(r=>({layout:U(r,["uniform","texture","texture","sampler"],`${p}_layout`),pipelines:new Map,sampler:r.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function W(r,e){let t=A(r),n=t.pipelines.get(e);return n||(n=N.map((m,i)=>{let s=r.createShaderModule({code:m,label:`${p}_${i}.wgsl`});return r.createRenderPipeline({label:`${p}_${i}`,layout:r.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:s,entryPoint:"vs"},fragment:{module:s,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(e,n)),n}function f(r,e){let t=typeof r=="number"?r:Number(r);return Number.isFinite(t)?t:e}function T(r){let e=r.trim().replace("#","");(e.length===3||e.length===4)&&(e=[...e].map(n=>n+n).join(""));let t=n=>Number.parseInt(e.slice(n,n+2),16)/255;return[t(0),t(2),t(4),e.length>=8?t(6):1]}function D(r,e,t,n){e.fill(0),e[0]=t,e[1]=n,e[4]=Math.max(0,["stripes","rings","checker","waves"].indexOf(String(r.pattern??"stripes"))),e[5]=f(r.frequency,48),e[6]=f(r.angle,0),e[7]=f(r.warp,.6),e[8]=f(r.source,1),e.set(T(String(r.colorA??"#0a0a0a")),12),e.set(T(String(r.colorB??"#f5f5f5")),16)}var F=async r=>{let{ctx:e,encoder:t,pass:n,targetTexture:m,targetWidth:i,targetHeight:s,props:o}=r,u=o.virtualMedia?.operation;if(u?.op!==p)return;let g=o.virtualMedia?.children?.[0];if(!g)return;n.end();let v=o.fps||30,a=Math.round(o.compositionFrame??o.frame??0),L=u.effect?.resolveUniforms?u.effect.resolveUniforms({frame:a,fps:v,time:a/v}):u,y=new Float32Array(_);D(L,y,a/v,a);let{texture:d}=await w(r,g),x=e.device,b=A(x),q=W(x,e.renderer.format),M=e.renderer.getTemporaryBuffer(y),c=d;for(let B of q){let h=e.renderer.getTemporaryTexture(i,s,[d,c,m,...o.excludeTextures||[]]);G(t,h.createView(),B,[x.createBindGroup({layout:b.layout,entries:[{binding:0,resource:{buffer:M}},{binding:1,resource:d.createView()},{binding:2,resource:c.createView()},{binding:3,resource:b.sampler}]})]),c=h}R(r,c)};var I=k({WebGPURenderer:F});export{F as OpArtWebGPURenderer,I as default};

package/dist/preview-engine/renderers-YNFKFM7D.mjs

@@ -0,0 +1,67 @@
+import{a as P,d as R,f as U,h as G,j as S,m as T}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as h}from"./chunk-63SFBHEH.mjs";import{e as s}from"./chunk-BVF64D6H.mjs";s();s();var f="RGBSplit",D=8,N=[`struct U { v : array<vec4<f32>, 2> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${P}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let amount = u.v[1].x;
+	let angle = u.v[1].y;
+	let radial = u.v[1].z;
+
+	let R = res();
+	let a = radians(angle);
+	var d = vec2<f32>(cos(a), sin(a)) * amount / R;
+	if (radial > 0.5) { d = (in.uv - 0.5) * 2.0 * amount / R; }
+	let cr = sampleP(in.uv + d);
+	let cg = sampleP(in.uv);
+	let cb = sampleP(in.uv - d);
+	return vec4<f32>(cr.r, cg.g, cb.b, max(max(cr.a, cg.a), cb.a));
+}
+`],w=U(e=>({layout:R(e,["uniform","texture","texture","sampler"],`${f}_layout`),pipelines:new Map,sampler:e.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function $(e,r){let t=w(e),n=t.pipelines.get(r);return n||(n=N.map((p,a)=>{let o=e.createShaderModule({code:p,label:`${f}_${a}.wgsl`});return e.createRenderPipeline({label:`${f}_${a}`,layout:e.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:o,entryPoint:"vs"},fragment:{module:o,entryPoint:"fs",targets:[{format:r}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(r,n)),n}function k(e,r){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?t:r}function A(e,r,t,n){r.fill(0),r[0]=t,r[1]=n,r[4]=k(e.amount,8),r[5]=k(e.angle,0),r[6]=e.radial===void 0?0:e.radial?1:0}var F=async e=>{let{ctx:r,encoder:t,pass:n,targetTexture:p,targetWidth:a,targetHeight:o,props:i}=e,c=i.virtualMedia?.operation;if(c?.op!==f)return;let x=i.virtualMedia?.children?.[0];if(!x)return;n.end();let d=i.fps||30,u=Math.round(i.compositionFrame??i.frame??0),L=c.effect?.resolveUniforms?c.effect.resolveUniforms({frame:u,fps:d,time:u/d}):c,g=new Float32Array(D);A(L,g,u/d,u);let{texture:m}=await G(e,x),v=r.device,b=w(v),M=$(v,r.renderer.format),_=r.renderer.getTemporaryBuffer(g),l=m;for(let W of M){let y=r.renderer.getTemporaryTexture(a,o,[m,l,p,...i.excludeTextures||[]]);T(t,y.createView(),W,[v.createBindGroup({layout:b.layout,entries:[{binding:0,resource:{buffer:_}},{binding:1,resource:m.createView()},{binding:2,resource:l.createView()},{binding:3,resource:b.sampler}]})]),l=y}S(e,l)};var C=h({WebGPURenderer:F});export{F as RGBSplitWebGPURenderer,C as default};