glre 0.31.0 → 0.32.0

package/dist/react.cjs

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