glre 0.30.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/native.js CHANGED
@@ -1,50 +1,50 @@
1
- import{useState as dt}from"react";import{durable as H,event as ct}from"reev";import{createFrame as ft,createQueue as pt}from"refr";import{nested as Y}from"reev";var g={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)},De=(e,t)=>e.forEach(t),xt=(e,...t)=>{De(e,r=>r(...t))},gt=(e="",t="_",r="/")=>e.split(t).join(r),bt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",yt=(e=0)=>`${e}`.split(".")[1]?.length??0,vt=(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 S=["bool","uint","int","float","bvec2","ivec2","uvec2","vec2","bvec3","ivec3","uvec3","vec3","bvec4","ivec4","uvec4","vec4","color","mat2","mat3","mat4"],U=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],A={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Z=Object.keys(A),$=["dot","distance","length","lengthSq","determinant","luminance"],B=["all","any"],D=["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"],z=["reflect","refract"],V=["min","max","mix","clamp","step","smoothstep"],W=["texture","textureLod","textureSize","cubeTexture"],Me=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],Q=[...$,...B,...D,...M,...z,...V,...W,...Me],J={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"},ee={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"],re=["and","or"],oe={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 k=e=>g.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),ne=e=>Z.includes(e),se=e=>Q.includes(e),ie=e=>U.includes(e),P=e=>!e||typeof e!="object"?!1:e.isProxy;var ze=0,ae=()=>`i${ze++}`,w=(e,t)=>e.filter(r=>!g.und(r)&&!g.nul(r)).map(r=>u(r,t)).join(", "),L=(e,t)=>g.str(e)?t?.isWebGL?e:J[e]:"",ue=e=>A[e]||e,ce=e=>oe[e],fe=e=>{let t=U.indexOf(e);return t!==-1?S[t]:"float"},pe=e=>Array.from(e.headers).map(([,t])=>t).join(`
2
- `),le=(e,t)=>{let{id:r,children:n=[],layout:o}=e,[s,a,...i]=n,m=o?.type&&o?.type!=="auto"?o?.type:a?v(a,t):"void",b=[],c=[];if(o?.inputs)for(let d of o.inputs)b.push([d.name,d.type]);else for(let d=0;d<i.length;d++)b.push([`p${d}`,v(i[d],t)]);let f="";if(t?.isWebGL){for(let[d,_]of b)c.push(`${_} ${d}`);f+=`${m} ${r}(${c}) {
3
- `}else{for(let[d,_]of b)c.push(`${d}: ${L(_,t)}`);f+=`fn ${r}(${c}) -> ${L(m,t)} {
4
- `}let T=u(s,t);return T&&(f+=T+`
5
- `),a&&(f+=`return ${u(a,t)};`),f+=`
6
- }`,f},Ve=`
1
+ import{useState as yt}from"react";import{durable as J,event as mt}from"reev";import{createFrame as dt,createQueue as xt}from"refr";import{nested as Z}from"reev";var y={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)},We=(e,t)=>e.forEach(t),vt=(e,...t)=>{We(e,r=>r(...t))},Xt=(e="",t="_",r="/")=>e.split(t).join(r),_t=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",Tt=(e=0)=>`${e}`.split(".")[1]?.length??0,ht=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Et=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var Pt=["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"],D={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},te=Object.keys(D),M=["dot","distance","length","lengthSq","determinant","luminance"],z=["all","any"],V=["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"],qe=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],re=[...M,...z,...V,...W,...q,...k,...Y,...qe],oe={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"},ne={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"},se=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],ie=["and","or"],ae={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=>y.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),ue=e=>te.includes(e),ce=e=>re.includes(e),fe=e=>B.includes(e),L=e=>!e||typeof e!="object"?!1:e.isProxy,pe=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,o=(e&255)/255;return[t,r,o]},ke=0,K=()=>`i${ke++}`,F=(e,t)=>e.filter(r=>!y.und(r)&&!y.nul(r)).map(r=>c(r,t)).join(", "),w=(e,t)=>y.str(e)?t?.isWebGL?e:oe[e]:"",le=e=>D[e]||e,me=e=>ae[e],de=e=>{let t=B.indexOf(e);return t!==-1?R[t]:"float"},xe=e=>Array.from(e.headers).map(([,t])=>t).join(`
2
+ `),ge=(e,t)=>{let{id:r,children:o=[],layout:n}=e,[s,a,...u]=o,d=n?.type&&n?.type!=="auto"?n?.type:a?T(a,t):"void",l=[],f=[];if(n?.inputs)for(let b of n.inputs)l.push([b.name,b.type]);else for(let b=0;b<u.length;b++)l.push([`p${b}`,T(u[b],t)]);let p="";if(t?.isWebGL){for(let[b,E]of l)f.push(`${E} ${b}`);p+=`${d} ${r}(${f}) {
3
+ `}else{for(let[b,E]of l)f.push(`${b}: ${w(E,t)}`);p+=`fn ${r}(${f}) -> ${w(d,t)} {
4
+ `}let N=c(s,t);return N&&(p+=N+`
5
+ `),a&&(p+=`return ${c(a,t)};`),p+=`
6
+ }`,p},Ye=`
7
7
  #version 300 es
8
8
  precision mediump float;
9
9
  out vec4 fragColor;
10
- `.trim(),We=`
10
+ `.trim(),je=`
11
11
  @fragment
12
12
  fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
13
- `.trim(),qe=(e,t,r=!0)=>{let n="";return r&&(n+=Ve),t&&(n+=`
13
+ `.trim(),He=(e,t,r=!0)=>{let o="";return r&&(o+=Ye),t&&(o+=`
14
14
  `+t+`
15
- `),r?n+=`void main() {
16
- fragColor = ${e};`:(n+=We+`
17
- `,n+=` return ${e};`),n+=`
18
- }`,n},ke=(e,t,r=!0)=>"",C=(e,t={})=>{let r=u(e,t),n=pe(t),o=qe(r,n,t.isWebGL);return console.log(`// \u2193\u2193\u2193 generated \u2193\u2193\u2193
15
+ `),r?o+=`void main() {
16
+ fragColor = ${e};`:(o+=je+`
17
+ `,o+=` return ${e};`),o+=`
18
+ }`,o},Ke=(e,t,r=!0)=>"",I=(e,t={})=>{let r=c(e,t),o=xe(t),n=He(r,o,t.isWebGL);return console.log(`// \u2193\u2193\u2193 generated \u2193\u2193\u2193
19
19
 
20
- ${o}
20
+ ${n}
21
21
 
22
- `),o},O=(e,t)=>{let r=u(e,t),n=pe(t);return ke(r,n,t.isWebGL)};var Ye=(e,t)=>e.reduce((r,n)=>{let o=v(n,t),s=S.indexOf(r);return S.indexOf(o)>s?o:r},"float"),je=e=>ee[e],He=(e,t,r)=>{let n=t.length>0?v(t[0],r):"float";return z.includes(e)?n:$.includes(e)?"float":B.includes(e)?"bool":D.includes(e)?n:M.includes(e)?"vec3":W.includes(e)?"vec4":V.includes(e)?Ye(t,r):n},me=(e,t,r)=>{if(te.includes(r)||re.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},Ke=e=>g.bol(e)?"bool":g.num(e)?"float":g.arr(e)&&q[e.length]||"float",Ze=e=>q[e],Qe=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],inferFrom:a}=n,[i,m,b]=s;return a?v(a,t):r==="conversion"?i:r==="operator"?me(v(m,t),v(b,t),i):r==="function"?He(i,s.slice(1),t):r==="swizzle"?Ze(i.length):r==="ternary"?me(v(m,t),v(b,t),"add"):r==="builtin"?je(o):r==="define"?n.layout?.type&&n.layout?.type!=="auto"?n.layout.type:m?v(m,t):"void":v(i,t)},v=(e,t)=>{if(t||(t={}),!P(e))return Ke(e);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Qe(e,t);return t.infers.set(e,r),r};var u=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),g.str(e))return e;if(g.num(e)){let c=`${e}`;return c.includes(".")?c:c+".0"}if(g.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=`${v(e,t)} ${o}`}if(r==="uniform"){if(t.headers.has(o))return o;t.binding||(t.binding=0);let c=v(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=v(e,t),f=u(a,t);b=t.isWebGL?`const ${c} ${o} = ${f};`:`const ${o}: ${L(c,t)} = ${f};`}if(r==="varying"){if(t.headers.has(o))return o;b=`${v(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)} ${ue(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(`
23
- `);if(r==="assign")return`${u(a,t)} = ${u(i,t)};`;if(r==="loop")return t.isWebGL?`for (int i = 0; i < ${a}; i += 1) {
24
- ${u(i,t)}
22
+ `),n},U=(e,t)=>{let r=c(e,t),o=xe(t);return Ke(r,o,t.isWebGL)};var Ze=(e,t)=>e.reduce((r,o)=>{let n=T(o,t),s=R.indexOf(r);return R.indexOf(n)>s?n:r},"float"),Qe=e=>ne[e],Je=(e,t,r)=>{let o=t.length>0?T(t[0],r):"float";return q.includes(e)?o:M.includes(e)?"float":z.includes(e)?"bool":V.includes(e)?o:W.includes(e)?"vec3":Y.includes(e)?"vec4":k.includes(e)?Ze(t,r):o},be=(e,t,r)=>{if(se.includes(r)||ie.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=R.indexOf(e),n=R.indexOf(t);return o>=n?e:t},et=e=>y.bol(e)?"bool":y.num(e)?"float":y.arr(e)&&j[e.length]||"float",tt=e=>j[e],rt=(e,t)=>{let{type:r,props:o}=e,{id:n,children:s=[],inferFrom:a}=o,[u,d,l]=s;return a?T(a,t):r==="conversion"?u:r==="operator"?be(T(d,t),T(l,t),u):r==="function"?Je(u,s.slice(1),t):r==="swizzle"?tt(u.length):r==="ternary"?be(T(d,t),T(l,t),"add"):r==="builtin"?Qe(n):r==="define"?o.layout?.type&&o.layout?.type!=="auto"?o.layout.type:d?T(d,t):"void":T(u,t)},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=rt(e,t);return t.infers.set(e,r),r};var c=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),y.str(e))return e;if(y.num(e)){let f=`${e}`;return f.includes(".")?f:f+".0"}if(y.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:o}=e,{id:n="",children:s=[]}=o,[a,u,d]=s,l="";if(r==="attribute"){if(t.headers.has(n))return n;l=`${T(e,t)} ${n}`}if(r==="uniform"){if(t.headers.has(n))return n;t.binding||(t.binding=0);let f=T(e,t);l=t.isWebGL?`uniform ${f} ${n};`:`@group(0) @binding(${t.binding++}) var<uniform> ${n}: ${w(f,t)};`}if(r==="constant"){if(t.headers.has(n))return n;let f=T(e,t),p=c(a,t);l=t.isWebGL?`const ${f} ${n} = ${p};`:`const ${n}: ${w(f,t)} = ${p};`}if(r==="varying"){if(t.headers.has(n))return n;l=`${T(e,t)} ${n}`}if(l)return t.headers.set(n,l),t.onMount?.(n),n;if(r==="variable")return n;if(r==="swizzle")return`${c(u,t)}.${c(a,t)}`;if(r==="ternary")return`(${c(a,t)} ? ${c(u,t)} : ${c(d,t)})`;if(r==="builtin")return t?.isWebGL?me(n):n;if(r==="conversion")return`${w(a,t)}(${F(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${c(u,t)}`:`(${c(u,t)} ${le(a)} ${c(d,t)})`;if(r==="function")return a==="negate"?`(-${F(s.slice(1),t)})`:`${a}(${F(s.slice(1),t)})`;if(r==="scope")return s.map(f=>c(f,t)).join(`
23
+ `);if(r==="assign")return`${c(a,t)} = ${c(u,t)};`;if(r==="loop")return t.isWebGL?`for (int i = 0; i < ${a}; i += 1) {
24
+ ${c(u,t)}
25
25
  }`:`for (var i: i32 = 0; i < ${a}; i++) {
26
- ${u(i,t)}
27
- }`;if(r==="define"){let c=s.slice(2),f=`${o}(${c.map(T=>u(T,t))})`;return t.headers.has(o)||t.headers.set(o,le(n,t)),f}if(r==="if"){let c=`if (${u(a,t)}) {
28
- ${u(i,t)}
29
- }`;for(let f=2;f<s.length;f+=2){let T=f>=s.length-1;c+=T?` else {
30
- ${u(s[f],t)}
31
- }`:` else if (${u(s[f],t)}) {
32
- ${u(s[f+1],t)}
33
- }`}return c}if(r==="switch"){let c=`switch (${u(a,t)}) {
34
- `;for(let f=1;f<s.length;f+=2)f>=s.length-1&&s.length%2===0?c+=`default:
35
- ${u(s[f],t)}
26
+ ${c(u,t)}
27
+ }`;if(r==="define"){let f=s.slice(2),p=`${n}(${f.map(N=>c(N,t))})`;return t.headers.has(n)||t.headers.set(n,ge(o,t)),p}if(r==="if"){let f=`if (${c(a,t)}) {
28
+ ${c(u,t)}
29
+ }`;for(let p=2;p<s.length;p+=2){let N=p>=s.length-1;f+=N?` else {
30
+ ${c(s[p],t)}
31
+ }`:` else if (${c(s[p],t)}) {
32
+ ${c(s[p+1],t)}
33
+ }`}return f}if(r==="switch"){let f=`switch (${c(a,t)}) {
34
+ `;for(let p=1;p<s.length;p+=2)p>=s.length-1&&s.length%2===0?f+=`default:
35
+ ${c(s[p],t)}
36
36
  break;
37
- `:f+1<s.length&&(c+=`case ${u(s[f],t)}:
38
- ${u(s[f+1],t)}
37
+ `:p+1<s.length&&(f+=`case ${c(s[p],t)}:
38
+ ${c(s[p+1],t)}
39
39
  break;
40
- `);return c+="}",c}if(r==="declare"){let c=v(a,t),f=i?.props?.id;if(t.isWebGL)return`${c} ${f} = ${u(a,t)};`;let T=L(c);return`var ${f}: ${T} = ${u(a,t)};`}return u(a,t)};var G=null;var de=e=>{G&&(G.props.children||(G.props.children=[]),G.props.children.push(e))},xe=(e,t)=>{t||(t=ae());let r=N("variable",{id:t,inferFrom:e}),n=N("declare",null,e,r);return de(n),r},ge=(e,t)=>{let r=N("assign",null,e,t);return de(r),e};var Je=(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 xe.bind(null,s);if(i==="assign")return ge.bind(null,s);if(i==="isProxy")return!0;if(i==="toString")return u.bind(null,s);if(i===Symbol.toPrimitive)return Je.bind(null,s);if(k(i))return be(i,s);if(ne(i))return(...m)=>et(i,s,...m);if(se(i))return(...m)=>ye(i,s,...m);if(ie(i))return()=>R(fe(i),s)},o=(a,i,m)=>k(i)?(be(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}),be=(e,t)=>N("swizzle",null,e,t),et=(e,...t)=>N("operator",null,e,...t),ye=(e,...t)=>N("function",null,e,...t),R=(e,...t)=>N("conversion",null,e,...t);var Ht=X("position"),Kt=X("vertex_index"),Zt=X("instance_index"),Qt=X("front_facing"),Jt=X("frag_depth"),er=X("sample_index"),tr=X("sample_mask"),rr=X("point_coord"),or=X("normalLocal"),nr=X("normalWorld"),sr=X("normalView"),ir=X("position"),ar=X("positionWorld"),ur=X("positionView"),cr=X("screenCoordinate"),fr=X("screenUV"),tt=e=>R("float",e);var ve=(e,t)=>R("vec2",e,t);var pr=F(ve(1280,800),"iResolution"),lr=F(ve(0,0),"iMouse"),mr=F(tt(0),"iTime");var rt=`
40
+ `);return f+="}",f}if(r==="declare"){let f=T(a,t),p=u?.props?.id;if(t.isWebGL)return`${f} ${p} = ${c(a,t)};`;let N=w(f);return`var ${p}: ${N} = ${c(a,t)};`}return c(a,t)};var C=null,O=(e,t=()=>{})=>{let r=C;C=e,t(),C=r},G=e=>{C&&(C.props.children||(C.props.children=[]),C.props.children.push(e))},ye=(e,t)=>{t||(t=K());let r=m("variable",{id:t,inferFrom:e}),o=m("declare",null,e,r);return G(o),r},ve=(e,t)=>{let r=m("assign",null,e,t);return G(r),e},Wt=(e,t)=>{let r=m("scope");O(r,t);let o=m("if",null,e,r);G(o);let n=()=>({ElseIf:(s,a)=>{let u=m("scope");return O(u,a),o.props.children.push(s,u),n()},Else:s=>{let a=m("scope");O(a,s),o.props.children.push(a)}});return n()},qt=(e,t)=>{let r=m("scope");O(r,()=>t({i:m("variable",{id:"i",inferFrom:Xe(0)})}));let o=m("loop",null,e,r);return G(o),o},kt=e=>{let t=m("switch",null,e);G(t);let r=()=>({Case:(...o)=>n=>{let s=m("scope");O(s,n);for(let a of o)t.props.children.push(a,s);return r()},Default:o=>{let n=m("scope");O(n,o),t.props.children.push(n)}});return r()},Yt=e=>{let t,r=(...o)=>{let n=t?.name||K(),s=m("scope"),a,u=[],d=[];if(t?.inputs)for(let l of t.inputs)d.push({id:l.name,inferFrom:v(l.type)});else for(let l=0;l<o.length;l++)d.push({id:`p${l}`,inferFrom:o[l]});for(let l of d)u.push(m("variable",l));return O(s,()=>a=e(u)),m("define",{id:n,layout:t},s,a,...o)};return r.setLayout=o=>(t=o,r),r};var ot=(e,t)=>{if(t==="string")return c(e)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=(a,u)=>{if(u==="type")return e;if(u==="props")return t;if(u==="toVar")return ye.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 ot.bind(null,s);if(H(u))return _e(u,s);if(ue(u))return(...d)=>nt(u,s,...d);if(ce(u))return(...d)=>i(u,s,...d);if(fe(u))return()=>v(de(u),s)},n=(a,u,d)=>H(u)?(_e(u,s).assign(d),!0):!1,s=new Proxy({},{get:o,set:n});return s},Qt=(e,t)=>m("varying",{id:t},e),A=(e,t)=>m("uniform",{id:t},e),Jt=(e,t)=>m("varying",{id:t},e),er=(e,t)=>m("constant",{id:t},e),tr=e=>m("variable",{id:e}),h=e=>m("builtin",{id:e}),_e=(e,t)=>m("swizzle",null,e,t),nt=(e,...t)=>m("operator",null,e,...t),i=(e,...t)=>m("function",null,e,...t),v=(e,...t)=>m("conversion",null,e,...t),rr=(e,t,r)=>m("ternary",null,e,t,r);var ar=h("position"),ur=h("vertex_index"),cr=h("instance_index"),fr=h("front_facing"),pr=h("frag_depth"),lr=h("sample_index"),mr=h("sample_mask"),dr=h("point_coord"),xr=h("normalLocal"),gr=h("normalWorld"),br=h("normalView"),yr=h("position"),vr=h("positionWorld"),Xr=h("positionView"),_r=h("screenCoordinate"),Tr=h("screenUV"),st=e=>v("float",e),Xe=e=>v("int",e),hr=e=>v("uint",e),Er=e=>v("bool",e),he=(e,t)=>v("vec2",e,t),Te=(e,t,r)=>v("vec3",e,t,r),Nr=(e,t,r,o)=>v("vec4",e,t,r,o),Pr=(...e)=>v("mat2",...e),Sr=(...e)=>v("mat3",...e),Lr=(...e)=>v("mat4",...e),Rr=(e,t)=>v("ivec2",e,t),wr=(e,t,r)=>v("ivec3",e,t,r),Cr=(e,t,r,o)=>v("ivec4",e,t,r,o),Or=(e,t)=>v("uvec2",e,t),Gr=(e,t,r)=>v("uvec3",e,t,r),Fr=(e,t,r,o)=>v("uvec4",e,t,r,o),Ir=(e,t)=>v("bvec2",e,t),Ur=(e,t,r)=>v("bvec3",e,t,r),Ar=(e,t,r,o)=>v("bvec4",e,t,r,o),$r=(e,t,r)=>y.num(e)&&y.und(t)&&y.und(r)?Te(...pe(e)):Te(e,t,r),Br=A(he(1280,800),"iResolution"),Dr=A(he(0,0),"iMouse"),Mr=A(st(0),"iTime"),zr=(e,t,r)=>i("texture",e,t,r),Vr=(e,t,r)=>i("cubeTexture",e,t,r),Wr=(e,t)=>i("textureSize",e,t),qr=e=>i("abs",e),kr=e=>i("acos",e),Yr=e=>i("all",e),jr=e=>i("any",e),Hr=e=>i("asin",e),Kr=(e,t)=>t!==void 0?i("atan",e,t):i("atan",e),Zr=(e,t)=>i("atan",e,t),Qr=(e,t)=>i("bitcast",e,t),Jr=e=>i("cbrt",e),eo=e=>i("ceil",e),to=(e,t,r)=>i("clamp",e,t,r),ro=e=>i("cos",e),oo=(e,t)=>i("cross",e,t),no=e=>i("dFdx",e),so=e=>i("dFdy",e),io=e=>i("degrees",e),ao=(e,t)=>i("difference",e,t),uo=(e,t)=>i("distance",e,t),co=(e,t)=>i("dot",e,t),fo=(e,t)=>i("equals",e,t),po=e=>i("exp",e),lo=e=>i("exp2",e),mo=(e,t,r)=>i("faceforward",e,t,r),xo=e=>i("floor",e),go=e=>i("fract",e),bo=e=>i("fwidth",e),yo=e=>i("inverseSqrt",e),vo=e=>i("length",e),Xo=e=>i("lengthSq",e),_o=e=>i("log",e),To=e=>i("log2",e),ho=(e,t)=>i("max",e,t),Eo=(e,t)=>i("min",e,t),No=(e,t,r)=>i("mix",e,t,r),Po=e=>i("negate",e),So=e=>i("normalize",e),Lo=e=>i("oneMinus",e),Ro=(e,t)=>i("pow",e,t),wo=e=>i("pow2",e),Co=e=>i("pow3",e),Oo=e=>i("pow4",e),Go=e=>i("radians",e),Fo=e=>i("reciprocal",e),Io=(e,t)=>i("reflect",e,t),Uo=(e,t,r)=>i("refract",e,t,r),Ao=e=>i("round",e),$o=e=>i("saturate",e),Bo=e=>i("sign",e),Do=e=>i("sin",e),Mo=(e,t,r)=>i("smoothstep",e,t,r),zo=e=>i("sqrt",e),Vo=(e,t)=>i("step",e,t),Wo=e=>i("tan",e),qo=(e,t)=>i("transformDirection",e,t),ko=e=>i("trunc",e);var it=`
41
41
  #version 300 es
42
42
  void main() {
43
43
  float x = float(gl_VertexID % 2) * 4.0 - 1.0;
44
44
  float y = float(gl_VertexID / 2) * 4.0 - 1.0;
45
45
  gl_Position = vec4(x, y, 0.0, 1.0);
46
46
  }
47
- `,ot=`
47
+ `,at=`
48
48
  #version 300 es
49
49
  precision mediump float;
50
50
  uniform vec2 iResolution;
@@ -52,19 +52,19 @@ out vec4 fragColor;
52
52
  void main() {
53
53
  fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
54
54
  }
55
- `,Xe=(e,t,r)=>{let n=e.createShader(r);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);e.deleteShader(n),console.warn(`Could not compile shader: ${o}`)},_e=(e,t=rt,r=ot,n=()=>{})=>{P(r)&&(r=C(r,{isWebGL:!0})),P(t)&&(t=O(r,{isWebGL:!0}));let o=e.createProgram(),s=Xe(e,t,e.VERTEX_SHADER),a=Xe(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}`)},Te=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),r},he=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),r},Ee=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},Ne=(e,t,r,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},Pe=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)};var Se=async e=>{let t=e.el.getContext("webgl2"),r=_e(t,e.vs,e.fs,()=>void(e.isLoop=!1));t.useProgram(r);let n=0,o=Y(d=>t.getUniformLocation(r,d)),s=Y(d=>t.getAttribLocation(r,d)),a=Y(()=>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:(d="",_,h)=>{let E=s(d,!0),y=Te(t,_),p=he(t,h),l=Ee(e.count,_,h);Ne(t,l,E,y,p)},_uniform:(d,_)=>{let h=o(d);if(g.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:(d,_)=>{let h=new Image;Object.assign(h,{src:_,crossOrigin:"anonymous"}),h.decode().then(()=>{let E=o(d),y=a(d);Pe(t,h,E,y)})}}};import{nested as j}from"reev";var nt=`
55
+ `,Ee=(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}`)},Ne=(e,t=it,r=at,o=()=>{})=>{L(r)&&(r=I(r,{isWebGL:!0})),L(t)&&(t=U(r,{isWebGL:!0}));let n=e.createProgram(),s=Ee(e,t,e.VERTEX_SHADER),a=Ee(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 u=e.getProgramInfoLog(n);e.deleteProgram(n),o(),console.warn(`Could not link pg: ${u}`)},Pe=(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},Se=(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},Le=(e,t,r)=>{r&&(e=Math.max(...r)+1);let o=t.length/e;return Math.floor(o)},Re=(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)},we=(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 Ce=async e=>{let t=e.el.getContext("webgl2"),r=Ne(t,e.vs,e.fs,()=>void(e.isLoop=!1));t.useProgram(r);let o=0,n=Z(b=>t.getUniformLocation(r,b)),s=Z(b=>t.getAttribLocation(r,b)),a=Z(()=>o++);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:(b="",E,P)=>{let S=s(b,!0),_=Pe(t,E),x=Se(t,P),g=Le(e.count,E,P);Re(t,g,S,_,x)},_uniform:(b,E)=>{let P=n(b);if(y.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:(b,E)=>{let P=new Image;Object.assign(P,{src:E,crossOrigin:"anonymous"}),P.decode().then(()=>{let S=n(b),_=a(b);we(t,P,S,_)})}}};import{nested as Q}from"reev";var ut=`
56
56
  @vertex
57
57
  fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
58
58
  let x = f32(vertex_index % 2u) * 4.0 - 1.0;
59
59
  let y = f32(vertex_index / 2u) * 4.0 - 1.0;
60
60
  return vec4f(x, y, 0.0, 1.0);
61
61
  }
62
- `,st=`
62
+ `,ct=`
63
63
  @group(0) @binding(0) var<uniform> iResolution: vec2f;
64
64
 
65
65
  @fragment
66
66
  fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
67
67
  return vec4f(position.xy / iResolution, 0.0, 1.0);
68
68
  }
69
- `,Le=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}},Re=(e,t,r,n,o=nt,s=st)=>{P(o)&&(o=O(o,{isWebGL:!1})),P(s)&&(s=C(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"}})},we=(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}},Ce=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),it=e=>Math.ceil(e/256)*256,Oe=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},Ge=(e,t)=>{let r=new Float32Array(t),n=it(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}},at=(e,t)=>e/t,ut=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Ie=(e,t,r=6)=>{let n=at(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:ut(n)}]}};var Ue=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await Le(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],a=[],i=[],m=j((y,p)=>{let{array:l,buffer:x}=Oe(r,p);return a.push(x),i.push(Ie(i.length,l.length,e.count)),o.needsUpdate=!0,{array:l,buffer:x}}),b=j((y,p)=>{let{array:l,buffer:x}=Ge(r,p);return o.resources[0].push({buffer:x}),o.needsUpdate=!0,{array:l,buffer:x}}),c=j((y,{width:p,height:l})=>{let{texture:x,sampler:I}=Fe(r,p,l);return o.resources[1].push(I,x.createView()),o.needsUpdate=!0,{texture:x,width:p,height:l}}),f=()=>{let y=[];s.length=0,o.resources.forEach(p=>{if(!p.length)return;let{layout:l,bindGroup:x}=we(r,p);y.push(l),s.push(x)}),o.pipeline=Re(r,n,i,y,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&f(),o.needsUpdate=!1;let y=r.createCommandEncoder(),p=y.beginRenderPass(Ce(t));p.setPipeline(o.pipeline),s.forEach((l,x)=>p.setBindGroup(x,l)),a.forEach((l,x)=>p.setVertexBuffer(x,l)),p.draw(e.count,1,0,0),p.end(),r.queue.submit([y.finish()])},clean:()=>{},_attribute:(y="",p)=>{let{array:l,buffer:x}=m(y,p);r.queue.writeBuffer(x,0,l)},_uniform:(y,p)=>{g.num(p)&&(p=[p]);let{array:l,buffer:x}=b(y,p);l.set(p),r.queue.writeBuffer(x,0,l)},_texture:(y,p)=>{o.loadingImg++;let l=Object.assign(new Image,{src:p,crossOrigin:"anonymous"});l.decode().then(()=>{let{texture:x,width:I,height:Be}=c(y,l);r.queue.copyExternalImageToTexture({source:l},{texture:x},{width:I,height:Be}),o.loadingImg--})}}};var Ae=e=>g.obj(e)?"isGL"in e:!1,lt=()=>typeof window>"u",mt=()=>lt()?!1:"gpu"in navigator,K=performance.now(),$e=e=>{let t=ct({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=pt(),t.frame=ft(),t.attribute=H((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=H((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=H((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:K}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,mt()||(t.isWebGL=!0),t.isWebGL?t(await Se(t)):t(await Ue(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",()=>{K=performance.now()/1e3,t.uniform("iTime",K)}),t(e)};var jr=(e={})=>dt(()=>{let t=Ae(e)?e:$e(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount(),(()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()})()},t({isNative:!0})})[0];export{it as alignTo256,Ne as createAttrib,we as createBindGroup,Ie as createBufferLayout,Ce as createDescriptor,Le as createDevice,$e as createGL,he as createIbo,Re as createPipeline,_e as createProgram,Pe as createTexture,Fe as createTextureSampler,Ge as createUniformBuffer,Te as createVbo,Oe as createVertexBuffer,ot as defaultFragmentGLSL,rt as defaultVertexGLSL,vt as dig,De as each,bt as ext,yt as fig,xt as flush,Ee as getStride,g as is,Ae as isGL,lt as isServer,mt as isWebGPUSupported,gt as replace,Xt as sig,jr as useGL,Se as webgl,Ue as webgpu};
69
+ `,Oe=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}},Ge=(e,t,r,o,n=ut,s=ct)=>{L(n)&&(n=U(n,{isWebGL:!1})),L(s)&&(s=I(s,{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"}})},Fe=(e,t)=>{let r=[],o=[];t.forEach((a,u)=>{if(!a)return;let d="buffer"in a,l=a instanceof GPUTextureView,f=a instanceof GPUSampler;if(d)r.push({binding:u,visibility:3,buffer:{type:"uniform"}});else if(l)r.push({binding:u,visibility:2,texture:{}});else if(f)r.push({binding:u,visibility:2,sampler:{}});else return;o.push({binding:u,resource:a})});let n=e.createBindGroupLayout({entries:r}),s=e.createBindGroup({layout:n,entries:o});return{layout:n,bindGroup:s}},Ie=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),ft=e=>Math.ceil(e/256)*256,Ue=(e,t)=>{let r=new Float32Array(t),o=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:o}},Ae=(e,t)=>{let r=new Float32Array(t),o=ft(r.byteLength),n=e.createBuffer({size:o,usage:72});return{array:r,buffer:n}},$e=(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}},pt=(e,t)=>e/t,lt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Be=(e,t,r=6)=>{let o=pt(t,r);return{arrayStride:o*4,attributes:[{shaderLocation:e,offset:0,format:lt(o)}]}};var De=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await Oe(t),n={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],a=[],u=[],d=Q((_,x)=>{let{array:g,buffer:X}=Ue(r,x);return a.push(X),u.push(Be(u.length,g.length,e.count)),n.needsUpdate=!0,{array:g,buffer:X}}),l=Q((_,x)=>{let{array:g,buffer:X}=Ae(r,x);return n.resources[0].push({buffer:X}),n.needsUpdate=!0,{array:g,buffer:X}}),f=Q((_,{width:x,height:g})=>{let{texture:X,sampler:$}=$e(r,x,g);return n.resources[1].push($,X.createView()),n.needsUpdate=!0,{texture:X,width:x,height:g}}),p=()=>{let _=[];s.length=0,n.resources.forEach(x=>{if(!x.length)return;let{layout:g,bindGroup:X}=Fe(r,x);_.push(g),s.push(X)}),n.pipeline=Ge(r,o,u,_,e.vs,e.fs)};return{webgpu:n,render:()=>{if(n.loadingImg)return;n.needsUpdate&&p(),n.needsUpdate=!1;let _=r.createCommandEncoder(),x=_.beginRenderPass(Ie(t));x.setPipeline(n.pipeline),s.forEach((g,X)=>x.setBindGroup(X,g)),a.forEach((g,X)=>x.setVertexBuffer(X,g)),x.draw(e.count,1,0,0),x.end(),r.queue.submit([_.finish()])},clean:()=>{},_attribute:(_="",x)=>{let{array:g,buffer:X}=d(_,x);r.queue.writeBuffer(X,0,g)},_uniform:(_,x)=>{y.num(x)&&(x=[x]);let{array:g,buffer:X}=l(_,x);g.set(x),r.queue.writeBuffer(X,0,g)},_texture:(_,x)=>{n.loadingImg++;let g=Object.assign(new Image,{src:x,crossOrigin:"anonymous"});g.decode().then(()=>{let{texture:X,width:$,height:Ve}=f(_,g);r.queue.copyExternalImageToTexture({source:g},{texture:X},{width:$,height:Ve}),n.loadingImg--})}}};var Me=e=>y.obj(e)?"isGL"in e:!1,gt=()=>typeof window>"u",bt=()=>gt()?!1:"gpu"in navigator,ee=performance.now(),ze=e=>{let t=mt({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=xt(),t.frame=dt(),t.attribute=J((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n))),t.texture=J((r,o)=>t.queue(()=>t._texture?.(r,o))),t.uniform=J((r,o,n)=>t.queue(()=>t._uniform?.(r,o,n))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:ee}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,bt()||(t.isWebGL=!0),t.isWebGL?t(await Ce(t)):t(await De(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:u,left:d}=t.el.getBoundingClientRect();t.mouse[0]=(o-u-s/2)/(s/2),t.mouse[1]=-(n-d-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{ee=performance.now()/1e3,t.uniform("iTime",ee)}),t(e)};var Rn=(e={})=>yt(()=>{let t=Me(e)?e:ze(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount(),(()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()})()},t({isNative:!0})})[0];export{qe as ADDITIONAL_FUNCTIONS,z as BOOL_RETURN_FUNCTIONS,ne as BUILTIN_TYPES,se as COMPARISON_OPERATORS,j as COMPONENT_COUNT_TO_TYPE,R as CONSTANTS,B as CONVERSIONS,q as FIRST_ARG_TYPE_FUNCTIONS,re as FUNCTIONS,Yt as Fn,k as HIGHEST_TYPE_FUNCTIONS,Wt as If,ie as LOGICAL_OPERATORS,qt as Loop,D as OPERATORS,te as OPERATOR_KEYS,V as PRESERVE_TYPE_FUNCTIONS,M as SCALAR_RETURN_FUNCTIONS,Pt as SWIZZLES,kt as Switch,oe as TYPE_MAPPING,W as VEC3_RETURN_FUNCTIONS,Y as VEC4_RETURN_FUNCTIONS,ae as WGSL_TO_GLSL_BUILTIN,qr as abs,kr as acos,ft as alignTo256,Yr as all,jr as any,Hr as asin,ve as assign,Kr as atan,Zr as atan2,Qt as attribute,Qr as bitcast,Er as bool,h as builtin,Ir as bvec2,Ur as bvec3,Ar as bvec4,Jr as cbrt,eo as ceil,to as clamp,c as code,$r as color,er as constant,v as conversion,de as conversionToConstant,ro as cos,Re as createAttrib,Fe as createBindGroup,Be as createBufferLayout,Ie as createDescriptor,Oe as createDevice,ze as createGL,Se as createIbo,Ge as createPipeline,Ne as createProgram,we as createTexture,$e as createTextureSampler,Ae as createUniformBuffer,Pe as createVbo,Ue as createVertexBuffer,oo as cross,Vr as cubeTexture,no as dFdx,so as dFdy,at as defaultFragmentGLSL,it as defaultVertexGLSL,io as degrees,ao as difference,ht as dig,uo as distance,co as dot,We as each,fo as equals,po as exp,lo as exp2,_t as ext,mo as faceforward,Tt as fig,st as float,xo as floor,vt as flush,w as formatConversions,go as fract,pr as fragDepth,I as fragment,fr as frontFacing,i as function_,bo as fwidth,ge as generateDefine,me as getBluiltin,K as getId,le as getOperator,Le as getStride,pe as hex2rgb,Dr as iMouse,Br as iResolution,Mr as iTime,T as infer,rt as inferImpl,cr as instanceIndex,Xe as int,yo as inverseSqrt,y as is,fe as isConversion,ce as isFunction,Me as isGL,L as isNodeProxy,ue as isOperator,gt as isServer,H as isSwizzle,bt as isWebGPUSupported,Rr as ivec2,wr as ivec3,Cr as ivec4,F as joins,vo as length,Xo as lengthSq,_o as log,To as log2,Pr as mat2,Sr as mat3,Lr as mat4,ho as max,Eo as min,No as mix,Po as negate,m as node,xr as normalLocal,br as normalView,gr as normalWorld,So as normalize,Lo as oneMinus,nt as operator,dr as pointCoord,ar as position,yr as positionLocal,Xr as positionView,vr as positionWorld,Ro as pow,wo as pow2,Co as pow3,Oo as pow4,Go as radians,Fo as reciprocal,Io as reflect,Uo as refract,Xt as replace,Ao as round,lr as sampleIndex,mr as sampleMask,$o as saturate,_r as screenCoordinate,Tr as screenUV,rr as select,Et as sig,Bo as sign,Do as sin,Mo as smoothstep,zo as sqrt,Vo as step,_e as swizzle,Wo as tan,zr as texture,Wr as textureSize,ye as toVar,qo as transformDirection,ko as trunc,hr as uint,A as uniform,Rn as useGL,Or as uvec2,Gr as uvec3,Fr as uvec4,tr as variable,Jt as varying,he as vec2,Te as vec3,Nr as vec4,U as vertex,ur as vertexIndex,Ce as webgl,De as webgpu};
70
70
  //# sourceMappingURL=native.js.map