glre 0.20.0 → 0.22.0

package/dist/native.d.ts

@@ -1,532 +1,9 @@
-import * as refr from 'refr';
-import { Fun } from 'refr';
-import { P as PrecisionMode, U as Uniform, A as Attribute, G as GLClearMode, a as GLDrawMode } from './types-2792569d.js';
+import * as reev from 'reev';
+import { GL } from './index.js';
+export { Attribute, Attributes, BufferUsage, CACHE_BOOLS, CACHE_FLOATS, CACHE_INTS, ConditionalNode, ConversionContext, FUNCTIONS, Fn, FunctionNode, GLClearMode, GLDrawMode, GLDrawType, If, MathFunction, MathMethods, Node, NodeCreator, NodeType, OPERATORS, Operator, OperatorMethods, PrecisionMode, ProxyCallback, SWIZZLES, Swillzes, SwizzleProperties, TYPES, TextureFormat, TextureUsage, Uniform, UniformNode, Uniforms, X, abs, activeTexture, alignBufferSize, bool, calculateBufferSize, ceil, checkWebGPUSupport, color, configureCanvasContext, convertToNode, cos, createAttribute, createBindGroup, createBindGroupLayout, createBuffer, createBuffers, createCommandEncoder, createComputePipeline, createCubeTexture, createDepthTexture, createEmptyTexture, createFragmentShader, default as createGL, createIbo, createIndexBuffer, createNode, createProgram, createRenderPass, createRenderPipeline, createSampler, createShaderModule, createStorageBuffer, createTexture, createTextureFromImage, createTextureView, createUniformBuffer, createVbo, createVertexBuffer, createVertexShader, deleteBuffer, deleteProgram, deleteShader, deleteTexture, destroyBuffer, destroyTexture, dig, each, ext, fig, findDuplicateNodes, float, floor, flush, fract, getAttribLocation, getCachedBool, getCachedFloat, getCachedInt, getDeviceLimits, getProgramInfo, getShaderInfo, getUniformLocation, getUniformType, gl_FragCoord, gl_Position, glsl, iDeltaTime, iMouse, iPrevTime, iResolution, iTime, int, is, isGL, isServer, isWebGPUSupported, length, node, nodeToGLSL, nodeToWGSL, normalize, replace, requestWebGPUDevice, setupDeviceErrorHandling, sig, sin, sqrt, tan, uniform, updateBuffer, updateIbo, updateTexture, updateUniforms, updateVbo, vec2, vec3, vec4, vertexStride, webgl, webgpu, wgsl } from './index.js';
+export { Frame, Fun, Queue } from 'refr';
+import 'refr/dist/types-687121c7';
 
