glre 0.28.0 → 0.29.0

package/dist/native.js

@@ -1,7 +1,11 @@
-import{useState as at}from"react";import{durable as K,event as rt}from"reev";import{createFrame as ot,createQueue as nt}from"refr";import{nested as j}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)},ze=(e,t)=>e.forEach(t),ut=(e,...t)=>{ze(e,r=>r(...t))},ct=(e="",t="_",r="/")=>e.split(t).join(r),ft=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",pt=(e=0)=>`${e}`.split(".")[1]?.length??0,lt=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),mt=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var xt=["x","y","z","w","r","g","b","a","s","t","p","q"],L=["bool","uint","int","float","bvec2","bvec3","bvec4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","vec2","vec3","vec4","color","mat2","mat3","mat4"],Q=["toFloat","toInt","toUint","toBool","toVec2","toVec3","toVec4","toIvec2","toIvec3","toIvec4","toUvec2","toUvec3","toUvec4","toBvec2","toBvec3","toBvec4","toMat2","toMat3","toMat4","toColor"],F={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},J=Object.keys(F),$=["dot","distance","length","lengthSq","determinant","luminance"],B=["all","any"],z=["abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth"],V=["cross"],M=["reflect","refract"],W=["min","max","mix","clamp","step","smoothstep"],D=["texture","textureLod","textureSize","cubeTexture"],Ve=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],ee=[...$,...B,...z,...V,...M,...W,...D,...Ve],te={float:"f32",int:"i32",uint:"u32",bool:"bool",vec2:"vec2f",vec3:"vec3f",vec4:"vec4f",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",ivec2:"vec2i",ivec3:"vec3i",ivec4:"vec4i",uvec2:"vec2u",uvec3:"vec3u",uvec4:"vec4u",bvec2:"vec2<bool>",bvec3:"vec3<bool>",bvec4:"vec4<bool>"},q={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},re={gl_FragCoord:"vec4",position:"vec3",normal:"vec3",uv:"vec2",color:"vec4"},oe=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],ne=["and","or"];var Y=e=>l.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),se=e=>J.includes(e),ie=e=>ee.includes(e),ae=e=>Q.includes(e),ue=e=>!e||!l.fun(e)?!1:e.isProxy,Me=0,ce=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,o=(e&255)/255;return[t,r,o]},S=()=>`i${Me++}`,k=(e,t)=>e.filter(r=>!l.und(r)&&!l.nul(r)).map(r=>c(r,t)).join(", "),O=(e,t)=>l.str(e)?t?.isWebGL?e:te[e]:"",fe=e=>F[e]||e,pe=e=>{let t=Array.from(e.uniforms).map((o,n)=>e.isWebGL?`uniform ${o};`:`@group(0) @binding(${n}) var<uniform> ${o};`).join(`
-`),r=Array.from(e.functions).join(`
-`);return`${t}
-${r}`},le=(e,t,r=!0)=>r?`
+import{useState as ft}from"react";import{durable as Z,event as it}from"reev";import{createFrame as at,createQueue as ut}from"refr";import{nested as H}from"reev";var g={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)},Me=(e,t)=>e.forEach(t),lt=(e,...t)=>{Me(e,r=>r(...t))},mt=(e="",t="_",r="/")=>e.split(t).join(r),dt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",xt=(e=0)=>`${e}`.split(".")[1]?.length??0,gt=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),bt=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var yt=["x","y","z","w","r","g","b","a","s","t","p","q"],C=["bool","uint","int","float","bvec2","bvec3","bvec4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","vec2","vec3","vec4","color","mat2","mat3","mat4"],J=["toFloat","toInt","toUint","toBool","toVec2","toVec3","toVec4","toIvec2","toIvec3","toIvec4","toUvec2","toUvec3","toUvec4","toBvec2","toBvec3","toBvec4","toMat2","toMat3","toMat4","toColor"],$={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},ee=Object.keys($),B=["dot","distance","length","lengthSq","determinant","luminance"],z=["all","any"],M=["abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth"],V=["cross"],D=["reflect","refract"],W=["min","max","mix","clamp","step","smoothstep"],q=["texture","textureLod","textureSize","cubeTexture"],Ve=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],te=[...B,...z,...M,...V,...D,...W,...q,...Ve],re={float:"f32",int:"i32",uint:"u32",bool:"bool",vec2:"vec2f",vec3:"vec3f",vec4:"vec4f",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",ivec2:"vec2i",ivec3:"vec3i",ivec4:"vec4i",uvec2:"vec2u",uvec3:"vec3u",uvec4:"vec4u",bvec2:"vec2<bool>",bvec3:"vec3<bool>",bvec4:"vec4<bool>"},k={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},oe={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"},ne=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],se=["and","or"],ie={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"};var Y=e=>g.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),ae=e=>ee.includes(e),ue=e=>te.includes(e),ce=e=>J.includes(e),S=e=>!e||typeof e!="object"?!1:e.isProxy,De=0,pe=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,n=(e&255)/255;return[t,r,n]},I=()=>`i${De++}`,G=(e,t)=>e.filter(r=>!g.und(r)&&!g.nul(r)).map(r=>p(r,t)).join(", "),L=(e,t)=>g.str(e)?t?.isWebGL?e:re[e]:"",fe=e=>$[e]||e,le=e=>Array.from(e.headers).map(([,t])=>t).join(`
+`),me=(e,t)=>{let{id:r,children:n=[]}=e,[o,s,...u]=n,a=s?_(s,t):"void",m=u.map((h,T)=>[`p${T}`,_(h,t)]),y=[p(o,t)];if(s&&y.push(`return ${p(s,t)};`),t?.isWebGL){let h=m.map(([T,E])=>`${E} ${T}`);return`${a} ${r}(${h}) {
+${y.join(`
+`)}
+}`}let f=L(a,t),d=m.map(([h,T])=>`${h}: ${L(T,t)}`);return`fn ${r}(${d}) -> ${f} {
+${y.join(`
+`)}
+}`},de=(e,t,r=!0)=>r?`
 #version 300 es
 precision mediump float;
 out vec4 fragColor;
@@ -13,34 +17,34 @@ ${t}
 @fragment
 fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
 return ${e};
