glre 0.35.0 → 0.36.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, Vec4, WebGPUState, WebGLState, Uniform, NodeProxy, Attribute } from './index.js';
-export { AttribData, Attributes, BVec2, BVec3, BVec4, BaseNodeProxy, Bool, Color, Constants, ConstantsToType, Conversions, Float, Fn, FnLayout, Functions, GLClearMode, GLDrawMode, GLDrawType, IVec2, IVec3, IVec4, If, Int, Loop, Mat2, Mat3, Mat4, NodeContext, NodeProps, NodeTypes, Operators, PrecisionMode, Return, Sampler2D, Struct, Switch, Swizzles, Texture, TextureData, UInt, UVec2, UVec3, UVec4, UniformData, Uniforms, Vec2, Vec3, X, 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, default as 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 } from './index.js';
+import { GL, Vec4, WebGPUState, WebGLState, NodeProxy } from './index.js';
+export { AttribData, BVec2, BVec3, BVec4, BaseNodeProxy, Bool, Color, Constants, ConstantsToType, Conversions, Float, Fn, FnLayout, Functions, IVec2, IVec3, IVec4, If, Int, Loop, Mat2, Mat3, Mat4, NodeContext, NodeProps, NodeTypes, Operators, Return, Sampler2D, StorageData, Struct, Switch, Swizzles, Texture, TextureData, UInt, UVec2, UVec3, UVec4, UniformData, Vec2, Vec3, X, abs, acos, acosh, all, any, asin, asinh, assign, atan, atan2, atanh, attribute, bitcast, bool, builtin, bvec2, bvec3, bvec4, cbrt, ceil, clamp, color, compute, constant, conversion, cos, cosh, default as createGL, cross, cubeTexture, dFdx, dFdy, degrees, difference, distance, dot, element, equals, exp, exp2, faceforward, float, floor, fract, fragDepth, fragment, frontFacing, function_, fwidth, iMouse, iResolution, iTime, instanceIndex, int, inverseSqrt, isGL, isServer, 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, round, sampleIndex, sampleMask, sampler2D, saturate, screenCoordinate, screenUV, select, sign, sin, sinh, smoothstep, 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 } from './index.js';
 export { Frame, Fun, Queue } from 'refr';
 
 declare const useGL: (props?: Partial<GL>) => reev.EventState<{
@@ -18,10 +18,13 @@ declare const useGL: (props?: Partial<GL>) => reev.EventState<{
     loading: number;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
+    cs?: string | Vec4;
     fs?: string | Vec4;
     vert?: string | Vec4;
+    comp?: string | Vec4;
     frag?: string | Vec4;
     vertex?: string | Vec4;
+    compute?: string | Vec4;
     fragment?: string | Vec4;
     webgpu: WebGPUState;
     webgl: WebGLState;
@@ -35,22 +38,27 @@ declare const useGL: (props?: Partial<GL>) => reev.EventState<{
     resize(e?: Event): void;
     mousemove(e: Event): void;
     loop(): void;
-    _uniform?(key: string, value: Uniform, isMatrix?: boolean): GL;
-    uniform(key: string, value: Uniform, isMatrix?: boolean): GL;
+    _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
+    uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
     uniform(node: NodeProxy): GL;
     uniform(target: {
-        [key: string]: Uniform;
+        [key: string]: number | number[] | Float32Array<ArrayBufferLike>;
     }): GL;
     _texture?(key: string, value: string): GL;
     texture(key: string, value: string): GL;
     texture(target: {
         [key: string]: string;
     }): GL;
-    _attribute?(key: string, value: Attribute, iboValue?: Attribute): GL;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): GL;
+    _attribute?(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
+    attribute(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
     attribute(target: {
-        [key: string]: Attribute;
+        [key: string]: number[] | Float32Array<ArrayBufferLike>;
+    }): GL;
+    _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
+    storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
+    storage(target: {
+        [key: string]: number[] | Float32Array<ArrayBufferLike>;
     }): GL;
 }, any[] | unknown[]>;
 
-export { Attribute, GL, NodeProxy, Uniform, Vec4, WebGLState, WebGPUState, useGL };
+export { GL, NodeProxy, Vec4, WebGLState, WebGPUState, useGL };

package/dist/native.js

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