glre 0.29.0 → 0.30.0

package/dist/index-q8W5cl04.d.cts

@@ -0,0 +1,358 @@
+import * as refr from 'refr';
+import { Queue, Frame } from 'refr';
+import { EventState } from 'reev';
+
+declare const CONSTANTS: readonly ["bool", "uint", "int", "float", "bvec2", "ivec2", "uvec2", "vec2", "bvec3", "ivec3", "uvec3", "vec3", "bvec4", "ivec4", "uvec4", "vec4", "color", "mat2", "mat3", "mat4"];
+
+type Constants = (typeof CONSTANTS)[number] | 'void';
+interface FnLayout {
+    name: string;
+    type: Constants | 'auto';
+    inputs?: Array<{
+        name: string;
+        type: Constants;
+    }>;
+}
+interface NodeProps {
+    id?: string;
+    args?: X[];
+    type?: string;
+    children?: X[];
+    inferFrom?: X;
+    layout?: FnLayout;
+}
+interface NodeConfig {
+    isWebGL?: boolean;
+    binding?: number;
+    infers?: WeakMap<NodeProxy, Constants>;
+    headers?: Map<string, string>;
+    onMount?: (name: string) => void;
+}
+type _Swizzles<T extends string> = T | `${T}${T}` | `${T}${T}${T}` | `${T}${T}${T}${T}`;
+type Swizzles = _Swizzles<'x' | 'y' | 'z' | 'w'> | _Swizzles<'r' | 'g' | 'b' | 'a'> | _Swizzles<'p' | 'q'> | _Swizzles<'s' | 't'>;
+type NodeTypes = 'attribute' | 'uniform' | 'varying' | 'constant' | 'variable' | 'swizzle' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare';
+interface NodeProxy extends Record<Swizzles, NodeProxy> {
+    add(n: X): NodeProxy;
+    sub(n: X): NodeProxy;
+    mul(n: X): NodeProxy;
+    div(n: X): NodeProxy;
+    mod(n: X): NodeProxy;
+    equal(n: X): NodeProxy;
+    notEqual(n: X): NodeProxy;
+    lessThan(n: X): NodeProxy;
+    lessThanEqual(n: X): NodeProxy;
+    greaterThan(n: X): NodeProxy;
+    greaterThanEqual(n: X): NodeProxy;
+    and(n: X): NodeProxy;
+    or(n: X): NodeProxy;
+    not(): NodeProxy;
+    assign(n: X): NodeProxy;
+    toVar(name?: string): NodeProxy;
+    abs(): NodeProxy;
+    sin(): NodeProxy;
+    cos(): NodeProxy;
+    tan(): NodeProxy;
+    asin(): NodeProxy;
+    acos(): NodeProxy;
+    atan(): NodeProxy;
+    atan2(x: X): NodeProxy;
+    pow(y: X): NodeProxy;
+    pow2(): NodeProxy;
+    pow3(): NodeProxy;
+    pow4(): NodeProxy;
+    sqrt(): NodeProxy;
+    inverseSqrt(): NodeProxy;
+    exp(): NodeProxy;
+    exp2(): NodeProxy;
+    log(): NodeProxy;
+    log2(): NodeProxy;
+    floor(): NodeProxy;
+    ceil(): NodeProxy;
+    round(): NodeProxy;
+    fract(): NodeProxy;
+    trunc(): NodeProxy;
+    min(y: X): NodeProxy;
+    max(y: X): NodeProxy;
+    clamp(min: X, max: X): NodeProxy;
+    saturate(): NodeProxy;
+    mix(y: X, a: X): NodeProxy;
+    step(edge: X): NodeProxy;
+    smoothstep(edge0: X, edge1: X): NodeProxy;
+    length(): NodeProxy;
+    distance(y: X): NodeProxy;
+    dot(y: X): NodeProxy;
+    cross(y: X): NodeProxy;
+    normalize(): NodeProxy;
+    reflect(N: X): NodeProxy;
+    refract(N: X, eta: X): NodeProxy;
+    sign(): NodeProxy;
+    oneMinus(): NodeProxy;
+    reciprocal(): NodeProxy;
+    negate(): NodeProxy;
+    dFdx(): NodeProxy;
+    dFdy(): NodeProxy;
+    fwidth(): NodeProxy;
+    toBool(): NodeProxy;
+    toUint(): NodeProxy;
+    toInt(): NodeProxy;
+    toFloat(): NodeProxy;
+    toBvec2(): NodeProxy;
+    toIvec2(): NodeProxy;
+    toUvec2(): NodeProxy;
+    toVec2(): NodeProxy;
+    toBvec3(): NodeProxy;
+    toIvec3(): NodeProxy;
+    toUvec3(): NodeProxy;
+    toVec3(): NodeProxy;
+    toBvec4(): NodeProxy;
+    toIvec4(): NodeProxy;
+    toUvec4(): NodeProxy;
+    toVec4(): NodeProxy;
+    toColor(): NodeProxy;
+    toMat2(): NodeProxy;
+    toMat3(): NodeProxy;
+    toMat4(): NodeProxy;
+    toString(c?: NodeConfig): string;
+    type: NodeTypes;
+    props: NodeProps;
+    isProxy: true;
+}
+type X = NodeProxy | number | string | boolean | undefined;
+
+type GPUContext = any;
+type GPUDevice = any;
+type GPUBuffer = any;
+type GPUPipeline = any;
+type GPUBindGroup = any;
+type Uniform = number | number[];
+type Attribute = number[];
+type Attributes = Record<string, Attribute>;
+type Uniforms = Record<string, Uniform>;
+type PrecisionMode = 'highp' | 'mediump' | 'lowp';
+type GLClearMode = 'COLOR_BUFFER_BIT' | 'DEPTH_BUFFER_BIT' | 'STENCIL_BUFFER_BIT';
+type GLDrawType = 'UNSIGNED_BYTE' | 'UNSIGNED_SHORT' | 'UNSIGNED_INT';
+type GLDrawMode = 'POINTS' | 'LINE_STRIP' | 'LINE_LOOP' | 'LINES' | 'TRIANGLE_STRIP' | 'TRIANGLE_FAN' | 'TRIANGLES';
+interface WebGLState {
+    context: WebGLRenderingContext;
+    program: WebGLProgram;
+}
+interface WebGPUState {
+    device: GPUDevice;
+    context: GPUContext;
+    pipeline: GPUPipeline;
+    groups: any[];
+    resources: any[];
+    loadingImg: number;
+    needsUpdate: boolean;
+}
+type GL = EventState<{
+    /**
+     * initial value
+     */
+    isNative: boolean;
+    isWebGL: boolean;
+    isLoop: boolean;
+    isGL: true;
+    width: number;
+    height: number;
+    size: [number, number];
+    mouse: [number, number];
+    count: number;
+    el: HTMLCanvasElement;
+    vs: string | NodeProxy;
+    fs: string | NodeProxy;
+    vert: string | NodeProxy;
+    frag: string | NodeProxy;
+    vertex: string | NodeProxy;
+    fragment: string | NodeProxy;
+    /**
+     * core state
+     */
+    webgpu: WebGPUState;
+    webgl: WebGLState;
+    queue: Queue;
+    frame: Frame;
+    /**
+     * events
+     */
+    ref?: any;
+    init(): void;
+    loop(): void;
+    mount(): void;
+    clean(): void;
+    render(): void;
+    resize(e?: Event): void;
+    mousemove(e: Event): void;
+    /**
+     * setter
+     */
+    _uniform?(key: string, value: Uniform, isMatrix?: boolean): GL;
+    uniform(key: string, value: Uniform, isMatrix?: boolean): GL;
+    uniform(target: {
+        [key: string]: Uniform;
+    }): 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(target: {
+        [key: string]: Attribute;
+    }): GL;
+}>;
+
+declare const is: {
+    arr: (arg: any) => arg is any[];
+    bol: (a: unknown) => a is boolean;
+    str: (a: unknown) => a is string;
+    num: (a: unknown) => a is number;
+    int: (a: unknown) => a is number;
+    fun: (a: unknown) => a is Function;
+    und: (a: unknown) => a is undefined;
+    nul: (a: unknown) => a is null;
+    set: (a: unknown) => a is Set<unknown>;
+    map: (a: unknown) => a is Map<unknown, unknown>;
+    obj: (a: unknown) => a is object;
+    nan: (a: unknown) => a is number;
+};
+/**
+ * each
+ */
+type EachFn<Value, Key, This> = (this: This, value: Value, key: Key) => void;
+type Eachable<Value = any, Key = any, This = any> = {
+    forEach(cb: EachFn<Value, Key, This>, ctx?: This): void;
+};
+declare const each: <Value, Key, This>(obj: Eachable<Value, Key, This>, fn: EachFn<Value, Key, This>) => void;
+declare const flush: <Value extends Function, Key, This>(obj: Eachable<Value, Key, This>, ...args: any[]) => void;
+/**
+ * other
+ */
+declare const replace: (x?: string, from?: string, to?: string) => string;
+declare const ext: (src?: string) => string;
+declare const fig: (x?: number) => number;
+declare const dig: (x?: number) => number;
+declare const sig: (value?: number, digit?: number) => number;
+
+declare const createDevice: (c: GPUContext) => Promise<{
+    device: any;
+    format: any;
+}>;
+declare const createPipeline: (device: GPUDevice, format: string, bufferLayouts: any[], bindGroupLayouts: any[], vs?: string | NodeProxy, fs?: string | NodeProxy) => GPUPipeline;
+declare const createBindGroup: (device: GPUDevice, resources: any[]) => {
+    layout: any;
+    bindGroup: any;
+};
+declare const createDescriptor: (c: GPUContext) => {
+    colorAttachments: {
+        view: any;
+        clearValue: {
+            r: number;
+            g: number;
+            b: number;
+            a: number;
+        };
+        loadOp: string;
+        storeOp: string;
+    }[];
+};
+declare const alignTo256: (size: number) => number;
+declare const createVertexBuffer: (device: GPUDevice, value: number[]) => {
+    array: Float32Array<ArrayBuffer>;
+    buffer: any;
+};
+declare const createUniformBuffer: (device: GPUDevice, value: number[]) => {
+    array: Float32Array<ArrayBuffer>;
+    buffer: Buffer;
+};
+declare const createTextureSampler: (device: GPUDevice, width?: number, height?: number) => {
+    texture: any;
+    sampler: any;
+};
+declare const createBufferLayout: (shaderLocation: number, dataLength: number, count?: number) => {
+    arrayStride: number;
+    attributes: {
+        shaderLocation: number;
+        offset: number;
+        format: string;
+    }[];
+};
+
+declare const defaultVertexGLSL = "\n#version 300 es\nvoid main() {\n  float x = float(gl_VertexID % 2) * 4.0 - 1.0;\n  float y = float(gl_VertexID / 2) * 4.0 - 1.0;\n  gl_Position = vec4(x, y, 0.0, 1.0);\n}\n";
+declare const defaultFragmentGLSL = "\n#version 300 es\nprecision mediump float;\nuniform vec2 iResolution;\nout vec4 fragColor;\nvoid main() {\n  fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n}\n";
+declare const createProgram: (c: WebGLRenderingContext, vs?: string | NodeProxy, fs?: string | NodeProxy, onError?: () => void) => void | WebGLProgram;
+declare const createVbo: (c: WebGLRenderingContext, data: number[]) => WebGLBuffer;
+declare const createIbo: (c: WebGLRenderingContext, data: number[]) => WebGLBuffer;
+declare const getStride: (count: number, value: number[], iboValue?: number[]) => number;
+declare const createAttrib: (c: WebGLRenderingContext, stride: number, loc: any, vbo: WebGLBuffer, ibo?: WebGLBuffer) => void;
+declare const createTexture: (c: WebGLRenderingContext, img: HTMLImageElement, loc: any, unit: number) => void;
+
+declare const webgl: (gl: Partial<GL>) => Promise<{
+    webgl: WebGLState;
+    render: () => void;
+    clean: () => void;
+    _attribute: (key: string | undefined, value: number[], iboValue: number[]) => void;
+    _uniform: (key: string, value: number | number[]) => void;
+    _texture: (key: string, src: string) => void;
+}>;
+
+declare const webgpu: (gl: Partial<GL>) => Promise<{
+    webgpu: WebGPUState;
+    render: () => void;
+    clean: () => void;
+    _attribute: (key: string | undefined, value: number[]) => void;
+    _uniform: (key: string, value: number | number[]) => void;
+    _texture: (key: string, src: string) => void;
+}>;
+
+declare const isGL: (a: unknown) => a is EventState<GL>;
+declare const isServer: () => boolean;
+declare const isWebGPUSupported: () => boolean;
+declare const createGL: (props?: Partial<GL>) => EventState<{
+    isNative: boolean;
+    isWebGL: boolean;
+    isLoop: boolean;
+    isGL: true;
+    width: number;
+    height: number;
+    size: [number, number];
+    mouse: [number, number];
+    count: number;
+    el: HTMLCanvasElement;
+    vs: string | NodeProxy;
+    fs: string | NodeProxy;
+    vert: string | NodeProxy;
+    frag: string | NodeProxy;
+    vertex: string | NodeProxy;
+    fragment: string | NodeProxy;
+    webgpu: WebGPUState;
+    webgl: WebGLState;
+    queue: refr.Queue;
+    frame: refr.Frame;
+    ref?: any;
+    init(): void;
+    loop(): void;
+    mount(): void;
+    clean(): void;
+    render(): void;
+    resize(e?: Event): void;
+    mousemove(e: Event): void;
+    _uniform?(key: string, value: Uniform, isMatrix?: boolean): GL;
+    uniform(key: string, value: Uniform, isMatrix?: boolean): GL;
+    uniform(target: {
+        [key: string]: Uniform;
+    }): 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(target: {
+        [key: string]: Attribute;
+    }): GL;
+}, any[] | unknown[]>;
+
+export { type Attribute as A, createDescriptor as B, alignTo256 as C, createVertexBuffer as D, createUniformBuffer as E, createTextureSampler as F, type GL as G, createBufferLayout as H, defaultVertexGLSL as I, defaultFragmentGLSL as J, createProgram as K, createVbo as L, createIbo as M, type NodeProxy as N, getStride as O, type PrecisionMode as P, createAttrib as Q, createTexture as R, webgl as S, webgpu as T, type Uniform as U, type WebGPUState as W, type WebGLState as a, isServer as b, isWebGPUSupported as c, createGL as d, type GPUContext as e, type GPUDevice as f, type GPUBuffer as g, type GPUPipeline as h, isGL as i, type GPUBindGroup as j, type Attributes as k, type Uniforms as l, type GLClearMode as m, type GLDrawType as n, type GLDrawMode as o, is as p, each as q, flush as r, replace as s, ext as t, fig as u, dig as v, sig as w, createDevice as x, createPipeline as y, createBindGroup as z };

package/dist/index.cjs

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