-}`.trim(),U=(e,t)=>{let r=c(e,t),o=pe(t);return le(r,o,t.isWebGL)},G=(e,t)=>{let r=c(e,t),o=pe(t);return le(r,o,t.isWebGL)};var me=e=>l.bol(e)?"bool":l.num(e)?Number.isInteger(e)?"int":"float":l.arr(e)&&q[e.length]||"float",de=(e,t,r)=>{if(oe.includes(r)||ne.includes(r))return"bool";if(e===t||e.includes("vec")&&!t.includes("vec"))return e;if(t.includes("vec")&&!e.includes("vec"))return t;let o=L.indexOf(e),n=L.indexOf(t);return o>=n?e:t},We=e=>e.reduce((t,r)=>{let o=_(r),n=L.indexOf(t);return L.indexOf(o)>n?o:t},"float"),De=e=>q[e]||"vec4",qe=e=>e?re[e]:"vec3",Ye=(e,t)=>{let r=t.length>0?_(t[0]):"float";return M.includes(e)?r:$.includes(e)?"float":B.includes(e)?"bool":z.includes(e)?r:V.includes(e)?"vec3":D.includes(e)?"vec4":W.includes(e)?We(t):r},_=(e,t)=>{if(!e)throw"";if(!ue(e))return me(e);let{type:r,props:o}=e,{id:n,children:s=[],value:a,returnType:f}=o,[X,p,m]=s;return r==="uniform"||r==="variable"||r==="constant"||r==="attribute"||r==="varying"?me(a):r==="conversions"?X:r==="operator"?de(_(p,t),_(m,t),X):r==="math_fun"?Ye(X,s.slice(1)):r==="swizzle"?De(X.length):r==="ternary"?de(_(p,t),_(m,t),"add"):r==="fn_run"||r==="fn_def"?f:r==="builtin"?qe(n):"float"},_t=(e,t)=>e.map(r=>_(r,t));var c=(e,t)=>{if(t||(t={}),t.uniforms||(t.uniforms=new Set),t.functions||(t.functions=new Set),l.num(e))return e.toFixed(1);if(l.str(e))return e;if(l.bol(e))return e.toString();if(!e)return"";let{type:r,props:o}=e,{id:n="",children:s=[]}=o,[a,f,X]=s;if(r==="uniform"){let p=_(e,t);return t.uniforms.add(`${p} ${n}`),t.onUniform?.(n,o.value),n}if(r==="variable"||r==="varying"||r==="constant"||r==="attribute")return n;if(r==="vertex_stage")return c(a,t);if(r==="swizzle")return`${c(f,t)}.${c(a,t)}`;if(r==="operator")return a==="not"||a==="bitNot"?`!${c(f,t)}`:`(${c(f,t)} ${fe(a)} ${c(X,t)})`;if(r==="math_fun")return`${a}(${k(s.slice(1),t)})`;if(r==="conversions")return`${O(a,t)}(${k(s.slice(1),t)})`;if(r==="scope")return s.map(p=>c(p,t)).join(`
-`);if(r==="assign")return`${c(a,t)} = ${c(f,t)};`;if(r==="fn_run")return t.functions.add(c(a,t)),`${n}(${s.slice(1).map(p=>c(p,t)).join(", ")})`;if(r==="fn_def"){let{paramInfo:p=[],returnType:m}=o,y=c(a,t),C=f?`return ${c(f,t)};`:"";if(t?.isWebGL){let T=p.map(({name:E,type:h})=>`${h} ${E}`).join(", ");return`${m} ${n}(${T}) {
-${y}
-${C}
-}`}else{let T=O(m,t),E=p.map(({name:h,type:P})=>{let g=O(P,t);return`${h}: ${g}`}).join(", ");return`fn ${n}(${E}) -> ${T} {
-${y}
-${C}
-}`}}if(r==="loop")return`for (int i = 0; i < ${a}; i++) {
-${c(f,t)}
-}`;if(r==="if"){let p=`if (${c(a,t)}) {
-${c(f,t)}
-}`;for(let m=2;m<s.length;m+=2){let y=m>=s.length-1;p+=y?` else {
-${c(s[m],t)}
-}`:` else if (${c(s[m],t)}) {
-${c(s[m+1],t)}
-}`}return p}if(r==="switch"){let p=`switch (${c(a,t)}) {
-`;for(let m of s.slice(1))p+=c(m,t)+`
-`;return p+="}",p}if(r==="case"){let p=s.slice(0,-1),m=s[s.length-1],y="";for(let C of p)y+=`case ${c(C,t)}:
-`;return y+=`${c(m,t)}
+}`.trim(),U=(e,t={})=>{let r=p(e,t),n=le(t),o=de(r,n,t.isWebGL);return console.log(`// \u2193\u2193\u2193 generated \u2193\u2193\u2193
+
+${o}
+
+`),o},F=(e,t)=>{let r=p(e,t),n=le(t);return de(r,n,t.isWebGL)};var ge=e=>g.bol(e)?"bool":g.num(e)?"float":g.arr(e)&&k[e.length]||"float",xe=(e,t,r)=>{if(ne.includes(r)||se.includes(r))return"bool";if(e===t||e.includes("vec")&&!t.includes("vec"))return e;if(t.includes("vec")&&!e.includes("vec"))return t;let n=C.indexOf(e),o=C.indexOf(t);return n>=o?e:t},We=(e,t)=>e.reduce((r,n)=>{let o=_(n,t),s=C.indexOf(r);return C.indexOf(o)>s?o:r},"float"),qe=e=>k[e],ke=e=>oe[e],Ye=(e,t,r)=>{let n=t.length>0?_(t[0],r):"float";return D.includes(e)?n:B.includes(e)?"float":z.includes(e)?"bool":M.includes(e)?n:V.includes(e)?"vec3":q.includes(e)?"vec4":W.includes(e)?We(t,r):n},je=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],value:u}=n,[a,m,y]=s;return r==="uniform"||r==="variable"||r==="constant"||r==="attribute"||r==="varying"?ge(u):r==="conversion"?a:r==="operator"?xe(_(m,t),_(y,t),a):r==="function"?Ye(a,s.slice(1),t):r==="swizzle"?qe(a.length):r==="ternary"?xe(_(m,t),_(y,t),"add"):r==="define"?m?_(m,t):"void":r==="builtin"?ke(o):"float"},_=(e,t)=>{if(t||(t={}),!S(e))return ge(e);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=je(e,t);return t.infers.set(e,r),r};var p=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),g.str(e))return e;if(g.num(e))return e.toFixed(1);if(g.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n}=e,{id:o="",children:s=[]}=n,[u,a,m]=s,y="";if(r==="uniform"){if(t.headers.has(o))return o;t.binding||(t.binding=0);let f=_(e,t);y=t.isWebGL?`uniform ${f} ${o};`:`@group(0) @binding(${t.binding++}) var<uniform> ${o}: ${L(f,t)};`}if(r==="attribute"){if(t.headers.has(o))return o;y=`${_(e,t)} ${o}`}if(r==="constant"){if(t.headers.has(o))return o;y=`${_(e,t)} ${o}`}if(r==="varying"){if(t.headers.has(o))return o;y=`${_(e,t)} ${o}`}if(y)return t.headers.set(o,y),t.onMount?.(o,n.value),o;if(r==="variable")return o;if(r==="swizzle")return`${p(a,t)}.${p(u,t)}`;if(r==="operator")return u==="not"||u==="bitNot"?`!${p(a,t)}`:`(${p(a,t)} ${fe(u)} ${p(m,t)})`;if(r==="function")return u==="negate"?`(-${G(s.slice(1),t)})`:`${u}(${G(s.slice(1),t)})`;if(r==="conversion")return`${L(u,t)}(${G(s.slice(1),t)})`;if(r==="scope")return s.map(f=>p(f,t)).join(`
+`);if(r==="assign")return`${p(u,t)} = ${p(a,t)};`;if(r==="define"){let f=s.slice(2),d=`${o}(${f.map(h=>p(h,t))})`;return t.headers.has(o)||t.headers.set(o,me(n,t)),d}if(r==="loop")return`for (int i = 0; i < ${u}; i++) {
+${p(a,t)}
+}`;if(r==="if"){let f=`if (${p(u,t)}) {
+${p(a,t)}
+}`;for(let d=2;d<s.length;d+=2){let h=d>=s.length-1;f+=h?` else {
+${p(s[d],t)}
+}`:` else if (${p(s[d],t)}) {
+${p(s[d+1],t)}
+}`}return f}if(r==="switch"){let f=`switch (${p(u,t)}) {
+`;for(let d=1;d<s.length;d+=2)d>=s.length-1&&s.length%2===0?f+=`default:
+${p(s[d],t)}
+break;
+`:d+1<s.length&&(f+=`case ${p(s[d],t)}:
+${p(s[d+1],t)}
 break;
-`,y}if(r==="default"&&`${c(a,t)}`,r==="ternary")return`(${c(a,t)} ? ${c(f,t)} : ${c(X,t)})`;if(r==="declare"){let p=_(f,t),m=a?.props?.id;if(t.isWebGL)return`${p} ${m} = ${c(f,t)};`;let y=O(p);return`var ${m}: ${y} = ${c(f,t)};`}if(r==="builtin"){if(t?.isWebGL){if(n==="position")return"gl_FragCoord";if(n==="uv")return"gl_FragCoord.xy"}return n}return c(a,t)};var N=null,R=(e,t=()=>{})=>{let r=N;N=e,t(),N=r},w=e=>{N&&(N.props.children||(N.props.children=[]),N.props.children.push(e))},Ut=(e,t)=>{let r=u("scope");R(r,t);let o=u("if",null,e,r);w(o);let n=()=>({ElseIf:(s,a)=>{let f=u("scope");return R(f,a),o.props.children.push(s,f),n()},Else:s=>{let a=u("scope");R(a,s),o.props.children.push(a)}});return n()},Gt=(e,t)=>{let r=u("scope");R(r,()=>t?.({i:u("variable",{id:"i"})}));let o=u("loop",null,e,r);return w(o),o},It=e=>{let t=u("switch",null,e);w(t);let r=()=>({Case:(...o)=>n=>{let s=u("scope");R(s,n);let a=u("case",null,...o,s);return t.props.children.push(a),r()},Default:o=>{let n=u("scope");R(n,o);let s=u("default",null,n);t.props.children.push(s)}});return r()},At=e=>{let t=S();return(...r)=>{let o=u("scope"),n,s=[];for(let p=0;p<r.length;p++){let m=`p${p}`,y=u("variable",{id:m});s.push(y)}R(o,()=>n=e(s));let a=n?_(n):"void",f=r.map((p,m)=>({name:`p${m}`,type:_(p)})),X=u("fn_def",{id:t,returnType:a,paramInfo:f,args:r},o,n);return u("fn_run",{id:t,returnType:a},X,...s)}},xe=e=>t=>{t||(t=S());let r=u("variable",{id:t}),o=u("declare",null,r,e);return w(o),r},be=e=>t=>{t||(t=S());let r=u("constant",{id:t}),o=u("declare",null,r,e);return w(o),r},ge=e=>t=>{let r=u("assign",null,e,t);return w(r),e},Ft=(e,t)=>{t||(t=S());let r=u("varying",{id:t}),o=u("declare",null,r,e);return w(o),r};var ke=e=>t=>{if(t==="string")return c(e)},u=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=new Proxy(()=>{},{get(n,s){if(s==="type")return e;if(s==="props")return t;if(s==="toVar")return xe(o);if(s==="toConst")return be(o);if(s==="assign")return ge(o);if(s==="isProxy")return!0;if(s==="toString")return c.bind(null,o);if(s===Symbol.toPrimitive)return ke(o);if(Y(s))return ve(s,o);if(se(s))return(...a)=>je(s,o,...a);if(ie(s))return(...a)=>i(s,o,...a);if(ae(s))return b(s,o)},set(n,s,a){return Y(s)?(ve(s,o).assign(a),!0):!1}});return o},Mt=(...e)=>u("variable",{id:S()},...e),ve=(e,t)=>u("swizzle",null,e,t),b=(e,...t)=>u("conversions",null,e,...t),je=(e,...t)=>u("operator",null,e,...t),i=(e,...t)=>u("math_fun",null,e,...t),I=(e,t)=>u("uniform",{id:e,value:t}),Wt=(e,t,r)=>u("ternary",null,e,t,r);var jt=I("iResolution",[1280,800]),Ht=I("iMouse",[0,0]),Kt=I("iTime",0),Zt=u("variable",{id:"gl_FragCoord"}),Qt=(e=0)=>u("attribute",{id:`uv${e||""}`}),Jt=(e=0)=>u("attribute",{id:`color${e||""}`}),er=(e,t)=>u("attribute",{id:e,type:t}),tr=e=>u("vertex_stage",null,e),rr=u("builtin",{id:"positionLocal"}),or=u("builtin",{id:"positionWorld"}),nr=u("builtin",{id:"positionView"}),sr=u("builtin",{id:"normalLocal"}),ir=u("builtin",{id:"normalWorld"}),ar=u("builtin",{id:"normalView"}),ur=u("builtin",{id:"screenCoordinate"}),cr=u("builtin",{id:"screenUV"}),fr=e=>b("float",e),pr=e=>b("int",e),lr=e=>b("uint",e),mr=e=>b("bool",e),dr=(e,t)=>b("vec2",e,t),Xe=(e,t,r)=>b("vec3",e,t,r),xr=(e,t,r,o)=>b("vec4",e,t,r,o),br=(...e)=>b("mat2",...e),gr=(...e)=>b("mat3",...e),vr=(...e)=>b("mat4",...e),Xr=(e,t)=>b("ivec2",e,t),yr=(e,t,r)=>b("ivec3",e,t,r),Tr=(e,t,r,o)=>b("ivec4",e,t,r,o),Er=(e,t)=>b("uvec2",e,t),hr=(e,t,r)=>b("uvec3",e,t,r),_r=(e,t,r,o)=>b("uvec4",e,t,r,o),Pr=(e,t)=>b("bvec2",e,t),Sr=(e,t,r)=>b("bvec3",e,t,r),Nr=(e,t,r,o)=>b("bvec4",e,t,r,o),Rr=(e,t,r)=>l.num(e)&&l.und(t)&&l.und(r)?Xe(...ce(e)):Xe(e,t,r),wr=(e,t,r)=>i("texture",e,t,r),Cr=(e,t,r)=>i("cubeTexture",e,t,r),Lr=(e,t)=>i("textureSize",e,t),Or=e=>i("abs",e),Ur=e=>i("acos",e),Gr=e=>i("all",e),Ir=e=>i("any",e),Ar=e=>i("asin",e),Fr=(e,t)=>t!==void 0?i("atan",e,t):i("atan",e),$r=(e,t)=>i("atan",e,t),Br=(e,t)=>i("bitcast",e,t),zr=e=>i("cbrt",e),Vr=e=>i("ceil",e),Mr=(e,t,r)=>i("clamp",e,t,r),Wr=e=>i("cos",e),Dr=(e,t)=>i("cross",e,t),qr=e=>i("dFdx",e),Yr=e=>i("dFdy",e),kr=e=>i("degrees",e),jr=(e,t)=>i("difference",e,t),Hr=(e,t)=>i("distance",e,t),Kr=(e,t)=>i("dot",e,t),Zr=(e,t)=>i("equals",e,t),Qr=e=>i("exp",e),Jr=e=>i("exp2",e),eo=(e,t,r)=>i("faceforward",e,t,r),to=e=>i("floor",e),ro=e=>i("fract",e),oo=e=>i("fwidth",e),no=e=>i("inverseSqrt",e),so=e=>i("length",e),io=e=>i("lengthSq",e),ao=e=>i("log",e),uo=e=>i("log2",e),co=(e,t)=>i("max",e,t),fo=(e,t)=>i("min",e,t),po=(e,t,r)=>i("mix",e,t,r),lo=e=>i("negate",e),mo=e=>i("normalize",e),xo=e=>i("oneMinus",e),bo=(e,t)=>i("pow",e,t),go=e=>i("pow2",e),vo=e=>i("pow3",e),Xo=e=>i("pow4",e),yo=e=>i("radians",e),To=e=>i("reciprocal",e),Eo=(e,t)=>i("reflect",e,t),ho=(e,t,r)=>i("refract",e,t,r),_o=e=>i("round",e),Po=e=>i("saturate",e),So=e=>i("sign",e),No=e=>i("sin",e),Ro=(e,t,r)=>i("smoothstep",e,t,r),wo=e=>i("sqrt",e),Co=(e,t)=>i("step",e,t),Lo=e=>i("tan",e),Oo=(e,t)=>i("transformDirection",e,t),Uo=e=>i("trunc",e);var He=`
+`);return f+="}",f}if(r==="ternary")return`(${p(u,t)} ? ${p(a,t)} : ${p(m,t)})`;if(r==="declare"){let f=_(a,t),d=u?.props?.id;if(t.isWebGL)return`${f} ${d} = ${p(a,t)};`;let h=L(f);return`var ${d}: ${h} = ${p(a,t)};`}if(r==="builtin"){if(t?.isWebGL){let f=ie[o];if(f)return f;if(o==="uv")return"gl_FragCoord.xy"}return o}return p(u,t)};var w=null,R=(e,t=()=>{})=>{let r=w;w=e,t(),w=r},O=e=>{w&&(w.props.children||(w.props.children=[]),w.props.children.push(e))},be=(e,t)=>{t||(t=I());let r=c("variable",{id:t}),n=c("declare",null,r,e);return O(n),r},ve=(e,t)=>{let r=c("assign",null,e,t);return O(r),e},At=(e,t)=>{let r=c("scope");R(r,t);let n=c("if",null,e,r);O(n);let o=()=>({ElseIf:(s,u)=>{let a=c("scope");return R(a,u),n.props.children.push(s,a),o()},Else:s=>{let u=c("scope");R(u,s),n.props.children.push(u)}});return o()},$t=(e,t)=>{let r=c("scope");R(r,()=>t({i:c("variable",{id:"i"})}));let n=c("loop",null,e,r);return O(n),n},Bt=e=>{let t=c("switch",null,e);O(t);let r=()=>({Case:(...n)=>o=>{let s=c("scope");R(s,o);for(let u of n)t.props.children.push(u,s);return r()},Default:n=>{let o=c("scope");R(o,n),t.props.children.push(o)}});return r()},zt=e=>{let t=I();return(...r)=>{let n=c("scope"),o,s=[];for(let u=0;u<r.length;u++){let a=`p${u}`,m=c("variable",{id:a});s.push(m)}return R(n,()=>o=e(s)),c("define",{id:t},n,o,...r)}};var He=(e,t)=>{if(t==="string")return p(e)},c=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=(u,a)=>{if(a==="type")return e;if(a==="props")return t;if(a==="toVar")return be.bind(null,s);if(a==="assign")return ve.bind(null,s);if(a==="isProxy")return!0;if(a==="toString")return p.bind(null,s);if(a===Symbol.toPrimitive)return He.bind(null,s);if(Y(a))return ye(a,s);if(ae(a))return(...m)=>Ke(a,s,...m);if(ue(a))return(...m)=>i(a,s,...m);if(ce(a))return b(a,s)},o=(u,a,m)=>Y(a)?(ye(a,s).assign(m),!0):!1,s=new Proxy({},{get:n,set:o});return s};var ye=(e,t)=>c("swizzle",null,e,t),Ke=(e,...t)=>c("operator",null,e,...t),i=(e,...t)=>c("function",null,e,...t),b=(e,...t)=>c("conversion",null,e,...t);var Ht=(e,t,r)=>c("ternary",null,e,t,r),j=(e,t)=>c("uniform",{id:t,value:e}),Kt=(e,t)=>c("varying",{id:t,value:e}),Zt=(e,t)=>c("varying",{id:t,value:e}),Qt=e=>c("variable",{id:e}),Jt=e=>c("builtin",{id:e}),er=j([1280,800],"iResolution"),tr=j([0,0],"iMouse"),rr=j(0,"iTime"),Ze=c("builtin",{id:"position"}),Qe=c("builtin",{id:"vertex_index"}),or=c("builtin",{id:"instance_index"}),nr=c("builtin",{id:"front_facing"}),sr=c("builtin",{id:"frag_depth"}),ir=c("builtin",{id:"sample_index"}),ar=c("builtin",{id:"sample_mask"}),ur=c("builtin",{id:"point_coord"}),cr=c("builtin",{id:"position"}),pr=c("builtin",{id:"positionWorld"}),fr=c("builtin",{id:"positionView"}),lr=c("builtin",{id:"normalLocal"}),mr=c("builtin",{id:"normalWorld"}),dr=c("builtin",{id:"normalView"}),xr=c("builtin",{id:"screenCoordinate"}),gr=c("builtin",{id:"screenUV"}),br=Ze,vr=Qe,yr=e=>b("float",e),Xr=e=>b("int",e),Tr=e=>b("uint",e),_r=e=>b("bool",e),hr=(e,t)=>b("vec2",e,t),Xe=(e,t,r)=>b("vec3",e,t,r),Er=(e,t,r,n)=>b("vec4",e,t,r,n),Pr=(...e)=>b("mat2",...e),Nr=(...e)=>b("mat3",...e),Sr=(...e)=>b("mat4",...e),wr=(e,t)=>b("ivec2",e,t),Rr=(e,t,r)=>b("ivec3",e,t,r),Lr=(e,t,r,n)=>b("ivec4",e,t,r,n),Cr=(e,t)=>b("uvec2",e,t),Or=(e,t,r)=>b("uvec3",e,t,r),Ir=(e,t,r,n)=>b("uvec4",e,t,r,n),Gr=(e,t)=>b("bvec2",e,t),Ur=(e,t,r)=>b("bvec3",e,t,r),Fr=(e,t,r,n)=>b("bvec4",e,t,r,n),Ar=(e,t,r)=>g.num(e)&&g.und(t)&&g.und(r)?Xe(...pe(e)):Xe(e,t,r),$r=(e,t,r)=>i("texture",e,t,r),Br=(e,t,r)=>i("cubeTexture",e,t,r),zr=(e,t)=>i("textureSize",e,t),Mr=e=>i("abs",e),Vr=e=>i("acos",e),Dr=e=>i("all",e),Wr=e=>i("any",e),qr=e=>i("asin",e),kr=(e,t)=>t!==void 0?i("atan",e,t):i("atan",e),Yr=(e,t)=>i("atan",e,t),jr=(e,t)=>i("bitcast",e,t),Hr=e=>i("cbrt",e),Kr=e=>i("ceil",e),Zr=(e,t,r)=>i("clamp",e,t,r),Qr=e=>i("cos",e),Jr=(e,t)=>i("cross",e,t),eo=e=>i("dFdx",e),to=e=>i("dFdy",e),ro=e=>i("degrees",e),oo=(e,t)=>i("difference",e,t),no=(e,t)=>i("distance",e,t),so=(e,t)=>i("dot",e,t),io=(e,t)=>i("equals",e,t),ao=e=>i("exp",e),uo=e=>i("exp2",e),co=(e,t,r)=>i("faceforward",e,t,r),po=e=>i("floor",e),fo=e=>i("fract",e),lo=e=>i("fwidth",e),mo=e=>i("inverseSqrt",e),xo=e=>i("length",e),go=e=>i("lengthSq",e),bo=e=>i("log",e),vo=e=>i("log2",e),yo=(e,t)=>i("max",e,t),Xo=(e,t)=>i("min",e,t),To=(e,t,r)=>i("mix",e,t,r),_o=e=>i("negate",e),ho=e=>i("normalize",e),Eo=e=>i("oneMinus",e),Po=(e,t)=>i("pow",e,t),No=e=>i("pow2",e),So=e=>i("pow3",e),wo=e=>i("pow4",e),Ro=e=>i("radians",e),Lo=e=>i("reciprocal",e),Co=(e,t)=>i("reflect",e,t),Oo=(e,t,r)=>i("refract",e,t,r),Io=e=>i("round",e),Go=e=>i("saturate",e),Uo=e=>i("sign",e),Fo=e=>i("sin",e),Ao=(e,t,r)=>i("smoothstep",e,t,r),$o=e=>i("sqrt",e),Bo=(e,t)=>i("step",e,t),zo=e=>i("tan",e),Mo=(e,t)=>i("transformDirection",e,t),Vo=e=>i("trunc",e);var Je=`
 #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);
 }