-declare const useGL: (props?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => any;
-declare const useTF: (props: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>;
-declare const useTexture: (props: any, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => any;
-declare const useAttribute: (props: any, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => any;
-declare const useUniform: (props: any, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => any;
-declare const useFrame: (fun: Fun, self?: EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>) => EventState<{
-    id: string;
-    width: number;
-    height: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    vs: string;
-    fs: string;
-    vert: string;
-    frag: string;
-    vertex: string;
-    fragment: string;
-    varying: string;
-    int: PrecisionMode;
-    float: PrecisionMode;
-    sampler2D: PrecisionMode;
-    samplerCube: PrecisionMode;
-    lastActiveUnit: number;
-    gl: any;
-    pg: any;
-    el: any;
-    frame: refr.Queue;
-    target: any;
-    stride: Nested<number>;
-    location: Nested<any>;
-    activeUnit: Nested<number>;
-    default: any;
-    ref?: any;
-    init(varying?: string[]): void;
-    mount(): void;
-    clean(): void;
-    render(): void;
-    mousemove(e: Event): void;
-    resize(e?: Event, width?: number, height?: number): void;
-    load(e?: Event, image?: HTMLImageElement): void;
-    uniform(key: string, value: Uniform): EventState<any>;
-    uniform(target: {
-        [key: string]: Uniform;
-    }): EventState<any>;
-    texture(key: string, value: string): EventState<any>;
-    texture(target: {
-        [key: string]: string;
-    }): EventState<any>;
-    attribute(key: string, value: Attribute, iboValue?: Attribute): EventState<any>;
-    attribute(target: {
-        [key: string]: Attribute;
-    }): EventState<any>;
-    clear(key?: GLClearMode): void;
-    viewport(size?: [number, number]): void;
-    drawArrays(key?: GLDrawMode): void;
-    drawElements(key?: GLDrawMode): void;
-}>;
+declare const useGL: (props?: Partial<GL>) => reev.EventState<GL>;
 
-export { useAttribute, useFrame, useGL, useTF, useTexture, useUniform };
+export { GL, useGL };

package/dist/native.js

@@ -1,15 +1,48 @@
-var b=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var V=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var n in t)b(e,n,{get:t[n],enumerable:!0})},$=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of W(t))!V.call(e,o)&&o!==n&&b(e,o,{get:()=>t[o],enumerable:!(a=Y(t,o))||a.enumerable});return e};var q=e=>$(b({},"__esModule",{value:!0}),e);var te={};k(te,{useAttribute:()=>g,useFrame:()=>re,useGL:()=>Q,useTF:()=>Z,useTexture:()=>l,useUniform:()=>ee});module.exports=q(te);var R=require("react"),w=require("react-native"),A=require("reev/react");var T=require("reev"),F=require("refr");var D=(e,t=!1)=>{let n=typeof e=="number"?0:e?.length;return n?t?(n=Math.sqrt(n)<<0,`uniformMatrix${n}fv`):`uniform${n}fv`:"uniform1f"},L=(e,t,n)=>{n&&(e=Math.max(...n)+1);let a=t.length/e;return a!==a<<0&&console.warn(`Vertex Stride Error: count ${e} is mismatch`),a<<0},x=(e,t,n)=>{let a=e.createShader(n);if(e.shaderSource(a,t),e.compileShader(a),e.getShaderParameter(a,e.COMPILE_STATUS))return a;throw`Could not compile glsl
+"use strict";var U=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Le=Object.prototype.hasOwnProperty;var _e=(e,r)=>{for(var t in r)U(e,t,{get:r[t],enumerable:!0})},Ae=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of $e(r))!Le.call(e,o)&&o!==t&&U(e,o,{get:()=>r[o],enumerable:!(n=Se(r,o))||n.enumerable});return e};var Ce=e=>Ae(U({},"__esModule",{value:!0}),e);var dt={};_e(dt,{BufferUsage:()=>yr,CACHE_BOOLS:()=>J,CACHE_FLOATS:()=>re,CACHE_INTS:()=>ee,FUNCTIONS:()=>Q,Fn:()=>Kr,If:()=>Zr,OPERATORS:()=>Z,SWIZZLES:()=>K,TYPES:()=>vr,TextureFormat:()=>Ur,TextureUsage:()=>wr,abs:()=>nt,activeTexture:()=>D,alignBufferSize:()=>hr,bool:()=>Yr,calculateBufferSize:()=>Er,ceil:()=>ft,checkWebGPUSupport:()=>Qe,color:()=>jr,configureCanvasContext:()=>rr,convertToNode:()=>zr,cos:()=>it,createAttribute:()=>N,createBindGroup:()=>sr,createBindGroupLayout:()=>ar,createBuffer:()=>R,createBuffers:()=>br,createCommandEncoder:()=>H,createComputePipeline:()=>or,createCubeTexture:()=>We,createDepthTexture:()=>$r,createEmptyTexture:()=>Ie,createFragmentShader:()=>I,createGL:()=>se,createIbo:()=>P,createIndexBuffer:()=>lr,createNode:()=>h,createProgram:()=>B,createRenderPass:()=>k,createRenderPipeline:()=>Y,createSampler:()=>Lr,createShaderModule:()=>ir,createStorageBuffer:()=>xr,createTexture:()=>W,createTextureFromImage:()=>Sr,createTextureView:()=>_r,createUniformBuffer:()=>dr,createVbo:()=>v,createVertexBuffer:()=>cr,createVertexShader:()=>X,deleteBuffer:()=>we,deleteProgram:()=>F,deleteShader:()=>ue,deleteTexture:()=>Xe,destroyBuffer:()=>Tr,destroyTexture:()=>Cr,dig:()=>qe,each:()=>pe,ext:()=>ze,fig:()=>Ve,findDuplicateNodes:()=>Dr,float:()=>A,floor:()=>ut,flush:()=>De,fract:()=>mt,getAttribLocation:()=>Ge,getCachedBool:()=>$,getCachedFloat:()=>_,getCachedInt:()=>L,getDeviceLimits:()=>Je,getProgramInfo:()=>Pe,getShaderInfo:()=>Me,getUniformLocation:()=>Ne,getUniformType:()=>M,gl_FragCoord:()=>Qr,gl_Position:()=>Jr,glsl:()=>b,iDeltaTime:()=>ge,iMouse:()=>tt,iPrevTime:()=>xe,iResolution:()=>rt,iTime:()=>et,int:()=>qr,is:()=>a,isGL:()=>ae,isServer:()=>me,isWebGPUSupported:()=>O,length:()=>ct,node:()=>u,nodeToGLSL:()=>ce,nodeToWGSL:()=>le,normalize:()=>pt,replace:()=>Oe,requestWebGPUDevice:()=>q,setupDeviceErrorHandling:()=>er,sig:()=>Ye,sin:()=>ot,sqrt:()=>st,tan:()=>at,uniform:()=>l,updateBuffer:()=>gr,updateIbo:()=>ve,updateTexture:()=>Ar,updateUniforms:()=>Wr,updateVbo:()=>Ue,useGL:()=>lt,vec2:()=>kr,vec3:()=>he,vec4:()=>Hr,vertexStride:()=>G,webgl:()=>V,webgpu:()=>j,wgsl:()=>y});module.exports=Ce(dt);var ye=require("react"),Re=require("react-native");var d=require("reev"),w=require("refr");var z=require("reev");var v=(e,r)=>{let t=e.createBuffer();if(!t)throw new Error("Failed to create VBO");return e.bindBuffer(e.ARRAY_BUFFER,t),e.bufferData(e.ARRAY_BUFFER,new Float32Array(r),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),t},P=(e,r)=>{let t=e.createBuffer();if(!t)throw new Error("Failed to create IBO");return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(r),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),t},N=(e,r,t,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,r,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},we=(e,r)=>{e.deleteBuffer(r)},G=(e,r,t)=>{t&&(e=Math.max(...t)+1);let n=r.length/e;return n!==Math.floor(n)&&console.warn(`Vertex Stride Error: count ${e} is mismatch`),Math.floor(n)},Ue=(e,r,t,n=e.STATIC_DRAW)=>{e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),n),e.bindBuffer(e.ARRAY_BUFFER,null)},ve=(e,r,t,n=e.STATIC_DRAW)=>{e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),n),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null)};var B=(e,r,t)=>{let n=e.createProgram();if(!n)throw new Error("Failed to create pg");if(e.attachShader(n,r),e.attachShader(n,t),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let o=e.getProgramInfoLog(n);throw e.deleteProgram(n),new Error(`Could not link pg: ${o}`)},F=(e,r)=>{e.deleteProgram(r)},Pe=(e,r)=>({linked:e.getProgramParameter(r,e.LINK_STATUS),log:e.getProgramInfoLog(r),activeAttributes:e.getProgramParameter(r,e.ACTIVE_ATTRIBUTES),activeUniforms:e.getProgramParameter(r,e.ACTIVE_UNIFORMS)}),M=(e,r=!1)=>{let t=typeof e=="number"?0:e?.length;return t?r?(t=Math.sqrt(t)<<0,`uniformMatrix${t}fv`):`uniform${t}fv`:"uniform1f"},Ne=(e,r,t)=>e.getUniformLocation(r,t),Ge=(e,r,t)=>e.getAttribLocation(r,t);var Be=`
+attribute vec4 a_position;
+void main() {
+  gl_Position = a_position;
+}
+`,Fe=`
+precision mediump float;
+uniform vec2 iResolution;
+void main() {
+  gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
+}
+`,ue=(e,r)=>{e.deleteShader(r)},fe=(e,r,t)=>{let n=e.createShader(t);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,r),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);throw ue(e,n),new Error(`Could not compile shader: ${o}`)},X=(e,r=Be)=>fe(e,r,e.VERTEX_SHADER),I=(e,r=Fe)=>fe(e,r,e.FRAGMENT_SHADER),Me=(e,r)=>({compiled:e.getShaderParameter(r,e.COMPILE_STATUS),log:e.getShaderInfoLog(r),source:e.getShaderSource(r)});var W=(e,r)=>{let t=e.createTexture();if(!t)throw new Error("Failed to create texture");return e.bindTexture(e.TEXTURE_2D,t),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,r),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),t},D=(e,r,t,n)=>{r&&(e.uniform1i(r,t),e.activeTexture(e.TEXTURE0+t),e.bindTexture(e.TEXTURE_2D,n))},Xe=(e,r)=>{e.deleteTexture(r)},Ie=(e,r=1280,t=800,n=e.RGBA,o=e.UNSIGNED_BYTE)=>{let i=e.createTexture();if(!i)throw new Error("Failed to create empty texture");return e.bindTexture(e.TEXTURE_2D,i),e.texImage2D(e.TEXTURE_2D,0,n,r,t,0,n,o,null),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),i},We=(e,r)=>{if(r.length!==6)throw new Error("Cube texture requires exactly 6 imgs");let t=e.createTexture();if(!t)throw new Error("Failed to create cube texture");return e.bindTexture(e.TEXTURE_CUBE_MAP,t),[e.TEXTURE_CUBE_MAP_POSITIVE_X,e.TEXTURE_CUBE_MAP_NEGATIVE_X,e.TEXTURE_CUBE_MAP_POSITIVE_Y,e.TEXTURE_CUBE_MAP_NEGATIVE_Y,e.TEXTURE_CUBE_MAP_POSITIVE_Z,e.TEXTURE_CUBE_MAP_NEGATIVE_Z].forEach((o,i)=>{e.texImage2D(o,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,r[i])}),e.generateMipmap(e.TEXTURE_CUBE_MAP),e.texParameteri(e.TEXTURE_CUBE_MAP,e.TEXTURE_MIN_FILTER,e.LINEAR_MIPMAP_LINEAR),e.texParameteri(e.TEXTURE_CUBE_MAP,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_CUBE_MAP,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_CUBE_MAP,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_CUBE_MAP,null),t};var a={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)},me=()=>typeof window>"u",O=()=>me()?!1:"gpu"in navigator,pe=(e,r)=>e.forEach(r),De=(e,...r)=>{pe(e,t=>t(...r))},Oe=(e="",r="_",t="/")=>e.split(r).join(t),ze=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",Ve=(e=0)=>`${e}`.split(".")[1]?.length??0,qe=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Ye=(e=0,r=-2)=>(r*=-1,r=Math.pow(10,r),e*=r,e=Math.round(e),e/=r,e);var ce=(e,r)=>{let t={target:"webgl",precision:"mediump",version:"300 es",nodes:new Map,variables:new Map,functions:new Map,...r};return T(e,t)},T=(e,r)=>e?a.und(e.value)?e.property&&e.parent?`${T(e.parent,r)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?He(e,r):e.mathFunction&&e.children&&e.children.length>=1?je(e,r):"0.0":ke(e.value,e.type):"0.0",ke=(e,r)=>{if(r==="float"){let t=Number(e);return t%1===0?`${t}.0`:`${t}`}if(r==="int")return`${Math.floor(Number(e))}`;if(r==="bool")return e?"true":"false";if(a.arr(e)){let t=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(r==="vec2")return`vec2(${t})`;if(r==="vec3")return`vec3(${t})`;if(r==="vec4")return`vec4(${t})`;if(r==="color")return`vec3(${t})`}return"0.0"},He=(e,r)=>{if(!e.children||e.children.length<2)return"0.0";let t=T(e.children[0],r),n=T(e.children[1],r);return e.operator==="add"?`(${t} + ${n})`:e.operator==="sub"?`(${t} - ${n})`:e.operator==="mul"?`(${t} * ${n})`:e.operator==="div"?`(${t} / ${n})`:e.operator==="mod"?`mod(${t}, ${n})`:e.operator==="equal"?`(${t} == ${n})`:e.operator==="notEqual"?`(${t} != ${n})`:e.operator==="lessThan"?`(${t} < ${n})`:e.operator==="lessThanEqual"?`(${t} <= ${n})`:e.operator==="greaterThan"?`(${t} > ${n})`:e.operator==="greaterThanEqual"?`(${t} >= ${n})`:e.operator==="and"?`(${t} && ${n})`:e.operator==="or"?`(${t} || ${n})`:`(${t} + ${n})`},je=(e,r)=>{if(!e.children||e.children.length<1)return"0.0";let t=e.mathFunction,n=e.children.map(f=>T(f,r)),[o,i,s]=n;if(n.length===1){if(t==="abs")return`abs(${o})`;if(t==="acos")return`acos(${o})`;if(t==="asin")return`asin(${o})`;if(t==="atan")return`atan(${o})`;if(t==="ceil")return`ceil(${o})`;if(t==="cos")return`cos(${o})`;if(t==="floor")return`floor(${o})`;if(t==="fract")return`fract(${o})`;if(t==="length")return`length(${o})`;if(t==="normalize")return`normalize(${o})`;if(t==="sin")return`sin(${o})`;if(t==="sqrt")return`sqrt(${o})`;if(t==="tan")return`tan(${o})`}if(n.length===2){if(t==="atan2")return`atan(${o}, ${i})`;if(t==="pow")return`pow(${o}, ${i})`;if(t==="min")return`min(${o}, ${i})`;if(t==="max")return`max(${o}, ${i})`;if(t==="dot")return`dot(${o}, ${i})`;if(t==="cross")return`cross(${o}, ${i})`;if(t==="distance")return`distance(${o}, ${i})`;if(t==="reflect")return`reflect(${o}, ${i})`}if(n.length===3){if(t==="mix")return`mix(${o}, ${i}, ${s})`;if(t==="clamp")return`clamp(${o}, ${i}, ${s})`;if(t==="smoothstep")return`smoothstep(${o}, ${i}, ${s})`;if(t==="refract")return`refract(${o}, ${i}, ${s})`}return o||"0.0"},Ke=e=>{if(a.num(e))return"float";if(a.bol(e))return"bool";if(a.arr(e)){let r=e.length;if(r===2)return"vec2";if(r===3)return"vec3";if(r===4)return"vec4"}return"float"},b=(e,r)=>{let t=r?.precision||"mediump",o=(r?.version||"300 es")==="300 es",i=ce(e),s="";return o&&(s+=`#version 300 es
+`),s+=`precision ${t} float;
 
-`+e.getShaderInfoLog(a)},y=(e,t,n)=>{let a=e.createProgram();return e.attachShader(a,t),e.attachShader(a,n),e.linkProgram(a),e.getProgramParameter(a,e.LINK_STATUS)?(e.useProgram(a),a):(console.log(e.getProgramInfoLog(a)),null)},B=(e,t,n,a)=>{let o=e.createProgram();return e.attachShader(o,t),e.attachShader(o,n),e.transformFeedbackVaryings(o,a,e.SEPARATE_ATTRIBS),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS)?(e.useProgram(o),o):(console.warn(e.getProgramInfoLog(o)),null)},v=(e,t)=>{if(!t)return;let n=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,n),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),n},X=(e,t)=>{if(!t)return;let n=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,n),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),n},S=(e,t,n,a,o)=>{e.bindBuffer(e.ARRAY_BUFFER,a),e.enableVertexAttribArray(n),e.vertexAttribPointer(n,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)};var I=(e,t)=>{let n=e.createTexture();return 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),n},M=(e,t,n,a)=>{e.uniform1i(t,n),e.activeTexture(e["TEXTURE"+n]),e.bindTexture(e.TEXTURE_2D,a)};var K=[-1,-1,1,-1,-1,1,-1,1,1,-1,1,1],j=`
-  attribute vec4 a_position;
-  void main() {
-    gl_Position = a_position;
-  }
-`,J=`
-  precision mediump float;
-  uniform vec2 iResolution;
-  void main() {
-    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
-  }
-`,d=performance.now(),U=0,h=0,G=e=>{let r=(0,T.event)({vertex:j,fragment:J,size:[0,0],mouse:[0,0],count:6,counter:0,init:()=>{r(e);let i=r.gl,u=r.vs||r.vert||r.vertex,m=r.fs||r.frag||r.fragment,E=x(i,u,i.VERTEX_SHADER),c=x(i,m,i.FRAGMENT_SHADER);r.count===6&&r.attribute({a_position:K}),(0,F.frame)(()=>void r.render()||1),r.pg=r.varying?B(i,E,c,r.varying):y(i,E,c),r.lastActiveUnit=0,r.activeUnit=(0,T.nested)(()=>r.lastActiveUnit++),r.location=(0,T.nested)((s,_=!1)=>_?i?.getAttribLocation(r.pg,s):i?.getUniformLocation(r.pg,s))},render:()=>{r.gl.useProgram(r.pg),r.frame.flush(),U=d,d=performance.now()/1e3,h=d-U,r.uniform({iTime:d,iPrevTime:U,iDeltaTime:h})},resize:(i,u=r.width||window.innerWidth,m=r.height||window.innerHeight)=>{r.size[0]=r.el.width=u,r.size[1]=r.el.height=m,r.uniform("iResolution",r.size)},mousemove:(i,u=i.clientX,m=i.clientY)=>{let[E,c]=r.size,{top:s,left:_}=r.el.getBoundingClientRect();r.mouse[0]=(u-s-E/2)/(E/2),r.mouse[1]=-(m-_-c/2)/(c/2),r.uniform("iMouse",r.mouse)},load:(i,u)=>{r.frame(()=>{let m=r.location(u.alt),E=r.activeUnit(u.alt),c=I(r.gl,u);r.frame(()=>(M(r.gl,m,E,c),!0))})},clear:(i="COLOR_BUFFER_BIT")=>{r.frame(()=>void r.gl.clear(r.gl[i]))},viewport:(i=r.size)=>{r.frame(()=>void r.gl.viewport(0,0,...i))},drawArrays:(i="TRIANGLES")=>{r.frame(()=>{r.gl.drawArrays(r.gl[i],0,r.count)})},drawElements:(i="TRIANGLES",u="UNSIGNED_SHORT")=>{r.frame(()=>{i=r.gl[i],u=r.gl[u],r.gl.drawElements(i,r.count,u,0)})}}),O=(i,u,m="anonymous")=>{if(typeof window>"u")return;let E=new Image,c=s=>r.load(s,E);E.addEventListener("load",c,!1),Object.assign(E,{src:u,alt:i,crossOrigin:m})},C=(i,u=0,m=!1)=>{let E=D(u,m);r.frame(()=>{let c=r.location(i);m?r.gl[E](c,!1,u):r.gl[E](c,u)})},z=(i,u,m)=>{r.frame(()=>{let E=r.location(i,!0),c=v(r.gl,u),s=X(r.gl,m),_=r.count,H=L(_,u,m);S(r.gl,H,E,c,s)})};return r.frame=(0,F.queue)(),r.texture=(0,T.durable)(O),r.uniform=(0,T.durable)(C),r.attribute=(0,T.durable)(z),r},f=G(),N=(e,t=f)=>{let n=()=>{o(e),o.el=t.el,o.gl=t.gl,o.frame=t.frame,o.init(),t({resize:o.resize,mousemove:o.mousemove})},a=()=>{o(e),t({resize:o.resize,mousemove:o.mousemove})},o=G();return o({mount:n,clean:a}),o};var p=require("refr"),Q=(e={},t=f)=>{let n=()=>{t.resize(void 0,t.gl.drawingBufferWidth,t.gl.drawingBufferHeight)},a=(0,A.useMutable)(e),o=(0,A.useMutable)({ref(P){t.el={},t.gl=P,t.mount()},mount(){t.init(),n(),p.frame.start(),w.Dimensions.addEventListener("change",n)},clean(){t(o)(a),p.frame.cancel()}});return(0,R.useEffect)(()=>t.clean,[t]),(0,R.useMemo)(()=>t(o)(a),[t,o,a])},Z=(e,t=f)=>{let n=(0,A.useMutable)(e),a=(0,R.useMemo)(()=>N(n,t),[n,t]);return(0,R.useEffect)(()=>void a.mount()||a.clean,[t]),a},l=(e,t=f)=>t.texture(e),g=(e,t=f)=>t.attribute(e),ee=(e,t=f)=>t.uniform(e),re=(e,t=f)=>{let n=(0,A.useMutable)(e);return(0,R.useEffect)(()=>t.frame(e),[]),(0,R.useEffect)(()=>()=>t.frame(n),[]),t};0&&(module.exports={useAttribute,useFrame,useGL,useTF,useTexture,useUniform});
+`,r?.uniforms&&(Object.entries(r.uniforms).forEach(([f,p])=>{let x=Ke(p);s+=`uniform ${x} ${f};
+`}),s+=`
+`),o&&(s+=`out vec4 fragColor;
+
+`),s+=`void main() {
+`,s+=o?`    fragColor = ${i};
+`:`    gl_FragColor = ${i};
+`,s+=`}
+`,s};var Ze=[-1,-1,1,-1,-1,1,-1,1,1,-1,1,1],V=e=>{e("init",()=>{let n=e.gl,o=e.vs||e.vert||e.vertex,i=e.fs||e.frag||e.fragment;a.obj(i)&&(i=b(i)),a.obj(o)&&(o=b(o)),e.count===6&&e.attribute({a_position:Ze}),e.pg=B(n,X(n,o),I(n,i)),e.location=(0,z.nested)((s,f=!1)=>f?n.getAttribLocation(e.pg,s):n.getUniformLocation(e.pg,s))}),e("clean",()=>{let n=e.gl;F(n,e.pg)}),e("render",()=>{let n=e.gl;n.useProgram(e.pg),e.queue.flush(),n.clear(n.COLOR_BUFFER_BIT),n.viewport(0,0,...e.size),n.drawArrays(n.TRIANGLES,0,e.count)}),e("_attribute",(n="",o,i)=>{let s=e.gl,f=e.count,p=e.location(n,!0),x=v(s,o),c=P(s,i),m=G(f,o,i);N(s,m,p,x,c)}),e("_uniform",(n,o=0,i=!1)=>{let s=M(o,i),f=e.gl,p=e.location(n);i?f[s](p,!1,o):f[s](p,o)});let r=n=>{let o=e.location(n.alt),i=e.activeUnit(n.alt),s=W(e.gl,n);D(e.gl,o,i,s)};e("_texture",(n,o)=>{let i=new Image;i.addEventListener("load",r.bind(null,i),!1),Object.assign(i,{src:o,alt:n,crossOrigin:"anonymous"})});let t=0;return e.activeUnit=(0,z.nested)(()=>t++),e};var q=async()=>{if(!navigator.gpu)throw new Error("WebGPU is not supported in this browser");let e=await navigator.gpu.requestAdapter();if(!e)throw new Error("Failed to get WebGPU adapter");let r=await e.requestDevice();if(!r)throw new Error("Failed to get WebGPU device");return{adapter:e,device:r}},Qe=()=>"gpu"in navigator,Je=e=>({maxTextureDimension1D:e.limits.maxTextureDimension1D,maxTextureDimension2D:e.limits.maxTextureDimension2D,maxTextureDimension3D:e.limits.maxTextureDimension3D,maxTextureArrayLayers:e.limits.maxTextureArrayLayers,maxBindGroups:e.limits.maxBindGroups,maxDynamicUniformBuffersPerPipelineLayout:e.limits.maxDynamicUniformBuffersPerPipelineLayout,maxDynamicStorageBuffersPerPipelineLayout:e.limits.maxDynamicStorageBuffersPerPipelineLayout,maxSampledTexturesPerShaderStage:e.limits.maxSampledTexturesPerShaderStage,maxSamplersPerShaderStage:e.limits.maxSamplersPerShaderStage,maxStorageBuffersPerShaderStage:e.limits.maxStorageBuffersPerShaderStage,maxStorageTexturesPerShaderStage:e.limits.maxStorageTexturesPerShaderStage,maxUniformBuffersPerShaderStage:e.limits.maxUniformBuffersPerShaderStage,maxUniformBufferBindingSize:e.limits.maxUniformBufferBindingSize,maxStorageBufferBindingSize:e.limits.maxStorageBufferBindingSize,maxVertexBuffers:e.limits.maxVertexBuffers,maxVertexAttributes:e.limits.maxVertexAttributes,maxVertexBufferArrayStride:e.limits.maxVertexBufferArrayStride,maxComputeWorkgroupStorageSize:e.limits.maxComputeWorkgroupStorageSize,maxComputeInvocationsPerWorkgroup:e.limits.maxComputeInvocationsPerWorkgroup,maxComputeWorkgroupSizeX:e.limits.maxComputeWorkgroupSizeX,maxComputeWorkgroupSizeY:e.limits.maxComputeWorkgroupSizeY,maxComputeWorkgroupSizeZ:e.limits.maxComputeWorkgroupSizeZ,maxComputeWorkgroupsPerDimension:e.limits.maxComputeWorkgroupsPerDimension}),er=e=>{e.addEventListener("uncapturederror",r=>{console.error("WebGPU uncaptured error:",r.error)})},rr=(e,r,t="bgra8unorm")=>{let n=e.getContext("webgpu");if(!n)throw new Error("Failed to get WebGPU canvas context");return n.configure({device:r,format:t,alphaMode:"premultiplied"}),n};var tr=`
+@vertex
+fn main(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
+    var pos = array<vec2<f32>, 6>(
+        vec2<f32>(-1.0, -1.0),
+        vec2<f32>( 1.0, -1.0),
+        vec2<f32>(-1.0,  1.0),
+        vec2<f32>(-1.0,  1.0),
+        vec2<f32>( 1.0, -1.0),
+        vec2<f32>( 1.0,  1.0)
+    );
+    return vec4<f32>(pos[vertexIndex], 0.0, 1.0);
+}
+`,nr=`
+@fragment
+fn main() -> @location(0) vec4<f32> {
+    return vec4<f32>(1.0, 0.0, 0.0, 1.0);
+}
+`,Y=(e,r=tr,t=nr,n="bgra8unorm")=>{let o=e.createShaderModule({code:r}),i=e.createShaderModule({code:t});return e.createRenderPipeline({layout:"auto",vertex:{module:o,entryPoint:"main"},fragment:{module:i,entryPoint:"main",targets:[{format:n}]},primitive:{topology:"triangle-list"}})},or=(e,r)=>{let t=e.createShaderModule({code:r});return e.createComputePipeline({layout:"auto",compute:{module:t,entryPoint:"main"}})},ir=(e,r)=>e.createShaderModule({code:r}),ar=(e,r)=>e.createBindGroupLayout({entries:r}),sr=(e,r,t)=>e.createBindGroup({layout:r,entries:t}),k=(e,r,t)=>{let n={colorAttachments:[r]};return t&&(n.depthStencilAttachment=t),e.beginRenderPass(n)},H=e=>e.createCommandEncoder();var le=(e,r)=>{let t={target:"webgpu",nodes:new Map,variables:new Map,functions:new Map,...r};return E(e,t)},E=(e,r)=>e?e.value!==void 0?ur(e.value,e.type):e.property&&e.parent?`${E(e.parent,r)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?fr(e,r):e.mathFunction&&e.children&&e.children.length>=1?mr(e,r):"0.0":"0.0",ur=(e,r)=>{if(r==="float"){let t=Number(e);return t%1===0?`${t}.0`:`${t}`}if(r==="int")return`${Math.floor(Number(e))}`;if(r==="bool")return e?"true":"false";if(a.arr(e)){let t=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(r==="vec2")return`vec2<f32>(${t})`;if(r==="vec3")return`vec3<f32>(${t})`;if(r==="vec4")return`vec4<f32>(${t})`;if(r==="color")return`vec3<f32>(${t})`}return"0.0"},fr=(e,r)=>{if(!e.children||e.children.length<2)return"0.0";let t=E(e.children[0],r),n=E(e.children[1],r);return e.operator==="add"?`(${t} + ${n})`:e.operator==="sub"?`(${t} - ${n})`:e.operator==="mul"?`(${t} * ${n})`:e.operator==="div"?`(${t} / ${n})`:e.operator==="mod"?`(${t} % ${n})`:e.operator==="equal"?`(${t} == ${n})`:e.operator==="notEqual"?`(${t} != ${n})`:e.operator==="lessThan"?`(${t} < ${n})`:e.operator==="lessThanEqual"?`(${t} <= ${n})`:e.operator==="greaterThan"?`(${t} > ${n})`:e.operator==="greaterThanEqual"?`(${t} >= ${n})`:e.operator==="and"?`(${t} && ${n})`:e.operator==="or"?`(${t} || ${n})`:`(${t} + ${n})`},mr=(e,r)=>{if(!e.children||e.children.length<1)return"0.0";let t=e.mathFunction,n=e.children.map(f=>E(f,r)),[o,i,s]=n;if(n.length===1){if(t==="abs")return`abs(${o})`;if(t==="acos")return`acos(${o})`;if(t==="asin")return`asin(${o})`;if(t==="atan")return`atan(${o})`;if(t==="ceil")return`ceil(${o})`;if(t==="cos")return`cos(${o})`;if(t==="floor")return`floor(${o})`;if(t==="fract")return`fract(${o})`;if(t==="length")return`length(${o})`;if(t==="normalize")return`normalize(${o})`;if(t==="sin")return`sin(${o})`;if(t==="sqrt")return`sqrt(${o})`;if(t==="tan")return`tan(${o})`}if(n.length===2){if(t==="atan2")return`atan2(${o}, ${i})`;if(t==="pow")return`pow(${o}, ${i})`;if(t==="min")return`min(${o}, ${i})`;if(t==="max")return`max(${o}, ${i})`;if(t==="dot")return`dot(${o}, ${i})`;if(t==="cross")return`cross(${o}, ${i})`;if(t==="distance")return`distance(${o}, ${i})`;if(t==="reflect")return`reflect(${o}, ${i})`}return n.length===3?t==="mix"?`mix(${o}, ${i}, ${s})`:t==="clamp"?`clamp(${o}, ${i}, ${s})`:t==="smoothstep"?`smoothstep(${o}, ${i}, ${s})`:o:o||"0.0"},y=(e,r)=>{let t="";r?.uniforms&&(Object.entries(r.uniforms).forEach(([o,i])=>{let s=pr(i);t+=`@group(0) @binding(0) var<uniform> ${o}: ${s};
+`}),t+=`
+`),t+=`@fragment
+`,t+=`fn main() -> @location(0) vec4<f32> {
+`;let n=le(e);return t+=`    return ${n};
+`,t+=`}
+`,t},pr=e=>{if(a.num(e))return"f32";if(a.bol(e))return"bool";if(a.arr(e)){let r=e.length;if(r===2)return"vec2<f32>";if(r===3)return"vec3<f32>";if(r===4)return"vec4<f32>"}return"f32"};var R=(e,r,t)=>{let n=a.arr(r)?new Float32Array(r):r,o=e.createBuffer({size:n.byteLength,usage:t,mappedAtCreation:!0});return n instanceof Float32Array?new Float32Array(o.getMappedRange()).set(n):n instanceof Uint32Array&&new Uint32Array(o.getMappedRange()).set(n),o.unmap(),o},cr=(e,r)=>R(e,r,32),lr=(e,r)=>R(e,new Uint32Array(r),64),dr=(e,r)=>e.createBuffer({size:r,usage:68,mappedAtCreation:!1}),xr=(e,r)=>e.createBuffer({size:r,usage:132,mappedAtCreation:!1}),gr=(e,r,t,n=0)=>{let o=a.arr(t)?new Float32Array(t):t;e.queue.writeBuffer(r,n,o)},Tr=e=>e.destroy(),Er=e=>e.length*4,hr=(e,r=256)=>Math.ceil(e/r)*r,br=(e,r)=>r.map(t=>R(e,t.data,t.usage)),yr={VERTEX:32,INDEX:64,UNIFORM:64,STORAGE:128,COPY_SRC:4,COPY_DST:8,MAP_READ:1,MAP_WRITE:2};var Rr=(e,r=1280,t=800,n="rgba8unorm",o=20)=>e.createTexture({size:{width:r,height:t,depthOrArrayLayers:1},format:n,usage:o}),Sr=(e,r,t="rgba8unorm")=>{let n=Rr(e,r.width,r.height,t,20);return e.queue.copyExternalImageToTexture({source:r},{texture:n},{width:r.width,height:r.height}),n};var $r=(e,r=1280,t=800,n="depth24plus")=>e.createTexture({size:{width:r,height:t,depthOrArrayLayers:1},format:n,usage:16}),Lr=(e,r={})=>e.createSampler({magFilter:r.magFilter||"linear",minFilter:r.minFilter||"linear",addressModeU:r.addressModeU||"repeat",addressModeV:r.addressModeV||"repeat",addressModeW:r.addressModeW||"repeat"}),_r=(e,r={})=>e.createView(r),Ar=(e,r,t,n=1280,o=800)=>{e.queue.writeTexture({texture:r},t,{bytesPerRow:n*4},{width:n,height:o})},Cr=e=>e.destroy(),wr={COPY_SRC:1,COPY_DST:2,TEXTURE_BINDING:4,STORAGE_BINDING:8,RENDER_ATTACHMENT:16},Ur={RGBA8_UNORM:"rgba8unorm",RGBA8_SRGB:"rgba8unorm-srgb",BGRA8_UNORM:"bgra8unorm",BGRA8_SRGB:"bgra8unorm-srgb",DEPTH24_PLUS:"depth24plus",DEPTH32_FLOAT:"depth32float"};var j=e=>e({init:async()=>{let{device:n}=await q();e.gl={device:n};let o=e.vs||e.vert||e.vertex,i=e.fs||e.frag||e.fragment;a.obj(o)&&(o=y(i)),a.obj(i)&&(i=y(i)),e.gl.pipeline=Y(n,o,i)},loop:()=>{let{device:n,context:o,pipeline:i}=e.gl,s=H(n),f=k(s,{view:o.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"});f.setPipeline(i),f.draw(e.count),f.end(),n.queue.submit([s.finish()])}});var vr=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],K=["x","y","z","w","r","g","b","a","s","t","p","q"],Z=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],Q=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],J=[!0,!1],ee=[0,1,2,3,4,5],re=[0,1,.5,2];var Pr=0,Nr=()=>`node_${++Pr}`,h=(e,r,t)=>({id:Nr(),type:e,value:r,children:[],...t}),Gr=(e="")=>K.includes(e),Br=(e="")=>Z.includes(e),Fr=(e="")=>Q.includes(e),S=(e,r)=>{let t=(o,i)=>{if(!(!a.str(i)||i==="then"))return i==="id"?e.id:i==="type"?e.type:i==="value"?e.value:i==="property"?e.property:Gr(i)?S(h(Mr(i),void 0,{parent:e,property:i}),r):Br(i)?(...s)=>S(h(e.type,void 0,{operator:i,children:[e,...s]}),r):Fr(i)?(...s)=>S(h(Xr(i,e.type),void 0,{mathFunction:i,children:[e,...s]}),r):r?.({path:[i],args:[]})},n=(o,i,s)=>r?.({path:[],args:s});return new Proxy(()=>{},{get:t,apply:n})},Mr=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",Xr=(e,r)=>e==="length"?"float":r,u=(e,r,t)=>{let n=h(e,r,t);return S(n)};var Ir=e=>{if(a.num(e))return"float";if(a.bol(e))return"bool";if(a.arr(e)){let r=e.length;if(r===2)return"vec2";if(r===3)return"vec3";if(r===4)return"vec4";if(r===9)return"mat3";if(r===16)return"mat4"}return a.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},l=e=>{let r=Ir(e),t=e,n=null,o=null,i=u(r,t),s=m=>{t=m,i.value=m},f=m=>(n=m,c),p=m=>(o=m,c),x=m=>{if(n){let g=n(m);g!==void 0&&s(g)}if(o){let g=o(m);g!==void 0&&s(g)}},c=Object.create(i);return c.set=s,c.onObjectUpdate=f,c.onRenderUpdate=p,c._updateFromContext=x,c.isUniform=!0,c},de=l(0),xe=l(0),ge=l(0),nn=l([1920,1080]),on=l([0,0]),Wr=e=>{if(e.time!==void 0){let r=de.value||0;de.set(e.time),xe.set(r),ge.set(e.time-r)}};var te=new Map,ne=new Map,oe=new Map,Te=()=>{J.forEach(e=>{te.set(e,u("bool",e))}),ee.forEach(e=>{ne.set(e,u("int",e))}),re.forEach(e=>{oe.set(e,u("float",e))})},$=e=>(te.has(e)||Te(),te.get(e)||u("bool",e)),L=e=>ne.has(e)?ne.get(e):u("int",e),_=e=>oe.has(e)?oe.get(e):u("float",e),Dr=e=>{let r=new Map,t=new Map;return e.forEach(n=>{let o=Or(n);t.has(o)?(r.has(o)||r.set(o,[t.get(o)]),r.get(o).push(n)):t.set(o,n)}),r},Or=e=>[e.type,`${e.value}`,e.property||""].join("|");Te();var zr=e=>a.bol(e)?$(e):a.num(e)?a.int(e)?L(e):_(e):a.arr(e)?Ee(e):a.obj(e)?Vr(e):u("float",0),Ee=e=>{let r=e.length;return r===2?u("vec2",e):r===3?u("vec3",e):r===4?u("vec4",e):r===9?u("mat3",e):r===16?u("mat4",e):u("float",e[0])},Vr=e=>{if("r"in e&&"g"in e&&"b"in e){let r=[e.r,e.g,e.b];return"a"in e&&r.push(e.a),u("color",r)}if("x"in e&&"y"in e){let r=[e.x,e.y];return"z"in e&&r.push(e.z),"w"in e&&r.push(e.w),Ee(r)}return u("float",0)},A=e=>a.num(e)?_(e):u("float",Number(e)),qr=e=>a.num(e)&&Number.isInteger(e)?L(e):u("int",Math.floor(Number(e))),Yr=e=>$(!!e),kr=(e,r)=>a.und(e)?u("vec2",[0,0]):a.und(r)?a.arr(e)?u("vec2",e.slice(0,2)):a.obj(e)&&"x"in e&&"y"in e?u("vec2",[e.x,e.y]):u("vec2",[Number(e),Number(e)]):u("vec2",[Number(e),Number(r)]),he=(e,r,t)=>a.und(e)?u("vec3",[0,0,0]):a.und(r)?a.arr(e)?u("vec3",e.slice(0,3)):a.obj(e)&&"x"in e&&"y"in e&&"z"in e?u("vec3",[e.x,e.y,e.z]):u("vec3",[Number(e),Number(e),Number(e)]):t===void 0?u("vec3",[Number(e),Number(r),0]):u("vec3",[Number(e),Number(r),Number(t)]),Hr=(e,r,t,n)=>a.und(e)?u("vec4",[0,0,0,1]):a.und(r)?a.arr(e)?u("vec4",e.slice(0,4)):a.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?u("vec4",[e.x,e.y,e.z,e.w]):u("vec4",[Number(e),Number(e),Number(e),1]):u("vec4",[Number(e),Number(r),Number(t),Number(n)]),jr=(e,r,t)=>{if(e===void 0)return u("color",[1,1,1]);if(a.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return u("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return a.num(e)&&r===void 0&&t===void 0?u("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):he(e,r,t)};var Kr=e=>{let r=(...t)=>{let n=t.map(i=>a.obj(i)&&"type"in i&&i.type?i:A(i));return e(n)||A(0)};return r.call=t=>e(t),r},Zr=(e,r)=>{r();let t={ElseIf(n,o){return o(),t},Else(n){n()}};return t},Qr=u("vec4",void 0),Jr=u("vec4",void 0),et=l(0),rt=l([1920,1080]),tt=l([0,0]),nt=e=>e.abs(),ot=e=>e.sin(),it=e=>e.cos(),at=e=>e.tan(),st=e=>e.sqrt(),ut=e=>e.floor(),ft=e=>e.ceil(),mt=e=>e.fract(),pt=e=>e.normalize(),ct=e=>e.length();var C=performance.now(),ie=0,be=0,ae=e=>a.obj(e)?"isGL"in e:!1,se=e=>{let r=(0,d.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,counter:0});return r("mount",()=>{O()||(r.isWebGL=!0),r.isWebGL?V(r):j(r),r.init(),r.resize(),r.frame(()=>(r.loop(),r.render(),r.isLoop)),!r.isNative&&(window.addEventListener("resize",r.resize),r.el.addEventListener("mousemove",r.mousemove))}),r("clean",()=>{r.frame.stop(),r.frame.clean(r.render),!r.isNative&&(window.removeEventListener("resize",r.resize),r.el.removeEventListener("mousemove",r.mousemove))}),r("loop",()=>{ie=C,C=performance.now()/1e3,be=C-ie,r.uniform({iPrevTime:ie,iTime:C,iDeltaTime:be})}),r("resize",()=>{let t=r.width||window.innerWidth,n=r.height||window.innerHeight;r.size[0]=r.el.width=t,r.size[1]=r.el.height=n,r.uniform("iResolution",r.size)}),r("mousemove",(t,n=t.clientX,o=t.clientY)=>{let[i,s]=r.size,{top:f,left:p}=r.el.getBoundingClientRect();r.mouse[0]=(n-f-i/2)/(i/2),r.mouse[1]=-(o-p-s/2)/(s/2),r.uniform("iMouse",r.mouse)}),r.queue=(0,w.createQueue)(),r.frame=(0,w.createFrame)(),r.attribute=(0,d.durable)((t,n,o)=>{r.queue(()=>void r._attribute?.(t,n,o))}),r.uniform=(0,d.durable)((t,n,o)=>{r.queue(()=>void r._uniform?.(t,n,o))}),r.texture=(0,d.durable)((t,n)=>{r.queue(()=>void r._texture?.(t,n))}),r(e)};var lt=(e={})=>(0,ye.useState)(()=>{let r=ae(e)?e:se(e);return r.ref=t=>{r.el={},r.gl=t,r.mount();let n=()=>{r.width=t.drawingBufferWidth,r.height=t.drawingBufferHeight,r.resize()};n(),Re.Dimensions.addEventListener("change",n)},r})[0];0&&(module.exports={BufferUsage,CACHE_BOOLS,CACHE_FLOATS,CACHE_INTS,FUNCTIONS,Fn,If,OPERATORS,SWIZZLES,TYPES,TextureFormat,TextureUsage,abs,activeTexture,alignBufferSize,bool,calculateBufferSize,ceil,checkWebGPUSupport,color,configureCanvasContext,convertToNode,cos,createAttribute,createBindGroup,createBindGroupLayout,createBuffer,createBuffers,createCommandEncoder,createComputePipeline,createCubeTexture,createDepthTexture,createEmptyTexture,createFragmentShader,createGL,createIbo,createIndexBuffer,createNode,createProgram,createRenderPass,createRenderPipeline,createSampler,createShaderModule,createStorageBuffer,createTexture,createTextureFromImage,createTextureView,createUniformBuffer,createVbo,createVertexBuffer,createVertexShader,deleteBuffer,deleteProgram,deleteShader,deleteTexture,destroyBuffer,destroyTexture,dig,each,ext,fig,findDuplicateNodes,float,floor,flush,fract,getAttribLocation,getCachedBool,getCachedFloat,getCachedInt,getDeviceLimits,getProgramInfo,getShaderInfo,getUniformLocation,getUniformType,gl_FragCoord,gl_Position,glsl,iDeltaTime,iMouse,iPrevTime,iResolution,iTime,int,is,isGL,isServer,isWebGPUSupported,length,node,nodeToGLSL,nodeToWGSL,normalize,replace,requestWebGPUDevice,setupDeviceErrorHandling,sig,sin,sqrt,tan,uniform,updateBuffer,updateIbo,updateTexture,updateUniforms,updateVbo,useGL,vec2,vec3,vec4,vertexStride,webgl,webgpu,wgsl});
 //# sourceMappingURL=native.js.map