glre 0.36.0 → 0.37.0

package/dist/index.js

@@ -1,44 +1,46 @@
-import{durable as ee,event as zt}from"reev";import{createFrame as Yt,createQueue as Ht}from"refr";import{nested as q}from"reev";var l={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)};var Ee=e=>e instanceof Float32Array,z=(e,t,r)=>{e.loading++;let n=new Image;Object.assign(n,{src:t,crossOrigin:"anonymous"}),n.decode().then(()=>{r(n),e.loading--})};var oe={bool:"bool",uint:"u32",int:"i32",float:"f32",bvec2:"vec2<bool>",ivec2:"vec2i",uvec2:"vec2u",vec2:"vec2f",bvec3:"vec3<bool>",ivec3:"vec3i",uvec3:"vec3u",vec3:"vec3f",bvec4:"vec4<bool>",ivec4:"vec4i",uvec4:"vec4u",vec4:"vec4f",color:"color",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",texture:"texture_2d<f32>",sampler2D:"sampler",struct:"struct"},ne=Object.keys(oe),se=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],ie={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Ce=Object.keys(ie),_e=["dot","distance","length","lengthSq","determinant","luminance","all","any","abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","sinh","cosh","tanh","asinh","acosh","atanh","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth","degrees","radians","cross","reflect","refract","min","max","mix","clamp","step","smoothstep","pow","atan2","texture","textureLod","textureSize","cubeTexture","faceforward","bitcast","cbrt","difference","equals","pow2","pow3","pow4","transformDirection"],ae={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Pe={texture:"vec4",cubeTexture:"vec4",textureSize:"vec4",length:"float",lengthSq:"float",distance:"float",dot:"float",all:"bool",any:"bool",cross:"vec3"},Re={position:"vec4",vertex_index:"uint",instance_index:"uint",front_facing:"bool",frag_depth:"float",sample_index:"uint",sample_mask:"uint",point_coord:"vec2",positionLocal:"vec3",positionWorld:"vec3",positionView:"vec3",normalLocal:"vec3",normalWorld:"vec3",normalView:"vec3",screenCoordinate:"vec2",screenUV:"vec2",gl_FragCoord:"vec4",gl_VertexID:"uint",gl_InstanceID:"uint",gl_FrontFacing:"bool",gl_FragDepth:"float",gl_SampleID:"uint",gl_SampleMask:"uint",gl_PointCoord:"vec2",normal:"vec3",uv:"vec2",color:"vec4"},Ge=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],Ne=["and","or"],$e={position:"gl_FragCoord",vertex_index:"gl_VertexID",instance_index:"gl_InstanceID",front_facing:"gl_FrontFacing",frag_depth:"gl_FragDepth",sample_index:"gl_SampleID",sample_mask:"gl_SampleMask",point_coord:"gl_PointCoord",uv:"gl_FragCoord.xy"};var we=e=>l.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),Le=e=>Ce.includes(e),Se=e=>_e.includes(e),Fe=e=>se.includes(e),Y=e=>!e||typeof e!="object"?!1:e.isProxy,ue=e=>l.str(e)?ne.includes(e):!1,Ae=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,n=(e&255)/255;return[t,r,n]},Ct=0,_=()=>`x${Ct++}`,Ue=e=>$e[e],L=(e,t)=>l.str(e)?t?.isWebGL?e:oe[e]||e:"",Ie=e=>ie[e]||e,Oe=e=>{let t=se.indexOf(e);return t!==-1?ne[t]:"float"},pe=(e,t,r=!1,n=!1)=>e.isWebGL?r?o=>e.gl?.attribute?.(t,o):n?o=>e.gl?.texture?.(t,o):o=>e.gl?.uniform?.(t,o):r?o=>e.gl?._attribute?.(t,o):n?o=>e.gl?._texture?.(t,o):o=>e.gl?._uniform?.(t,o),fe=(e,t)=>{if(l.und(e))return;if(!Y(e))return t(e);if(e.type!=="conversion")return;let r=e.props.children?.slice(1).filter(Boolean);r?.length&&t(r)},De=e=>(e.code||(e.code={headers:new Map,fragInputs:new Map,vertInputs:new Map,vertOutputs:new Map,vertVaryings:new Map,dependencies:new Map},e.isWebGL)||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f")),e),Me=e=>l.num(e)||l.str(e)&&/^\d+$/.test(e),H=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),ue(r)||e.code.dependencies.get(t).add(r)};var _t=e=>Re[e],Be=(e,t,r)=>Ge.includes(r)||Ne.includes(r)?"bool":e===t?e:e==="float"||e==="int"?t:t==="float"||t==="int"?e:e==="mat4"&&t==="vec4"||e==="mat3"&&t==="vec3"||e==="mat2"&&t==="vec2"?t:e,Pt=e=>e==="mat4"?"vec4":e==="mat3"?"vec3":e==="mat2"?"vec2":"float",Rt=e=>l.bol(e)?"bool":l.str(e)?"texture":l.num(e)?"float":l.arr(e)?ae[e.length]:"float",ce=e=>ae[e],Gt=(e,t)=>{if(e.length===0)return"void";let[r]=e;if(l.str(r))return r;let n=X(r,t);for(let o of e.slice(1))if(n!==X(o,t))throw new Error("glre node system error: defined scope return mismatch");return n},Nt=e=>Pe[e],$t=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],inferFrom:a,layout:f}=n,[i,u,d]=s;if(r==="conversion")return i;if(r==="operator")return Be(X(u,t),X(d,t),i);if(r==="ternary")return Be(X(u,t),X(d,t),"add");if(r==="builtin")return _t(o);if(r==="function")return Nt(i)||X(u,t);if(r==="define"&&ue(f?.type))return f?.type;if(r==="attribute"&&l.arr(i)&&t.gl?.count)return ce(i.length/t.gl.count);if(r==="element")return Pt(X(i,t));if(r==="member"){if(we(u))return ce(u.length);if(Y(i)){let G=i.props.fields[u];if(G)return X(G,t)}return"float"}return a?Gt(a,t):X(i,t)},X=(e,t)=>{if(t||(t={}),!Y(e))return Rt(e);if(l.arr(e))return ce(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=$t(e,t);return t.infers.set(e,r),r};var U=(e,t)=>e.filter(r=>!l.und(r)&&!l.nul(r)).map(r=>c(r,t)).join(", "),We=(e,t,r,n)=>{if(e.isWebGL)return`texture(${U(n?[t,r,n]:[t,r],e)})`;let o=c(t,e),s=[o,o+"Sampler",c(r,e)];return n?(s.push(c(n,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},ke=(e,t,r,n)=>{let o=`if (${c(t,e)}) {
-${c(r,e)}
-}`;for(let s=2;s<n.length;s+=2){let a=s>=n.length-1;o+=a?` else {
-${c(n[s],e)}
-}`:` else if (${c(n[s],e)}) {
-${c(n[s+1],e)}
-}`}return o},Ve=(e,t,r)=>{let n=`switch (${c(t,e)}) {
+import{durable as te,event as jt}from"reev";import{createFrame as Kt,createQueue as Zt}from"refr";import{nested as D}from"reev";var x={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)};var Xe=e=>e instanceof Float32Array,z=(e,t,r)=>{e.loading++;let n=new Image;Object.assign(n,{src:t,crossOrigin:"anonymous"}),n.decode().then(()=>{r(n),e.loading--})};var Ce=(e,t,r,n=console.warn)=>{let o=e.createShader(r);if(!o)return n("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let s=e.getShaderInfoLog(o);e.deleteShader(o),n(`Could not compile shader: ${s}`)},ne=(e,t,r,n)=>{let o=e.createProgram(),s=Ce(e,t,e.FRAGMENT_SHADER,n.error),i=Ce(e,r,e.VERTEX_SHADER,n.error);if(!s||!i)return;if(e.attachShader(o,s),e.attachShader(o,i),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let p=e.getProgramInfoLog(o);e.deleteProgram(o),n.error(`Could not link program: ${p}`)},_t=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),r},Pt=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),r},$t=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},_e=(e,t,r,n,o)=>{let s=_t(e,n),i=Pt(e,o),p=$t(r,n,o);e.bindBuffer(e.ARRAY_BUFFER,s),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,p,e.FLOAT,!1,0,0),i&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,i)},se=(e,t,r)=>{if(x.num(r))return e.uniform1f(t,r);let n=r.length;if(n<=4)return e[`uniform${n}fv`](t,r);n=Math.sqrt(n)<<0,e[`uniformMatrix${n}fv`](t,!1,r)},Pe=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)},$e=(e,t,r,n,o,s,i)=>{let p=r*r,a=t.length/p;for(let u=0;u<p;u++)for(let l=0;l<Math.min(a,4);l++)i[4*u+l]=t[u*a+l]||0;e.activeTexture(e.TEXTURE0+s),e.bindTexture(e.TEXTURE_2D,n.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,o.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)},Ge=(e,t)=>{for(let{ping:r,pong:n}of t)e.deleteTexture(r.texture),e.deleteTexture(n.texture),e.deleteFramebuffer(r.buffer),e.deleteFramebuffer(n.buffer)},Le=(e,t,r,n,o,s)=>{e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,t.texture),e.uniform1i(n,o),s===0&&e.bindFramebuffer(e.FRAMEBUFFER,r.buffer);let i=e.COLOR_ATTACHMENT0+s;return e.framebufferTexture2D(e.FRAMEBUFFER,i,e.TEXTURE_2D,r.texture,0),i};var ie=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],ae={bool:"bool",uint:"u32",int:"i32",float:"f32",bvec2:"vec2<bool>",ivec2:"vec2i",uvec2:"vec2u",vec2:"vec2f",bvec3:"vec3<bool>",ivec3:"vec3i",uvec3:"vec3u",vec3:"vec3f",bvec4:"vec4<bool>",ivec4:"vec4i",uvec4:"vec4u",vec4:"vec4f",color:"color",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",texture:"texture_2d<f32>",sampler2D:"sampler",struct:"struct"},ue=Object.keys(ae),pe={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Ne=Object.keys(pe),fe={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Re={position:"vec4",vertex_index:"uint",instance_index:"uint",front_facing:"bool",frag_depth:"float",sample_index:"uint",sample_mask:"uint",point_coord:"vec2",global_invocation_id:"uvec3",positionLocal:"vec3",positionWorld:"vec3",positionView:"vec3",normalLocal:"vec3",normalWorld:"vec3",normalView:"vec3",screenCoordinate:"vec2",screenUV:"vec2",gl_FragCoord:"vec4",gl_VertexID:"uint",gl_InstanceID:"uint",gl_FrontFacing:"bool",gl_FragDepth:"float",gl_SampleID:"uint",gl_SampleMask:"uint",gl_PointCoord:"vec2",normal:"vec3",uv:"vec2",color:"vec4"},we=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],Se=["and","or"],Ue={position:"gl_FragCoord",vertex_index:"gl_VertexID",instance_index:"gl_InstanceID",front_facing:"gl_FrontFacing",frag_depth:"gl_FragDepth",sample_index:"gl_SampleID",sample_mask:"gl_SampleMask",point_coord:"gl_PointCoord",uv:"gl_FragCoord.xy"},ce={all:"bool",any:"bool",determinant:"float",distance:"float",dot:"float",length:"float",lengthSq:"float",luminance:"float",cross:"vec3",cubeTexture:"vec4",texture:"vec4",texelFetch:"vec4",textureLod:"vec4"},Fe=[...Object.keys(ce),"abs","acos","acosh","asin","asinh","atan","atanh","ceil","cos","cosh","dFdx","dFdy","degrees","exp","exp2","floor","fract","fwidth","inverseSqrt","log","log2","negate","normalize","oneMinus","radians","reciprocal","round","saturate","sign","sin","sinh","sqrt","tan","tanh","trunc","atan2","clamp","max","min","mix","pow","reflect","refract","smoothstep","step"];var Ae=e=>x.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),Ie=e=>Ne.includes(e),Oe=e=>Fe.includes(e),De=e=>ie.includes(e),q=e=>!e||typeof e!="object"?!1:e.isProxy,le=e=>x.str(e)?ue.includes(e):!1,Me=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,n=(e&255)/255;return[t,r,n]},Gt=0,C=()=>`x${Gt++}`,Be=(e,t)=>{if(t==="global_invocation_id")return`uvec3(uint(gl_FragCoord.y) * uint(${Math.floor(Math.sqrt(e.gl?.particles||1024))}) + uint(gl_FragCoord.x), 0u, 0u)`;let r=Ue[t];if(!r)throw new Error(`Error: unknown builtin variable ${t}`);return r},N=(e,t)=>x.str(e)?t?.isWebGL?e:ae[e]||e:"",We=e=>pe[e]||e,ke=e=>{let t=ie.indexOf(e);return t!==-1?ue[t]:"float"},de=(e,t,r=!1,n=!1)=>e.isWebGL?r?o=>e.gl?.attribute?.(t,o):n?o=>e.gl?.texture?.(t,o):o=>e.gl?.uniform?.(t,o):r?o=>e.gl?._attribute?.(t,o):n?o=>e.gl?._texture?.(t,o):o=>e.gl?._uniform?.(t,o),xe=(e,t)=>{if(x.und(e))return;if(!q(e))return t(e);if(e.type!=="conversion")return;let r=e.props.children?.slice(1).filter(Boolean);r?.length&&t(r)},Ve=e=>(e.code||(e.code={headers:new Map,fragInputs:new Map,vertInputs:new Map,vertOutputs:new Map,vertVaryings:new Map,computeInputs:new Map,dependencies:new Map},e.isWebGL)||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f")),e),ze=e=>x.num(e)||x.str(e)&&/^\d+$/.test(e),Y=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),le(r)||e.code.dependencies.get(t).add(r)};var Lt=e=>Re[e],qe=(e,t,r)=>we.includes(r)||Se.includes(r)?"bool":e===t?e:e==="float"||e==="int"?t:t==="float"||t==="int"?e:e==="mat4"&&t==="vec4"||e==="mat3"&&t==="vec3"||e==="mat2"&&t==="vec2"?t:e,Nt=e=>x.bol(e)?"bool":x.str(e)?"texture":x.num(e)?"float":x.arr(e)?fe[e.length]:"float",me=e=>fe[e],Ye=(e,t)=>{if(e.length===0)return"void";let[r]=e;if(x.str(r))return r;let n=E(r,t);for(let o of e.slice(1))if(n!==E(o,t))throw new Error("glre node system error: defined scope return mismatch");return n},Rt=e=>ce[e],wt=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],inferFrom:i,layout:p}=n,[a,u,l]=s;if(r==="conversion")return a;if(r==="operator")return qe(E(u,t),E(l,t),a);if(r==="ternary")return qe(E(u,t),E(l,t),"add");if(r==="builtin")return Lt(o);if(r==="function")return Rt(a)||E(u,t);if(r==="define")return le(p?.type)?p?.type:!i||i.length===0?"void":Ye(i,t);if(r==="attribute"&&x.arr(a)&&t.gl?.count)return me(a.length/t.gl.count);if(r==="member"){if(Ae(u))return me(u.length);if(q(a)){let y=a.props.fields[u];if(y)return E(y,t)}return"float"}return i?Ye(i,t):E(a,t)},E=(e,t)=>{if(t||(t={}),!q(e))return Nt(e);if(x.arr(e))return me(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=wt(e,t);return t.infers.set(e,r),r};var S=(e,t)=>e.filter(r=>!x.und(r)&&!x.nul(r)).map(r=>f(r,t)).join(", "),He=(e,t,r,n)=>{let o=()=>{let u=E(n,e);if(u==="float")return".x";if(u==="vec2")return".xy";if(u==="vec3")return".xyz";if(u==="vec4")return"";throw new Error(`Unsupported storage scatter type: ${u}`)},s=f(r,e),i=Math.floor(Math.sqrt(e.gl?.particles||1024)),p=`int(${s}) % ${i}`,a=`int(${s}) / ${i}`;return`texelFetch(${f(t,e)}, ivec2(${p}, ${a}), 0)${o()}`},je=(e,t,r)=>{let n=f(t,e),o=f(r,e),s=E(r,e);if(s==="float")return`_${n} = vec4(${o}, 0.0, 0.0, 1.0);`;if(s==="vec2")return`_${n} = vec4(${o}, 0.0, 1.0);`;if(s==="vec3")return`_${n} = vec4(${o}, 1.0);`;if(s==="vec4")return`_${n} = ${o};`;throw new Error(`Unsupported storage scatter type: ${s}`)},Ke=(e,t,r,n)=>{if(e.isWebGL)return`texture(${S(n?[t,r,n]:[t,r],e)})`;let o=f(t,e),s=[o,o+"Sampler",f(r,e)];return n?(s.push(f(n,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},Ze=(e,t,r,n)=>{let o=`if (${f(t,e)}) {
+${f(r,e)}
+}`;for(let s=2;s<n.length;s+=2){let i=s>=n.length-1;o+=i?` else {
+${f(n[s],e)}
+}`:` else if (${f(n[s],e)}) {
+${f(n[s+1],e)}
+}`}return o},Qe=(e,t,r)=>{let n=`switch (${f(t,e)}) {
 `;for(let o=1;o<r.length;o+=2)o>=r.length-1&&r.length%2===0?n+=`default:
-${c(r[o],e)}
+${f(r[o],e)}
 break;
-`:o+1<r.length&&(n+=`case ${c(r[o],e)}:
-${c(r[o+1],e)}
+`:o+1<r.length&&(n+=`case ${f(r[o],e)}:
+${f(r[o+1],e)}
 break;
-`);return n+="}",n},qe=(e,t,r)=>{let n=X(t,e),o=r?.props?.id;if(e.isWebGL)return`${n} ${o} = ${c(t,e)};`;let s=L(n);return`var ${o}: ${s} = ${c(t,e)};`},ze=(e,t,r={})=>{let n=[];for(let s in r){let a=r[s],f=X(a,e);e.isWebGL&&H(e,t,f),n.push(e.isWebGL?`${f} ${s};`:`${s}: ${L(f,e)},`)}let o=n.join(`
+`);return n+="}",n},Je=(e,t,r)=>{let n=E(t,e),o=r?.props?.id;if(e.isWebGL)return`${n} ${o} = ${f(t,e)};`;let s=N(n);return`var ${o}: ${s} = ${f(t,e)};`},et=(e,t,r={})=>{let n=[];for(let s in r){let i=r[s],p=E(i,e);e.isWebGL&&Y(e,t,p),n.push(e.isWebGL?`${p} ${s};`:`${s}: ${N(p,e)},`)}let o=n.join(`
   `);return`struct ${t} {
   ${o}
-};`},Ye=(e,t,r="",n,o)=>{if(e.isWebGL)if(o){let s=[];for(let a in n)s.push(o[a]);return`${t} ${r} = ${t}(${U(s,e)});`}else return`${t} ${r};`;else if(o){let s=[];for(let a in n)s.push(o[a]);return`var ${r}: ${t} = ${t}(${U(s,e)});`}else return`var ${r}: ${t};`},He=(e,t,r)=>{let{id:n,children:o=[],layout:s}=t,[a,...f]=o,i=[],u=[];if(s?.inputs)for(let h of s.inputs)i.push([h.name,h.type]);else for(let h=0;h<f.length;h++)i.push([`p${h}`,X(f[h],e)]);let d=[];if(e?.isWebGL){for(let[h,T]of i)H(e,n,T),u.push(`${T} ${h}`);H(e,n,r),d.push(`${r} ${n}(${u}) {`)}else{for(let[h,T]of i)u.push(`${h}: ${L(T,e)}`);d.push(`fn ${n}(${u}) -> ${L(r,e)} {`)}let G=c(a,e);return G&&d.push(G),d.push("}"),d.join(`
-`)},je=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${L(r,e)}`,Ke=(e,t,r)=>{let n=r==="sampler2D"||r==="texture";if(e.isWebGL)return n?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(n){let{group:f=1,binding:i=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${f}) @binding(${i}) var ${t}Sampler: sampler;
-@group(${f}) @binding(${i+1}) var ${t}: texture_2d<f32>;`}let{group:o=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},a=L(r,e);return`@group(${o}) @binding(${s}) var<uniform> ${t}: ${a};`},Ze=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:n=0}=e.gl?.webgpu?.attribs.map.get(t)||{},o=L(r,e);return`@location(${n}) ${t}: ${o}`},Qe=(e,t,r,n)=>e.isWebGL?`const ${r} ${t} = ${n};`:`const ${t}: ${L(r,e)} = ${n};`;var c=(e,t)=>{if(t||(t={}),De(t),l.arr(e))return U(e,t);if(l.str(e))return e;if(l.num(e)){let T=`${e}`;return T.includes(".")?T:T+".0"}if(l.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n={}}=e,{id:o="i",children:s=[],fields:a,initialValues:f}=n,[i,u,d,G]=s;if(r==="variable")return o;if(r==="member")return`${c(i,t)}.${c(u,t)}`;if(r==="element")return`${c(i,t)}[${c(u,t)}]`;if(r==="ternary")return t.isWebGL?`(${c(d,t)} ? ${c(i,t)} : ${c(u,t)})`:`select(${c(i,t)}, ${c(u,t)}, ${c(d,t)})`;if(r==="conversion")return`${L(i,t)}(${U(s.slice(1),t)})`;if(r==="operator")return i==="not"||i==="bitNot"?`!${c(u,t)}`:`(${c(u,t)} ${Ie(i)} ${c(d,t)})`;if(r==="function")return i==="negate"?`(-${c(u,t)})`:i==="oneMinus"?`(1.0-${c(u,t)})`:i==="texture"?We(t,u,d,G):i==="atan2"&&t.isWebGL?`atan(${c(u,t)}, ${c(d,t)})`:`${i}(${U(s.slice(1),t)})`;if(r==="scope")return s.map(T=>c(T,t)).join(`
-`);if(r==="assign")return`${c(i,t)} = ${c(u,t)};`;if(r==="return")return`return ${c(i,t)};`;if(r==="loop")return t.isWebGL?`for (int ${o} = 0; ${o} < ${c(i,t)}; ${o} += 1) {
-${c(u,t)}
-}`:`for (var ${o}: i32 = 0; ${o} < ${c(i,t)}; ${o}++) {
-${c(u,t)}
-}`;if(r==="if")return ke(t,i,u,s);if(r==="switch")return Ve(t,i,s);if(r==="declare")return qe(t,i,u);if(r==="define")return t.code?.headers.has(o)||t.code?.headers.set(o,He(t,n,X(e,t))),`${o}(${U(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(o)||t.code?.headers.set(o,ze(t,o,a)),Ye(t,o,i.props.id,a,f);if(r==="varying"){if(t.code?.vertOutputs.has(o))return t.isWebGL?`${o}`:`out.${o}`;let T=je(t,o,X(e,t));return t.code?.fragInputs.set(o,T),t.code?.vertOutputs.set(o,T),t.code?.vertVaryings.set(o,c(i,t)),t.isWebGL?`${o}`:`out.${o}`}if(r==="builtin"){if(t.isWebGL)return Ue(o);if(o==="position")return"out.position";let T=`@builtin(${o}) ${o}: ${L(X(e,t),t)}`;return t.isFrag?t.code?.fragInputs.set(o,T):t.code?.vertInputs.set(o,T),`in.${o}`}if(r==="attribute"){let T=pe(t,o,!0);return fe(i,T),e.listeners.add(T),t.code?.vertInputs.set(o,Ze(t,o,X(e,t))),t.isWebGL?`${o}`:`in.${o}`}if(t.code?.headers.has(o))return o;let h="";if(r==="uniform"){let T=X(e,t),F=pe(t,o,!1,T==="texture");fe(i,F),e.listeners.add(F),h=Ke(t,o,T)}return r==="constant"&&(h=Qe(t,o,X(e,t),c(i,t))),h?(t.code?.headers.set(o,h),o):c(i,t)};var O=null,W=null,M=e=>{if(!O||(O.props.children||(O.props.children=[]),O.props.children.push(e),e.type!=="return"||!W))return;let{props:t}=W;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},Je=(e,t)=>{t||(t=_());let r=m("variable",{id:t,inferFrom:[e]}),n=m("declare",null,e,r);return M(n),r},et=(e,t)=>{let r=m("assign",null,e,t);return M(r),e},wt=e=>{let t=m("return",{inferFrom:[e]},e);return M(t),t},Xr=(e,t=_())=>(r={},n=_())=>{let o=m("variable",{id:n,inferFrom:[t]}),s=m("struct",{id:t,fields:e,initialValues:r},o);return M(s),o},D=(e,t,r=W)=>{let[n,o]=[O,W];[O,W]=[e,r];let s=t();s&&wt(s),[O,W]=[n,o]},Er=(e,t)=>{let r=m("scope");D(r,t);let n=m("if",null,e,r);M(n);let o=()=>({ElseIf:(s,a)=>{let f=m("scope");return D(f,a),n.props.children.push(s,f),o()},Else:s=>{let a=m("scope");D(a,s),n.props.children.push(a)}});return o()},Cr=(e,t)=>{let r=m("scope"),n=_();D(r,()=>t({i:m("variable",{id:n,inferFrom:[b("int",0)]})}));let o=m("loop",{id:n},e,r);return M(o),o},_r=e=>{let t=m("switch",null,e);M(t);let r=()=>({Case:(...n)=>o=>{let s=m("scope");D(s,o);for(let a of n)t.props.children.push(a,s);return r()},Default:n=>{let o=m("scope");D(o,n),t.props.children.push(o)}});return r()},Pr=(e,t=_())=>{let r,n=(...o)=>{let s=r?.name||t,a=m("scope"),f=[],i=[];if(r?.inputs)for(let d of r.inputs)i.push({id:d.name,inferFrom:[b(d.type)]});else for(let d=0;d<o.length;d++)i.push({id:`p${d}`,inferFrom:[o[d]]});for(let d of i)f.push(m("variable",d));let u=m("define",{id:s,layout:r},a,...o);return D(a,()=>e(f),u),u};return n.setLayout=o=>(r=o,n),n};var Lt=(e,t)=>{if(t==="string")return c(e)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=new Set,o=(f,i)=>{if(i==="type")return e;if(i==="props")return t;if(i==="toVar")return Je.bind(null,a);if(i==="assign")return et.bind(null,a);if(i==="isProxy")return!0;if(i==="toString")return c.bind(null,a);if(i===Symbol.toPrimitive)return Lt.bind(null,a);if(i==="listeners")return n;if(i==="attribute")return(u=_())=>St(a,u);if(i==="constant")return(u=_())=>Ft(a,u);if(i==="uniform")return(u=_())=>k(a,u);if(i==="variable")return(u=_())=>At(u);if(i==="builtin")return(u=_())=>R(u);if(i==="vertexStage")return(u=_())=>Ut(a,u);if(i==="element")return u=>tt(a,u);if(i==="member")return u=>de(a,u);if(Le(i))return(...u)=>It(i,a,...u);if(Se(i))return(...u)=>p(i,a,...u);if(Fe(i))return()=>b(Oe(i),a);if(l.str(i))return Me(i)?tt(a,i):de(a,i)},s=(f,i,u)=>(i==="value"&&n.forEach(d=>d(u)),l.str(i)&&de(a,i).assign(u),!0),a=new Proxy({},{get:o,set:s});return a},St=(e,t=_())=>m("attribute",{id:t},e),Ft=(e,t=_())=>m("constant",{id:t},e),k=(e,t=_())=>m("uniform",{id:t},e),At=(e=_())=>m("variable",{id:e}),R=(e=_())=>m("builtin",{id:e}),Ut=(e,t=_())=>m("varying",{id:t,inferFrom:[e]},e),de=(e,t)=>m("member",null,e,t),tt=(e,t)=>m("element",null,e,t),wr=(e,t,r)=>m("ternary",null,e,t,r),It=(e,...t)=>m("operator",null,e,...t),p=(e,...t)=>m("function",null,e,...t),b=(e,...t)=>m("conversion",null,e,...t);var Ot=`
+};`},tt=(e,t,r="",n,o)=>{if(e.isWebGL)if(o){let s=[];for(let i in n)s.push(o[i]);return`${t} ${r} = ${t}(${S(s,e)});`}else return`${t} ${r};`;else if(o){let s=[];for(let i in n)s.push(o[i]);return`var ${r}: ${t} = ${t}(${S(s,e)});`}else return`var ${r}: ${t};`},rt=(e,t,r)=>{let{id:n,children:o=[],layout:s}=t,[i,...p]=o,a=[],u=[];if(s?.inputs)for(let T of s.inputs)a.push([T.name,T.type]);else for(let T=0;T<p.length;T++)a.push([`p${T}`,E(p[T],e)]);let l=[];if(e?.isWebGL){for(let[T,d]of a)Y(e,n,d),u.push(`${d} ${T}`);Y(e,n,r),l.push(`${r} ${n}(${u}) {`)}else{for(let[d,g]of a)u.push(`${d}: ${N(g,e)}`);r==="void"?l.push(`fn ${n}(${u}) {`):l.push(`fn ${n}(${u}) -> ${N(r,e)} {`)}let y=f(i,e);return y&&l.push(y),l.push("}"),l.join(`
+`)},ot=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${N(r,e)}`,nt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:n=0}=e.gl?.webgpu?.attribs.map.get(t)||{},o=N(r,e);return`@location(${n}) ${t}: ${o}`},st=(e,t,r)=>{let n=r==="sampler2D"||r==="texture";if(e.isWebGL)return n?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(n){let{group:p=1,binding:a=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${p}) @binding(${a}) var ${t}Sampler: sampler;
+@group(${p}) @binding(${a+1}) var ${t}: texture_2d<f32>;`}let{group:o=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},i=N(r,e);return`@group(${o}) @binding(${s}) var<uniform> ${t}: ${i};`},it=(e,t,r)=>{if(e.isWebGL){let i=`uniform sampler2D ${t};`;if(e.label!=="compute")return i;let p=e.units?.(t);return`${i}
+layout(location = ${p}) out vec4 _${t};`}let{group:n=0,binding:o=0}=e.gl?.webgpu?.storages.map.get(t)||{},s=N(r,e);return`@group(${n}) @binding(${o}) var<storage, read_write> ${t}: array<${s}>;`},at=(e,t,r,n)=>e.isWebGL?`const ${r} ${t} = ${n};`:`const ${t}: ${N(r,e)} = ${n};`;var f=(e,t)=>{if(t||(t={}),Ve(t),x.arr(e))return S(e,t);if(x.str(e))return e;if(x.num(e)){let d=`${e}`;return d.includes(".")?d:d+".0"}if(x.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n={}}=e,{id:o="i",children:s=[],fields:i,initialValues:p}=n,[a,u,l,y]=s;if(r==="variable")return o;if(r==="member")return`${f(a,t)}.${f(u,t)}`;if(r==="element")return`${f(a,t)}[${f(u,t)}]`;if(r==="gather")return t.isWebGL?He(t,a,u,e):`${f(a,t)}[${f(u,t)}]`;if(r==="scatter"){let[d,g]=a.props.children??[];return t.isWebGL?je(t,d,u):`${f(d,t)}[${f(g,t)}] = ${f(u,t)};`}if(r==="ternary")return t.isWebGL?`(${f(l,t)} ? ${f(a,t)} : ${f(u,t)})`:`select(${f(a,t)}, ${f(u,t)}, ${f(l,t)})`;if(r==="conversion")return`${N(a,t)}(${S(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${f(u,t)}`:`(${f(u,t)} ${We(a)} ${f(l,t)})`;if(r==="function")return a==="negate"?`(-${f(u,t)})`:a==="oneMinus"?`(1.0-${f(u,t)})`:a==="texture"?Ke(t,u,l,y):a==="atan2"&&t.isWebGL?`atan(${f(u,t)}, ${f(l,t)})`:`${a}(${S(s.slice(1),t)})`;if(r==="scope")return s.map(d=>f(d,t)).join(`
+`);if(r==="assign")return`${f(a,t)} = ${f(u,t)};`;if(r==="return")return`return ${f(a,t)};`;if(r==="loop")return t.isWebGL?`for (int ${o} = 0; ${o} < ${f(a,t)}; ${o} += 1) {
+${f(u,t)}
+}`:`for (var ${o}: i32 = 0; ${o} < ${f(a,t)}; ${o}++) {
+${f(u,t)}
+}`;if(r==="if")return Ze(t,a,u,s);if(r==="switch")return Qe(t,a,s);if(r==="declare")return Je(t,a,u);if(r==="define")return t.code?.headers.has(o)||t.code?.headers.set(o,rt(t,n,E(e,t))),`${o}(${S(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(o)||t.code?.headers.set(o,et(t,o,i)),tt(t,o,a.props.id,i,p);if(r==="varying"){if(t.code?.vertOutputs.has(o))return t.isWebGL?`${o}`:`out.${o}`;let d=ot(t,o,E(e,t));return t.code?.fragInputs.set(o,d),t.code?.vertOutputs.set(o,d),t.code?.vertVaryings.set(o,f(a,t)),t.isWebGL?`${o}`:`out.${o}`}if(r==="builtin"){if(t.isWebGL)return Be(t,o);if(o==="position")return"out.position";let d=`@builtin(${o}) ${o}: ${N(E(e,t),t)}`;return t.label==="compute"?t.code?.computeInputs.set(o,d):t.label==="frag"?t.code?.fragInputs.set(o,d):t.label==="vert"&&t.code?.vertInputs.set(o,d),`in.${o}`}if(r==="attribute"){let d=de(t,o,!0);return xe(a,d),e.listeners.add(d),t.code?.vertInputs.set(o,nt(t,o,E(e,t))),t.isWebGL?`${o}`:`in.${o}`}if(t.code?.headers.has(o))return o;let T="";if(r==="uniform"){let d=E(e,t),g=de(t,o,!1,d==="texture");xe(a,g),e.listeners.add(g),T=st(t,o,d)}return r==="storage"&&(T=it(t,o,E(e,t))),r==="constant"&&(T=at(t,o,E(e,t),f(a,t))),T?(t.code?.headers.set(o,T),o):f(a,t)};var F=null,O=null,I=e=>{if(!F||(F.props.children||(F.props.children=[]),F.props.children.push(e),e.type!=="return"||!O))return;let{props:t}=O;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},ut=(e,t)=>{t||(t=C());let r=m("variable",{id:t,inferFrom:[e]}),n=m("declare",null,e,r);return I(n),r},pt=(e,t=!1,r)=>{let n=m(t?"scatter":"assign",null,e,r);return I(n),e},St=e=>{let t=m("return",{inferFrom:[e]},e);return I(t),t},Gr=(e,t=C())=>(r={},n=C())=>{let o=m("variable",{id:n,inferFrom:[t]}),s=m("struct",{id:t,fields:e,initialValues:r},o);return I(s),o},A=(e,t,r=O)=>{let[n,o]=[F,O];[F,O]=[e,r];let s=t();s&&St(s),[F,O]=[n,o]},Lr=(e,t)=>{let r=m("scope");A(r,t);let n=m("if",null,e,r);I(n);let o=()=>({ElseIf:(s,i)=>{let p=m("scope");return A(p,i),n.props.children.push(s,p),o()},Else:s=>{let i=m("scope");A(i,s),n.props.children.push(i)}});return o()},Nr=(e,t)=>{let r=m("scope"),n=C();A(r,()=>t({i:m("variable",{id:n,inferFrom:[b("int",0)]})}));let o=m("loop",{id:n},e,r);return I(o),o},Rr=e=>{let t=m("switch",null,e);I(t);let r=()=>({Case:(...n)=>o=>{let s=m("scope");A(s,o);for(let i of n)t.props.children.push(i,s);return r()},Default:n=>{let o=m("scope");A(o,n),t.props.children.push(o)}});return r()},wr=(e,t=C())=>{let r,n=(...o)=>{let s=r?.name||t,i=m("scope"),p=[],a=[];if(r?.inputs)for(let l of r.inputs)a.push({id:l.name,inferFrom:[b(l.type)]});else for(let l=0;l<o.length;l++)a.push({id:`p${l}`,inferFrom:[o[l]]});for(let l of a)p.push(m("variable",l));let u=m("define",{id:s,layout:r},i,...o);return A(i,()=>e(p),u),u};return n.setLayout=o=>(r=o,n),n};var Ut=(e,t)=>{if(t==="string")return f(e,null)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=new Set,o=(p,a)=>{if(a==="type")return e;if(a==="props")return t;if(a==="toVar")return ut.bind(null,i);if(a==="isProxy")return!0;if(a==="toString")return f.bind(null,i);if(a===Symbol.toPrimitive)return Ut.bind(null,i);if(a==="listeners")return n;if(a==="attribute")return(u=C())=>Ft(i,u);if(a==="constant")return(u=C())=>At(i,u);if(a==="uniform")return(u=C())=>W(i,u);if(a==="variable")return(u=C())=>It(u);if(a==="builtin")return(u=C())=>_(u);if(a==="vertexStage")return(u=C())=>Ot(i,u);if(a==="element")return u=>e==="storage"?Dt(i,u):ft(i,u);if(a==="member")return u=>Te(i,u);if(a==="assign")return pt.bind(null,i,i.type==="gather");if(Ie(a))return(...u)=>Mt(a,i,...u);if(Oe(a))return(...u)=>c(a,i,...u);if(De(a))return()=>b(ke(a),i);if(x.str(a))return ze(a)?ft(i,a):Te(i,a)},s=(p,a,u)=>(a==="value"&&n.forEach(l=>l(u)),x.str(a)&&Te(i,a).assign(u),!0),i=new Proxy({},{get:o,set:s});return i},Ft=(e,t=C())=>m("attribute",{id:t},e),At=(e,t=C())=>m("constant",{id:t},e),W=(e,t=C())=>m("uniform",{id:t},e),Ir=(e,t=C())=>m("storage",{id:t},e),It=(e=C())=>m("variable",{id:e}),_=(e=C())=>m("builtin",{id:e}),Ot=(e,t=C())=>m("varying",{id:t,inferFrom:[e]},e),Te=(e,t)=>m("member",null,e,t),ft=(e,t)=>m("element",null,e,t),Dt=(e,t)=>m("gather",null,e,t),Or=(e,t)=>m("scatter",null,e,t),Dr=(e,t,r)=>m("ternary",null,e,t,r),Mt=(e,...t)=>m("operator",null,e,...t),c=(e,...t)=>m("function",null,e,...t),b=(e,...t)=>m("conversion",null,e,...t);var Bt=`
 #version 300 es
 precision mediump float;
 out vec4 fragColor;
-`.trim(),Dt=(e,t)=>{let r=[],n=new Set,o=new Set,s=a=>{if(o.has(a)||n.has(a))return;o.add(a);let f=t.get(a)||new Set;for(let i of f)e.has(i)&&s(i);o.delete(a),n.add(a),e.has(a)&&r.push([a,e.get(a)])};for(let[a]of e)s(a);return r},rt=(e,t)=>{let r=c(e,t),n="";return t.isWebGL&&t.code?.dependencies?n=Dt(t.code.headers,t.code.dependencies).map(([,s])=>s).join(`
+`.trim(),Wt=(e,t)=>{let r=[],n=new Set,o=new Set,s=i=>{if(o.has(i)||n.has(i))return;o.add(i);let p=t.get(i)||new Set;for(let a of p)e.has(a)&&s(a);o.delete(i),n.add(i),e.has(i)&&r.push([i,e.get(i)])};for(let[i]of e)s(i);return r},ge=(e,t)=>{let r=f(e,t),n="";return t.isWebGL&&t.code?.dependencies?n=Wt(t.code.headers,t.code.dependencies).map(([,s])=>s).join(`
 `):n=Array.from(t.code?.headers?.values()||[]).join(`
-`),[n,r]},le=(e,t)=>`struct ${e} {
+`),[n,r]},H=(e,t)=>`struct ${e} {
   ${Array.from(t.values()).join(`,
   `)}
-}`,j=(e,t)=>{if(l.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!0;let[r,n]=rt(e,t),o=[];if(t.isWebGL){o.push(Ot);for(let a of t.code?.fragInputs?.values()||[])o.push(`in ${a}`);o.push(r),o.push(`void main() {
-  fragColor = ${n};`)}else t.code?.fragInputs?.size&&o.push(le("Out",t.code.fragInputs)),o.push(r),o.push(`@fragment
+}`,j=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="frag";let[r,n]=ge(e,t),o=[];if(t.isWebGL){o.push(Bt);for(let i of t.code?.fragInputs?.values()||[])o.push(`in ${i}`);o.push(r),o.push(`void main() {
+  fragColor = ${n};`)}else t.code?.fragInputs?.size&&o.push(H("Out",t.code.fragInputs)),o.push(r),o.push(`@fragment
 fn main(out: Out) -> @location(0) vec4f {`),o.push(`  return ${n};`);return o.push("}"),o.filter(Boolean).join(`
-`).trim()},K=(e,t)=>{if(l.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!1;let[r,n]=rt(e,t),o=[];if(t.isWebGL){o.push("#version 300 es");for(let a of t.code?.vertInputs?.values()||[])o.push(`in ${a}`);for(let a of t.code?.vertOutputs?.values()||[])o.push(`out ${a}`);o.push(r),o.push("void main() {"),o.push(`  gl_Position = ${n};`);for(let[a,f]of t.code?.vertVaryings?.entries()||[])o.push(`  ${a} = ${f};`)}else{t.code?.vertInputs?.size&&o.push(le("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&o.push(le("Out",t.code.vertOutputs)),o.push(r),o.push("@vertex"),o.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),o.push("  var out: Out;"),o.push(`  out.position = ${n};`);for(let[a,f]of t.code?.vertVaryings?.entries()||[])o.push(`  out.${a} = ${f};`);o.push("  return out;")}return o.push("}"),o.filter(Boolean).join(`
-`).trim()},ot=(e,t)=>l.str(e)?e.trim():"";var xe=R("position"),me=R("vertex_index"),Dr=R("instance_index"),Mr=R("front_facing"),Br=R("frag_depth"),Wr=R("sample_index"),kr=R("sample_mask"),Vr=R("point_coord"),qr=R("position"),zr=R("positionWorld"),Yr=R("positionView"),Hr=R("normalLocal"),jr=R("normalWorld"),Kr=R("normalView"),Zr=R("screenCoordinate"),Qr=R("screenUV"),Z=e=>b("float",e),V=e=>b("int",e),Jr=e=>b("uint",e),eo=e=>b("bool",e),st=(e,t)=>b("vec2",e,t),nt=(e,t,r)=>b("vec3",e,t,r),Te=(e,t,r,n)=>b("vec4",e,t,r,n),to=(...e)=>b("mat2",...e),ro=(...e)=>b("mat3",...e),oo=(...e)=>b("mat4",...e),no=(e,t)=>b("ivec2",e,t),so=(e,t,r)=>b("ivec3",e,t,r),io=(e,t,r,n)=>b("ivec4",e,t,r,n),ao=(e,t)=>b("uvec2",e,t),uo=(e,t,r)=>b("uvec3",e,t,r),po=(e,t,r,n)=>b("uvec4",e,t,r,n),fo=(e,t)=>b("bvec2",e,t),co=(e,t,r)=>b("bvec3",e,t,r),lo=(e,t,r,n)=>b("bvec4",e,t,r,n),xo=e=>b("texture",e),mo=()=>b("sampler2D"),To=(e,t,r)=>l.num(e)&&l.und(t)&&l.und(r)?nt(...Ae(e)):nt(e,t,r),ge=k(st(),"iResolution"),go=k(st(),"iMouse"),bo=k(Z(),"iTime"),vo=xe.xy.div(ge),ho=(e,t,r)=>p("texture",e,t,r),yo=(e,t,r)=>p("cubeTexture",e,t,r),Xo=(e,t)=>p("textureSize",e,t),Eo=e=>p("length",e),Co=e=>p("lengthSq",e),_o=(e,t)=>p("distance",e,t),Po=(e,t)=>p("dot",e,t),Ro=e=>p("all",e),Go=e=>p("any",e),No=(e,t)=>p("cross",e,t),$o=e=>p("abs",e),wo=e=>p("sign",e),Lo=e=>p("floor",e),So=e=>p("ceil",e),Fo=e=>p("round",e),it=e=>p("fract",e),Ao=e=>p("trunc",e),Uo=e=>p("sin",e),Io=e=>p("cos",e),Oo=e=>p("tan",e),Do=e=>p("asin",e),Mo=e=>p("acos",e),Bo=e=>p("atan",e),Wo=e=>p("sinh",e),ko=e=>p("cosh",e),Vo=e=>p("tanh",e),qo=e=>p("asinh",e),zo=e=>p("acosh",e),Yo=e=>p("atanh",e),Ho=e=>p("exp",e),jo=e=>p("exp2",e),Ko=e=>p("log",e),Zo=e=>p("log2",e),Qo=e=>p("sqrt",e),Jo=e=>p("inverseSqrt",e),en=e=>p("normalize",e),tn=e=>p("oneMinus",e),rn=e=>p("saturate",e),on=e=>p("negate",e),nn=e=>p("reciprocal",e),sn=e=>p("dFdx",e),an=e=>p("dFdy",e),un=e=>p("fwidth",e),pn=e=>p("degrees",e),fn=e=>p("radians",e),cn=(e,t)=>p("reflect",e,t),dn=(e,t,r)=>p("refract",e,t,r),ln=(e,t)=>p("min",e,t),xn=(e,t)=>p("max",e,t),mn=(e,t,r)=>p("mix",e,t,r),Tn=(e,t,r)=>p("clamp",e,t,r),gn=(e,t)=>p("step",e,t),bn=(e,t,r)=>p("smoothstep",e,t,r),vn=(e,t)=>p("atan2",e,t),hn=(e,t)=>p("pow",e,t),yn=e=>p("pow2",e),Xn=e=>p("pow3",e),En=e=>p("pow4",e),Cn=(e,t)=>p("bitcast",e,t),_n=e=>p("cbrt",e),Pn=(e,t)=>p("difference",e,t),Rn=(e,t)=>p("equals",e,t),Gn=(e,t,r)=>p("faceforward",e,t,r),Nn=(e,t)=>p("transformDirection",e,t),$n=(e,t)=>e.sub(e.div(t).floor().mul(t));var at=(e,t,r,n=console.warn)=>{let o=e.createShader(r);if(!o)return n("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let s=e.getShaderInfoLog(o);e.deleteShader(o),n(`Could not compile shader: ${s}`)},be=(e,t,r,n)=>{if(!t||!r)return;let o={isWebGL:!0,gl:n};r=j(r,o),t=K(t,o);let s=e.createProgram(),a=at(e,t,e.VERTEX_SHADER,n.error),f=at(e,r,e.FRAGMENT_SHADER,n.error);if(!f||!a)return;if(e.attachShader(s,a),e.attachShader(s,f),e.linkProgram(s),e.getProgramParameter(s,e.LINK_STATUS))return s;let i=e.getProgramInfoLog(s);e.deleteProgram(s),n.error(`Could not link program: ${i}`)},Mt=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),r},Bt=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),r},Wt=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},ut=(e,t,r,n,o)=>{let s=Mt(e,n),a=Bt(e,o),f=Wt(r,n,o);e.bindBuffer(e.ARRAY_BUFFER,s),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,f,e.FLOAT,!1,0,0),a&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,a)},ve=(e,t,r)=>{if(l.num(r))return e.uniform1f(t,r);let n=r.length;if(n<=4)return e[`uniform${n}fv`](t,r);n=Math.sqrt(n)<<0,e[`uniformMatrix${n}fv`](t,!1,r)},pt=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)},ft=(e,t,r,n)=>{let o=new Float32Array(t*t*4);for(let s=0;s<n.length;s++)o[s*4]=n[s];e.activeTexture(e.TEXTURE0+r.unit),e.bindTexture(e.TEXTURE_2D,r.a.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,t,t,0,e.RGBA,e.FLOAT,o),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,r.b.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,t,t,0,e.RGBA,e.FLOAT,null),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)};var kt=`
+`).trim()},K=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="vert";let[r,n]=ge(e,t),o=[];if(t.isWebGL){o.push("#version 300 es");for(let i of t.code?.vertInputs?.values()||[])o.push(`in ${i}`);for(let i of t.code?.vertOutputs?.values()||[])o.push(`out ${i}`);o.push(r),o.push("void main() {"),o.push(`  gl_Position = ${n};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])o.push(`  ${i} = ${p};`)}else{t.code?.vertInputs?.size&&o.push(H("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&o.push(H("Out",t.code.vertOutputs)),o.push(r),o.push("@vertex"),o.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),o.push("  var out: Out;"),o.push(`  out.position = ${n};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])o.push(`  out.${i} = ${p};`);o.push("  return out;")}return o.push("}"),o.filter(Boolean).join(`
+`).trim()},Z=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="compute";let[r,n]=ge(e,t),o=[];return t.isWebGL?(o.push("#version 300 es"),o.push("precision mediump float;"),o.push(r),o.push("void main() {"),o.push(`  ${n};`),o.push("}")):(t.code?.computeInputs?.size&&o.push(H("In",t.code.computeInputs)),o.push(r),o.push("@compute @workgroup_size(32)"),o.push(`fn main(${t.code?.computeInputs?.size?"in: In":""}) {`),o.push(`  ${n};`),o.push("}")),o.filter(Boolean).join(`
+`).trim()};var be=_("position"),ve=_("vertex_index"),Yr=_("instance_index"),Hr=_("front_facing"),jr=_("frag_depth"),Kr=_("sample_index"),Zr=_("sample_mask"),Qr=_("point_coord"),Jr=_("global_invocation_id"),eo=_("position"),to=_("positionWorld"),ro=_("positionView"),oo=_("normalLocal"),no=_("normalWorld"),so=_("normalView"),io=_("screenCoordinate"),ao=_("screenUV"),Q=e=>b("float",e),k=e=>b("int",e),uo=e=>b("uint",e),po=e=>b("bool",e),lt=(e,t)=>b("vec2",e,t),ct=(e,t,r)=>b("vec3",e,t,r),he=(e,t,r,n)=>b("vec4",e,t,r,n),fo=(...e)=>b("mat2",...e),co=(...e)=>b("mat3",...e),lo=(...e)=>b("mat4",...e),xo=(e,t)=>b("ivec2",e,t),mo=(e,t,r)=>b("ivec3",e,t,r),To=(e,t,r,n)=>b("ivec4",e,t,r,n),go=(e,t)=>b("uvec2",e,t),bo=(e,t,r)=>b("uvec3",e,t,r),vo=(e,t,r,n)=>b("uvec4",e,t,r,n),ho=(e,t)=>b("bvec2",e,t),yo=(e,t,r)=>b("bvec3",e,t,r),Eo=(e,t,r,n)=>b("bvec4",e,t,r,n),Xo=e=>b("texture",e),Co=()=>b("sampler2D"),_o=(e,t,r)=>x.num(e)&&x.und(t)&&x.und(r)?ct(...Me(e)):ct(e,t,r),ye=W(lt(),"iResolution"),Po=W(lt(),"iMouse"),$o=W(Q(),"iTime"),Go=be.xy.div(ye),Lo=e=>c("all",e),No=e=>c("any",e),Ro=e=>c("length",e),wo=e=>c("lengthSq",e),So=(e,t)=>c("distance",e,t),Uo=(e,t)=>c("dot",e,t),Fo=(e,t)=>c("cross",e,t),Ao=(e,t,r)=>c("cubeTexture",e,t,r),Io=(e,t,r)=>c("texture",e,t,r),Oo=(e,t,r)=>c("texelFetch",e,t,r),Do=(e,t,r)=>c("textureLod",e,t,r),Mo=e=>c("abs",e),Bo=e=>c("acos",e),Wo=e=>c("acosh",e),ko=e=>c("asin",e),Vo=e=>c("asinh",e),zo=e=>c("atan",e),qo=e=>c("atanh",e),Yo=e=>c("ceil",e),Ho=e=>c("cos",e),jo=e=>c("cosh",e),Ko=e=>c("dFdx",e),Zo=e=>c("dFdy",e),Qo=e=>c("degrees",e),Jo=e=>c("exp",e),en=e=>c("exp2",e),tn=e=>c("floor",e),dt=e=>c("fract",e),rn=e=>c("fwidth",e),on=e=>c("inverseSqrt",e),nn=e=>c("log",e),sn=e=>c("log2",e),an=e=>c("negate",e),un=e=>c("normalize",e),pn=e=>c("oneMinus",e),fn=e=>c("radians",e),cn=e=>c("reciprocal",e),ln=e=>c("round",e),dn=e=>c("saturate",e),xn=e=>c("sign",e),mn=e=>c("sin",e),Tn=e=>c("sinh",e),gn=e=>c("sqrt",e),bn=e=>c("tan",e),vn=e=>c("tanh",e),hn=e=>c("trunc",e),yn=(e,t)=>c("atan2",e,t),En=(e,t,r)=>c("clamp",e,t,r),Xn=(e,t)=>c("max",e,t),Cn=(e,t)=>c("min",e,t),_n=(e,t,r)=>c("mix",e,t,r),Pn=(e,t)=>c("pow",e,t),$n=(e,t)=>c("reflect",e,t),Gn=(e,t,r)=>c("refract",e,t,r),Ln=(e,t,r)=>c("smoothstep",e,t,r),Nn=(e,t)=>c("step",e,t),Rn=(e,t)=>e.sub(e.div(t).toFloat().floor().mul(t));var kt=`
 #version 300 es
 void main() {
         float x = float(gl_VertexID % 2) * 4.0 - 1.0;
         float y = float(gl_VertexID / 2) * 4.0 - 1.0;
         gl_Position = vec4(x, y, 0.0, 1.0);
-}`.trim(),ct=async e=>{let t=e.el.getContext("webgl2");t.getExtension("EXT_color_buffer_float");let r=be(t,e.vs,e.fs,e),n=be(t,kt,e.cs,e);t.useProgram(r);let o=0,s=0,a=q(g=>t.getAttribLocation(r,g)),f=q(g=>t.getUniformLocation(r,g)),i=q(g=>t.getUniformLocation(n,g)),u=q(()=>o++),d=q(()=>{let g=o++,y={texture:t.createTexture(),buffer:t.createFramebuffer()},$={texture:t.createTexture(),buffer:t.createFramebuffer()};return{a:y,b:$,unit:g,width:0,height:0}}),G=(g="",y,$)=>{let N=a(g,!0);ut(t,N,e.count,y,$)},h=(g,y)=>{ve(t,f(g),y),n&&(t.useProgram(n),ve(t,i(g),y),t.useProgram(r))},T=(g,y)=>{z(e,y,$=>{let N=f(g),A=u(g);pt(t,$,N,A)})},F=(g,y)=>{let $=y instanceof Float32Array?y:new Float32Array(y),N=d(g),A=Math.ceil(Math.sqrt($.length));N.width=A,N.height=A,ft(t,A,N,$),t.uniform1i(f(g),N.unit)},B=()=>{t.deleteProgram(r),n&&t.deleteProgram(n);for(let{a:g,b:y}of d.map.values())t.deleteTexture(g.texture),t.deleteTexture(y.texture),t.deleteFramebuffer(g.buffer),t.deleteFramebuffer(y.buffer);t.getExtension("WEBGL_lose_context")?.loseContext()},te=()=>{t.useProgram(n);for(let[,g]of d.map){let y=s%2?g.b:g.a;t.bindFramebuffer(t.FRAMEBUFFER,y.buffer),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,y.texture,0),t.viewport(0,0,g.width,g.height),t.drawArrays(t.TRIANGLES,0,6),t.bindFramebuffer(t.FRAMEBUFFER,null)}s++,t.useProgram(r)};return{webgl:{context:t,program:r},render:()=>{n&&te(),t.bindFramebuffer(t.FRAMEBUFFER,null),t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size);for(let[g,{unit:y,a:$,b:N}]of d.map){let A=f(g),x=s%2?$:N;t.activeTexture(t.TEXTURE0+y),t.bindTexture(t.TEXTURE_2D,x.texture),t.uniform1i(A,y)}t.drawArrays(t.TRIANGLES,0,e.count)},clean:B,_attribute:G,_uniform:h,_texture:T,_storage:F}};import{nested as J}from"reev";var dt=async(e,t=console.log)=>{let r=navigator.gpu,n=r.getPreferredCanvasFormat(),s=await(await r.requestAdapter()).requestDevice();return s.onuncapturederror=a=>t(a.error.message),e.configure({device:s,format:n,alphaMode:"opaque"}),{device:s,format:n}},lt=()=>{let e=0,t=0,r=0,n=0;return{uniform:()=>{let o=Math.floor(e/12),s=e%12;return e++,{group:o,binding:s}},texture:()=>{let s=Math.floor(e/12)+1+Math.floor(t/6),a=t%6*2;return t++,{group:s,binding:a}},storage:()=>{let s=Math.floor(e/12)+Math.floor(t/6)+2+Math.floor(r/12),a=r%12;return r++,{group:s,binding:a}},attrib:()=>{let o=n;return n++,{location:o}}}},Vt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",xt=e=>{let t=[],r=[];for(let{buffer:n,location:o,stride:s}of e)t[o]=n,r[o]={arrayStride:s*4,attributes:[{shaderLocation:o,offset:0,format:Vt(s)}]};return{vertexBuffers:t,bufferLayouts:r}},mt=(e,t,r,n=[])=>{let o=new Map,s={bindGroups:[],bindGroupLayouts:[]},a=(f,i,u)=>{o.has(f)||o.set(f,{layouts:[],bindings:[]});let{layouts:d,bindings:G}=o.get(f);d.push(i),G.push(u)};for(let{binding:f,buffer:i,group:u}of t)a(u,{binding:f,visibility:7,buffer:{type:"uniform"}},{binding:f,resource:{buffer:i}});for(let{binding:f,buffer:i,group:u}of n)a(u,{binding:f,visibility:6,buffer:{type:"storage"}},{binding:f,resource:{buffer:i}});for(let{binding:f,group:i,sampler:u,view:d}of r)a(i,{binding:f,visibility:2,sampler:{}},{binding:f,resource:u}),a(i,{binding:f+1,visibility:2,texture:{}},{binding:f+1,resource:d});for(let[f,{layouts:i,bindings:u}]of o)s.bindGroupLayouts[f]=e.createBindGroupLayout({entries:i}),s.bindGroups[f]=e.createBindGroup({layout:s.bindGroupLayouts[f],entries:u});return s},Tt=(e,t,r,n,o,s)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:o}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:s}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:n}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),gt=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),qt=e=>e==="uniform"?72:e==="attrib"?40:140,Q=(e,t,r)=>{Ee(t)||(t=new Float32Array(t));let n=qt(r),o=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,s=e.createBuffer({size:o,usage:n});return{array:t,buffer:s}},bt=(e,t)=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}],depthStencilAttachment:{view:t.createView(),depthClearValue:1,depthLoadOp:"clear",depthStoreOp:"store"}}),vt=(e,t=1280,r=800)=>{let n=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),o=e.createSampler({magFilter:"linear",minFilter:"linear"});return{texture:n,sampler:o}},ht=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var yt=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await dt(t,e.error),o=lt(),s,a,f,i=x=>{},u=x=>{},d=!0,G,h=J((x,v)=>{d=!0;let E=v.length/e.count,{location:C}=o.attrib(),{array:w,buffer:P}=Q(r,v,"attrib");return{array:w,buffer:P,location:C,stride:E}}),T=J((x,v)=>{d=!0;let{array:E,buffer:C}=Q(r,v,"storage"),{binding:w,group:P}=o.storage();return{array:E,buffer:C,binding:w,group:P}}),F=J((x,v)=>{d=!0;let{binding:E,group:C}=o.uniform(),{array:w,buffer:P}=Q(r,v,"uniform");return{array:w,buffer:P,binding:E,group:C}}),B=J((x,v=0,E=0)=>{d=!0;let{binding:C,group:w}=o.texture(),{texture:P,sampler:S}=vt(r,v,E);return{texture:P,sampler:S,binding:C,group:w,view:P.createView()}}),te=(x="",v)=>{let{array:E,buffer:C}=h(x,v);r.queue.writeBuffer(C,0,E)},ye=(x,v)=>{let{array:E,buffer:C}=T(x,v);r.queue.writeBuffer(C,0,E)},Xe=(x,v)=>{l.num(v)&&(v=[v]);let{array:E,buffer:C}=F(x,v);r.queue.writeBuffer(C,0,E)},g=(x,v)=>{z(e,v,E=>{let{width:C,height:w}=E,{texture:P}=B(x,C,w);r.queue.copyExternalImageToTexture({source:E},{texture:P},{width:C,height:w})})},y=()=>{let{vertexBuffers:x,bufferLayouts:v}=xt(h.map.values()),{bindGroups:E,bindGroupLayouts:C}=mt(r,F.map.values(),B.map.values(),T.map.values()),w=Tt(r,n,v,C,a,s);if(i=P=>{P.setPipeline(w),E.forEach((S,I)=>P.setBindGroup(I,S)),x.forEach((S,I)=>P.setVertexBuffer(I,S)),P.draw(e.count,1,0,0),P.end()},f){let P=gt(r,C,f);u=S=>{S.setPipeline(P),E.forEach((re,Et)=>S.setBindGroup(Et,re));let I=1;for(let{array:re}of T.map.values())I=Math.max(I,re.length);let Xt=Math.ceil(I/64);S.dispatchWorkgroups(Xt),S.end()}}},$=()=>{if(!s||!a){let v={isWebGL:!1,gl:e};s=j(e.fs,v),f=ot(e.cs,v),a=K(e.vs,v)}if(e.loading)return;d&&y(),d=!1;let x=r.createCommandEncoder();f&&u(x.beginComputePass()),i(x.beginRenderPass(bt(t,G))),r.queue.submit([x.finish()])},N=()=>{let x=e.el;G?.destroy(),G=ht(r,x.width,x.height)},A=()=>{r.destroy(),G?.destroy();for(let{texture:x}of B.map.values())x.destroy();for(let{buffer:x}of F.map.values())x.destroy();for(let{buffer:x}of h.map.values())x.destroy();for(let{buffer:x}of T.map.values())x.destroy()};return N(),{webgpu:{device:r,uniforms:F,textures:B,attribs:h,storages:T},render:$,resize:N,clean:A,_attribute:te,_uniform:Xe,_texture:g,_storage:ye}};var rs=e=>l.obj(e)?"isGL"in e:!1,jt=()=>typeof window>"u",Kt=()=>jt()?!1:"gpu"in navigator,he=performance.now(),Zt=()=>Te(it(xe.xy.div(ge)),0,1),Qt=()=>Te(Z(V(me).mod(V(2))).mul(4).sub(1),Z(V(me).div(V(2))).mul(4).sub(1),0,1),Jt=e=>{let t=zt({isNative:!1,isWebGL:!0,isError:!1,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{},loading:0,error(){t.isError=!0,t.isLoop=!1,t.clean()}});return t.queue=Ht(),t.frame=Yt(),t.attribute=ee((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o)),t),t.storage=ee((r,n)=>t.queue(()=>t._storage?.(r,n)),t),t.uniform=ee((r,n)=>t.queue(()=>t._uniform?.(r,n)),t),t.texture=ee((r,n)=>t.queue(()=>t._texture?.(r,n)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:he}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||Qt(),t.fs=t.fs||t.frag||t.fragment||Zt(),t.cs=t.cs||t.comp||t.compute,Kt()||(t.isWebGL=!0),t.isWebGL?t(await ct(t)):t(await yt(t)),!t.isError&&(t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.loading?!0:(t.render(),t.isLoop))),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove)))}),t("clean",()=>{t.frame.stop(),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[s,a]=t.size,{top:f,left:i}=t.el.getBoundingClientRect();t.mouse[0]=(n-f-s/2)/(s/2),t.mouse[1]=-(o-i-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{he=performance.now()/1e3,t.uniform("iTime",he)}),t(e)},os=Jt;export{Pr as Fn,Er as If,Cr as Loop,wt as Return,_r as Switch,$o as abs,Mo as acos,zo as acosh,Ro as all,Go as any,Do as asin,qo as asinh,et as assign,Bo as atan,vn as atan2,Yo as atanh,St as attribute,Cn as bitcast,eo as bool,R as builtin,fo as bvec2,co as bvec3,lo as bvec4,_n as cbrt,So as ceil,Tn as clamp,To as color,ot as compute,Ft as constant,b as conversion,Io as cos,ko as cosh,Jt as createGL,No as cross,yo as cubeTexture,sn as dFdx,an as dFdy,os as default,pn as degrees,Pn as difference,_o as distance,Po as dot,tt as element,Rn as equals,Ho as exp,jo as exp2,Gn as faceforward,Z as float,Lo as floor,it as fract,Br as fragDepth,j as fragment,Mr as frontFacing,p as function_,un as fwidth,go as iMouse,ge as iResolution,bo as iTime,Dr as instanceIndex,V as int,Jo as inverseSqrt,rs as isGL,jt as isServer,Kt as isWebGPUSupported,no as ivec2,so as ivec3,io as ivec4,Eo as length,Co as lengthSq,Ko as log,Zo as log2,to as mat2,ro as mat3,oo as mat4,xn as max,de as member,ln as min,mn as mix,$n as mod,on as negate,m as node,Hr as normalLocal,Kr as normalView,jr as normalWorld,en as normalize,tn as oneMinus,It as operator,Vr as pointCoord,xe as position,qr as positionLocal,Yr as positionView,zr as positionWorld,hn as pow,yn as pow2,Xn as pow3,En as pow4,fn as radians,nn as reciprocal,cn as reflect,dn as refract,Fo as round,Wr as sampleIndex,kr as sampleMask,mo as sampler2D,rn as saturate,Zr as screenCoordinate,Qr as screenUV,wr as select,wo as sign,Uo as sin,Wo as sinh,bn as smoothstep,Qo as sqrt,gn as step,Xr as struct,Oo as tan,Vo as tanh,ho as texture,xo as texture2D,Xo as textureSize,Je as toVar,Nn as transformDirection,Ao as trunc,Jr as uint,k as uniform,vo as uv,ao as uvec2,uo as uvec3,po as uvec4,At as variable,st as vec2,nt as vec3,Te as vec4,K as vertex,me as vertexIndex,Ut as vertexStage,ct as webgl,yt as webgpu};
+}`.trim(),Vt=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,n=0,o=D(()=>r++),s={isWebGL:!0,gl:e,units:o},i=ne(t,Z(e.cs,s),kt,e),p=Math.ceil(Math.sqrt(e.particles)),a=D(g=>t.getUniformLocation(i,g)),u=D(g=>{let v=new Float32Array(p*p*4),P={texture:t.createTexture(),buffer:t.createFramebuffer()},R={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:P,pong:R,array:v,loc:a(g),unit:o(g)}});return{render:()=>{t.useProgram(i);let g=u.map.values().map(({ping:v,pong:P,loc:R,unit:U},M)=>{let[V,re]=n%2?[v,P]:[P,v];return Le(t,V,re,R,U,M)});t.drawBuffers(g),t.drawArrays(t.TRIANGLES,0,3),t.bindFramebuffer(t.FRAMEBUFFER,null),n++},clean:()=>{t.deleteProgram(i),Ge(t,u.map.values())},_uniform:(g,v)=>{t.useProgram(i),se(t,a(g),v)},_storage:(g,v)=>{let{ping:P,pong:R,unit:U,array:M}=u(g);$e(t,v,p,P,R,U,M)},storages:u}},xt=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),n=Vt(e,r),o=ne(r,j(e.fs,t),K(e.vs,t),e);r.useProgram(o);let s=0,i=D(()=>s++),p=D(v=>r.getAttribLocation(o,v)),a=D(v=>r.getUniformLocation(o,v)),u=(v="",P,R)=>{let U=p(v,!0);_e(r,U,e.count,P,R)},l=(v,P)=>{r.useProgram(o),se(r,a(v),P),n?._uniform(v,P)},y=(v,P)=>{r.useProgram(o),z(e,P,R=>{Pe(r,R,a(v),i(v))})},T=()=>{n?.clean(),r.deleteProgram(o),r.getExtension("WEBGL_lose_context")?.loseContext()},d=()=>{n?.render(),r.useProgram(o),r.viewport(0,0,...e.size),r.drawArrays(r.TRIANGLES,0,e.count),r.bindFramebuffer(r.FRAMEBUFFER,null)};return{webgl:{context:r,program:o,storages:n?.storages},render:d,clean:T,_attribute:u,_uniform:l,_texture:y,_storage:n?._storage}};import{nested as ee}from"reev";var mt=async(e,t=console.log)=>{let r=navigator.gpu,n=r.getPreferredCanvasFormat(),s=await(await r.requestAdapter()).requestDevice();return s.onuncapturederror=i=>t(i.error.message),e.configure({device:s,format:n,alphaMode:"opaque"}),{device:s,format:n}},Tt=()=>{let e=0,t=0,r=0,n=0;return{uniform:()=>{let o=Math.floor(e/12),s=e%12;return e++,{group:o,binding:s}},texture:()=>{let s=Math.floor(e/12)+1+Math.floor(t/6),i=t%6*2;return t++,{group:s,binding:i}},storage:()=>{let s=Math.floor(e/12)+Math.floor(t/6)+2+Math.floor(r/12),i=r%12;return r++,{group:s,binding:i}},attrib:()=>{let o=n;return n++,{location:o}}}},zt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",gt=e=>{let t=[],r=[];for(let{buffer:n,location:o,stride:s}of e)t[o]=n,r[o]={arrayStride:s*4,attributes:[{shaderLocation:o,offset:0,format:zt(s)}]};return{vertexBuffers:t,bufferLayouts:r}},bt=(e,t,r,n=[])=>{let o=new Map,s={bindGroups:[],bindGroupLayouts:[]},i=(p,a,u)=>{o.has(p)||o.set(p,{layouts:[],bindings:[]});let{layouts:l,bindings:y}=o.get(p);l.push(a),y.push(u)};for(let{binding:p,buffer:a,group:u}of t)i(u,{binding:p,visibility:7,buffer:{type:"uniform"}},{binding:p,resource:{buffer:a}});for(let{binding:p,buffer:a,group:u}of n)i(u,{binding:p,visibility:6,buffer:{type:"storage"}},{binding:p,resource:{buffer:a}});for(let{binding:p,group:a,sampler:u,view:l}of r)i(a,{binding:p,visibility:2,sampler:{}},{binding:p,resource:u}),i(a,{binding:p+1,visibility:2,texture:{}},{binding:p+1,resource:l});for(let[p,{layouts:a,bindings:u}]of o)s.bindGroupLayouts[p]=e.createBindGroupLayout({entries:a}),s.bindGroups[p]=e.createBindGroup({layout:s.bindGroupLayouts[p],entries:u});return s},vt=(e,t,r,n,o,s)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:o}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:s}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:n}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),ht=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),qt=e=>e==="uniform"?72:e==="attrib"?40:140,J=(e,t,r)=>{Xe(t)||(t=new Float32Array(t));let n=qt(r),o=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,s=e.createBuffer({size:o,usage:n});return{array:t,buffer:s}},yt=(e,t)=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}],depthStencilAttachment:{view:t.createView(),depthClearValue:1,depthLoadOp:"clear",depthStoreOp:"store"}}),Et=(e,t=1280,r=800)=>{let n=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),o=e.createSampler({magFilter:"linear",minFilter:"linear"});return{texture:n,sampler:o}},Xt=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var Yt=32,Ht=(e,t,r)=>{let n=u=>{},o=ee((u,l)=>{let{array:y,buffer:T}=J(t,l,"storage"),{binding:d,group:g}=r.storage();return{array:y,buffer:T,binding:d,group:g}});return{storages:o,_storage:(u,l)=>{let{array:y,buffer:T}=o(u,l);t.queue.writeBuffer(T,0,y)},update:(u,l,y)=>{let T=ht(t,l,y);n=d=>{d.setPipeline(T),u.forEach((v,P)=>d.setBindGroup(P,v));let g=Math.ceil(e.particles/Yt);d.dispatchWorkgroups(g,1,1),d.end()}},render:u=>{n(u)},clean:()=>{for(let{buffer:u}of o.map.values())u.destroy()}}},Ct=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await mt(t,e.error),o=Tt(),s=Ht(e,r,o),i,p,a,u=h=>{},l=!0,y,T=ee((h,X)=>{l=!0;let $=X.length/e.count,{location:G}=o.attrib(),{array:w,buffer:L}=J(r,X,"attrib");return{array:w,buffer:L,location:G,stride:$}}),d=ee((h,X)=>{l=!0;let{binding:$,group:G}=o.uniform(),{array:w,buffer:L}=J(r,X,"uniform");return{array:w,buffer:L,binding:$,group:G}}),g=ee((h,X=0,$=0)=>{l=!0;let{binding:G,group:w}=o.texture(),{texture:L,sampler:B}=Et(r,X,$);return{texture:L,sampler:B,binding:G,group:w,view:L.createView()}}),v=(h="",X)=>{let{array:$,buffer:G}=T(h,X);r.queue.writeBuffer(G,0,$)},P=(h,X)=>{x.num(X)&&(X=[X]);let{array:$,buffer:G}=d(h,X);$.set(X),r.queue.writeBuffer(G,0,$)},R=(h,X)=>{z(e,X,$=>{let{width:G,height:w}=$,{texture:L}=g(h,G,w);r.queue.copyExternalImageToTexture({source:$},{texture:L},{width:G,height:w})})},U=()=>{let{vertexBuffers:h,bufferLayouts:X}=gt(T.map.values()),{bindGroups:$,bindGroupLayouts:G}=bt(r,d.map.values(),g.map.values(),s.storages.map.values()),w=vt(r,n,X,G,a,i);u=L=>{L.setPipeline(w),$.forEach((B,oe)=>L.setBindGroup(oe,B)),h.forEach((B,oe)=>L.setVertexBuffer(oe,B)),L.draw(e.count,1,0,0),L.end()},e.cs&&s.update($,G,p)},M=()=>{if(!i||!a){let X={isWebGL:!1,gl:e};i=j(e.fs,X),a=K(e.vs,X),p=Z(e.cs,X)}if(e.loading)return;l&&U(),l=!1;let h=r.createCommandEncoder();e.cs&&s.render(h.beginComputePass()),u(h.beginRenderPass(yt(t,y))),r.queue.submit([h.finish()])},V=()=>{let h=e.el;y?.destroy(),y=Xt(r,h.width,h.height)},re=()=>{r.destroy(),y?.destroy();for(let{texture:h}of g.map.values())h.destroy();for(let{buffer:h}of d.map.values())h.destroy();for(let{buffer:h}of T.map.values())h.destroy();s.clean()};return V(),{webgpu:{device:r,uniforms:d,textures:g,attribs:T,storages:s.storages},render:M,resize:V,clean:re,_attribute:v,_uniform:P,_texture:R,_storage:s._storage}};var ts=e=>x.obj(e)?"isGL"in e:!1,Qt=()=>typeof window>"u",Jt=()=>Qt()?!1:"gpu"in navigator,Ee=performance.now(),er=()=>he(dt(be.xy.div(ye)),0,1),tr=()=>he(Q(k(ve).mod(k(2))).mul(4).sub(1),Q(k(ve).div(k(2))).mul(4).sub(1),0,1),rr=e=>{let t=jt({isNative:!1,isWebGL:!0,isError:!1,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,particles:1024,webgl:{},webgpu:{},loading:0,error(){t.isError=!0,t.isLoop=!1,t.clean(),console.warn("GLRE Error:",...arguments)}});return t.queue=Zt(),t.frame=Kt(),t.attribute=te((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o)),t),t.storage=te((r,n)=>t.queue(()=>t._storage?.(r,n)),t),t.uniform=te((r,n)=>t.queue(()=>t._uniform?.(r,n)),t),t.texture=te((r,n)=>t.queue(()=>t._texture?.(r,n)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:Ee}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||tr(),t.fs=t.fs||t.frag||t.fragment||er(),t.cs=t.cs||t.comp||t.compute,Jt()||(t.isWebGL=!0),t.isWebGL?t(await xt(t)):t(await Ct(t)),!t.isError&&(t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.loading?!0:(t.render(),t.isLoop))),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove)))}),t("clean",()=>{t.frame.stop(),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[s,i]=t.size,{top:p,left:a}=t.el.getBoundingClientRect();t.mouse[0]=(n-p-s/2)/(s/2),t.mouse[1]=-(o-a-i/2)/(i/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{Ee=performance.now()/1e3,t.uniform("iTime",Ee)}),t(e)},rs=rr;export{wr as Fn,Lr as If,Nr as Loop,St as Return,Rr as Switch,Mo as abs,Bo as acos,Wo as acosh,Lo as all,No as any,ko as asin,Vo as asinh,pt as assign,zo as atan,yn as atan2,qo as atanh,Ft as attribute,po as bool,_ as builtin,ho as bvec2,yo as bvec3,Eo as bvec4,Yo as ceil,En as clamp,_o as color,Z as compute,At as constant,b as conversion,Ho as cos,jo as cosh,rr as createGL,Fo as cross,Ao as cubeTexture,Ko as dFdx,Zo as dFdy,rs as default,Qo as degrees,So as distance,Uo as dot,ft as element,Jo as exp,en as exp2,Q as float,tn as floor,dt as fract,jr as fragDepth,j as fragment,Hr as frontFacing,c as function_,rn as fwidth,Dt as gather,Po as iMouse,ye as iResolution,$o as iTime,Jr as id,Yr as instanceIndex,k as int,on as inverseSqrt,ts as isGL,Qt as isServer,Jt as isWebGPUSupported,xo as ivec2,mo as ivec3,To as ivec4,Ro as length,wo as lengthSq,nn as log,sn as log2,fo as mat2,co as mat3,lo as mat4,Xn as max,Te as member,Cn as min,_n as mix,Rn as mod,an as negate,m as node,oo as normalLocal,so as normalView,no as normalWorld,un as normalize,pn as oneMinus,Mt as operator,Qr as pointCoord,be as position,eo as positionLocal,ro as positionView,to as positionWorld,Pn as pow,fn as radians,cn as reciprocal,$n as reflect,Gn as refract,ln as round,Kr as sampleIndex,Zr as sampleMask,Co as sampler2D,dn as saturate,Or as scatter,io as screenCoordinate,ao as screenUV,Dr as select,xn as sign,mn as sin,Tn as sinh,Ln as smoothstep,gn as sqrt,Nn as step,Ir as storage,Gr as struct,bn as tan,vn as tanh,Oo as texelFetch,Io as texture,Xo as texture2D,Do as textureLod,ut as toVar,hn as trunc,uo as uint,W as uniform,Go as uv,go as uvec2,bo as uvec3,vo as uvec4,It as variable,lt as vec2,ct as vec3,he as vec4,K as vertex,ve as vertexIndex,Ot as vertexStage,xt as webgl,Ct as webgpu};
 //# sourceMappingURL=index.js.map