glre 0.26.0 → 0.27.0

package/dist/native.d.ts

@@ -1,7 +1,7 @@
 import * as reev from 'reev';
 import * as refr_dist_types_687121c7 from 'refr/dist/types-687121c7';
 import { GL, X, WebGPUState, WebGLState, Uniform, Attribute } from './index.js';
-export { Attributes, CACHE_BOOLS, CACHE_FLOATS, CACHE_INTS, ConditionalNode, ConversionContext, FUNCTIONS, Fn, FunctionNode, GLClearMode, GLDrawMode, GLDrawType, GPUBindGroup, GPUBuffer, GPUContext, GPUDevice, GPUPipeline, If, MathFunction, MathMethods, Node, NodeCreator, NodeType, OPERATORS, Operator, OperatorMethods, PrecisionMode, ProxyCallback, SWIZZLES, Swillzes, SwizzleProperties, TYPES, UniformNode, Uniforms, abs, alignTo256, bool, ceil, color, convertToNode, cos, createAttrib, createBindGroup, createBufferLayout, createDescriptor, createDevive, default as createGL, createIbo, createNode, createPipeline, createProgram, createTexture, createTextureSampler, createUniformBuffer, createVbo, createVertexBuffer, defaultFragmentGLSL, defaultVertexGLSL, dig, each, ext, fig, findDuplicateNodes, float, floor, flush, fract, fragCoord, getCachedBool, getCachedFloat, getCachedInt, getStride, glsl, iDeltaTime, iMouse, iPrevTime, iResolution, iTime, int, is, isGL, isServer, isWebGPUSupported, length, node, nodeToGLSL, nodeToWGSL, normalize, position, replace, sig, sin, sqrt, tan, uniform, updateUniforms, vec2, vec3, vec4, webgl, webgpu, wgsl } from './index.js';
+export { Attributes, FUNCTIONS, Fn, Functions, GLClearMode, GLDrawMode, GLDrawType, GPUBindGroup, GPUBuffer, GPUContext, GPUDevice, GPUPipeline, If, Loop, NODE_TYPES, NodeConfig, NodeProps, NodeProxy, NodeType, NodeTypes, OPERATORS, OPERATOR_KEYS, Operators, PrecisionMode, SWIZZLES, Swizzles, TYPE_MAPPING, Uniforms, abs, acos, alignTo256, all, any, asin, assign, atan, bitcast, bool, bvec2, bvec3, bvec4, cbrt, ceil, clamp, code, cos, createAttrib, createBindGroup, createBufferLayout, createDescriptor, createDevice, default as createGL, createIbo, createPipeline, createProgram, createTexture, createTextureSampler, createUniformBuffer, createVbo, createVertexBuffer, cross, dFdx, dFdy, defaultFragmentGLSL, defaultVertexGLSL, degrees, difference, dig, distance, dot, each, equals, exp, exp2, ext, f, faceforward, fig, float, floor, flush, fract, fragCoord, fragment, fwidth, getId, getStride, iMouse, iResolution, iTime, inferType, int, inverseSqrt, is, isFunction, isGL, isNodeType, isOperator, isServer, isSwizzle, isWebGPUSupported, ivec2, ivec3, ivec4, joins, length, lengthSq, log, log2, mat2, mat3, mat4, max, min, mix, n, negate, node, normalize, o, oneMinus, pow, pow2, pow3, pow4, radians, reciprocal, reflect, refract, replace, round, s, saturate, sig, sign, sin, smoothstep, sqrt, step, tan, toVar, transformDirection, trunc, u, uint, uvec2, uvec3, uvec4, v, vec2, vec3, vec4, vertex, webgl, webgpu } from './index.js';
 export { Frame, Fun, Queue } from 'refr';
 
 declare const useGL: (props?: Partial<GL>) => reev.EventState<{

package/dist/native.js

@@ -1,22 +1,41 @@
-"use strict";var I=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Xe=Object.prototype.hasOwnProperty;var Ae=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})},Pe=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ue(t))!Xe.call(e,o)&&o!==r&&I(e,o,{get:()=>t[o],enumerable:!(n=_e(t,o))||n.enumerable});return e};var Fe=e=>Pe(I({},"__esModule",{value:!0}),e);var It={};Ae(It,{CACHE_BOOLS:()=>ie,CACHE_FLOATS:()=>se,CACHE_INTS:()=>ae,FUNCTIONS:()=>oe,Fn:()=>vt,If:()=>Et,OPERATORS:()=>ne,SWIZZLES:()=>re,TYPES:()=>tt,abs:()=>Ct,alignTo256:()=>Te,bool:()=>ut,ceil:()=>At,color:()=>pt,convertToNode:()=>it,cos:()=>Rt,createAttrib:()=>q,createBindGroup:()=>Y,createBufferLayout:()=>ee,createDescriptor:()=>K,createDevive:()=>k,createGL:()=>le,createIbo:()=>W,createNode:()=>S,createPipeline:()=>H,createProgram:()=>z,createTexture:()=>V,createTextureSampler:()=>J,createUniformBuffer:()=>Q,createVbo:()=>O,createVertexBuffer:()=>Z,defaultFragmentGLSL:()=>ye,defaultVertexGLSL:()=>be,dig:()=>Oe,each:()=>de,ext:()=>Ie,fig:()=>ze,findDuplicateNodes:()=>nt,float:()=>P,floor:()=>Xt,flush:()=>Me,fract:()=>Pt,fragCoord:()=>wt,getCachedBool:()=>U,getCachedFloat:()=>A,getCachedInt:()=>X,getStride:()=>D,glsl:()=>C,iDeltaTime:()=>Le,iMouse:()=>St,iPrevTime:()=>$e,iResolution:()=>Nt,iTime:()=>Lt,int:()=>st,is:()=>i,isGL:()=>me,isServer:()=>Ne,isWebGPUSupported:()=>Se,length:()=>Mt,node:()=>s,nodeToGLSL:()=>ge,nodeToWGSL:()=>xe,normalize:()=>Ft,position:()=>$t,replace:()=>Be,sig:()=>We,sin:()=>Gt,sqrt:()=>Ut,tan:()=>_t,uniform:()=>v,updateUniforms:()=>Tt,useGL:()=>Bt,vec2:()=>ft,vec3:()=>Ee,vec4:()=>ct,webgl:()=>j,webgpu:()=>te,wgsl:()=>R});module.exports=Fe(It);var Ce=require("react"),Ge=require("react-native");var $=require("reev"),M=require("refr");var G=require("reev");var i={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),Me=(e,...t)=>{de(e,r=>r(...t))},Be=(e="",t="_",r="/")=>e.split(t).join(r),Ie=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",ze=(e=0)=>`${e}`.split(".")[1]?.length??0,Oe=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),We=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var ge=(e,t)=>{let r={target:"webgl",precision:"mediump",version:"300 es",nodes:new Map,variables:new Map,functions:new Map,...t};return L(e,r)},L=(e,t)=>e?i.und(e.value)?e.property&&e.parent?`${L(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?qe(e,t):e.mathFunction&&e.children&&e.children.length>=1?Ve(e,t):"0.0":De(e.value,e.type):"0.0",De=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2(${r})`;if(t==="vec3")return`vec3(${r})`;if(t==="vec4")return`vec4(${r})`;if(t==="color")return`vec3(${r})`}return"0.0"},qe=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=L(e.children[0],t),n=L(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`mod(${r}, ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},Ve=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(p=>L(p,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},je=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4"}return"float"},C=(e,t)=>{let r=t?.precision||"mediump",o=(t?.version||"300 es")==="300 es",a=ge(e),u="";return o&&(u+=`#version 300 es
-`),u+=`precision ${r} float;
-
-`,t?.uniforms&&(Object.entries(t.uniforms).forEach(([p,x])=>{let E=je(x);u+=`uniform ${E} ${p};
-`}),u+=`
-`),o&&(u+=`out vec4 fragColor;
-
-`),u+=`void main() {
-`,u+=o?`    fragColor = ${a};
-`:`    gl_FragColor = ${a};
-`,u+=`}
-`,u};var be=`
+"use strict";var D=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Ae=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var r in t)D(e,r,{get:t[r],enumerable:!0})},Ne=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Se(t))!Ae.call(e,n)&&n!==r&&D(e,n,{get:()=>t[n],enumerable:!(o=Ge(t,n))||o.enumerable});return e};var Ue=e=>Ne(D({},"__esModule",{value:!0}),e);var Er={};Fe(Er,{FUNCTIONS:()=>V,Fn:()=>Ye,If:()=>qe,Loop:()=>Ve,NODE_TYPES:()=>W,OPERATORS:()=>N,OPERATOR_KEYS:()=>q,SWIZZLES:()=>Oe,TYPE_MAPPING:()=>Y,abs:()=>Xt,acos:()=>vt,alignTo256:()=>Ee,all:()=>yt,any:()=>ht,asin:()=>Tt,assign:()=>K,atan:()=>Et,bitcast:()=>wt,bool:()=>rt,bvec2:()=>dt,bvec3:()=>gt,bvec4:()=>bt,cbrt:()=>Lt,ceil:()=>Rt,clamp:()=>_t,code:()=>c,cos:()=>Pt,createAttrib:()=>te,createBindGroup:()=>ie,createBufferLayout:()=>pe,createDescriptor:()=>ae,createDevice:()=>ne,createGL:()=>de,createIbo:()=>J,createPipeline:()=>se,createProgram:()=>Z,createTexture:()=>re,createTextureSampler:()=>fe,createUniformBuffer:()=>ce,createVbo:()=>Q,createVertexBuffer:()=>ue,cross:()=>Gt,dFdx:()=>St,dFdy:()=>At,defaultFragmentGLSL:()=>Te,defaultVertexGLSL:()=>he,degrees:()=>Ft,difference:()=>Nt,dig:()=>Ce,distance:()=>Ut,dot:()=>zt,each:()=>ge,equals:()=>Bt,exp:()=>$t,exp2:()=>It,ext:()=>$e,f:()=>s,faceforward:()=>Ct,fig:()=>Ie,float:()=>Je,floor:()=>Mt,flush:()=>ze,fract:()=>Ot,fragCoord:()=>Qe,fragment:()=>G,fwidth:()=>Dt,getId:()=>P,getStride:()=>ee,iMouse:()=>He,iResolution:()=>Ke,iTime:()=>Ze,inferType:()=>R,int:()=>et,inverseSqrt:()=>Wt,is:()=>x,isFunction:()=>j,isGL:()=>xe,isNodeType:()=>De,isOperator:()=>k,isServer:()=>we,isSwizzle:()=>U,isWebGPUSupported:()=>Le,ivec2:()=>ct,ivec3:()=>ft,ivec4:()=>pt,joins:()=>z,length:()=>qt,lengthSq:()=>Vt,log:()=>Yt,log2:()=>kt,mat2:()=>it,mat3:()=>at,mat4:()=>ut,max:()=>jt,min:()=>Kt,mix:()=>Ht,n:()=>d,negate:()=>Zt,node:()=>l,normalize:()=>Qt,o:()=>ve,oneMinus:()=>Jt,pow:()=>er,pow2:()=>tr,pow3:()=>rr,pow4:()=>or,radians:()=>nr,reciprocal:()=>sr,reflect:()=>ir,refract:()=>ar,replace:()=>Be,round:()=>ur,s:()=>H,saturate:()=>cr,sig:()=>Me,sign:()=>fr,sin:()=>pr,smoothstep:()=>mr,sqrt:()=>lr,step:()=>xr,tan:()=>dr,toVar:()=>$,transformDirection:()=>gr,trunc:()=>br,u:()=>F,uint:()=>tt,useGL:()=>Tr,uvec2:()=>mt,uvec3:()=>lt,uvec4:()=>xt,v:()=>je,vec2:()=>ot,vec3:()=>nt,vec4:()=>st,vertex:()=>S,webgl:()=>oe,webgpu:()=>me});module.exports=Ue(Er);var Re=require("react");var _=require("reev"),M=require("refr");var I=require("reev");var x={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)},ge=(e,t)=>e.forEach(t),ze=(e,...t)=>{ge(e,r=>r(...t))},Be=(e="",t="_",r="/")=>e.split(t).join(r),$e=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",Ie=(e=0)=>`${e}`.split(".")[1]?.length??0,Ce=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Me=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var Oe=["x","y","z","w","r","g","b","a","s","t","p","q"],W=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],N={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},q=Object.keys(N),V=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],Y={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>"};var U=e=>x.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),k=e=>q.includes(e),De=e=>W.includes(e),j=e=>V.includes(e),We=0,P=()=>`i${We++}`,z=(e,t)=>e.filter(r=>!x.und(r)&&!x.nul(r)).map(r=>c(r,t)).join(", "),R=(e,t)=>{if(!e||typeof e!="object")return"float";let{type:r,props:o}=e,{children:n=[]}=o,[i,a,f]=n;if(r==="node_type")return i;if(r==="operator"){let v=R(a,t),m=R(f,t);return v===m||v.includes("vec")?v:m.includes("vec")?m:"float"}return r==="math_fun"?["normalize","cross","reflect"].includes(i)?R(n[1],t):(["dot","distance","length"].includes(i),"float"):"float"},be=e=>!e.uniforms||e.uniforms.size===0?"":Array.from(e.uniforms).map((r,o)=>e.isWebGL?`uniform vec2 ${r};`:`@group(0) @binding(${o}) var<uniform> ${r}: vec2f;`).join(`
+`)+`
+`,Xe=(e,t,r=!0)=>r?`
+${t}
+#version 300 es
+precision mediump float;
+uniform vec2 iResolution;
+uniform vec2 iMouse;
+uniform float iTime;
+out vec4 fragColor;
+void main() {
+${e}
+}`.trim():`
+@group(0) @binding(0) var<uniform> iResolution: vec2f;
+@group(0) @binding(1) var<uniform> iMouse: vec2f;
+@group(0) @binding(2) var<uniform> iTime: f32;
+${t}
+@fragment
+fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
+${e}
+}`.trim(),G=(e,t)=>{let r=c(e,t),o=be(t);return Xe(r,o,t.isWebGL)},S=(e,t)=>{let r=c(e,t),o=be(t);return Xe(r,o,t.isWebGL)};var c=(e,t)=>{if(t||(t={}),t.uniforms||(t.uniforms=new Set),x.num(e))return e.toFixed(1);if(x.str(e))return e;if(!e)return"";let{type:r,props:o}=e,{id:n="",children:i=[]}=o,[a,f,v]=i;if(r==="uniform")return t.uniforms.add(n),t.onUniform?.(n,o.defaultValue),n;if(r==="variable")return n;if(r==="swizzle")return`${c(f,t)}.${c(a,t)}`;if(r==="node_type"){if(!x.str(a))return n;let m=!t.isWebGL&&a.startsWith("vec")?`${a}f`:a,X=z(i.slice(1),t);return`${m}(${X})`}if(r==="operator"){if(a==="not"||a==="bitNot")return`!${c(f,t)}`;let m=N[a];return`(${c(f,t)} ${m} ${c(v,t)})`}if(r==="math_fun")return`${a}(${z(i.slice(1),t)})`;if(r==="assign")return`${c(a,t)} = ${c(f,t)};`;if(r==="scope")return i.map(m=>c(m,t)).join(`
+`);if(r==="loop")return`for (int i = 0; i < ${a}; i++) {
+${c(f,t)}
+}`;if(r==="fn"){let m=c(a,t);return f&&(m+=`
+return ${c(f,t)};`),m}if(r==="if"){let m=`if (${c(a,t)}) {
+${c(f,t)}
+}`;for(let X=2;X<i.length;X+=2){let L=X>=i.length-1;m+=L?` else {
+${c(i[X],t)}
+}`:` else if (${c(i[X],t)}) {
+${c(i[X+1],t)}
+}`}return m}if(r==="declare"){let m=R(f,t),X=a?.props?.id;if(t.isWebGL)return`${m} ${X} = ${c(f,t)};`;let L=Y[m];return`var ${X}: ${L} = ${c(f,t)};`}return c(a,t)};var w=null,A=(e,t=()=>{})=>{let r=w;w=e,t(),w=r},B=e=>{w&&(w.props.children||(w.props.children=[]),w.props.children.push(e))},qe=(e,t)=>{let r=l("scope");A(r,t);let o=l("if",null,e,r);return B(o),{ElseIf:(n,i)=>{let a=l("scope");A(a,i),o.props.children.push(n,a)},Else:n=>{let i=l("scope");A(i,n),o.props.children.push(i)}}},Ve=(e,t)=>{let r=l("scope");A(r,()=>t?.({i:l("variable",{id:"i"})}));let o=l("loop",null,e,r);return B(o),o},Ye=e=>(...t)=>{let r,o=l("scope");return A(o,()=>r=e(t)),l("fn",null,o,r)},$=e=>t=>{t||(t=P());let r=l("variable",{id:t}),o=l("declare",null,r,e);return B(o),r},K=e=>t=>{let r=l("assign",null,e,t);return B(r),e};var ke=e=>t=>{if(t==="string")return c(e)},l=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=new Proxy(()=>{},{get(n,i){return i==="type"?e:i==="props"?t:i==="toVar"?$(o):i==="assign"?K(o):i==="isProxy"?!0:i==="toString"?c.bind(null,o):i===Symbol.toPrimitive?ke(o):U(i)?H(i,o):k(i)?(...a)=>ve(i,o,...a):j(i)?(...a)=>s(i,o,...a):$(o)("")},set(n,i,a){return U(i)?(H(i,o).assign(a),!0):!1}});return o},je=(...e)=>l("variable",{id:P()},...e),F=(e,t)=>l("uniform",{defaultValue:t},e),H=(e,t)=>l("swizzle",null,e,t),d=(e,...t)=>l("node_type",null,e,...t),ve=(e,...t)=>l("operator",null,e,...t),s=(e,...t)=>l("math_fun",null,e,...t);var Ke=F("iResolution",[1280,800]),He=F("iMouse",[0,0]),Ze=F("iTime",0),Qe=l("variable",{id:"fragCoord"}),Je=e=>d("float",e),et=e=>d("int",e),tt=e=>d("uint",e),rt=e=>d("bool",e),ot=(e,t)=>d("vec2",e,t),nt=(e,t,r)=>d("vec3",e,t,r),st=(e,t,r,o)=>d("vec4",e,t,r,o),it=(...e)=>d("mat2",...e),at=(...e)=>d("mat3",...e),ut=(...e)=>d("mat4",...e),ct=(e,t)=>d("ivec2",e,t),ft=(e,t,r)=>d("ivec3",e,t,r),pt=(e,t,r,o)=>d("ivec4",e,t,r,o),mt=(e,t)=>d("uvec2",e,t),lt=(e,t,r)=>d("uvec3",e,t,r),xt=(e,t,r,o)=>d("uvec4",e,t,r,o),dt=(e,t)=>d("bvec2",e,t),gt=(e,t,r)=>d("bvec3",e,t,r),bt=(e,t,r,o)=>d("bvec4",e,t,r,o),Xt=e=>s("abs",e),vt=e=>s("acos",e),yt=e=>s("all",e),ht=e=>s("any",e),Tt=e=>s("asin",e),Et=(e,t)=>s("atan",e,t),wt=(e,t)=>s("bitcast",e,t),Lt=e=>s("cbrt",e),Rt=e=>s("ceil",e),_t=(e,t,r)=>s("clamp",e,t,r),Pt=e=>s("cos",e),Gt=(e,t)=>s("cross",e,t),St=e=>s("dFdx",e),At=e=>s("dFdy",e),Ft=e=>s("degrees",e),Nt=(e,t)=>s("difference",e,t),Ut=(e,t)=>s("distance",e,t),zt=(e,t)=>s("dot",e,t),Bt=(e,t)=>s("equals",e,t),$t=e=>s("exp",e),It=e=>s("exp2",e),Ct=(e,t,r)=>s("faceforward",e,t,r),Mt=e=>s("floor",e),Ot=e=>s("fract",e),Dt=e=>s("fwidth",e),Wt=e=>s("inverseSqrt",e),qt=e=>s("length",e),Vt=e=>s("lengthSq",e),Yt=e=>s("log",e),kt=e=>s("log2",e),jt=(e,t)=>s("max",e,t),Kt=(e,t)=>s("min",e,t),Ht=(e,t,r)=>s("mix",e,t,r),Zt=e=>s("negate",e),Qt=e=>s("normalize",e),Jt=e=>s("oneMinus",e),er=(e,t)=>s("pow",e,t),tr=e=>s("pow2",e),rr=e=>s("pow3",e),or=e=>s("pow4",e),nr=e=>s("radians",e),sr=e=>s("reciprocal",e),ir=(e,t)=>s("reflect",e,t),ar=(e,t,r)=>s("refract",e,t,r),ur=e=>s("round",e),cr=e=>s("saturate",e),fr=e=>s("sign",e),pr=e=>s("sin",e),mr=(e,t,r)=>s("smoothstep",e,t,r),lr=e=>s("sqrt",e),xr=(e,t)=>s("step",e,t),dr=e=>s("tan",e),gr=(e,t)=>s("transformDirection",e,t),br=e=>s("trunc",e);var he=`
 #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);
 }