-`,Ke=`
+`,et=`
 #version 300 es
 precision mediump float;
 uniform vec2 iResolution;
@@ -48,19 +52,19 @@ out vec4 fragColor;
 void main() {
   fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
 }
-`,ye=(e,t,r)=>{let o=e.createShader(r);if(!o)throw new Error("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let n=e.getShaderInfoLog(o);e.deleteShader(o),console.warn(`Could not compile shader: ${n}`)},Te=(e,t=He,r=Ke,o=()=>{})=>{l.str(r)||(r=U(r,{isWebGL:!0})),l.str(t)||(t=G(r,{isWebGL:!0}));let n=e.createProgram(),s=ye(e,t,e.VERTEX_SHADER),a=ye(e,r,e.FRAGMENT_SHADER);if(!s||!a)return o();if(e.attachShader(n,s),e.attachShader(n,a),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let f=e.getProgramInfoLog(n);e.deleteProgram(n),o(),console.warn(`Could not link pg: ${f}`)},Ee=(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},he=(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},_e=(e,t,r)=>{r&&(e=Math.max(...r)+1);let o=t.length/e;return Math.floor(o)},Pe=(e,t,r,o,n)=>{e.bindBuffer(e.ARRAY_BUFFER,o),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),n&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,n)},Se=(e,t,r,o)=>{let n=e.createTexture();e.bindTexture(e.TEXTURE_2D,n),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,o),e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,n)};var Ne=async e=>{let t=e.el.getContext("webgl2"),r=Te(t,e.vs,e.fs,()=>void(e.isLoop=!1)),o={context:t,program:r};t.useProgram(r);let n=0,s=j(T=>t.getUniformLocation(r,T)),a=j(T=>t.getAttribLocation(r,T)),f=j(()=>n++);return{webgl:o,render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(T="",E,h)=>{let P=a(T,!0),g=Ee(t,E),d=he(t,h),x=_e(e.count,E,h);Pe(t,x,P,g,d)},_uniform:(T,E)=>{let h=s(T);if(l.num(E))return t.uniform1f(h,E);let P=E.length;if(P<=4)return t[`uniform${P}fv`](h,E);P=Math.sqrt(P)<<0,t[`uniformMatrix${P}fv`](h,!1,E)},_texture:(T,E)=>{let h=new Image;Object.assign(h,{src:E,crossOrigin:"anonymous"}),h.decode().then(()=>{let P=s(T),g=f(T);Se(t,h,P,g)})}}};import{nested as H}from"reev";var Ze=`
+`,Te=(e,t,r)=>{let n=e.createShader(r);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);e.deleteShader(n),console.warn(`Could not compile shader: ${o}`)},_e=(e,t=Je,r=et,n=()=>{})=>{S(r)&&(r=U(r,{isWebGL:!0})),S(t)&&(t=F(r,{isWebGL:!0}));let o=e.createProgram(),s=Te(e,t,e.VERTEX_SHADER),u=Te(e,r,e.FRAGMENT_SHADER);if(!s||!u)return n();if(e.attachShader(o,s),e.attachShader(o,u),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let a=e.getProgramInfoLog(o);e.deleteProgram(o),n(),console.warn(`Could not link pg: ${a}`)},he=(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},Ee=(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},Pe=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},Ne=(e,t,r,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},Se=(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)};var we=async e=>{let t=e.el.getContext("webgl2"),r=_e(t,e.vs,e.fs,()=>void(e.isLoop=!1));t.useProgram(r);let n=0,o=H(T=>t.getUniformLocation(r,T)),s=H(T=>t.getAttribLocation(r,T)),u=H(()=>n++);return{webgl:{context:t,program:r},render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(T="",E,P)=>{let N=s(T,!0),X=he(t,E),l=Ee(t,P),x=Pe(e.count,E,P);Ne(t,x,N,X,l)},_uniform:(T,E)=>{let P=o(T);if(g.num(E))return t.uniform1f(P,E);let N=E.length;if(N<=4)return t[`uniform${N}fv`](P,E);N=Math.sqrt(N)<<0,t[`uniformMatrix${N}fv`](P,!1,E)},_texture:(T,E)=>{let P=new Image;Object.assign(P,{src:E,crossOrigin:"anonymous"}),P.decode().then(()=>{let N=o(T),X=u(T);Se(t,P,N,X)})}}};import{nested as K}from"reev";var tt=`
 @vertex
 fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
   let x = f32(vertex_index % 2u) * 4.0 - 1.0;
   let y = f32(vertex_index / 2u) * 4.0 - 1.0;
   return vec4f(x, y, 0.0, 1.0);
 }
