glre 0.28.0 → 0.30.0

package/dist/react.cjs

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