-`,ye=`
+`,Te=`
 #version 300 es
 precision mediump float;
 uniform vec2 iResolution;
@@ -24,25 +43,19 @@ 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);throw e.deleteShader(n),new Error(`Could not compile shader: ${o}`)},z=(e,t=be,r=ye)=>{i.obj(r)&&(r=C(r)),i.obj(t)&&(t=C(t));let n=e.createProgram();if(e.attachShader(n,he(e,t,e.VERTEX_SHADER)),e.attachShader(n,he(e,r,e.FRAGMENT_SHADER)),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let o=e.getProgramInfoLog(n);throw e.deleteProgram(n),new Error(`Could not link pg: ${o}`)},O=(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},W=(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},D=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},q=(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)},V=(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 j=async e=>{let t=e.el.getContext("webgl2"),r=z(t,e.vs,e.fs),n={context:t,program:r};t.useProgram(r);let o=0,a=(0,G.nested)(h=>t.getUniformLocation(r,h)),u=(0,G.nested)(h=>t.getAttribLocation(r,h)),p=(0,G.nested)(()=>o++);return{webgl:n,render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(h="",b,y)=>{let T=u(h,!0),l=O(t,b),f=W(t,y),c=D(e.count,b,y);q(t,c,T,l,f)},_uniform:(h,b)=>{let y=a(h);if(i.num(b))return t.uniform1f(y,b);let T=b.length;if(T<=4)return t[`uniform${T}fv`](y,b);T=Math.sqrt(T)<<0,t[`uniformMatrix${T}fv`](y,!1,b)},_texture:(h,b)=>{let y=new Image;Object.assign(y,{src:b,crossOrigin:"anonymous"}),y.decode().then(()=>{let T=a(h),l=p(h);V(t,y,T,l)})}}};var _=require("reev");var xe=(e,t)=>{let r={target:"webgpu",nodes:new Map,variables:new Map,functions:new Map,...t};return N(e,r)},N=(e,t)=>e?e.value!==void 0?ke(e.value,e.type):e.property&&e.parent?`${N(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?He(e,t):e.mathFunction&&e.children&&e.children.length>=1?Ye(e,t):"0.0":"0.0",ke=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2<f32>(${r})`;if(t==="vec3")return`vec3<f32>(${r})`;if(t==="vec4")return`vec4<f32>(${r})`;if(t==="color")return`vec3<f32>(${r})`}return"0.0"},He=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=N(e.children[0],t),n=N(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`(${r} % ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},Ye=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(p=>N(p,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},R=(e,t)=>{let r="";t?.uniforms&&(Object.entries(t.uniforms).forEach(([o,a])=>{let u=Ke(a);r+=`@group(0) @binding(0) var<uniform> ${o}: ${u};
-`}),r+=`
-`),r+=`@fragment
-`,r+=`fn main() -> @location(0) vec4<f32> {
-`;let n=xe(e);return r+=`    return ${n};
-`,r+=`}
-`,r},Ke=e=>{if(i.num(e))return"f32";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2<f32>";if(t===3)return"vec3<f32>";if(t===4)return"vec4<f32>"}return"f32"};var Ze=`
+`,ye=(e,t,r)=>{let o=e.createShader(r);if(!o)throw new Error("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let n=e.getShaderInfoLog(o);e.deleteShader(o),console.warn(`Could not compile shader: ${n}`)},Z=(e,t=he,r=Te)=>{x.str(r)||(r=G(r,{isWebGL:!0})),x.str(t)||(t=S(r,{isWebGL:!0}));let o=e.createProgram(),n=ye(e,t,e.VERTEX_SHADER),i=ye(e,r,e.FRAGMENT_SHADER);if(!n||!i)return;if(e.attachShader(o,n),e.attachShader(o,i),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let a=e.getProgramInfoLog(o);e.deleteProgram(o),console.warn(`Could not link pg: ${a}`)},Q=(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},J=(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 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)},re=(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 oe=async e=>{let t=e.el.getContext("webgl2"),r=Z(t,e.vs,e.fs),o={context:t,program:r};t.useProgram(r);let n=0,i=(0,I.nested)(y=>t.getUniformLocation(r,y)),a=(0,I.nested)(y=>t.getAttribLocation(r,y)),f=(0,I.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:(y="",h,T)=>{let E=a(y,!0),b=Q(t,h),u=J(t,T),p=ee(e.count,h,T);te(t,p,E,b,u)},_uniform:(y,h)=>{let T=i(y);if(x.num(h))return t.uniform1f(T,h);let E=h.length;if(E<=4)return t[`uniform${E}fv`](T,h);E=Math.sqrt(E)<<0,t[`uniformMatrix${E}fv`](T,!1,h)},_texture:(y,h)=>{let T=new Image;Object.assign(T,{src:h,crossOrigin:"anonymous"}),T.decode().then(()=>{let E=i(y),b=f(y);re(t,T,E,b)})}}};var C=require("reev");var Xr=`
 @vertex
 fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
   let x = f32(vertex_index % 2u) * 4.0 - 1.0;
   let y = f32(vertex_index / 2u) * 4.0 - 1.0;
   return vec4f(x, y, 0.0, 1.0);
 }