-`,Qe=`
+`,rt=`
 @group(0) @binding(0) var<uniform> iResolution: vec2f;
 
 @fragment
 fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
   return vec4f(position.xy / iResolution, 0.0, 1.0);
 }
-`,Re=async e=>{let t=navigator.gpu,r=t.getPreferredCanvasFormat(),n=await(await t.requestAdapter()).requestDevice();return e.configure({device:n,format:r,alphaMode:"opaque"}),{device:n,format:r}},we=(e,t,r,o,n=Ze,s=Qe)=>{l.str(s)||(s=U(s,{isWebGL:!1})),l.str(n)||(n=G(n,{isWebGL:!1}));let a=e.createPipelineLayout({bindGroupLayouts:o});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:n.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:s.trim()}),entryPoint:"main",targets:[{format:t}]},layout:a,primitive:{topology:"triangle-list"}})},Ce=(e,t)=>{let r=[],o=[];t.forEach((a,f)=>{if(!a)return;let X="buffer"in a,p=a instanceof GPUTextureView,m=a instanceof GPUSampler;if(X)r.push({binding:f,visibility:3,buffer:{type:"uniform"}});else if(p)r.push({binding:f,visibility:2,texture:{}});else if(m)r.push({binding:f,visibility:2,sampler:{}});else return;o.push({binding:f,resource:a})});let n=e.createBindGroupLayout({entries:r}),s=e.createBindGroup({layout:n,entries:o});return{layout:n,bindGroup:s}},Le=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),Je=e=>Math.ceil(e/256)*256,Oe=(e,t)=>{let r=new Float32Array(t),o=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:o}},Ue=(e,t)=>{let r=new Float32Array(t),o=Je(r.byteLength),n=e.createBuffer({size:o,usage:72});return{array:r,buffer:n}},Ge=(e,t=1280,r=800)=>{let o=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),n=e.createSampler({magFilter:"linear",minFilter:"linear"});return{texture:o,sampler:n}},et=(e,t)=>e/t,tt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Ie=(e,t,r=6)=>{let o=et(t,r);return{arrayStride:o*4,attributes:[{shaderLocation:e,offset:0,format:tt(o)}]}};var Ae=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await Re(t),n={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],a=[],f=[],X=H((g,d)=>{let{array:x,buffer:v}=Oe(r,d);return a.push(v),f.push(Ie(f.length,x.length,e.count)),n.needsUpdate=!0,{array:x,buffer:v}}),p=H((g,d)=>{let{array:x,buffer:v}=Ue(r,d);return n.resources[0].push({buffer:v}),n.needsUpdate=!0,{array:x,buffer:v}}),m=H((g,{width:d,height:x})=>{let{texture:v,sampler:A}=Ge(r,d,x);return n.resources[1].push(A,v.createView()),n.needsUpdate=!0,{texture:v,width:d,height:x}}),y=()=>{let g=[];s.length=0,n.resources.forEach(d=>{if(!d.length)return;let{layout:x,bindGroup:v}=Ce(r,d);g.push(x),s.push(v)}),n.pipeline=we(r,o,f,g,e.vs,e.fs)};return{webgpu:n,render:()=>{if(n.loadingImg)return;n.needsUpdate&&y(),n.needsUpdate=!1;let g=r.createCommandEncoder(),d=g.beginRenderPass(Le(t));d.setPipeline(n.pipeline),s.forEach((x,v)=>d.setBindGroup(v,x)),a.forEach((x,v)=>d.setVertexBuffer(v,x)),d.draw(e.count,1,0,0),d.end(),r.queue.submit([g.finish()])},clean:()=>{},_attribute:(g="",d)=>{let{array:x,buffer:v}=X(g,d);r.queue.writeBuffer(v,0,x)},_uniform:(g,d)=>{l.num(d)&&(d=[d]);let{array:x,buffer:v}=p(g,d);x.set(d),r.queue.writeBuffer(v,0,x)},_texture:(g,d)=>{n.loadingImg++;let x=Object.assign(new Image,{src:d,crossOrigin:"anonymous"});x.decode().then(()=>{let{texture:v,width:A,height:Be}=m(g,x);r.queue.copyExternalImageToTexture({source:x},{texture:v},{width:A,height:Be}),n.loadingImg--})}}};var Fe=e=>l.obj(e)?"isGL"in e:!1,st=()=>typeof window>"u",it=()=>st()?!1:"gpu"in navigator,Z=performance.now(),$e=e=>{let t=rt({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=nt(),t.frame=ot(),t.attribute=K((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n))),t.texture=K((r,o)=>t.queue(()=>t._texture?.(r,o))),t.uniform=K((r,o,n)=>t.queue(()=>t._uniform?.(r,o,n))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:Z}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,it()||(t.isWebGL=!0),t.isWebGL?t(await Ne(t)):t(await Ae(t)),t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.render(),t.isLoop)),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove))}),t("clean",()=>{t.frame.stop(),t.frame.clean(t.render),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,o=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=o,t.uniform("iResolution",t.size)}),t("mousemove",(r,o=r.clientX,n=r.clientY)=>{let[s,a]=t.size,{top:f,left:X}=t.el.getBoundingClientRect();t.mouse[0]=(o-f-s/2)/(s/2),t.mouse[1]=-(n-X-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{Z=performance.now()/1e3,t.uniform("iTime",Z)}),t(e)};var yn=(e={})=>at(()=>{let t=Fe(e)?e:$e(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount(),(()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()})()},t({isNative:!0})})[0];export{Ve as ADDITIONAL_FUNCTIONS,B as BOOL_RETURN_FUNCTIONS,re as BUILTIN_TYPES,oe as COMPARISON_OPERATORS,q as COMPONENT_COUNT_TO_TYPE,L as CONSTANTS,Q as CONVERSIONS,M as FIRST_ARG_TYPE_FUNCTIONS,ee as FUNCTIONS,At as Fn,W as HIGHEST_TYPE_FUNCTIONS,Ut as If,ne as LOGICAL_OPERATORS,Gt as Loop,F as OPERATORS,J as OPERATOR_KEYS,z as PRESERVE_TYPE_FUNCTIONS,$ as SCALAR_RETURN_FUNCTIONS,xt as SWIZZLES,It as Switch,te as TYPE_MAPPING,V as VEC3_RETURN_FUNCTIONS,D as VEC4_RETURN_FUNCTIONS,Or as abs,Ur as acos,Je as alignTo256,Gr as all,Ir as any,Ar as asin,ge as assign,Fr as atan,$r as atan2,er as attribute,Br as bitcast,mr as bool,Pr as bvec2,Sr as bvec3,Nr as bvec4,zr as cbrt,Vr as ceil,Mr as clamp,c as code,Rr as color,Wr as cos,Pe as createAttrib,Ce as createBindGroup,Ie as createBufferLayout,Le as createDescriptor,Re as createDevice,$e as createGL,he as createIbo,we as createPipeline,Te as createProgram,Se as createTexture,Ge as createTextureSampler,Ue as createUniformBuffer,Ee as createVbo,Oe as createVertexBuffer,Dr as cross,Cr as cubeTexture,qr as dFdx,Yr as dFdy,Ke as defaultFragmentGLSL,He as defaultVertexGLSL,kr as degrees,jr as difference,lt as dig,Hr as distance,Kr as dot,ze as each,Zr as equals,Qr as exp,Jr as exp2,ft as ext,i as f,eo as faceforward,pt as fig,fr as float,to as floor,ut as flush,O as formatConversions,ro as fract,U as fragment,oo as fwidth,S as getId,fe as getOperator,_e as getStride,ce as hex2rgb,Ht as iMouse,jt as iResolution,Kt as iTime,_ as infer,_t as inferParameterTypes,pr as int,no as inverseSqrt,l as is,ae as isConversion,ie as isFunction,Fe as isGL,ue as isNodeProxy,se as isOperator,st as isServer,Y as isSwizzle,it as isWebGPUSupported,Xr as ivec2,yr as ivec3,Tr as ivec4,k as joins,so as length,io as lengthSq,ao as log,uo as log2,br as mat2,gr as mat3,vr as mat4,co as max,fo as min,po as mix,b as n,lo as negate,u as node,sr as normalLocal,ar as normalView,ir as normalWorld,mo as normalize,je as o,xo as oneMinus,Zt as position,rr as positionLocal,nr as positionView,or as positionWorld,bo as pow,go as pow2,vo as pow3,Xo as pow4,yo as radians,To as reciprocal,Eo as reflect,ho as refract,ct as replace,_o as round,ve as s,Po as saturate,ur as screenCoordinate,cr as screenUV,Wt as select,mt as sig,So as sign,No as sin,Ro as smoothstep,wo as sqrt,Co as step,Lo as tan,wr as texture,Lr as textureSize,be as toConst,xe as toVar,Oo as transformDirection,Uo as trunc,I as u,lr as uint,yn as useGL,Qt as uv,Er as uvec2,hr as uvec3,_r as uvec4,Mt as v,Ft as varying,dr as vec2,Xe as vec3,xr as vec4,G as vertex,Jt as vertexColor,tr as vertexStage,Ne as webgl,Ae as webgpu};
+`,Re=async e=>{let t=navigator.gpu,r=t.getPreferredCanvasFormat(),o=await(await t.requestAdapter()).requestDevice();return e.configure({device:o,format:r,alphaMode:"opaque"}),{device:o,format:r}},Le=(e,t,r,n,o=tt,s=rt)=>{S(o)&&(o=F(o,{isWebGL:!1})),S(s)&&(s=U(s,{isWebGL:!1}));let u=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:s.trim()}),entryPoint:"main",targets:[{format:t}]},layout:u,primitive:{topology:"triangle-list"}})},Ce=(e,t)=>{let r=[],n=[];t.forEach((u,a)=>{if(!u)return;let m="buffer"in u,y=u instanceof GPUTextureView,f=u instanceof GPUSampler;if(m)r.push({binding:a,visibility:3,buffer:{type:"uniform"}});else if(y)r.push({binding:a,visibility:2,texture:{}});else if(f)r.push({binding:a,visibility:2,sampler:{}});else return;n.push({binding:a,resource:u})});let o=e.createBindGroupLayout({entries:r}),s=e.createBindGroup({layout:o,entries:n});return{layout:o,bindGroup:s}},Oe=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),ot=e=>Math.ceil(e/256)*256,Ie=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},Ge=(e,t)=>{let r=new Float32Array(t),n=ot(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},Ue=(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}},nt=(e,t)=>e/t,st=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Fe=(e,t,r=6)=>{let n=nt(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:st(n)}]}};var Ae=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await Re(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],u=[],a=[],m=K((X,l)=>{let{array:x,buffer:v}=Ie(r,l);return u.push(v),a.push(Fe(a.length,x.length,e.count)),o.needsUpdate=!0,{array:x,buffer:v}}),y=K((X,l)=>{let{array:x,buffer:v}=Ge(r,l);return o.resources[0].push({buffer:v}),o.needsUpdate=!0,{array:x,buffer:v}}),f=K((X,{width:l,height:x})=>{let{texture:v,sampler:A}=Ue(r,l,x);return o.resources[1].push(A,v.createView()),o.needsUpdate=!0,{texture:v,width:l,height:x}}),d=()=>{let X=[];s.length=0,o.resources.forEach(l=>{if(!l.length)return;let{layout:x,bindGroup:v}=Ce(r,l);X.push(x),s.push(v)}),o.pipeline=Le(r,n,a,X,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&d(),o.needsUpdate=!1;let X=r.createCommandEncoder(),l=X.beginRenderPass(Oe(t));l.setPipeline(o.pipeline),s.forEach((x,v)=>l.setBindGroup(v,x)),u.forEach((x,v)=>l.setVertexBuffer(v,x)),l.draw(e.count,1,0,0),l.end(),r.queue.submit([X.finish()])},clean:()=>{},_attribute:(X="",l)=>{let{array:x,buffer:v}=m(X,l);r.queue.writeBuffer(v,0,x)},_uniform:(X,l)=>{g.num(l)&&(l=[l]);let{array:x,buffer:v}=y(X,l);x.set(l),r.queue.writeBuffer(v,0,x)},_texture:(X,l)=>{o.loadingImg++;let x=Object.assign(new Image,{src:l,crossOrigin:"anonymous"});x.decode().then(()=>{let{texture:v,width:A,height:ze}=f(X,x);r.queue.copyExternalImageToTexture({source:x},{texture:v},{width:A,height:ze}),o.loadingImg--})}}};var $e=e=>g.obj(e)?"isGL"in e:!1,ct=()=>typeof window>"u",pt=()=>ct()?!1:"gpu"in navigator,Q=performance.now(),Be=e=>{let t=it({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=ut(),t.frame=at(),t.attribute=Z((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=Z((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=Z((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:Q}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,pt()||(t.isWebGL=!0),t.isWebGL?t(await we(t)):t(await Ae(t)),t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.render(),t.isLoop)),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove))}),t("clean",()=>{t.frame.stop(),t.frame.clean(t.render),!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,u]=t.size,{top:a,left:m}=t.el.getBoundingClientRect();t.mouse[0]=(n-a-s/2)/(s/2),t.mouse[1]=-(o-m-u/2)/(u/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{Q=performance.now()/1e3,t.uniform("iTime",Q)}),t(e)};var Pn=(e={})=>ft(()=>{let t=$e(e)?e:Be(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount(),(()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()})()},t({isNative:!0})})[0];export{Ve as ADDITIONAL_FUNCTIONS,z as BOOL_RETURN_FUNCTIONS,oe as BUILTIN_TYPES,ne as COMPARISON_OPERATORS,k as COMPONENT_COUNT_TO_TYPE,C as CONSTANTS,J as CONVERSIONS,D as FIRST_ARG_TYPE_FUNCTIONS,te as FUNCTIONS,zt as Fn,W as HIGHEST_TYPE_FUNCTIONS,At as If,se as LOGICAL_OPERATORS,$t as Loop,$ as OPERATORS,ee as OPERATOR_KEYS,M as PRESERVE_TYPE_FUNCTIONS,B as SCALAR_RETURN_FUNCTIONS,yt as SWIZZLES,Bt as Switch,re as TYPE_MAPPING,V as VEC3_RETURN_FUNCTIONS,q as VEC4_RETURN_FUNCTIONS,ie as WGSL_TO_GLSL_BUILTIN,Mr as abs,Vr as acos,ot as alignTo256,Dr as all,Wr as any,qr as asin,ve as assign,kr as atan,Yr as atan2,Zt as attribute,jr as bitcast,_r as bool,Jt as builtin,Gr as bvec2,Ur as bvec3,Fr as bvec4,Hr as cbrt,Kr as ceil,Zr as clamp,p as code,Ar as color,b as conversion,Qr as cos,Ne as createAttrib,Ce as createBindGroup,Fe as createBufferLayout,Oe as createDescriptor,Re as createDevice,Be as createGL,Ee as createIbo,Le as createPipeline,_e as createProgram,Se as createTexture,Ue as createTextureSampler,Ge as createUniformBuffer,he as createVbo,Ie as createVertexBuffer,Jr as cross,Br as cubeTexture,eo as dFdx,to as dFdy,et as defaultFragmentGLSL,Je as defaultVertexGLSL,ro as degrees,oo as difference,gt as dig,no as distance,so as dot,Me as each,io as equals,ao as exp,uo as exp2,dt as ext,co as faceforward,xt as fig,yr as float,po as floor,lt as flush,L as formatConversions,fo as fract,br as fragCoord,sr as fragDepth,U as fragment,nr as frontFacing,i as function_,lo as fwidth,me as generateDefine,I as getId,fe as getOperator,Pe as getStride,pe as hex2rgb,tr as iMouse,er as iResolution,rr as iTime,_ as infer,je as inferImpl,or as instanceIndex,Xr as int,mo as inverseSqrt,g as is,ce as isConversion,ue as isFunction,$e as isGL,S as isNodeProxy,ae as isOperator,ct as isServer,Y as isSwizzle,pt as isWebGPUSupported,wr as ivec2,Rr as ivec3,Lr as ivec4,G as joins,xo as length,go as lengthSq,bo as log,vo as log2,Pr as mat2,Nr as mat3,Sr as mat4,yo as max,Xo as min,To as mix,_o as negate,c as node,lr as normalLocal,dr as normalView,mr as normalWorld,ho as normalize,Eo as oneMinus,Ke as operator,ur as pointCoord,Ze as position,cr as positionLocal,fr as positionView,pr as positionWorld,Po as pow,No as pow2,So as pow3,wo as pow4,Ro as radians,Lo as reciprocal,Co as reflect,Oo as refract,mt as replace,Io as round,ir as sampleIndex,ar as sampleMask,Go as saturate,xr as screenCoordinate,gr as screenUV,Ht as select,bt as sig,Uo as sign,Fo as sin,Ao as smoothstep,$o as sqrt,Bo as step,ye as swizzle,zo as tan,$r as texture,zr as textureSize,be as toVar,Mo as transformDirection,Vo as trunc,Tr as uint,j as uniform,Pn as useGL,Cr as uvec2,Or as uvec3,Ir as uvec4,Qt as variable,Kt as varying,hr as vec2,Xe as vec3,Er as vec4,F as vertex,vr as vertexId,Qe as vertexIndex,we as webgl,Ae as webgpu};
 //# sourceMappingURL=native.js.map