glre 0.34.0 → 0.35.0

package/README.md

@@ -114,15 +114,13 @@ npm install glre
 
 ```ts
 import { createRoot } from 'react-dom/client'
-import { useGL, vec4, fract, position, iResolution } from 'glre/react'
-const frag = vec4(fract(position.xy.div(iResolution)), 0, 1)
-
-const App = () => {
-        const gl = useGL({ frag })
+import { useGL, vec4, uv } from 'glre/react'
+const Canvas = () => {
+        const gl = useGL({ frag: vec4(uv, 0, 1) })
         return <canvas ref={gl.ref} />
 }
 
-createRoot(document.getElementById('root')).render(<App />)
+createRoot(document.getElementById('root')).render(<Canvas />)
 ```
 
 <details>
@@ -135,15 +133,13 @@ react-native supported ([codesandbox demo](https://codesandbox.io/p/sandbox/glre
 ```ts
 import { GLView } from 'expo-gl'
 import { registerRootComponent } from 'expo'
-import { useGL, vec4, fract, position, iResolution } from 'glre/native'
-const frag = vec4(fract(position.xy.div(iResolution)), 0, 1)
-
-const App = () => {
-        const gl = useGL({ frag })
+import { useGL, vec4, uv } from 'glre/native'
+const Canvas = () => {
+        const gl = useGL({ frag: vec4(uv, 0, 1) })
         return <GLView style={{ flex: 1 }} onContextCreate={gl.ref} />
 }
 
-registerRootComponent(App)
+registerRootComponent(Canvas)
 ```
 
 </details>
@@ -156,15 +152,13 @@ solid js supported ([codesandbox demo](https://codesandbox.io/p/sandbox/glre-sol
 
 ```ts
 import { render } from 'solid-js/web'
-import { onGL, vec4, fract, position, iResolution } from 'glre/solid'
-const frag = c4(fract(position.xy.div(iResolution)), 0, 1)
-
-const App = () => {
-        const gl = onGL({ frag })
+import { onGL, vec4, uv } from 'glre/solid'
+const Canvas = () => {
+        const gl = onGL({ frag: vec4(uv, 0, 1) })
         return <canvas ref={gl.ref} />
 }
 
-render(() => <App />, document.getElementById('root'))
+render(() => <Canvas />, document.getElementById('root'))
 ```
 
 </details>
@@ -176,16 +170,11 @@ esm supported ([codesandbox demo](https://codesandbox.io/s/glre-basic-demo3-3bhr
 </summary>
 
 ```html
+<canvas id="canvas"></canvas>
 <script type="module">
-        import createGL from 'https://esm.sh/glre'
-        import { vec4, fract, position, iResolution } from 'https://esm.sh/glre'
-        const frag = vec4(fract(position.xy.div(iResolution)), 0, 1)
-        function App() {
-                const el = document.createElement('canvas')
-                createGL({ el, frag }).mount()
-                document.body.append(el)
-        }
-        document.addEventListener('DOMContentLoaded', App)
+        import { createGL, vec4, uv } from 'https://esm.sh/glre'
+        const el = document.getElementById('canvas')
+        createGL({ el, fs: vec4(uv, 0, 1) }).mount()
 </script>
 ```
 
@@ -195,113 +184,122 @@ esm supported ([codesandbox demo](https://codesandbox.io/s/glre-basic-demo3-3bhr
 
 ## Node System
 
-glre now features a powerful node-based shader system inspired by Three.js Shading Language (TSL). This system allows you to write shaders using TypeScript-like syntax and automatically handles the conversion to both WebGL2 and WebGPU shaders.
-
-The node system provides a declarative approach to shader creation, making your code more readable, maintainable, and portable across different rendering backends.
-
-### Node Types and Functions
-
-The node system provides various types and functions that mirror GLSL functionality:
+glre's node system reconstructs shader authoring through TypeScript syntax,
+dissolving the boundary between CPU logic and GPU computation.
+Rather than traditional string-based shader composition,
+this system materializes shaders as abstract syntax trees,
+enabling unprecedented code mobility across WebGL2 and WebGPU architectures.
 
 ```ts
-// Basic types
-import { float, int, vec2, vec3, vec4, mat3, mat4 } from 'glre'
+// Shader logic materializes through method chaining
+const fragment = vec4(fract(position.xy.div(iResolution)), 0, 1)
+        .mul(uniform(brightness))
+        .mix(texture(backgroundMap, uv()), blend)
+```
+
+The system operates through proxy objects that capture mathematical operations
+as node graphs, later transpiled to target shader languages.
+This deconstructed approach eliminates the traditional separation
+between shader compilation and runtime execution.
 
-// Built-in variables
-import { position, position, iResolution, iTime } from 'glre'
+### Type System Deconstruction
 
-// Math functions
-import { sin, cos, abs, pow, mix, clamp, normalize } from 'glre'
+Traditional shader types dissolve into factory functions that generate node proxies:
 
-// Texture functions
-import { texture, textureCube, sampler2D } from 'glre'
+```ts
+// Types emerge from function calls rather than declarations
+const position = vec3(x, y, z) // Becomes position node
+const transform = mat4().mul(modelView) // Matrix composition
+const sampled = texture(map, uv()) // Sampling operation
 ```
 
-### Creating Custom Functions
+Each operation generates immutable node structures,
+building computation graphs that exist independently of their eventual compilation target.
 
-You can define reusable shader functions using the `Fn` constructor:
+### Function Composition Reimagined
 
-```ts
-import { Fn, vec3, sin, cos, float } from 'glre'
+The `Fn` constructor dissolves function boundaries, creating reusable computation patterns:
 
-// Define a function that creates a rotation matrix
-const rotateY = Fn(([angle = float(0)]) => {
-        const s = sin(angle)
-        const c = cos(angle)
-        return mat3(c, 0, s, 0, 1, 0, -s, 0, c)
+```ts
+// Functions exist as first-class node compositions
+const noise = Fn(([coord]) => {
+        return sin(coord.x.mul(12.9898))
+                .add(sin(coord.y.mul(78.233)))
+                .mul(43758.5453)
+                .fract()
 })
 
-// Use the function in your shader
-const rotatedPosition = rotateY(iTime).mul(position)
+// Composition becomes transparent
+const surface = noise(position.xz.mul(scale)).mix(noise(position.xz.mul(scale.mul(2))), 0.5)
 ```
 
-### Conditional Logic
+### Control Flow Dissolution
 
-The node system supports conditional operations:
+Traditional control structures become node compositions, eliminating imperative sequence:
 
 ```ts
-import { If, vec4, lessThan } from 'glre'
-
-// Create a conditional color output
-const color = vec4(1, 0, 0, 1).toVar()
-
-If(position.y.lessThan(0.5), () => {
-        color.assign(vec4(0, 1, 0, 1))
+// Conditional logic as expression trees
+If(height.greaterThan(waterLevel), () => {
+        return grassTexture.sample(worldUV)
+}).Else(() => {
+        return waterTexture.sample(worldUV.add(wave))
 })
 
-// Use the color in your shader
-const fragment = color
+// Loops decompose into iteration patterns
+Loop(samples, ({ i }) => {
+        accumulator.assign(accumulator.add(sample(position.add(offsets.element(i)))))
+})
 ```
 
-### Uniforms
+### Reactive Uniform Architecture
 
-The node system provides a powerful way to define and manage uniform values in your shaders:
+Uniforms transcend static parameter passing, becoming reactive data channels:
 
 ```ts
-import { createRoot } from 'react-dom/client'
-import { useGL } from 'glre/react'
-import { uniform, vec3, vec4 } from 'glre'
-
-const uRand = uniform(1.0)
-
-// Create a simple pulsing color shader
-const App = () => {
-        const gl = useGL({
-                fragment: vec4(vec3(uRand), 1.0),
-                loop() {
-                        pulse.set(0.5 + 0.5 * Math.random())
-                },
-        })
-        return <canvas ref={gl.ref} />
-}
+const time = uniform(0) // Creates reactive binding
+const amplitude = uniform(1) // Automatic GPU synchronization
+
+// Values flow reactively without explicit updates
+const wave = sin(time.mul(frequency)).mul(amplitude)
 
-createRoot(document.getElementById('root')).render(<App />)
+// Runtime updates propagate automatically
+time.value = performance.now() / 1000
 ```
 
-### Attributes
+### Attribute Data Streams
 
-Attributes allow you to define per-vertex data for your shaders:
+Vertex attributes dissolve into data stream abstractions:
 
 ```ts
-import { createRoot } from 'react-dom/client'
-import { useGL } from 'glre/react'
-import { attribute, vec3, vec4 } from 'glre'
+// Attributes become typed data channels
+const positions = attribute(vertexData) // Raw data binding
+const normals = attribute(normalData) // Parallel stream
+const uvs = attribute(textureCoords) // Coordinate mapping
+
+// Streams compose transparently
+const worldPosition = positions.transform(modelMatrix)
+const viewNormal = normals.transform(normalMatrix)
+```
 
-// Define vertex positions
-const positions = attribute(-1.0, -1.0, 0.0, 1.0, -1.0, 0.0, -1.0, 1.0, 0.0, 1.0, 1.0, 0.0)
+### Cross-Platform Transparency
 
-// Create a shader that uses attributes
-const App = () => {
-        const gl = useGL({ vertex: positions })
-        return <canvas ref={gl.ref} />
+The system dissolves platform-specific shader languages into unified abstractions.
+WebGL2 GLSL and WebGPU WGSL become implementation details, hidden beneath consistent node operations.
+
+```ts
+// Same code generates different targets
+const shader = {
+        vertex: worldPosition.transform(projectionMatrix),
+        fragment: lighting(worldNormal, worldPosition),
 }
 
-createRoot(document.getElementById('root')).render(<App />)
+// Backend selection becomes transparent
+// WebGL2: Generates GLSL ES 3.0
+// WebGPU: Generates WGSL
 ```
 
-### WebGL2 and WebGPU Support
-
-The node system is designed to work with both WebGL2 and WebGPU, providing a seamless transition path as browsers adopt the new standard. Your shader code written with the node system will automatically compile to the appropriate shading language (GLSL ES 3.0 for WebGL2, WGSL for WebGPU) based on the available renderer.
+This architectural dissolution enables shader code to exist as pure mathematical relationships,
+freed from the constraints of traditional GPU programming models.
 
 ## PRs
 

package/dist/index.cjs

@@ -1,40 +1,38 @@
-"use strict";var ae=Object.defineProperty;var Xt=Object.getOwnPropertyDescriptor;var _t=Object.getOwnPropertyNames;var Pt=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var r in t)ae(e,r,{get:t[r],enumerable:!0})},wt=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of _t(t))!Pt.call(e,n)&&n!==r&&ae(e,n,{get:()=>t[n],enumerable:!(o=Xt(t,n))||o.enumerable});return e};var Nt=e=>wt(ae({},"__esModule",{value:!0}),e);var Hn={};Et(Hn,{Fn:()=>kt,If:()=>Wt,Loop:()=>Vt,Return:()=>Tt,Switch:()=>zt,abs:()=>Vr,acos:()=>Jr,acosh:()=>sn,addDependency:()=>z,all:()=>Dr,any:()=>Mr,asin:()=>Qr,asinh:()=>on,assign:()=>Pe,atan:()=>en,atan2:()=>Sn,atanh:()=>an,attribute:()=>Yt,bitcast:()=>Un,bool:()=>xr,builtin:()=>y,bvec2:()=>_r,bvec3:()=>Pr,bvec4:()=>Er,cbrt:()=>An,ceil:()=>qr,clamp:()=>$n,code:()=>c,color:()=>$r,constant:()=>Ht,conversion:()=>T,conversionToConstant:()=>he,cos:()=>Kr,cosh:()=>rn,createAttrib:()=>Ie,createAttribBuffer:()=>ze,createBindGroup:()=>Me,createBindings:()=>Be,createDepthTexture:()=>Ye,createDescriptor:()=>ke,createDevice:()=>Ae,createGL:()=>Ct,createIbo:()=>Re,createPipeline:()=>We,createProgram:()=>Le,createTexture:()=>Fe,createTextureSampler:()=>qe,createUniformBuffer:()=>Ve,createVbo:()=>Se,createVertexBuffers:()=>De,cross:()=>Wr,cubeTexture:()=>Or,dFdx:()=>vn,dFdy:()=>hn,default:()=>Yn,degrees:()=>Cn,difference:()=>Bn,dig:()=>Rt,distance:()=>Ar,dot:()=>Br,each:()=>Ke,equals:()=>Dn,exp:()=>un,exp2:()=>pn,ext:()=>Lt,faceforward:()=>Mn,fig:()=>St,float:()=>H,floor:()=>kr,flush:()=>$t,formatConversions:()=>w,fract:()=>Ge,fragDepth:()=>tr,fragment:()=>Y,frontFacing:()=>er,function_:()=>u,fwidth:()=>yn,getBluiltin:()=>ve,getEventFun:()=>K,getId:()=>E,getOperator:()=>be,getStride:()=>Oe,hex2rgb:()=>ge,iMouse:()=>Gr,iResolution:()=>te,iTime:()=>Lr,initNodeContext:()=>ye,instanceIndex:()=>Jt,int:()=>A,inverseSqrt:()=>ln,is:()=>d,isConstants:()=>j,isConversion:()=>Te,isFunction:()=>me,isGL:()=>zn,isNodeProxy:()=>V,isOperator:()=>xe,isServer:()=>ht,isSwizzle:()=>le,isWebGPUSupported:()=>yt,ivec2:()=>br,ivec3:()=>vr,ivec4:()=>hr,length:()=>Fr,lengthSq:()=>Ur,log:()=>cn,log2:()=>fn,mat2:()=>mr,mat3:()=>Tr,mat4:()=>gr,max:()=>wn,member:()=>Ee,min:()=>En,mix:()=>Nn,negate:()=>gn,node:()=>x,normalLocal:()=>ur,normalView:()=>cr,normalWorld:()=>pr,normalize:()=>xn,oneMinus:()=>mn,operator:()=>gt,pointCoord:()=>or,position:()=>Q,positionLocal:()=>sr,positionView:()=>ar,positionWorld:()=>ir,pow:()=>Rn,pow2:()=>On,pow3:()=>In,pow4:()=>Fn,radians:()=>Xn,reciprocal:()=>bn,reflect:()=>_n,refract:()=>Pn,replace:()=>Gt,round:()=>Yr,safeEventCall:()=>Z,sampleIndex:()=>rr,sampleMask:()=>nr,sampler2D:()=>Nr,saturate:()=>Tn,screenCoordinate:()=>fr,screenUV:()=>dr,select:()=>Zt,sig:()=>Ot,sign:()=>zr,sin:()=>jr,sinh:()=>tn,smoothstep:()=>Ln,sortHeadersByDependencies:()=>Ce,sqrt:()=>dn,step:()=>Gn,struct:()=>Mt,tan:()=>Zr,tanh:()=>nn,texture:()=>Rr,texture2D:()=>wr,textureSize:()=>Ir,toVar:()=>_e,transformDirection:()=>Wn,trunc:()=>Hr,uint:()=>lr,uniform:()=>k,uv:()=>Sr,uvec2:()=>yr,uvec3:()=>Cr,uvec4:()=>Xr,variable:()=>jt,vec2:()=>$e,vec3:()=>Ne,vec4:()=>ee,vertex:()=>q,vertexIndex:()=>J,vertexStage:()=>Kt,webgl:()=>Ue,webgpu:()=>He});module.exports=Nt(Hn);var B=require("reev"),oe=require("refr");var re=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)},Ke=(e,t)=>e.forEach(t),$t=(e,...t)=>{Ke(e,r=>r(...t))},Gt=(e="",t="_",r="/")=>e.split(t).join(r),Lt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",St=(e=0)=>`${e}`.split(".")[1]?.length??0,Rt=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Ot=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var ue={bool:"bool",uint:"u32",int:"i32",float:"f32",bvec2:"vec2<bool>",ivec2:"vec2i",uvec2:"vec2u",vec2:"vec2f",bvec3:"vec3<bool>",ivec3:"vec3i",uvec3:"vec3u",vec3:"vec3f",bvec4:"vec4<bool>",ivec4:"vec4i",uvec4:"vec4u",vec4:"vec4f",color:"color",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",texture:"texture_2d<f32>",sampler2D:"sampler",struct:"struct"},pe=Object.keys(ue),ce=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],fe={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Ze=Object.keys(fe),Qe=["dot","distance","length","lengthSq","determinant","luminance","all","any","abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","sinh","cosh","tanh","asinh","acosh","atanh","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth","degrees","radians","cross","reflect","refract","min","max","mix","clamp","step","smoothstep","pow","atan2","texture","textureLod","textureSize","cubeTexture","faceforward","bitcast","cbrt","difference","equals","pow2","pow3","pow4","transformDirection"],de={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Je={texture:"vec4",cubeTexture:"vec4",textureSize:"vec4",length:"float",lengthSq:"float",distance:"float",dot:"float",all:"bool",any:"bool",cross:"vec3"},et={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"},tt=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],rt=["and","or"],nt={position:"gl_FragCoord",vertex_index:"gl_VertexID",instance_index:"gl_InstanceID",front_facing:"gl_FrontFacing",frag_depth:"gl_FragDepth",sample_index:"gl_SampleID",sample_mask:"gl_SampleMask",point_coord:"gl_PointCoord",uv:"gl_FragCoord.xy"};var le=e=>d.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),xe=e=>Ze.includes(e),me=e=>Qe.includes(e),Te=e=>ce.includes(e),V=e=>!e||typeof e!="object"?!1:e.isProxy,j=e=>d.str(e)?pe.includes(e):!1,ge=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,o=(e&255)/255;return[t,r,o]},It=0,E=()=>`i${It++}`,w=(e,t)=>d.str(e)?t?.isWebGL?e:ue[e]||e:"",be=e=>fe[e]||e,ve=e=>nt[e],he=e=>{let t=ce.indexOf(e);return t!==-1?pe[t]:"float"},K=(e,t,r=!1,o=!1)=>e.isWebGL?r?n=>e.gl?.attribute?.(t,n):o?n=>e.gl?.texture?.(t,n):n=>e.gl?.uniform?.(t,n):r?n=>e.gl?._attribute?.(t,n):o?n=>e.gl?._texture?.(t,n):n=>e.gl?._uniform?.(t,n),Z=(e,t)=>{if(!e)return;if(!V(e))return t(e);if(e.type!=="conversion")return;let r=e.props.children?.slice(1).filter(Boolean);r?.length&&t(r)},ye=e=>(e.code||(e.code={headers:new Map,fragInputs:new Map,vertInputs:new Map,vertOutputs:new Map,vertVaryings:new Map,dependencies:new Map},e.isWebGL||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f"))),e),z=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),j(r)||e.code.dependencies.get(t).add(r)},Ce=(e,t)=>{let r=[],o=new Set,n=new Set,s=i=>{if(n.has(i)||o.has(i))return;n.add(i);let p=t.get(i)||new Set;for(let a of p)e.has(a)&&s(a);n.delete(i),o.add(i),e.has(i)&&r.push([i,e.get(i)])};for(let[i]of e)s(i);return r};var Ft=e=>et[e],ot=(e,t,r)=>tt.includes(r)||rt.includes(r)?"bool":e===t?e:e==="float"||e==="int"?t:t==="float"||t==="int"?e:e==="mat4"&&t==="vec4"||e==="mat3"&&t==="vec3"||e==="mat2"&&t==="vec2"?t:e,Ut=e=>d.bol(e)?"bool":d.str(e)?"texture":d.num(e)?"float":d.arr(e)?de[e.length]:"float",Xe=e=>de[e],At=(e,t)=>{if(e.length===0)return"void";let[r]=e;if(d.str(r))return r;let o=v(r,t);for(let n of e.slice(1))if(o!==v(n,t))throw new Error("glre node system error: defined scope return mismatch");return o},Bt=e=>Je[e],Dt=(e,t)=>{let{type:r,props:o}=e,{id:n,children:s=[],inferFrom:i,layout:p}=o,[a,f,l]=s;if(r==="conversion")return a;if(r==="operator")return ot(v(f,t),v(l,t),a);if(r==="ternary")return ot(v(f,t),v(l,t),"add");if(r==="builtin")return Ft(n);if(r==="function")return Bt(a)||v(f,t);if(r==="define"&&j(p?.type))return p?.type;if(r==="attribute"&&d.arr(a)&&t.gl?.count)return Xe(a.length/t.gl.count);if(r==="member"){if(le(a))return Xe(a.length);if(V(f)&&d.str(a)){let N=f.props.fields?.[a];if(N)return v(N,t)}return"float"}return i?At(i,t):v(a,t)},v=(e,t)=>{if(t||(t={}),!V(e))return Ut(e);if(d.arr(e))return Xe(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Dt(e,t);return t.infers.set(e,r),r};var R=(e,t)=>e.filter(r=>!d.und(r)&&!d.nul(r)).map(r=>c(r,t)).join(", "),st=(e,t,r,o)=>{if(e.isWebGL)return`texture(${R(o?[t,r,o]:[t,r],e)})`;let n=c(t,e),s=[n,n+"Sampler",c(r,e)];return o?(s.push(c(o,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},it=(e,t,r,o)=>{let n=`if (${c(t,e)}) {
-${c(r,e)}
-}`;for(let s=2;s<o.length;s+=2){let i=s>=o.length-1;n+=i?` else {
-${c(o[s],e)}
-}`:` else if (${c(o[s],e)}) {
-${c(o[s+1],e)}
-}`}return n},at=(e,t,r)=>{let o=`switch (${c(t,e)}) {
+"use strict";var ie=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var Xt=Object.getOwnPropertyNames;var _t=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var r in t)ie(e,r,{get:t[r],enumerable:!0})},Pt=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Xt(t))!_t.call(e,n)&&n!==r&&ie(e,n,{get:()=>t[n],enumerable:!(o=Ct(t,n))||o.enumerable});return e};var $t=e=>Pt(ie({},"__esModule",{value:!0}),e);var Hn={};Et(Hn,{Fn:()=>zt,If:()=>Mt,Loop:()=>Wt,Return:()=>mt,Switch:()=>Vt,abs:()=>Wr,acos:()=>Qr,acosh:()=>on,addDependency:()=>V,all:()=>Br,any:()=>Dr,asin:()=>Zr,asinh:()=>nn,assign:()=>_e,atan:()=>Jr,atan2:()=>Ln,atanh:()=>sn,attribute:()=>qt,bitcast:()=>Fn,bool:()=>lr,builtin:()=>C,bvec2:()=>Xr,bvec3:()=>_r,bvec4:()=>Er,cbrt:()=>Un,ceil:()=>kr,clamp:()=>wn,code:()=>p,color:()=>wr,constant:()=>Yt,conversion:()=>T,conversionToConstant:()=>ve,cos:()=>jr,cosh:()=>tn,createAttrib:()=>Oe,createAttribBuffer:()=>Ve,createBindGroup:()=>De,createBindings:()=>Ae,createDepthTexture:()=>qe,createDescriptor:()=>ze,createDevice:()=>Ue,createGL:()=>yt,createIbo:()=>Se,createPipeline:()=>Me,createProgram:()=>Ge,createTexture:()=>Ie,createTextureSampler:()=>ke,createUniformBuffer:()=>We,createVbo:()=>Le,createVertexBuffers:()=>Be,cross:()=>Mr,cubeTexture:()=>Rr,dFdx:()=>bn,dFdy:()=>vn,default:()=>Yn,degrees:()=>yn,difference:()=>An,dig:()=>St,distance:()=>Ur,dot:()=>Ar,each:()=>je,equals:()=>Bn,exp:()=>an,exp2:()=>un,ext:()=>Gt,faceforward:()=>Dn,fig:()=>Lt,float:()=>Y,floor:()=>zr,flush:()=>wt,formatConversions:()=>$,fract:()=>Ne,fragDepth:()=>er,fragment:()=>q,frontFacing:()=>Jt,function_:()=>u,fwidth:()=>hn,getBluiltin:()=>be,getEventFun:()=>j,getId:()=>_,getOperator:()=>ge,getStride:()=>Re,hex2rgb:()=>Te,iMouse:()=>Nr,iResolution:()=>ee,iTime:()=>Gr,initNodeContext:()=>he,instanceIndex:()=>Qt,int:()=>A,inverseSqrt:()=>dn,is:()=>d,isConstants:()=>H,isConversion:()=>me,isFunction:()=>xe,isGL:()=>zn,isNodeProxy:()=>W,isOperator:()=>le,isServer:()=>vt,isSwizzle:()=>de,isWebGPUSupported:()=>ht,ivec2:()=>gr,ivec3:()=>br,ivec4:()=>vr,length:()=>Ir,lengthSq:()=>Fr,log:()=>pn,log2:()=>cn,mat2:()=>xr,mat3:()=>mr,mat4:()=>Tr,max:()=>Pn,member:()=>Ee,min:()=>En,mix:()=>$n,mod:()=>Wn,negate:()=>Tn,node:()=>x,normalLocal:()=>ar,normalView:()=>pr,normalWorld:()=>ur,normalize:()=>ln,oneMinus:()=>xn,operator:()=>Tt,pointCoord:()=>nr,position:()=>Z,positionLocal:()=>or,positionView:()=>ir,positionWorld:()=>sr,pow:()=>Sn,pow2:()=>Rn,pow3:()=>On,pow4:()=>In,radians:()=>Cn,reciprocal:()=>gn,reflect:()=>Xn,refract:()=>_n,replace:()=>Nt,round:()=>qr,safeEventCall:()=>K,sampleIndex:()=>tr,sampleMask:()=>rr,sampler2D:()=>$r,saturate:()=>mn,screenCoordinate:()=>cr,screenUV:()=>fr,select:()=>Kt,sig:()=>Rt,sign:()=>Vr,sin:()=>Hr,sinh:()=>en,smoothstep:()=>Gn,sortHeadersByDependencies:()=>ye,sqrt:()=>fn,step:()=>Nn,struct:()=>Dt,tan:()=>Kr,tanh:()=>rn,texture:()=>Sr,texture2D:()=>Pr,textureSize:()=>Or,toVar:()=>Xe,transformDirection:()=>Mn,trunc:()=>Yr,uint:()=>dr,uniform:()=>z,uv:()=>Lr,uvec2:()=>hr,uvec3:()=>yr,uvec4:()=>Cr,variable:()=>Ht,vec2:()=>we,vec3:()=>$e,vec4:()=>J,vertex:()=>k,vertexIndex:()=>Q,vertexStage:()=>jt,webgl:()=>Fe,webgpu:()=>Ye});module.exports=$t(Hn);var B=require("reev"),ne=require("refr");var te=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)},je=(e,t)=>e.forEach(t),wt=(e,...t)=>{je(e,r=>r(...t))},Nt=(e="",t="_",r="/")=>e.split(t).join(r),Gt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",Lt=(e=0)=>`${e}`.split(".")[1]?.length??0,St=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Rt=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var ae={bool:"bool",uint:"u32",int:"i32",float:"f32",bvec2:"vec2<bool>",ivec2:"vec2i",uvec2:"vec2u",vec2:"vec2f",bvec3:"vec3<bool>",ivec3:"vec3i",uvec3:"vec3u",vec3:"vec3f",bvec4:"vec4<bool>",ivec4:"vec4i",uvec4:"vec4u",vec4:"vec4f",color:"color",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",texture:"texture_2d<f32>",sampler2D:"sampler",struct:"struct"},ue=Object.keys(ae),pe=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],ce={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Ke=Object.keys(ce),Ze=["dot","distance","length","lengthSq","determinant","luminance","all","any","abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","sinh","cosh","tanh","asinh","acosh","atanh","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth","degrees","radians","cross","reflect","refract","min","max","mix","clamp","step","smoothstep","pow","atan2","texture","textureLod","textureSize","cubeTexture","faceforward","bitcast","cbrt","difference","equals","pow2","pow3","pow4","transformDirection"],fe={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Qe={texture:"vec4",cubeTexture:"vec4",textureSize:"vec4",length:"float",lengthSq:"float",distance:"float",dot:"float",all:"bool",any:"bool",cross:"vec3"},Je={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"},et=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],tt=["and","or"],rt={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 de=e=>d.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),le=e=>Ke.includes(e),xe=e=>Ze.includes(e),me=e=>pe.includes(e),W=e=>!e||typeof e!="object"?!1:e.isProxy,H=e=>d.str(e)?ue.includes(e):!1,Te=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,o=(e&255)/255;return[t,r,o]},Ot=0,_=()=>`x${Ot++}`,$=(e,t)=>d.str(e)?t?.isWebGL?e:ae[e]||e:"",ge=e=>ce[e]||e,be=e=>rt[e],ve=e=>{let t=pe.indexOf(e);return t!==-1?ue[t]:"float"},j=(e,t,r=!1,o=!1)=>e.isWebGL?r?n=>e.gl?.attribute?.(t,n):o?n=>e.gl?.texture?.(t,n):n=>e.gl?.uniform?.(t,n):r?n=>e.gl?._attribute?.(t,n):o?n=>e.gl?._texture?.(t,n):n=>e.gl?._uniform?.(t,n),K=(e,t)=>{if(d.und(e))return;if(!W(e))return t(e);if(e.type!=="conversion")return;let r=e.props.children?.slice(1).filter(Boolean);r?.length&&t(r)},he=e=>(e.code||(e.code={headers:new Map,fragInputs:new Map,vertInputs:new Map,vertOutputs:new Map,vertVaryings:new Map,dependencies:new Map},e.isWebGL||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f"))),e),V=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),H(r)||e.code.dependencies.get(t).add(r)},ye=(e,t)=>{let r=[],o=new Set,n=new Set,s=a=>{if(n.has(a)||o.has(a))return;n.add(a);let c=t.get(a)||new Set;for(let i of c)e.has(i)&&s(i);n.delete(a),o.add(a),e.has(a)&&r.push([a,e.get(a)])};for(let[a]of e)s(a);return r};var It=e=>Je[e],nt=(e,t,r)=>et.includes(r)||tt.includes(r)?"bool":e===t?e:e==="float"||e==="int"?t:t==="float"||t==="int"?e:e==="mat4"&&t==="vec4"||e==="mat3"&&t==="vec3"||e==="mat2"&&t==="vec2"?t:e,Ft=e=>d.bol(e)?"bool":d.str(e)?"texture":d.num(e)?"float":d.arr(e)?fe[e.length]:"float",Ce=e=>fe[e],Ut=(e,t)=>{if(e.length===0)return"void";let[r]=e;if(d.str(r))return r;let o=h(r,t);for(let n of e.slice(1))if(o!==h(n,t))throw new Error("glre node system error: defined scope return mismatch");return o},At=e=>Qe[e],Bt=(e,t)=>{let{type:r,props:o}=e,{id:n,children:s=[],inferFrom:a,layout:c}=o,[i,f,l]=s;if(r==="conversion")return i;if(r==="operator")return nt(h(f,t),h(l,t),i);if(r==="ternary")return nt(h(f,t),h(l,t),"add");if(r==="builtin")return It(n);if(r==="function")return At(i)||h(f,t);if(r==="define"&&H(c?.type))return c?.type;if(r==="attribute"&&d.arr(i)&&t.gl?.count)return Ce(i.length/t.gl.count);if(r==="member"){if(de(i))return Ce(i.length);if(W(f)&&d.str(i)){let E=f.props.fields?.[i];if(E)return h(E,t)}return"float"}return a?Ut(a,t):h(i,t)},h=(e,t)=>{if(t||(t={}),!W(e))return Ft(e);if(d.arr(e))return Ce(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Bt(e,t);return t.infers.set(e,r),r};var R=(e,t)=>e.filter(r=>!d.und(r)&&!d.nul(r)).map(r=>p(r,t)).join(", "),ot=(e,t,r,o)=>{if(e.isWebGL)return`texture(${R(o?[t,r,o]:[t,r],e)})`;let n=p(t,e),s=[n,n+"Sampler",p(r,e)];return o?(s.push(p(o,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},st=(e,t,r,o)=>{let n=`if (${p(t,e)}) {
+${p(r,e)}
+}`;for(let s=2;s<o.length;s+=2){let a=s>=o.length-1;n+=a?` else {
+${p(o[s],e)}
+}`:` else if (${p(o[s],e)}) {
+${p(o[s+1],e)}
+}`}return n},it=(e,t,r)=>{let o=`switch (${p(t,e)}) {
 `;for(let n=1;n<r.length;n+=2)n>=r.length-1&&r.length%2===0?o+=`default:
-${c(r[n],e)}
+${p(r[n],e)}
 break;
-`:n+1<r.length&&(o+=`case ${c(r[n],e)}:
-${c(r[n+1],e)}
+`:n+1<r.length&&(o+=`case ${p(r[n],e)}:
+${p(r[n+1],e)}
 break;
-`);return o+="}",o},ut=(e,t,r)=>{let o=v(t,e),n=r?.props?.id;if(e.isWebGL)return`${o} ${n} = ${c(t,e)};`;let s=w(o);return`var ${n}: ${s} = ${c(t,e)};`},pt=(e,t,r)=>{let{id:o,children:n=[],layout:s}=t,[i,...p]=n,a=[],f=[];if(s?.inputs)for(let b of s.inputs)a.push([b.name,b.type]);else for(let b=0;b<p.length;b++)a.push([`p${b}`,v(p[b],e)]);let l=[];if(e?.isWebGL){for(let[b,m]of a)z(e,o,m),f.push(`${m} ${b}`);z(e,o,r),l.push(`${r} ${o}(${f}) {`)}else{for(let[b,m]of a)f.push(`${b}: ${w(m,e)}`);l.push(`fn ${o}(${f}) -> ${w(r,e)} {`)}let N=c(i,e);return N&&l.push(N),l.push("}"),l.join(`
-`)},ct=(e,t,r={})=>{let o=[];for(let s in r){let i=r[s],p=v(i,e);e.isWebGL&&z(e,t,p),o.push(e.isWebGL?`${p} ${s};`:`${s}: ${w(p,e)},`)}let n=o.join(`
+`);return o+="}",o},at=(e,t,r)=>{let o=h(t,e),n=r?.props?.id;if(e.isWebGL)return`${o} ${n} = ${p(t,e)};`;let s=$(o);return`var ${n}: ${s} = ${p(t,e)};`},ut=(e,t,r={})=>{let o=[];for(let s in r){let a=r[s],c=h(a,e);e.isWebGL&&V(e,t,c),o.push(e.isWebGL?`${c} ${s};`:`${s}: ${$(c,e)},`)}let n=o.join(`
   `);return`struct ${t} {
   ${n}
-};`},ft=(e,t,r="",o,n)=>{if(e.isWebGL)if(n){let s=[];for(let i in o)s.push(n[i]);return`${t} ${r} = ${t}(${R(s,e)});`}else return`${t} ${r};`;else if(n){let s=[];for(let i in o)s.push(n[i]);return`var ${r}: ${t} = ${t}(${R(s,e)});`}else return`var ${r}: ${t};`},dt=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${w(r,e)}`,lt=(e,t,r)=>{let o=r==="sampler2D"||r==="texture";if(e.isWebGL)return o?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(o){let{group:p=1,binding:a=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${p}) @binding(${a}) var ${t}Sampler: sampler;
-@group(${p}) @binding(${a+1}) var ${t}: texture_2d<f32>;`}let{group:n=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},i=w(r,e);return`@group(${n}) @binding(${s}) var<uniform> ${t}: ${i};`},xt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:o=0}=e.gl?.webgpu?.attribs.map.get(t)||{},n=w(r,e);return`@location(${o}) ${t}: ${n}`},mt=(e,t,r,o)=>e.isWebGL?`const ${r} ${t} = ${o};`:`const ${t}: ${w(r,e)} = ${o};`;var c=(e,t)=>{if(t||(t={}),ye(t),d.arr(e))return R(e,t);if(d.str(e))return e;if(d.num(e)){let m=`${e}`;return m.includes(".")?m:m+".0"}if(d.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:o}=e,{id:n="",children:s=[],fields:i,initialValues:p}=o,[a,f,l,N]=s;if(r==="variable")return n;if(r==="member")return`${c(f,t)}.${c(a,t)}`;if(r==="ternary")return t.isWebGL?`(${c(l,t)} ? ${c(a,t)} : ${c(f,t)})`:`select(${c(a,t)}, ${c(f,t)}, ${c(l,t)})`;if(r==="conversion")return`${w(a,t)}(${R(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${c(f,t)}`:`(${c(f,t)} ${be(a)} ${c(l,t)})`;if(r==="function")return a==="negate"?`(-${R(s.slice(1),t)})`:a==="texture"?st(t,f,l,N):`${a}(${R(s.slice(1),t)})`;if(r==="scope")return s.map(m=>c(m,t)).join(`
-`);if(r==="assign")return`${c(a,t)} = ${c(f,t)};`;if(r==="return")return`return ${c(a,t)};`;if(r==="loop")return t.isWebGL?`for (int i = 0; i < ${c(a,t)}; i += 1) {
-${c(f,t)}
-}`:`for (var i: i32 = 0; i < ${c(a,t)}; i++) {
-${c(f,t)}
-}`;if(r==="if")return it(t,a,f,s);if(r==="switch")return at(t,a,s);if(r==="declare")return ut(t,a,f);if(r==="define")return t.code?.headers.has(n)||t.code?.headers.set(n,pt(t,o,v(e,t))),`${n}(${R(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(n)||t.code?.headers.set(n,ct(t,n,i)),ft(t,n,a.props.id,i,p);if(r==="varying"){if(t.code?.vertOutputs.has(n))return t.isWebGL?`${n}`:`out.${n}`;let m=dt(t,n,v(e,t));return t.code?.fragInputs.set(n,m),t.code?.vertOutputs.set(n,m),t.code?.vertVaryings.set(n,c(a,t)),t.isWebGL?`${n}`:`out.${n}`}if(r==="builtin"){if(t.isWebGL)return ve(n);if(n==="position")return"out.position";let m=`@builtin(${n}) ${n}: ${w(v(e,t),t)}`;return t.isFrag?t.code?.fragInputs.set(n,m):t.code?.vertInputs.set(n,m),`in.${n}`}if(r==="attribute"){let m=K(t,n,!0);return Z(a,m),e.listeners.add(m),t.code?.vertInputs.set(n,xt(t,n,v(e,t))),t.isWebGL?`${n}`:`in.${n}`}if(t.code?.headers.has(n))return n;let b="";if(r==="uniform"){let m=v(e,t),D=K(t,n,!1,m==="texture");Z(a,D),e.listeners.add(D),b=lt(t,n,m)}return r==="constant"&&(b=mt(t,n,v(e,t),c(a,t))),b?(t.code?.headers.set(n,b),n):c(a,t)};var O=null,U=null,F=e=>{if(!O||(O.props.children||(O.props.children=[]),O.props.children.push(e),e.type!=="return"||!U))return;let{props:t}=U;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},_e=(e,t)=>{t||(t=E());let r=x("variable",{id:t,inferFrom:[e]}),o=x("declare",null,e,r);return F(o),r},Pe=(e,t)=>{let r=x("assign",null,e,t);return F(r),e},Tt=e=>{let t=x("return",{inferFrom:[e]},e);return F(t),t},Mt=(e,t=E())=>(r={},o=E())=>{let n=x("variable",{id:o,inferFrom:[t]}),s=x("struct",{id:t,fields:e,initialValues:r},n);return F(s),n},I=(e,t,r=U)=>{let o=O,n=U;O=e,U=r,o&&(e.props.parent=o);let s=t();s&&Tt(s),O=o,U=n},Wt=(e,t)=>{let r=x("scope");I(r,t);let o=x("if",null,e,r);F(o);let n=()=>({ElseIf:(s,i)=>{let p=x("scope");return I(p,i),o.props.children.push(s,p),n()},Else:s=>{let i=x("scope");I(i,s),o.props.children.push(i)}});return n()},Vt=(e,t)=>{let r=x("scope");I(r,()=>t({i:x("variable",{id:"i",inferFrom:[T("int",0)]})}));let o=x("loop",null,e,r);return F(o),o},zt=e=>{let t=x("switch",null,e);F(t);let r=()=>({Case:(...o)=>n=>{let s=x("scope");I(s,n);for(let i of o)t.props.children.push(i,s);return r()},Default:o=>{let n=x("scope");I(n,o),t.props.children.push(n)}});return r()},kt=(e,t=E())=>{let r,o=(...n)=>{let s=r?.name||t,i=x("scope"),p=[],a=[];if(r?.inputs)for(let l of r.inputs)a.push({id:l.name,inferFrom:[T(l.type)]});else for(let l=0;l<n.length;l++)a.push({id:`p${l}`,inferFrom:[n[l]]});for(let l of a)p.push(x("variable",l));let f=x("define",{id:s,layout:r},i,...n);return I(i,()=>e(p),f),f};return o.setLayout=n=>(r=n,o),o};var qt=(e,t)=>{if(t==="string")return c(e)},x=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=new Set,n=(p,a)=>{if(a==="type")return e;if(a==="props")return t;if(a==="toVar")return _e.bind(null,i);if(a==="assign")return Pe.bind(null,i);if(a==="isProxy")return!0;if(a==="toString")return c.bind(null,i);if(a===Symbol.toPrimitive)return qt.bind(null,i);if(a==="listeners")return o;if(xe(a))return(...f)=>gt(a,i,...f);if(me(a))return(...f)=>u(a,i,...f);if(Te(a))return()=>T(he(a),i);if(d.str(a))return Ee(a,i)},s=(p,a,f)=>(a==="value"&&o.forEach(l=>l(f)),d.str(a)&&Ee(a,i).assign(f),!0),i=new Proxy({},{get:n,set:s});return i},Yt=(e,t=E())=>x("attribute",{id:t},e),Ht=(e,t=E())=>x("constant",{id:t},e),k=(e,t=E())=>x("uniform",{id:t},e),jt=(e=E())=>x("variable",{id:e}),y=(e=E())=>x("builtin",{id:e}),Kt=(e,t=E())=>x("varying",{id:t,inferFrom:[e]},e),Ee=(e,t)=>x("member",null,e,t),Zt=(e,t,r)=>x("ternary",null,e,t,r),gt=(e,...t)=>x("operator",null,e,...t),u=(e,...t)=>x("function",null,e,...t),T=(e,...t)=>x("conversion",null,e,...t);var Qt=`
+};`},pt=(e,t,r="",o,n)=>{if(e.isWebGL)if(n){let s=[];for(let a in o)s.push(n[a]);return`${t} ${r} = ${t}(${R(s,e)});`}else return`${t} ${r};`;else if(n){let s=[];for(let a in o)s.push(n[a]);return`var ${r}: ${t} = ${t}(${R(s,e)});`}else return`var ${r}: ${t};`},ct=(e,t,r)=>{let{id:o,children:n=[],layout:s}=t,[a,...c]=n,i=[],f=[];if(s?.inputs)for(let v of s.inputs)i.push([v.name,v.type]);else for(let v=0;v<c.length;v++)i.push([`p${v}`,h(c[v],e)]);let l=[];if(e?.isWebGL){for(let[v,g]of i)V(e,o,g),f.push(`${g} ${v}`);V(e,o,r),l.push(`${r} ${o}(${f}) {`)}else{for(let[v,g]of i)f.push(`${v}: ${$(g,e)}`);l.push(`fn ${o}(${f}) -> ${$(r,e)} {`)}let E=p(a,e);return E&&l.push(E),l.push("}"),l.join(`
+`)},ft=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${$(r,e)}`,dt=(e,t,r)=>{let o=r==="sampler2D"||r==="texture";if(e.isWebGL)return o?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(o){let{group:c=1,binding:i=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${c}) @binding(${i}) var ${t}Sampler: sampler;
+@group(${c}) @binding(${i+1}) var ${t}: texture_2d<f32>;`}let{group:n=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},a=$(r,e);return`@group(${n}) @binding(${s}) var<uniform> ${t}: ${a};`},lt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:o=0}=e.gl?.webgpu?.attribs.map.get(t)||{},n=$(r,e);return`@location(${o}) ${t}: ${n}`},xt=(e,t,r,o)=>e.isWebGL?`const ${r} ${t} = ${o};`:`const ${t}: ${$(r,e)} = ${o};`;var p=(e,t)=>{if(t||(t={}),he(t),d.arr(e))return R(e,t);if(d.str(e))return e;if(d.num(e)){let g=`${e}`;return g.includes(".")?g:g+".0"}if(d.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:o}=e,{id:n="i",children:s=[],fields:a,initialValues:c}=o,[i,f,l,E]=s;if(r==="variable")return n;if(r==="member")return`${p(f,t)}.${p(i,t)}`;if(r==="ternary")return t.isWebGL?`(${p(l,t)} ? ${p(i,t)} : ${p(f,t)})`:`select(${p(i,t)}, ${p(f,t)}, ${p(l,t)})`;if(r==="conversion")return`${$(i,t)}(${R(s.slice(1),t)})`;if(r==="operator")return i==="not"||i==="bitNot"?`!${p(f,t)}`:`(${p(f,t)} ${ge(i)} ${p(l,t)})`;if(r==="function")return i==="negate"?`(-${p(f,t)})`:i==="oneMinus"?`(1.0-${p(f,t)})`:i==="texture"?ot(t,f,l,E):i==="atan2"&&t.isWebGL?`atan(${p(f,t)}, ${p(l,t)})`:`${i}(${R(s.slice(1),t)})`;if(r==="scope")return s.map(g=>p(g,t)).join(`
+`);if(r==="assign")return`${p(i,t)} = ${p(f,t)};`;if(r==="return")return`return ${p(i,t)};`;if(r==="loop")return t.isWebGL?`for (int ${n} = 0; ${n} < ${p(i,t)}; ${n} += 1) {
+${p(f,t)}
+}`:`for (var ${n}: i32 = 0; ${n} < ${p(i,t)}; ${n}++) {
+${p(f,t)}
+}`;if(r==="if")return st(t,i,f,s);if(r==="switch")return it(t,i,s);if(r==="declare")return at(t,i,f);if(r==="define")return t.code?.headers.has(n)||t.code?.headers.set(n,ct(t,o,h(e,t))),`${n}(${R(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(n)||t.code?.headers.set(n,ut(t,n,a)),pt(t,n,i.props.id,a,c);if(r==="varying"){if(t.code?.vertOutputs.has(n))return t.isWebGL?`${n}`:`out.${n}`;let g=ft(t,n,h(e,t));return t.code?.fragInputs.set(n,g),t.code?.vertOutputs.set(n,g),t.code?.vertVaryings.set(n,p(i,t)),t.isWebGL?`${n}`:`out.${n}`}if(r==="builtin"){if(t.isWebGL)return be(n);if(n==="position")return"out.position";let g=`@builtin(${n}) ${n}: ${$(h(e,t),t)}`;return t.isFrag?t.code?.fragInputs.set(n,g):t.code?.vertInputs.set(n,g),`in.${n}`}if(r==="attribute"){let g=j(t,n,!0);return K(i,g),e.listeners.add(g),t.code?.vertInputs.set(n,lt(t,n,h(e,t))),t.isWebGL?`${n}`:`in.${n}`}if(t.code?.headers.has(n))return n;let v="";if(r==="uniform"){let g=h(e,t),D=j(t,n,!1,g==="texture");K(i,D),e.listeners.add(D),v=dt(t,n,g)}return r==="constant"&&(v=xt(t,n,h(e,t),p(i,t))),v?(t.code?.headers.set(n,v),n):p(i,t)};var O=null,U=null,F=e=>{if(!O||(O.props.children||(O.props.children=[]),O.props.children.push(e),e.type!=="return"||!U))return;let{props:t}=U;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},Xe=(e,t)=>{t||(t=_());let r=x("variable",{id:t,inferFrom:[e]}),o=x("declare",null,e,r);return F(o),r},_e=(e,t)=>{let r=x("assign",null,e,t);return F(r),e},mt=e=>{let t=x("return",{inferFrom:[e]},e);return F(t),t},Dt=(e,t=_())=>(r={},o=_())=>{let n=x("variable",{id:o,inferFrom:[t]}),s=x("struct",{id:t,fields:e,initialValues:r},n);return F(s),n},I=(e,t,r=U)=>{let o=O,n=U;O=e,U=r,o&&(e.props.parent=o);let s=t();s&&mt(s),O=o,U=n},Mt=(e,t)=>{let r=x("scope");I(r,t);let o=x("if",null,e,r);F(o);let n=()=>({ElseIf:(s,a)=>{let c=x("scope");return I(c,a),o.props.children.push(s,c),n()},Else:s=>{let a=x("scope");I(a,s),o.props.children.push(a)}});return n()},Wt=(e,t)=>{let r=x("scope"),o=_();I(r,()=>t({i:x("variable",{id:o,inferFrom:[T("int",0)]})}));let n=x("loop",{id:o},e,r);return F(n),n},Vt=e=>{let t=x("switch",null,e);F(t);let r=()=>({Case:(...o)=>n=>{let s=x("scope");I(s,n);for(let a of o)t.props.children.push(a,s);return r()},Default:o=>{let n=x("scope");I(n,o),t.props.children.push(n)}});return r()},zt=(e,t=_())=>{let r,o=(...n)=>{let s=r?.name||t,a=x("scope"),c=[],i=[];if(r?.inputs)for(let l of r.inputs)i.push({id:l.name,inferFrom:[T(l.type)]});else for(let l=0;l<n.length;l++)i.push({id:`p${l}`,inferFrom:[n[l]]});for(let l of i)c.push(x("variable",l));let f=x("define",{id:s,layout:r},a,...n);return I(a,()=>e(c),f),f};return o.setLayout=n=>(r=n,o),o};var kt=(e,t)=>{if(t==="string")return p(e)},x=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=new Set,n=(c,i)=>{if(i==="type")return e;if(i==="props")return t;if(i==="toVar")return Xe.bind(null,a);if(i==="assign")return _e.bind(null,a);if(i==="isProxy")return!0;if(i==="toString")return p.bind(null,a);if(i===Symbol.toPrimitive)return kt.bind(null,a);if(i==="listeners")return o;if(le(i))return(...f)=>Tt(i,a,...f);if(xe(i))return(...f)=>u(i,a,...f);if(me(i))return()=>T(ve(i),a);if(d.str(i))return Ee(i,a)},s=(c,i,f)=>(i==="value"&&o.forEach(l=>l(f)),d.str(i)&&Ee(i,a).assign(f),!0),a=new Proxy({},{get:n,set:s});return a},qt=(e,t=_())=>x("attribute",{id:t},e),Yt=(e,t=_())=>x("constant",{id:t},e),z=(e,t=_())=>x("uniform",{id:t},e),Ht=(e=_())=>x("variable",{id:e}),C=(e=_())=>x("builtin",{id:e}),jt=(e,t=_())=>x("varying",{id:t,inferFrom:[e]},e),Ee=(e,t)=>x("member",null,e,t),Kt=(e,t,r)=>x("ternary",null,e,t,r),Tt=(e,...t)=>x("operator",null,e,...t),u=(e,...t)=>x("function",null,e,...t),T=(e,...t)=>x("conversion",null,e,...t);var Zt=`
 #version 300 es
 precision mediump float;
 out vec4 fragColor;
-`.trim(),bt=(e,t)=>{let r=c(e,t),o="";return t.isWebGL&&t.code?.dependencies?o=Ce(t.code.headers,t.code.dependencies).map(([,s])=>s).join(`
+`.trim(),gt=(e,t)=>{let r=p(e,t),o="";return t.isWebGL&&t.code?.dependencies?o=ye(t.code.headers,t.code.dependencies).map(([,s])=>s).join(`
 `):o=Array.from(t.code?.headers?.values()||[]).join(`
-`),[o,r]},we=(e,t)=>`struct ${e} {
+`),[o,r]},Pe=(e,t)=>`struct ${e} {
   ${Array.from(t.values()).join(`,
   `)}
-}`,q=(e,t)=>{if(d.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!1;let[r,o]=bt(e,t),n=[];if(t.isWebGL){n.push("#version 300 es");for(let i of t.code?.vertInputs?.values()||[])n.push(`in ${i}`);for(let i of t.code?.vertOutputs?.values()||[])n.push(`out ${i}`);n.push(r),n.push("void main() {"),n.push(`  gl_Position = ${o};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])n.push(`  ${i} = ${p};`)}else{t.code?.vertInputs?.size&&n.push(we("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&n.push(we("Out",t.code.vertOutputs)),n.push(r),n.push("@vertex"),n.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),n.push("  var out: Out;"),n.push(`  out.position = ${o};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])n.push(`  out.${i} = ${p};`);n.push("  return out;")}n.push("}");let s=n.filter(Boolean).join(`
-`).trim();return console.log(`\u2193\u2193\u2193generated\u2193\u2193\u2193
-${s}`),s},Y=(e,t)=>{if(d.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!0;let[r,o]=bt(e,t),n=[];if(t.isWebGL){n.push(Qt);for(let i of t.code?.fragInputs?.values()||[])n.push(`in ${i}`);n.push(r),n.push(`void main() {
-  fragColor = ${o};`)}else t.code?.fragInputs?.size&&n.push(we("Out",t.code.fragInputs)),n.push(r),n.push(`@fragment
-fn main(out: Out) -> @location(0) vec4f {`),n.push(`  return ${o};`);n.push("}");let s=n.filter(Boolean).join(`
-`).trim();return console.log(`\u2193\u2193\u2193generated\u2193\u2193\u2193
-${s}`),s},Q=y("position"),J=y("vertex_index"),Jt=y("instance_index"),er=y("front_facing"),tr=y("frag_depth"),rr=y("sample_index"),nr=y("sample_mask"),or=y("point_coord"),sr=y("position"),ir=y("positionWorld"),ar=y("positionView"),ur=y("normalLocal"),pr=y("normalWorld"),cr=y("normalView"),fr=y("screenCoordinate"),dr=y("screenUV"),H=e=>T("float",e),A=e=>T("int",e),lr=e=>T("uint",e),xr=e=>T("bool",e),$e=(e,t)=>T("vec2",e,t),Ne=(e,t,r)=>T("vec3",e,t,r),ee=(e,t,r,o)=>T("vec4",e,t,r,o),mr=(...e)=>T("mat2",...e),Tr=(...e)=>T("mat3",...e),gr=(...e)=>T("mat4",...e),br=(e,t)=>T("ivec2",e,t),vr=(e,t,r)=>T("ivec3",e,t,r),hr=(e,t,r,o)=>T("ivec4",e,t,r,o),yr=(e,t)=>T("uvec2",e,t),Cr=(e,t,r)=>T("uvec3",e,t,r),Xr=(e,t,r,o)=>T("uvec4",e,t,r,o),_r=(e,t)=>T("bvec2",e,t),Pr=(e,t,r)=>T("bvec3",e,t,r),Er=(e,t,r,o)=>T("bvec4",e,t,r,o),wr=e=>T("texture",e),Nr=()=>T("sampler2D"),$r=(e,t,r)=>d.num(e)&&d.und(t)&&d.und(r)?Ne(...ge(e)):Ne(e,t,r),te=k($e(),"iResolution"),Gr=k($e(),"iMouse"),Lr=k(H(),"iTime"),Sr=Q.xy.div(te),Rr=(e,t,r)=>u("texture",e,t,r),Or=(e,t,r)=>u("cubeTexture",e,t,r),Ir=(e,t)=>u("textureSize",e,t),Fr=e=>u("length",e),Ur=e=>u("lengthSq",e),Ar=(e,t)=>u("distance",e,t),Br=(e,t)=>u("dot",e,t),Dr=e=>u("all",e),Mr=e=>u("any",e),Wr=(e,t)=>u("cross",e,t),Vr=e=>u("abs",e),zr=e=>u("sign",e),kr=e=>u("floor",e),qr=e=>u("ceil",e),Yr=e=>u("round",e),Ge=e=>u("fract",e),Hr=e=>u("trunc",e),jr=e=>u("sin",e),Kr=e=>u("cos",e),Zr=e=>u("tan",e),Qr=e=>u("asin",e),Jr=e=>u("acos",e),en=e=>u("atan",e),tn=e=>u("sinh",e),rn=e=>u("cosh",e),nn=e=>u("tanh",e),on=e=>u("asinh",e),sn=e=>u("acosh",e),an=e=>u("atanh",e),un=e=>u("exp",e),pn=e=>u("exp2",e),cn=e=>u("log",e),fn=e=>u("log2",e),dn=e=>u("sqrt",e),ln=e=>u("inverseSqrt",e),xn=e=>u("normalize",e),mn=e=>u("oneMinus",e),Tn=e=>u("saturate",e),gn=e=>u("negate",e),bn=e=>u("reciprocal",e),vn=e=>u("dFdx",e),hn=e=>u("dFdy",e),yn=e=>u("fwidth",e),Cn=e=>u("degrees",e),Xn=e=>u("radians",e),_n=(e,t)=>u("reflect",e,t),Pn=(e,t,r)=>u("refract",e,t,r),En=(e,t)=>u("min",e,t),wn=(e,t)=>u("max",e,t),Nn=(e,t,r)=>u("mix",e,t,r),$n=(e,t,r)=>u("clamp",e,t,r),Gn=(e,t)=>u("step",e,t),Ln=(e,t,r)=>u("smoothstep",e,t,r),Sn=(e,t)=>u("atan2",e,t),Rn=(e,t)=>u("pow",e,t),On=e=>u("pow2",e),In=e=>u("pow3",e),Fn=e=>u("pow4",e),Un=(e,t)=>u("bitcast",e,t),An=e=>u("cbrt",e),Bn=(e,t)=>u("difference",e,t),Dn=(e,t)=>u("equals",e,t),Mn=(e,t,r)=>u("faceforward",e,t,r),Wn=(e,t)=>u("transformDirection",e,t);var vt=(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}`)},Le=(e,t,r,o=()=>{})=>{let n=e.createProgram(),s=vt(e,r,e.FRAGMENT_SHADER),i=vt(e,t,e.VERTEX_SHADER);if(!s||!i)return o();if(e.attachShader(n,i),e.attachShader(n,s),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let p=e.getProgramInfoLog(n);e.deleteProgram(n),o(),console.warn(`Could not link program: ${p}`)},Se=(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},Re=(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},Oe=(e,t,r)=>{r&&(e=Math.max(...r)+1);let o=t.length/e;return Math.floor(o)},Ie=(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)},Fe=(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 Ue=async e=>{let t=e.el.getContext("webgl2"),r={isWebGL:!0,gl:e},o=Y(e.fs,r),n=q(e.vs,r),s=Le(t,n,o,()=>void(e.isLoop=!1));t.useProgram(s);let i=0,p=(0,re.nested)($=>t.getUniformLocation(s,$)),a=(0,re.nested)($=>t.getAttribLocation(s,$)),f=(0,re.nested)(()=>i++);return{render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(s),_attribute:($="",_,G)=>{let L=a($,!0),M=Se(t,_),se=Re(t,G),h=Oe(e.count,_,G);Ie(t,h,L,M,se)},_uniform:($,_)=>{let G=p($);if(d.num(_))return t.uniform1f(G,_);let L=_.length;if(L<=4)return t[`uniform${L}fv`](G,_);L=Math.sqrt(L)<<0,t[`uniformMatrix${L}fv`](G,!1,_)},_texture:($,_)=>{let G=new Image;Object.assign(G,{src:_,crossOrigin:"anonymous"}),G.decode().then(()=>{let L=p($),M=f($);Fe(t,G,L,M)})},webgl:{context:t,program:s}}};var ne=require("reev");var Ae=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}},Be=()=>{let e=0,t=0,r=0;return{uniform:()=>{let o=Math.floor(e/12),n=e%12;return e++,{group:o,binding:n}},texture:()=>{let n=Math.floor(e/12)+1+Math.floor(t/6),s=t%6*2;return t++,{group:n,binding:s}},attrib:()=>{let o=r;return r++,{location:o}}}},Vn=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",De=e=>{let t=[],r=[];for(let{buffer:o,location:n,stride:s}of e)t[n]=o,r[n]={arrayStride:s*4,attributes:[{shaderLocation:n,offset:0,format:Vn(s)}]};return{vertexBuffers:t,bufferLayouts:r}},Me=(e,t,r)=>{let o=new Map,n={bindGroups:[],bindGroupLayouts:[]},s=(i,p,a)=>{o.has(i)||o.set(i,{layouts:[],bindings:[]});let{layouts:f,bindings:l}=o.get(i);f.push(p),l.push(a)};for(let{binding:i,buffer:p,group:a}of t)s(a,{binding:i,visibility:3,buffer:{type:"uniform"}},{binding:i,resource:{buffer:p}});for(let{binding:i,group:p,sampler:a,view:f}of r)s(p,{binding:i,visibility:2,sampler:{}},{binding:i,resource:a}),s(p,{binding:i+1,visibility:2,texture:{}},{binding:i+1,resource:f});for(let[i,{layouts:p,bindings:a}]of o)n.bindGroupLayouts[i]=e.createBindGroupLayout({entries:p}),n.bindGroups[i]=e.createBindGroup({layout:n.bindGroupLayouts[i],entries:a});return n},We=(e,t,r,o,n,s)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:n}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:s}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:o}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),Ve=(e,t)=>{let r=new Float32Array(t),o=Math.ceil(r.byteLength/256)*256,n=e.createBuffer({size:o,usage:72});return{array:r,buffer:n}},ze=(e,t)=>{let r=new Float32Array(t),o=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:o}},ke=(e,t)=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}],depthStencilAttachment:{view:t.createView(),depthClearValue:1,depthLoadOp:"clear",depthStoreOp:"store"}}),qe=(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}},Ye=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var He=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await Ae(t),n=Be(),s,i,p=h=>{},a=0,f=!0,l,N=(0,ne.nested)((h,g)=>{f=!0;let{array:C,buffer:X}=Ve(r,g),{binding:S,group:P}=n.uniform();return{binding:S,group:P,array:C,buffer:X}}),b=(0,ne.nested)((h,g=0,C=0)=>{f=!0;let{texture:X,sampler:S}=qe(r,g,C),{binding:P,group:W}=n.texture();return{binding:P,group:W,texture:X,sampler:S,view:X.createView()}}),m=(0,ne.nested)((h,g)=>{f=!0;let C=g.length/e.count,{location:X}=n.attrib(),{array:S,buffer:P}=ze(r,g);return{array:S,buffer:P,location:X,stride:C}}),D=()=>{let{vertexBuffers:h,bufferLayouts:g}=De(m.map.values()),{bindGroups:C,bindGroupLayouts:X}=Me(r,N.map.values(),b.map.values()),S=We(r,o,g,X,i,s);p=P=>{P.setPipeline(S),C.forEach((W,ie)=>P.setBindGroup(ie,W)),h.forEach((W,ie)=>P.setVertexBuffer(ie,W)),P.draw(e.count,1,0,0),P.end()}},$=()=>{if(!s||!i){let g={isWebGL:!1,gl:e};s=Y(e.fs,g),i=q(e.vs,g)}if(a)return;f&&D(),f=!1;let h=r.createCommandEncoder();p(h.beginRenderPass(ke(t,l))),r.queue.submit([h.finish()])},_=()=>{let h=e.el;l?.destroy(),l=Ye(r,h.width,h.height)},G=()=>{l?.destroy()},L=(h="",g)=>{let{array:C,buffer:X}=m(h,g);C.set(g),r.queue.writeBuffer(X,0,C)},M=(h,g)=>{d.num(g)&&(g=[g]);let{array:C,buffer:X}=N(h,g);C.set(g),r.queue.writeBuffer(X,0,C)},se=(h,g)=>{a++;let C=Object.assign(new Image,{src:g,crossOrigin:"anonymous"});C.decode().then(()=>{let{width:X,height:S}=C,{texture:P}=b(h,X,S);r.queue.copyExternalImageToTexture({source:C},{texture:P},{width:X,height:S}),a--})};return _(),{webgpu:{device:r,uniforms:N,textures:b,attribs:m},render:$,resize:_,clean:G,_attribute:L,_uniform:M,_texture:se}};var zn=e=>d.obj(e)?"isGL"in e:!1,ht=()=>typeof window>"u",yt=()=>ht()?!1:"gpu"in navigator,je=performance.now(),kn=()=>ee(Ge(Q.xy.div(te)),0,1),qn=()=>ee(H(A(J).mod(A(2))).mul(4).sub(1),H(A(J).div(A(2))).mul(4).sub(1),0,1),Ct=e=>{let t=(0,B.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=(0,oe.createQueue)(),t.frame=(0,oe.createFrame)(),t.attribute=(0,B.durable)((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n)),t),t.uniform=(0,B.durable)((r,o,n)=>t.queue(()=>t._uniform?.(r,o,n)),t),t.texture=(0,B.durable)((r,o)=>t.queue(()=>t._texture?.(r,o)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:je}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||qn(),t.fs=t.fs||t.frag||t.fragment||kn(),yt()||(t.isWebGL=!0),t.isWebGL?t(await Ue(t)):t(await He(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,i]=t.size,{top:p,left:a}=t.el.getBoundingClientRect();t.mouse[0]=(o-p-s/2)/(s/2),t.mouse[1]=-(n-a-i/2)/(i/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{je=performance.now()/1e3,t.uniform("iTime",je)}),t(e)},Yn=Ct;0&&(module.exports={Fn,If,Loop,Return,Switch,abs,acos,acosh,addDependency,all,any,asin,asinh,assign,atan,atan2,atanh,attribute,bitcast,bool,builtin,bvec2,bvec3,bvec4,cbrt,ceil,clamp,code,color,constant,conversion,conversionToConstant,cos,cosh,createAttrib,createAttribBuffer,createBindGroup,createBindings,createDepthTexture,createDescriptor,createDevice,createGL,createIbo,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffers,cross,cubeTexture,dFdx,dFdy,degrees,difference,dig,distance,dot,each,equals,exp,exp2,ext,faceforward,fig,float,floor,flush,formatConversions,fract,fragDepth,fragment,frontFacing,function_,fwidth,getBluiltin,getEventFun,getId,getOperator,getStride,hex2rgb,iMouse,iResolution,iTime,initNodeContext,instanceIndex,int,inverseSqrt,is,isConstants,isConversion,isFunction,isGL,isNodeProxy,isOperator,isServer,isSwizzle,isWebGPUSupported,ivec2,ivec3,ivec4,length,lengthSq,log,log2,mat2,mat3,mat4,max,member,min,mix,negate,node,normalLocal,normalView,normalWorld,normalize,oneMinus,operator,pointCoord,position,positionLocal,positionView,positionWorld,pow,pow2,pow3,pow4,radians,reciprocal,reflect,refract,replace,round,safeEventCall,sampleIndex,sampleMask,sampler2D,saturate,screenCoordinate,screenUV,select,sig,sign,sin,sinh,smoothstep,sortHeadersByDependencies,sqrt,step,struct,tan,tanh,texture,texture2D,textureSize,toVar,transformDirection,trunc,uint,uniform,uv,uvec2,uvec3,uvec4,variable,vec2,vec3,vec4,vertex,vertexIndex,vertexStage,webgl,webgpu});
+}`,k=(e,t)=>{if(d.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!1;let[r,o]=gt(e,t),n=[];if(t.isWebGL){n.push("#version 300 es");for(let a of t.code?.vertInputs?.values()||[])n.push(`in ${a}`);for(let a of t.code?.vertOutputs?.values()||[])n.push(`out ${a}`);n.push(r),n.push("void main() {"),n.push(`  gl_Position = ${o};`);for(let[a,c]of t.code?.vertVaryings?.entries()||[])n.push(`  ${a} = ${c};`)}else{t.code?.vertInputs?.size&&n.push(Pe("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&n.push(Pe("Out",t.code.vertOutputs)),n.push(r),n.push("@vertex"),n.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),n.push("  var out: Out;"),n.push(`  out.position = ${o};`);for(let[a,c]of t.code?.vertVaryings?.entries()||[])n.push(`  out.${a} = ${c};`);n.push("  return out;")}return n.push("}"),n.filter(Boolean).join(`
+`).trim()},q=(e,t)=>{if(d.str(e))return e.trim();t.code?.headers?.clear(),t.isFrag=!0;let[r,o]=gt(e,t),n=[];if(t.isWebGL){n.push(Zt);for(let a of t.code?.fragInputs?.values()||[])n.push(`in ${a}`);n.push(r),n.push(`void main() {
+  fragColor = ${o};`)}else t.code?.fragInputs?.size&&n.push(Pe("Out",t.code.fragInputs)),n.push(r),n.push(`@fragment
+fn main(out: Out) -> @location(0) vec4f {`),n.push(`  return ${o};`);return n.push("}"),n.filter(Boolean).join(`
+`).trim()},Z=C("position"),Q=C("vertex_index"),Qt=C("instance_index"),Jt=C("front_facing"),er=C("frag_depth"),tr=C("sample_index"),rr=C("sample_mask"),nr=C("point_coord"),or=C("position"),sr=C("positionWorld"),ir=C("positionView"),ar=C("normalLocal"),ur=C("normalWorld"),pr=C("normalView"),cr=C("screenCoordinate"),fr=C("screenUV"),Y=e=>T("float",e),A=e=>T("int",e),dr=e=>T("uint",e),lr=e=>T("bool",e),we=(e,t)=>T("vec2",e,t),$e=(e,t,r)=>T("vec3",e,t,r),J=(e,t,r,o)=>T("vec4",e,t,r,o),xr=(...e)=>T("mat2",...e),mr=(...e)=>T("mat3",...e),Tr=(...e)=>T("mat4",...e),gr=(e,t)=>T("ivec2",e,t),br=(e,t,r)=>T("ivec3",e,t,r),vr=(e,t,r,o)=>T("ivec4",e,t,r,o),hr=(e,t)=>T("uvec2",e,t),yr=(e,t,r)=>T("uvec3",e,t,r),Cr=(e,t,r,o)=>T("uvec4",e,t,r,o),Xr=(e,t)=>T("bvec2",e,t),_r=(e,t,r)=>T("bvec3",e,t,r),Er=(e,t,r,o)=>T("bvec4",e,t,r,o),Pr=e=>T("texture",e),$r=()=>T("sampler2D"),wr=(e,t,r)=>d.num(e)&&d.und(t)&&d.und(r)?$e(...Te(e)):$e(e,t,r),ee=z(we(),"iResolution"),Nr=z(we(),"iMouse"),Gr=z(Y(),"iTime"),Lr=Z.xy.div(ee),Sr=(e,t,r)=>u("texture",e,t,r),Rr=(e,t,r)=>u("cubeTexture",e,t,r),Or=(e,t)=>u("textureSize",e,t),Ir=e=>u("length",e),Fr=e=>u("lengthSq",e),Ur=(e,t)=>u("distance",e,t),Ar=(e,t)=>u("dot",e,t),Br=e=>u("all",e),Dr=e=>u("any",e),Mr=(e,t)=>u("cross",e,t),Wr=e=>u("abs",e),Vr=e=>u("sign",e),zr=e=>u("floor",e),kr=e=>u("ceil",e),qr=e=>u("round",e),Ne=e=>u("fract",e),Yr=e=>u("trunc",e),Hr=e=>u("sin",e),jr=e=>u("cos",e),Kr=e=>u("tan",e),Zr=e=>u("asin",e),Qr=e=>u("acos",e),Jr=e=>u("atan",e),en=e=>u("sinh",e),tn=e=>u("cosh",e),rn=e=>u("tanh",e),nn=e=>u("asinh",e),on=e=>u("acosh",e),sn=e=>u("atanh",e),an=e=>u("exp",e),un=e=>u("exp2",e),pn=e=>u("log",e),cn=e=>u("log2",e),fn=e=>u("sqrt",e),dn=e=>u("inverseSqrt",e),ln=e=>u("normalize",e),xn=e=>u("oneMinus",e),mn=e=>u("saturate",e),Tn=e=>u("negate",e),gn=e=>u("reciprocal",e),bn=e=>u("dFdx",e),vn=e=>u("dFdy",e),hn=e=>u("fwidth",e),yn=e=>u("degrees",e),Cn=e=>u("radians",e),Xn=(e,t)=>u("reflect",e,t),_n=(e,t,r)=>u("refract",e,t,r),En=(e,t)=>u("min",e,t),Pn=(e,t)=>u("max",e,t),$n=(e,t,r)=>u("mix",e,t,r),wn=(e,t,r)=>u("clamp",e,t,r),Nn=(e,t)=>u("step",e,t),Gn=(e,t,r)=>u("smoothstep",e,t,r),Ln=(e,t)=>u("atan2",e,t),Sn=(e,t)=>u("pow",e,t),Rn=e=>u("pow2",e),On=e=>u("pow3",e),In=e=>u("pow4",e),Fn=(e,t)=>u("bitcast",e,t),Un=e=>u("cbrt",e),An=(e,t)=>u("difference",e,t),Bn=(e,t)=>u("equals",e,t),Dn=(e,t,r)=>u("faceforward",e,t,r),Mn=(e,t)=>u("transformDirection",e,t),Wn=(e,t)=>e.sub(e.div(t).floor().mul(t));var bt=(e,t,r,o=console.warn)=>{let n=e.createShader(r);if(!n)return o("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let s=e.getShaderInfoLog(n);e.deleteShader(n),o(`Could not compile shader: ${s}`)},Ge=(e,t,r,o=console.warn)=>{let n=e.createProgram(),s=bt(e,r,e.FRAGMENT_SHADER,o),a=bt(e,t,e.VERTEX_SHADER,o);if(!s||!a)return;if(e.attachShader(n,a),e.attachShader(n,s),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let c=e.getProgramInfoLog(n);e.deleteProgram(n),o(`Could not link program: ${c}`)},Le=(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},Re=(e,t,r)=>{r&&(e=Math.max(...r)+1);let o=t.length/e;return Math.floor(o)},Oe=(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)},Ie=(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 Fe=async e=>{let t=e.el.getContext("webgl2"),r={isWebGL:!0,gl:e},o=q(e.fs,r),n=k(e.vs,r),s=Ge(t,n,o,e.error);t.useProgram(s);let a=0,c=(0,te.nested)(w=>t.getUniformLocation(s,w)),i=(0,te.nested)(w=>t.getAttribLocation(s,w)),f=(0,te.nested)(()=>a++);return{webgl:{context:t,program:s},render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>{t.deleteProgram(s),t.getExtension("WEBGL_lose_context")?.loseContext(),e.el.width=1,e.el.height=1},_attribute:(w="",N,G)=>{let L=i(w,!0),m=Le(t,N),b=Se(t,G),y=Re(e.count,N,G);Oe(t,y,L,m,b)},_uniform:(w,N)=>{let G=c(w);if(d.num(N))return t.uniform1f(G,N);let L=N.length;if(L<=4)return t[`uniform${L}fv`](G,N);L=Math.sqrt(L)<<0,t[`uniformMatrix${L}fv`](G,!1,N)},_texture:(w,N)=>{e.loading++;let G=new Image;Object.assign(G,{src:N,crossOrigin:"anonymous"}),G.decode().then(()=>{let L=c(w),m=f(w);Ie(t,G,L,m),e.loading--})}}};var re=require("reev");var Ue=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}},Ae=()=>{let e=0,t=0,r=0;return{uniform:()=>{let o=Math.floor(e/12),n=e%12;return e++,{group:o,binding:n}},texture:()=>{let n=Math.floor(e/12)+1+Math.floor(t/6),s=t%6*2;return t++,{group:n,binding:s}},attrib:()=>{let o=r;return r++,{location:o}}}},Vn=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Be=e=>{let t=[],r=[];for(let{buffer:o,location:n,stride:s}of e)t[n]=o,r[n]={arrayStride:s*4,attributes:[{shaderLocation:n,offset:0,format:Vn(s)}]};return{vertexBuffers:t,bufferLayouts:r}},De=(e,t,r)=>{let o=new Map,n={bindGroups:[],bindGroupLayouts:[]},s=(a,c,i)=>{o.has(a)||o.set(a,{layouts:[],bindings:[]});let{layouts:f,bindings:l}=o.get(a);f.push(c),l.push(i)};for(let{binding:a,buffer:c,group:i}of t)s(i,{binding:a,visibility:3,buffer:{type:"uniform"}},{binding:a,resource:{buffer:c}});for(let{binding:a,group:c,sampler:i,view:f}of r)s(c,{binding:a,visibility:2,sampler:{}},{binding:a,resource:i}),s(c,{binding:a+1,visibility:2,texture:{}},{binding:a+1,resource:f});for(let[a,{layouts:c,bindings:i}]of o)n.bindGroupLayouts[a]=e.createBindGroupLayout({entries:c}),n.bindGroups[a]=e.createBindGroup({layout:n.bindGroupLayouts[a],entries:i});return n},Me=(e,t,r,o,n,s)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:n}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:s}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:o}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),We=(e,t)=>{let r=new Float32Array(t),o=Math.ceil(r.byteLength/256)*256,n=e.createBuffer({size:o,usage:72});return{array:r,buffer:n}},Ve=(e,t)=>{let r=new Float32Array(t),o=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:o}},ze=(e,t)=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}],depthStencilAttachment:{view:t.createView(),depthClearValue:1,depthLoadOp:"clear",depthStoreOp:"store"}}),ke=(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}},qe=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var Ye=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await Ue(t);r.onuncapturederror=m=>e.error(m.error.message);let n=Ae(),s,a,c=m=>{},i=!0,f,l=(0,re.nested)((m,b)=>{i=!0;let{array:y,buffer:X}=We(r,b),{binding:S,group:P}=n.uniform();return{binding:S,group:P,array:y,buffer:X}}),E=(0,re.nested)((m,b=0,y=0)=>{i=!0;let{texture:X,sampler:S}=ke(r,b,y),{binding:P,group:M}=n.texture();return{binding:P,group:M,texture:X,sampler:S,view:X.createView()}}),v=(0,re.nested)((m,b)=>{i=!0;let y=b.length/e.count,{location:X}=n.attrib(),{array:S,buffer:P}=Ve(r,b);return{array:S,buffer:P,location:X,stride:y}}),g=()=>{let{vertexBuffers:m,bufferLayouts:b}=Be(v.map.values()),{bindGroups:y,bindGroupLayouts:X}=De(r,l.map.values(),E.map.values()),S=Me(r,o,b,X,a,s);c=P=>{P.setPipeline(S),y.forEach((M,se)=>P.setBindGroup(se,M)),m.forEach((M,se)=>P.setVertexBuffer(se,M)),P.draw(e.count,1,0,0),P.end()}},D=()=>{if(!s||!a){let b={isWebGL:!1,gl:e};s=q(e.fs,b),a=k(e.vs,b)}if(e.loading)return;i&&g(),i=!1;let m=r.createCommandEncoder();c(m.beginRenderPass(ze(t,f))),r.queue.submit([m.finish()])},oe=()=>{let m=e.el;f?.destroy(),f=qe(r,m.width,m.height)},w=()=>{r.destroy(),f?.destroy();for(let{texture:m}of E.map.values())m.destroy();for(let{buffer:m}of l.map.values())m.destroy();for(let{buffer:m}of v.map.values())m.destroy()},N=(m="",b)=>{let{array:y,buffer:X}=v(m,b);y.set(b),r.queue.writeBuffer(X,0,y)},G=(m,b)=>{d.num(b)&&(b=[b]);let{array:y,buffer:X}=l(m,b);y.set(b),r.queue.writeBuffer(X,0,y)},L=(m,b)=>{e.loading++;let y=Object.assign(new Image,{src:b,crossOrigin:"anonymous"});y.decode().then(()=>{let{width:X,height:S}=y,{texture:P}=E(m,X,S);r.queue.copyExternalImageToTexture({source:y},{texture:P},{width:X,height:S}),e.loading--})};return oe(),{webgpu:{device:r,uniforms:l,textures:E,attribs:v},render:D,resize:oe,clean:w,_attribute:N,_uniform:G,_texture:L}};var zn=e=>d.obj(e)?"isGL"in e:!1,vt=()=>typeof window>"u",ht=()=>vt()?!1:"gpu"in navigator,He=performance.now(),kn=()=>J(Ne(Z.xy.div(ee)),0,1),qn=()=>J(Y(A(Q).mod(A(2))).mul(4).sub(1),Y(A(Q).div(A(2))).mul(4).sub(1),0,1),yt=e=>{let t=(0,B.event)({isNative:!1,isWebGL:!0,isError:!1,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{},loading:0,error(){t.isError=!0,t.isLoop=!1,t.clean()}});return t.queue=(0,ne.createQueue)(),t.frame=(0,ne.createFrame)(),t.attribute=(0,B.durable)((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n)),t),t.uniform=(0,B.durable)((r,o,n)=>t.queue(()=>t._uniform?.(r,o,n)),t),t.texture=(0,B.durable)((r,o)=>t.queue(()=>t._texture?.(r,o)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:He}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||qn(),t.fs=t.fs||t.frag||t.fragment||kn(),ht()||(t.isWebGL=!0),t.isWebGL?t(await Fe(t)):t(await Ye(t)),!t.isError&&(t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.loading?!0:(t.render(),t.isLoop))),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove)))}),t("clean",()=>{t.frame.stop(),!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:c,left:i}=t.el.getBoundingClientRect();t.mouse[0]=(o-c-s/2)/(s/2),t.mouse[1]=-(n-i-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{He=performance.now()/1e3,t.uniform("iTime",He)}),t(e)},Yn=yt;0&&(module.exports={Fn,If,Loop,Return,Switch,abs,acos,acosh,addDependency,all,any,asin,asinh,assign,atan,atan2,atanh,attribute,bitcast,bool,builtin,bvec2,bvec3,bvec4,cbrt,ceil,clamp,code,color,constant,conversion,conversionToConstant,cos,cosh,createAttrib,createAttribBuffer,createBindGroup,createBindings,createDepthTexture,createDescriptor,createDevice,createGL,createIbo,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffers,cross,cubeTexture,dFdx,dFdy,degrees,difference,dig,distance,dot,each,equals,exp,exp2,ext,faceforward,fig,float,floor,flush,formatConversions,fract,fragDepth,fragment,frontFacing,function_,fwidth,getBluiltin,getEventFun,getId,getOperator,getStride,hex2rgb,iMouse,iResolution,iTime,initNodeContext,instanceIndex,int,inverseSqrt,is,isConstants,isConversion,isFunction,isGL,isNodeProxy,isOperator,isServer,isSwizzle,isWebGPUSupported,ivec2,ivec3,ivec4,length,lengthSq,log,log2,mat2,mat3,mat4,max,member,min,mix,mod,negate,node,normalLocal,normalView,normalWorld,normalize,oneMinus,operator,pointCoord,position,positionLocal,positionView,positionWorld,pow,pow2,pow3,pow4,radians,reciprocal,reflect,refract,replace,round,safeEventCall,sampleIndex,sampleMask,sampler2D,saturate,screenCoordinate,screenUV,select,sig,sign,sin,sinh,smoothstep,sortHeadersByDependencies,sqrt,step,struct,tan,tanh,texture,texture2D,textureSize,toVar,transformDirection,trunc,uint,uniform,uv,uvec2,uvec3,uvec4,variable,vec2,vec3,vec4,vertex,vertexIndex,vertexStage,webgl,webgpu});
 //# sourceMappingURL=index.cjs.map