-`,Qe=`
+`,vr=`
 @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);
 }
-`,k=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}},H=(e,t,r,n,o=Ze,a=Qe)=>{i.obj(a)&&(a=R(a)),i.obj(o)&&(o=R(o));let u=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:a.trim()}),entryPoint:"main",targets:[{format:t}]},layout:u,primitive:{topology:"triangle-list"}})},Y=(e,t)=>{let r=[],n=[];t.forEach((u,p)=>{if(!u)return;let x="buffer"in u,E=u instanceof GPUTextureView,d=u instanceof GPUSampler;if(x)r.push({binding:p,visibility:3,buffer:{type:"uniform"}});else if(E)r.push({binding:p,visibility:2,texture:{}});else if(d)r.push({binding:p,visibility:2,sampler:{}});else return;n.push({binding:p,resource:u})});let o=e.createBindGroupLayout({entries:r}),a=e.createBindGroup({layout:o,entries:n});return{layout:o,bindGroup:a}},K=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),Te=e=>Math.ceil(e/256)*256,Z=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},Q=(e,t)=>{let r=new Float32Array(t),n=Te(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},J=(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}},Je=(e,t)=>e/t,et=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",ee=(e,t,r=6)=>{let n=Je(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:et(n)}]}};var te=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await k(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},a=[],u=[],p=[],x=(0,_.nested)((l,f)=>{let{array:c,buffer:m}=Z(r,f);return u.push(m),p.push(ee(p.length,c.length,e.count)),o.needsUpdate=!0,{array:c,buffer:m}}),E=(0,_.nested)((l,f)=>{let{array:c,buffer:m}=Q(r,f);return o.resources[0].push({buffer:m}),o.needsUpdate=!0,{array:c,buffer:m}}),d=(0,_.nested)((l,{width:f,height:c})=>{let{texture:m,sampler:B}=J(r,f,c);return o.resources[1].push(B,m.createView()),o.needsUpdate=!0,{texture:m,width:f,height:c}}),g=()=>{let l=[];a.length=0,o.resources.forEach(f=>{if(!f.length)return;let{layout:c,bindGroup:m}=Y(r,f);l.push(c),a.push(m)}),o.pipeline=H(r,n,p,l,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&g(),o.needsUpdate=!1;let l=r.createCommandEncoder(),f=l.beginRenderPass(K(t));f.setPipeline(o.pipeline),a.forEach((c,m)=>f.setBindGroup(m,c)),u.forEach((c,m)=>f.setVertexBuffer(m,c)),f.draw(e.count,1,0,0),f.end(),r.queue.submit([l.finish()])},clean:()=>{},_attribute:(l="",f)=>{let{array:c,buffer:m}=x(l,f);r.queue.writeBuffer(m,0,c)},_uniform:(l,f)=>{i.num(f)&&(f=[f]);let{array:c,buffer:m}=E(l,f);c.set(f),r.queue.writeBuffer(m,0,c)},_texture:(l,f)=>{o.loadingImg++;let c=Object.assign(new Image,{src:f,crossOrigin:"anonymous"});c.decode().then(()=>{let{texture:m,width:B,height:Re}=d(l,c);r.queue.copyExternalImageToTexture({source:c},{texture:m},{width:B,height:Re}),o.loadingImg--})}}};var tt=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],re=["x","y","z","w","r","g","b","a","s","t","p","q"],ne=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],oe=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],ie=[!0,!1],ae=[0,1,2,3,4,5],se=[0,1,.5,2];var ue=new Map,fe=new Map,ce=new Map,rt=()=>{ie.forEach(e=>{ue.set(e,s("bool",e))}),ae.forEach(e=>{fe.set(e,s("int",e))}),se.forEach(e=>{ce.set(e,s("float",e))})},U=e=>(ue.has(e)||rt(),ue.get(e)||s("bool",e)),X=e=>fe.has(e)?fe.get(e):s("int",e),A=e=>ce.has(e)?ce.get(e):s("float",e),nt=e=>{let t=new Map,r=new Map;return e.forEach(n=>{let o=ot(n);r.has(o)?(t.has(o)||t.set(o,[r.get(o)]),t.get(o).push(n)):r.set(o,n)}),t},ot=e=>[e.type,`${e.value}`,e.property||""].join("|");var it=e=>i.bol(e)?U(e):i.num(e)?i.int(e)?X(e):A(e):i.arr(e)?ve(e):i.obj(e)?at(e):s("float",0),ve=e=>{let t=e.length;return t===2?s("vec2",e):t===3?s("vec3",e):t===4?s("vec4",e):t===9?s("mat3",e):t===16?s("mat4",e):s("float",e[0])},at=e=>{if("r"in e&&"g"in e&&"b"in e){let t=[e.r,e.g,e.b];return"a"in e&&t.push(e.a),s("color",t)}if("x"in e&&"y"in e){let t=[e.x,e.y];return"z"in e&&t.push(e.z),"w"in e&&t.push(e.w),ve(t)}return s("float",0)},P=e=>i.num(e)?A(e):s("float",Number(e)),st=e=>i.num(e)&&Number.isInteger(e)?X(e):s("int",Math.floor(Number(e))),ut=e=>U(!!e),ft=(e,t)=>i.und(e)?s("vec2",[0,0]):i.und(t)?i.arr(e)?s("vec2",e.slice(0,2)):i.obj(e)&&"x"in e&&"y"in e?s("vec2",[e.x,e.y]):s("vec2",[Number(e),Number(e)]):s("vec2",[Number(e),Number(t)]),Ee=(e,t,r)=>i.und(e)?s("vec3",[0,0,0]):i.und(t)?i.arr(e)?s("vec3",e.slice(0,3)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e?s("vec3",[e.x,e.y,e.z]):s("vec3",[Number(e),Number(e),Number(e)]):r===void 0?s("vec3",[Number(e),Number(t),0]):s("vec3",[Number(e),Number(t),Number(r)]),ct=(e,t,r,n)=>i.und(e)?s("vec4",[0,0,0,1]):i.und(t)?i.arr(e)?s("vec4",e.slice(0,4)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?s("vec4",[e.x,e.y,e.z,e.w]):s("vec4",[Number(e),Number(e),Number(e),1]):s("vec4",[Number(e),Number(t),Number(r),Number(n)]),pt=(e,t,r)=>{if(e===void 0)return s("color",[1,1,1]);if(i.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return s("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return i.num(e)&&t===void 0&&r===void 0?s("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):Ee(e,t,r)};var mt=0,lt=()=>`node_${++mt}`,S=(e,t,r)=>({id:lt(),type:e,value:t,children:[],...r}),dt=(e="")=>re.includes(e),gt=(e="")=>ne.includes(e),ht=(e="")=>oe.includes(e),F=(e,t)=>{let r=(o,a)=>{if(!(!i.str(a)||a==="then"))return a==="id"?e.id:a==="type"?e.type:a==="value"?e.value:a==="property"?e.property:dt(a)?F(S(bt(a),void 0,{parent:e,property:a}),t):gt(a)?(...u)=>F(S(e.type,void 0,{operator:a,children:[e,...u]}),t):ht(a)?(...u)=>F(S(yt(a,e.type),void 0,{mathFunction:a,children:[e,...u]}),t):t?.({path:[a],args:[]})},n=(o,a,u)=>t?.({path:[],args:u});return new Proxy(()=>{},{get:r,apply:n})},bt=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",yt=(e,t)=>e==="length"?"float":t,s=(e,t,r)=>{let n=S(e,t,r);return F(n)};var xt=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4";if(t===9)return"mat3";if(t===16)return"mat4"}return i.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},v=e=>{let t=xt(e),r=e,n=null,o=null,a=s(t,r),u=g=>{r=g,a.value=g},p=g=>(n=g,d),x=g=>(o=g,d),E=g=>{if(n){let w=n(g);w!==void 0&&u(w)}if(o){let w=o(g);w!==void 0&&u(w)}},d=Object.create(a);return d.set=u,d.onObjectUpdate=p,d.onRenderUpdate=x,d._updateFromContext=E,d.isUniform=!0,d},we=v(0),$e=v(0),Le=v(0),br=v([1920,1080]),yr=v([0,0]),Tt=e=>{if(e.time!==void 0){let t=we.value||0;we.set(e.time),$e.set(t),Le.set(e.time-t)}};var vt=e=>{let t=(...r)=>{let n=r.map(a=>i.obj(a)&&"type"in a&&a.type?a:P(a));return e(n)||P(0)};return t.call=r=>e(r),t},Et=(e,t)=>{t();let r={ElseIf(n,o){return o(),r},Else(n){n()}};return r},wt=s("vec4",void 0),$t=s("vec4",void 0),Lt=v(0),Nt=v([1920,1080]),St=v([0,0]),Ct=e=>e.abs(),Gt=e=>e.sin(),Rt=e=>e.cos(),_t=e=>e.tan(),Ut=e=>e.sqrt(),Xt=e=>e.floor(),At=e=>e.ceil(),Pt=e=>e.fract(),Ft=e=>e.normalize(),Mt=e=>e.length();var me=e=>i.obj(e)?"isGL"in e:!1,Ne=()=>typeof window>"u",Se=()=>Ne()?!1:"gpu"in navigator,pe=performance.now(),le=e=>{let t=(0,$.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=(0,M.createQueue)(),t.frame=(0,M.createFrame)(),t.attribute=(0,$.durable)((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=(0,$.durable)((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=(0,$.durable)((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:pe}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,Se()||(t.isWebGL=!0),t.isWebGL?t(await j(t)):t(await te(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[a,u]=t.size,{top:p,left:x}=t.el.getBoundingClientRect();t.mouse[0]=(n-p-a/2)/(a/2),t.mouse[1]=-(o-x-u/2)/(u/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{pe=performance.now()/1e3,t.uniform("iTime",pe)}),t(e)};var Bt=(e={})=>(0,Ce.useState)(()=>{let t=me(e)?e:le(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount();let n=()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()};n(),Ge.Dimensions.addEventListener("change",n)},t({isNative:!0})})[0];0&&(module.exports={CACHE_BOOLS,CACHE_FLOATS,CACHE_INTS,FUNCTIONS,Fn,If,OPERATORS,SWIZZLES,TYPES,abs,alignTo256,bool,ceil,color,convertToNode,cos,createAttrib,createBindGroup,createBufferLayout,createDescriptor,createDevive,createGL,createIbo,createNode,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffer,defaultFragmentGLSL,defaultVertexGLSL,dig,each,ext,fig,findDuplicateNodes,float,floor,flush,fract,fragCoord,getCachedBool,getCachedFloat,getCachedInt,getStride,glsl,iDeltaTime,iMouse,iPrevTime,iResolution,iTime,int,is,isGL,isServer,isWebGPUSupported,length,node,nodeToGLSL,nodeToWGSL,normalize,position,replace,sig,sin,sqrt,tan,uniform,updateUniforms,useGL,vec2,vec3,vec4,webgl,webgpu,wgsl});
+`,ne=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}},se=(e,t,r,o,n=Xr,i=vr)=>{x.str(i)||(i=G(i,{isWebGL:!1})),x.str(n)||(n=S(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:i.trim()}),entryPoint:"main",targets:[{format:t}]},layout:a,primitive:{topology:"triangle-list"}})},ie=(e,t)=>{let r=[],o=[];t.forEach((a,f)=>{if(!a)return;let v="buffer"in a,m=a instanceof GPUTextureView,X=a instanceof GPUSampler;if(v)r.push({binding:f,visibility:3,buffer:{type:"uniform"}});else if(m)r.push({binding:f,visibility:2,texture:{}});else if(X)r.push({binding:f,visibility:2,sampler:{}});else return;o.push({binding:f,resource:a})});let n=e.createBindGroupLayout({entries:r}),i=e.createBindGroup({layout:n,entries:o});return{layout:n,bindGroup:i}},ae=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),Ee=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}},ce=(e,t)=>{let r=new Float32Array(t),o=Ee(r.byteLength),n=e.createBuffer({size:o,usage:72});return{array:r,buffer:n}},fe=(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}},yr=(e,t)=>e/t,hr=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",pe=(e,t,r=6)=>{let o=yr(t,r);return{arrayStride:o*4,attributes:[{shaderLocation:e,offset:0,format:hr(o)}]}};var me=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await ne(t),n={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},i=[],a=[],f=[],v=(0,C.nested)((b,u)=>{let{array:p,buffer:g}=ue(r,u);return a.push(g),f.push(pe(f.length,p.length,e.count)),n.needsUpdate=!0,{array:p,buffer:g}}),m=(0,C.nested)((b,u)=>{let{array:p,buffer:g}=ce(r,u);return n.resources[0].push({buffer:g}),n.needsUpdate=!0,{array:p,buffer:g}}),X=(0,C.nested)((b,{width:u,height:p})=>{let{texture:g,sampler:O}=fe(r,u,p);return n.resources[1].push(O,g.createView()),n.needsUpdate=!0,{texture:g,width:u,height:p}}),L=()=>{let b=[];i.length=0,n.resources.forEach(u=>{if(!u.length)return;let{layout:p,bindGroup:g}=ie(r,u);b.push(p),i.push(g)}),n.pipeline=se(r,o,f,b,e.vs,e.fs)};return{webgpu:n,render:()=>{if(n.loadingImg)return;n.needsUpdate&&L(),n.needsUpdate=!1;let b=r.createCommandEncoder(),u=b.beginRenderPass(ae(t));u.setPipeline(n.pipeline),i.forEach((p,g)=>u.setBindGroup(g,p)),a.forEach((p,g)=>u.setVertexBuffer(g,p)),u.draw(e.count,1,0,0),u.end(),r.queue.submit([b.finish()])},clean:()=>{},_attribute:(b="",u)=>{let{array:p,buffer:g}=v(b,u);r.queue.writeBuffer(g,0,p)},_uniform:(b,u)=>{x.num(u)&&(u=[u]);let{array:p,buffer:g}=m(b,u);p.set(u),r.queue.writeBuffer(g,0,p)},_texture:(b,u)=>{n.loadingImg++;let p=Object.assign(new Image,{src:u,crossOrigin:"anonymous"});p.decode().then(()=>{let{texture:g,width:O,height:Pe}=X(b,p);r.queue.copyExternalImageToTexture({source:p},{texture:g},{width:O,height:Pe}),n.loadingImg--})}}};var xe=e=>x.obj(e)?"isGL"in e:!1,we=()=>typeof window>"u",Le=()=>we()?!1:"gpu"in navigator,le=performance.now(),de=e=>{let t=(0,_.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=(0,M.createQueue)(),t.frame=(0,M.createFrame)(),t.attribute=(0,_.durable)((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n))),t.texture=(0,_.durable)((r,o)=>t.queue(()=>t._texture?.(r,o))),t.uniform=(0,_.durable)((r,o,n)=>t.queue(()=>t._uniform?.(r,o,n))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:le}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,Le()||(t.isWebGL=!0),t.isWebGL?t(await oe(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,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[i,a]=t.size,{top:f,left:v}=t.el.getBoundingClientRect();t.mouse[0]=(o-f-i/2)/(i/2),t.mouse[1]=-(n-v-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{le=performance.now()/1e3,t.uniform("iTime",le)}),t(e)};var Tr=(e={})=>(0,Re.useState)(()=>{let t=xe(e)?e:de(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];0&&(module.exports={FUNCTIONS,Fn,If,Loop,NODE_TYPES,OPERATORS,OPERATOR_KEYS,SWIZZLES,TYPE_MAPPING,abs,acos,alignTo256,all,any,asin,assign,atan,bitcast,bool,bvec2,bvec3,bvec4,cbrt,ceil,clamp,code,cos,createAttrib,createBindGroup,createBufferLayout,createDescriptor,createDevice,createGL,createIbo,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffer,cross,dFdx,dFdy,defaultFragmentGLSL,defaultVertexGLSL,degrees,difference,dig,distance,dot,each,equals,exp,exp2,ext,f,faceforward,fig,float,floor,flush,fract,fragCoord,fragment,fwidth,getId,getStride,iMouse,iResolution,iTime,inferType,int,inverseSqrt,is,isFunction,isGL,isNodeType,isOperator,isServer,isSwizzle,isWebGPUSupported,ivec2,ivec3,ivec4,joins,length,lengthSq,log,log2,mat2,mat3,mat4,max,min,mix,n,negate,node,normalize,o,oneMinus,pow,pow2,pow3,pow4,radians,reciprocal,reflect,refract,replace,round,s,saturate,sig,sign,sin,smoothstep,sqrt,step,tan,toVar,transformDirection,trunc,u,uint,useGL,uvec2,uvec3,uvec4,v,vec2,vec3,vec4,vertex,webgl,webgpu});
 //# sourceMappingURL=native.js.map