glre 0.45.0 → 0.47.0

package/dist/react.cjs

@@ -1,2 +1,2 @@
-"use strict";var f=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var r in e)f(t,r,{get:e[r],enumerable:!0})},l=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of L(e))!G.call(t,n)&&n!==r&&f(t,n,{get:()=>e[n],enumerable:!(i=u(e,n))||i.enumerable});return t},m=(t,e,r)=>(l(t,e,"default"),r&&l(r,e,"default"));var p=t=>l(f({},"__esModule",{value:!0}),t);var o={};c(o,{useGL:()=>x});module.exports=p(o);var s=require("react"),a=require("./index.cjs");m(o,require("./index.cjs"),module.exports);var x=(t={})=>(0,s.useState)(()=>{let e=(0,a.isGL)(t)?t:(0,a.createGL)(t);return e.ref=r=>{r?(e.el=r,e.mount()):e.clean()},e})[0];0&&(module.exports={useGL,...require("./index.cjs")});
+"use strict";var i=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var s=(r,t)=>{for(var o in t)i(r,o,{get:t[o],enumerable:!0})},f=(r,t,o,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of c(t))!l.call(r,p)&&p!==o&&i(r,p,{get:()=>t[p],enumerable:!(u=L(t,p))||u.enumerable});return r},m=(r,t,o)=>(f(r,t,"default"),o&&f(o,t,"default"));var w=r=>f(i({},"__esModule",{value:!0}),r);var e={};s(e,{useGL:()=>x});module.exports=w(e);var n=require("react"),G=require("./index.cjs");m(e,require("./index.cjs"),module.exports);var x=(...r)=>{let[,t]=(0,n.useState)(null);return r[0]&&!r[0].error&&(r[0].error=(o="")=>t(()=>{throw new Error(o)})),(0,n.useState)(()=>(0,G.createGL)(...r))[0]};0&&(module.exports={useGL,...require("./index.cjs")});
 //# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useState } from 'react'\nimport { createGL, isGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const useGL = (props: Partial<GL> = {}) => {\n        return useState(() => {\n                const gl = isGL(props) ? props : createGL(props)\n                gl.ref = (el: HTMLCanvasElement | null) => {\n                        if (el) {\n                                gl.el = el\n                                gl.mount()\n                        } else gl.clean()\n                }\n                return gl\n        })[0]\n}\n"],"mappings":"2dAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,iBACzBC,EAA+B,uBAE/BC,EAAAN,EAAc,uBAHd,gBAKO,IAAME,EAAQ,CAACK,EAAqB,CAAC,OAC7B,YAAS,IAAM,CACd,IAAMC,KAAK,QAAKD,CAAK,EAAIA,KAAQ,YAASA,CAAK,EAC/C,OAAAC,EAAG,IAAOC,GAAiC,CAC/BA,GACID,EAAG,GAAKC,EACRD,EAAG,MAAM,GACVA,EAAG,MAAM,CACxB,EACOA,CACf,CAAC,EAAE,CAAC","names":["react_exports","__export","useGL","__toCommonJS","import_react","import_index","__reExport","props","gl","el"]}
+{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useState } from 'react'\nimport { createGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const useGL = (...args: Partial<GL>[]) => {\n        const [, set] = useState(null) // for error boundary // ref: https://github.com/facebook/react/issues/14981\n        if (args[0] && !args[0].error)\n                args[0].error = (error = '') =>\n                        set(() => {\n                                throw new Error(error)\n                        })\n        return useState(() => createGL(...args))[0]\n}\n"],"mappings":"2dAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,iBACzBC,EAAyB,uBAEzBC,EAAAN,EAAc,uBAHd,gBAKO,IAAME,EAAQ,IAAIK,IAAwB,CACzC,GAAM,CAAC,CAAEC,CAAG,KAAI,YAAS,IAAI,EAC7B,OAAID,EAAK,CAAC,GAAK,CAACA,EAAK,CAAC,EAAE,QAChBA,EAAK,CAAC,EAAE,MAAQ,CAACE,EAAQ,KACjBD,EAAI,IAAM,CACF,MAAM,IAAI,MAAMC,CAAK,CAC7B,CAAC,MACV,YAAS,OAAM,YAAS,GAAGF,CAAI,CAAC,EAAE,CAAC,CAClD","names":["react_exports","__export","useGL","__toCommonJS","import_react","import_index","__reExport","args","set","error"]}

package/dist/react.d.ts

@@ -1,6 +1,5 @@
 import * as reev from 'reev';
-import { EventState, Nested } from 'reev';
-import * as refr from 'refr';
+import { EventState } from 'reev';
 import { Queue, Frame } from 'refr';
 
 declare const CONVERSIONS: readonly ["toBool", "toUInt", "toInt", "toFloat", "toBVec2", "toIVec2", "toUVec2", "toVec2", "toBVec3", "toIVec3", "toUVec3", "toVec3", "toBVec4", "toIVec4", "toUVec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
@@ -70,6 +69,28 @@ declare const OPERATOR_TYPE_RULES: readonly [readonly ["float", "vec2", "vec2"],
  */
 declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverse", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "saturate", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
 
+/**
+ * binding
+ */
+declare const createBinding: () => {
+    uniform: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    texture: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    storage: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    attrib: reev.Nested<{
+        location: number;
+    }, []>;
+};
+type Binding = ReturnType<typeof createBinding>;
+
 type Constants = (typeof CONSTANTS)[number] | 'void';
 type Conversions = (typeof CONVERSIONS)[number];
 type Functions = (typeof FUNCTIONS)[number];
@@ -102,6 +123,7 @@ interface NodeProps {
 }
 interface NodeContext {
     gl?: Partial<GL>;
+    binding?: Binding;
     label?: 'vert' | 'frag' | 'compute';
     isWebGL?: boolean;
     units?: any;
@@ -397,16 +419,17 @@ type GL = EventState<{
     isDebug: boolean;
     isDepth: boolean;
     wireframe: boolean;
-    isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    triangleCount: number;
     instanceCount: number;
     particleCount: number | [number, number] | [number, number, number];
     precision: 'lowp' | 'mediump' | 'highp';
-    loading: number;
+    element?: HTMLCanvasElement;
+    elem?: HTMLCanvasElement;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -417,11 +440,16 @@ type GL = EventState<{
     vertex?: string | Vec4;
     compute?: string | Void;
     fragment?: string | Vec4;
+    program: WebGLProgram;
+    gl: WebGL2RenderingContext;
+    gpu: GPUCanvasContext;
+    device: GPUDevice;
+    format: GPUTextureFormat;
+    encoder: GPUCommandEncoder;
+    binding: Binding;
     /**
      * core state
      */
-    webgpu: WebGPUState;
-    webgl: WebGLState;
     queue: Queue;
     frame: Frame;
     /**
@@ -434,7 +462,6 @@ type GL = EventState<{
     render(): void;
     resize(e?: Event): void;
     mousemove(e: MouseEvent): void;
-    loop(): void;
     /**
      * setter
      */
@@ -497,92 +524,11 @@ interface StorageData {
     binding: number;
     group: number;
 }
-interface WebGPUState {
-    device: GPUDevice;
-    uniforms: Nested<UniformData>;
-    textures: Nested<TextureData>;
-    attribs: Nested<AttribData>;
-    storages: Nested<StorageData>;
-}
-/**
- * for webgl
- */
-interface WebGLState {
-    context: WebGL2RenderingContext;
-    program: WebGLProgram;
-    uniforms: Nested<WebGLUniformLocation | null>;
-}
 
-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;
-    isError: boolean;
-    isLoop: boolean;
-    isDebug: boolean;
-    isDepth: boolean;
-    wireframe: boolean;
-    isGL: true;
-    width?: number;
-    height?: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    instanceCount: number;
-    particleCount: number | [number, number] | [number, number, number];
-    precision: "lowp" | "mediump" | "highp";
-    loading: number;
-    el: HTMLCanvasElement;
-    vs?: string | Vec4;
-    cs?: string | Void;
-    fs?: string | Vec4;
-    vert?: string | Vec4;
-    comp?: string | Void;
-    frag?: string | Vec4;
-    vertex?: string | Vec4;
-    compute?: string | Void;
-    fragment?: string | Vec4;
-    webgpu: WebGPUState;
-    webgl: WebGLState;
-    queue: refr.Queue;
-    frame: refr.Frame;
-    ref?: any;
-    mount(): void;
-    clean(): void;
-    error(e?: string): void;
-    render(): void;
-    resize(e?: Event): void;
-    mousemove(e: MouseEvent): void;
-    loop(): void;
-    _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
-    uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
-    uniform(target: {
-        [key: string]: number | number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _texture?(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
-    texture(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
-    texture(target: {
-        [key: string]: string | HTMLImageElement | HTMLVideoElement;
-    }): GL;
-    _attribute?(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
-    attribute(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
-    attribute(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _instance?(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
-    instance(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
-    instance(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
-    storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
-    storage(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-}, any[] | unknown[]>;
+declare const createGL: (...args: Partial<GL>[]) => EventState<GL>;
 
-declare const useGL: (props?: Partial<GL>) => reev.EventState<GL>;
+declare const useGL: (...args: Partial<GL>[]) => reev.EventState<GL>;
 
-export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, type WebGLState, type WebGPUState, createGL, isGL, isServer, isWebGPUSupported, useGL };
+export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, createGL, isServer, isWebGPUSupported, useGL };

package/dist/react.js

@@ -1,2 +1,2 @@
-import{useState as o}from"react";import{createGL as m,isGL as n}from"./index.js";export*from"./index.js";var f=(t={})=>o(()=>{let e=n(t)?t:m(t);return e.ref=r=>{r?(e.el=r,e.mount()):e.clean()},e})[0];export{f as useGL};
+import{useState as t}from"react";import{createGL as m}from"./index.js";export*from"./index.js";var i=(...r)=>{let[,o]=t(null);return r[0]&&!r[0].error&&(r[0].error=(e="")=>o(()=>{throw new Error(e)})),t(()=>m(...r))[0]};export{i as useGL};
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useState } from 'react'\nimport { createGL, isGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const useGL = (props: Partial<GL> = {}) => {\n        return useState(() => {\n                const gl = isGL(props) ? props : createGL(props)\n                gl.ref = (el: HTMLCanvasElement | null) => {\n                        if (el) {\n                                gl.el = el\n                                gl.mount()\n                        } else gl.clean()\n                }\n                return gl\n        })[0]\n}\n"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,QACzB,OAAS,YAAAC,EAAU,QAAAC,MAAY,aAE/B,WAAc,aAEP,IAAMC,EAAQ,CAACC,EAAqB,CAAC,IAC7BJ,EAAS,IAAM,CACd,IAAMK,EAAKH,EAAKE,CAAK,EAAIA,EAAQH,EAASG,CAAK,EAC/C,OAAAC,EAAG,IAAOC,GAAiC,CAC/BA,GACID,EAAG,GAAKC,EACRD,EAAG,MAAM,GACVA,EAAG,MAAM,CACxB,EACOA,CACf,CAAC,EAAE,CAAC","names":["useState","createGL","isGL","useGL","props","gl","el"]}
+{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useState } from 'react'\nimport { createGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const useGL = (...args: Partial<GL>[]) => {\n        const [, set] = useState(null) // for error boundary // ref: https://github.com/facebook/react/issues/14981\n        if (args[0] && !args[0].error)\n                args[0].error = (error = '') =>\n                        set(() => {\n                                throw new Error(error)\n                        })\n        return useState(() => createGL(...args))[0]\n}\n"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,QACzB,OAAS,YAAAC,MAAgB,aAEzB,WAAc,aAEP,IAAMC,EAAQ,IAAIC,IAAwB,CACzC,GAAM,CAAC,CAAEC,CAAG,EAAIJ,EAAS,IAAI,EAC7B,OAAIG,EAAK,CAAC,GAAK,CAACA,EAAK,CAAC,EAAE,QAChBA,EAAK,CAAC,EAAE,MAAQ,CAACE,EAAQ,KACjBD,EAAI,IAAM,CACF,MAAM,IAAI,MAAMC,CAAK,CAC7B,CAAC,GACVL,EAAS,IAAMC,EAAS,GAAGE,CAAI,CAAC,EAAE,CAAC,CAClD","names":["useState","createGL","useGL","args","set","error"]}

package/dist/solid.cjs

@@ -1,2 +1,2 @@
-"use strict";var L=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var s=(t,e)=>{for(var r in e)L(t,r,{get:e[r],enumerable:!0})},a=(t,e,r,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!c.call(t,o)&&o!==r&&L(t,o,{get:()=>e[o],enumerable:!(f=i(e,o))||f.enumerable});return t},l=(t,e,r)=>(a(t,e,"default"),r&&a(r,e,"default"));var u=t=>a(L({},"__esModule",{value:!0}),t);var n={};s(n,{onGL:()=>p});module.exports=u(n);var m=require("./index.cjs");l(n,require("./index.cjs"),module.exports);var p=t=>{let e=(0,m.isGL)(t)?t:(0,m.createGL)(t);return e.ref=r=>{r?(e.el=r,e.mount()):e.clean()},e};0&&(module.exports={onGL,...require("./index.cjs")});
+"use strict";var L=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var s=(t,r)=>{for(var o in r)L(t,o,{get:r[o],enumerable:!0})},G=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of n(r))!c.call(t,p)&&p!==o&&L(t,p,{get:()=>r[p],enumerable:!(a=i(r,p))||a.enumerable});return t},m=(t,r,o)=>(G(t,r,"default"),o&&G(o,r,"default"));var x=t=>G(L({},"__esModule",{value:!0}),t);var e={};s(e,{onGL:()=>y});module.exports=x(e);var f=require("./index.cjs");m(e,require("./index.cjs"),module.exports);var y=(...t)=>(0,f.createGL)(...t);0&&(module.exports={onGL,...require("./index.cjs")});
 //# sourceMappingURL=solid.cjs.map

package/dist/solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/solid.ts"],"sourcesContent":["import { createGL, isGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const onGL = (props?: Partial<GL>) => {\n        const gl = isGL(props) ? props : createGL(props)\n        gl.ref = (el: HTMLCanvasElement | null) => {\n                if (el) {\n                        gl.el = el\n                        gl.mount()\n                } else gl.clean()\n        }\n        return gl\n}\n"],"mappings":"2dAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,uBAE/BC,EAAAL,EAAc,uBAFd,gBAIO,IAAME,EAAQI,GAAwB,CACrC,IAAMC,KAAK,QAAKD,CAAK,EAAIA,KAAQ,YAASA,CAAK,EAC/C,OAAAC,EAAG,IAAOC,GAAiC,CAC/BA,GACID,EAAG,GAAKC,EACRD,EAAG,MAAM,GACVA,EAAG,MAAM,CACxB,EACOA,CACf","names":["solid_exports","__export","onGL","__toCommonJS","import_index","__reExport","props","gl","el"]}
+{"version":3,"sources":["../src/solid.ts"],"sourcesContent":["import { createGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const onGL = (...args: Partial<GL>[]) => {\n        return createGL(...args)\n}\n"],"mappings":"2dAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,uBAEzBC,EAAAL,EAAc,uBAFd,gBAIO,IAAME,EAAO,IAAII,OACT,YAAS,GAAGA,CAAI","names":["solid_exports","__export","onGL","__toCommonJS","import_index","__reExport","args"]}

package/dist/solid.d.ts

@@ -1,6 +1,5 @@
 import * as reev from 'reev';
-import { EventState, Nested } from 'reev';
-import * as refr from 'refr';
+import { EventState } from 'reev';
 import { Queue, Frame } from 'refr';
 
 declare const CONVERSIONS: readonly ["toBool", "toUInt", "toInt", "toFloat", "toBVec2", "toIVec2", "toUVec2", "toVec2", "toBVec3", "toIVec3", "toUVec3", "toVec3", "toBVec4", "toIVec4", "toUVec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
@@ -70,6 +69,28 @@ declare const OPERATOR_TYPE_RULES: readonly [readonly ["float", "vec2", "vec2"],
  */
 declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverse", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "saturate", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
 
+/**
+ * binding
+ */
+declare const createBinding: () => {
+    uniform: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    texture: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    storage: reev.Nested<{
+        group: number;
+        binding: number;
+    }, []>;
+    attrib: reev.Nested<{
+        location: number;
+    }, []>;
+};
+type Binding = ReturnType<typeof createBinding>;
+
 type Constants = (typeof CONSTANTS)[number] | 'void';
 type Conversions = (typeof CONVERSIONS)[number];
 type Functions = (typeof FUNCTIONS)[number];
@@ -102,6 +123,7 @@ interface NodeProps {
 }
 interface NodeContext {
     gl?: Partial<GL>;
+    binding?: Binding;
     label?: 'vert' | 'frag' | 'compute';
     isWebGL?: boolean;
     units?: any;
@@ -397,16 +419,17 @@ type GL = EventState<{
     isDebug: boolean;
     isDepth: boolean;
     wireframe: boolean;
-    isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    triangleCount: number;
     instanceCount: number;
     particleCount: number | [number, number] | [number, number, number];
     precision: 'lowp' | 'mediump' | 'highp';
-    loading: number;
+    element?: HTMLCanvasElement;
+    elem?: HTMLCanvasElement;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -417,11 +440,16 @@ type GL = EventState<{
     vertex?: string | Vec4;
     compute?: string | Void;
     fragment?: string | Vec4;
+    program: WebGLProgram;
+    gl: WebGL2RenderingContext;
+    gpu: GPUCanvasContext;
+    device: GPUDevice;
+    format: GPUTextureFormat;
+    encoder: GPUCommandEncoder;
+    binding: Binding;
     /**
      * core state
      */
-    webgpu: WebGPUState;
-    webgl: WebGLState;
     queue: Queue;
     frame: Frame;
     /**
@@ -434,7 +462,6 @@ type GL = EventState<{
     render(): void;
     resize(e?: Event): void;
     mousemove(e: MouseEvent): void;
-    loop(): void;
     /**
      * setter
      */
@@ -497,92 +524,11 @@ interface StorageData {
     binding: number;
     group: number;
 }
-interface WebGPUState {
-    device: GPUDevice;
-    uniforms: Nested<UniformData>;
-    textures: Nested<TextureData>;
-    attribs: Nested<AttribData>;
-    storages: Nested<StorageData>;
-}
-/**
- * for webgl
- */
-interface WebGLState {
-    context: WebGL2RenderingContext;
-    program: WebGLProgram;
-    uniforms: Nested<WebGLUniformLocation | null>;
-}
 
-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;
-    isError: boolean;
-    isLoop: boolean;
-    isDebug: boolean;
-    isDepth: boolean;
-    wireframe: boolean;
-    isGL: true;
-    width?: number;
-    height?: number;
-    size: [number, number];
-    mouse: [number, number];
-    count: number;
-    instanceCount: number;
-    particleCount: number | [number, number] | [number, number, number];
-    precision: "lowp" | "mediump" | "highp";
-    loading: number;
-    el: HTMLCanvasElement;
-    vs?: string | Vec4;
-    cs?: string | Void;
-    fs?: string | Vec4;
-    vert?: string | Vec4;
-    comp?: string | Void;
-    frag?: string | Vec4;
-    vertex?: string | Vec4;
-    compute?: string | Void;
-    fragment?: string | Vec4;
-    webgpu: WebGPUState;
-    webgl: WebGLState;
-    queue: refr.Queue;
-    frame: refr.Frame;
-    ref?: any;
-    mount(): void;
-    clean(): void;
-    error(e?: string): void;
-    render(): void;
-    resize(e?: Event): void;
-    mousemove(e: MouseEvent): void;
-    loop(): void;
-    _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
-    uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
-    uniform(target: {
-        [key: string]: number | number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _texture?(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
-    texture(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
-    texture(target: {
-        [key: string]: string | HTMLImageElement | HTMLVideoElement;
-    }): GL;
-    _attribute?(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
-    attribute(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
-    attribute(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _instance?(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
-    instance(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
-    instance(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-    _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
-    storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
-    storage(target: {
-        [key: string]: number[] | Float32Array<ArrayBufferLike>;
-    }): GL;
-}, any[] | unknown[]>;
+declare const createGL: (...args: Partial<GL>[]) => EventState<GL>;
 
-declare const onGL: (props?: Partial<GL>) => reev.EventState<GL>;
+declare const onGL: (...args: Partial<GL>[]) => reev.EventState<GL>;
 
-export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, type WebGLState, type WebGPUState, createGL, isGL, isServer, isWebGPUSupported, onGL };
+export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, createGL, isServer, isWebGPUSupported, onGL };

package/dist/solid.js

@@ -1,2 +1,2 @@
-import{createGL as n,isGL as o}from"./index.js";export*from"./index.js";var m=t=>{let e=o(t)?t:n(t);return e.ref=r=>{r?(e.el=r,e.mount()):e.clean()},e};export{m as onGL};
+import{createGL as t}from"./index.js";export*from"./index.js";var e=(...r)=>t(...r);export{e as onGL};
 //# sourceMappingURL=solid.js.map

package/dist/solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/solid.ts"],"sourcesContent":["import { createGL, isGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const onGL = (props?: Partial<GL>) => {\n        const gl = isGL(props) ? props : createGL(props)\n        gl.ref = (el: HTMLCanvasElement | null) => {\n                if (el) {\n                        gl.el = el\n                        gl.mount()\n                } else gl.clean()\n        }\n        return gl\n}\n"],"mappings":"AAAA,OAAS,YAAAA,EAAU,QAAAC,MAAY,aAE/B,WAAc,aAEP,IAAMC,EAAQC,GAAwB,CACrC,IAAMC,EAAKH,EAAKE,CAAK,EAAIA,EAAQH,EAASG,CAAK,EAC/C,OAAAC,EAAG,IAAOC,GAAiC,CAC/BA,GACID,EAAG,GAAKC,EACRD,EAAG,MAAM,GACVA,EAAG,MAAM,CACxB,EACOA,CACf","names":["createGL","isGL","onGL","props","gl","el"]}
+{"version":3,"sources":["../src/solid.ts"],"sourcesContent":["import { createGL } from './index'\nimport type { GL } from './types'\nexport * from './index'\n\nexport const onGL = (...args: Partial<GL>[]) => {\n        return createGL(...args)\n}\n"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,aAEzB,WAAc,aAEP,IAAMC,EAAO,IAAIC,IACTF,EAAS,GAAGE,CAAI","names":["createGL","onGL","args"]}

package/package.json

@@ -1,6 +1,6 @@
 {
         "name": "glre",
-        "version": "0.45.0",
+        "version": "0.47.0",
         "author": "tseijp",
         "license": "MIT",
         "private": false,

package/src/{utils/helpers.ts → helpers.ts}

@@ -27,41 +27,22 @@ export const flush = <Value extends Function, Key, This>(obj: Eachable<Value, Ke
         each(obj, (f) => f(...args))
 }
 
-/**
- * other
- */
-export const replace = (x = '', from = '_', to = '/') => x.split(from).join(to)
-export const ext = (src = '.pdf') => src.split('.').pop()?.toLowerCase() ?? ''
-export const fig = (x = 0) => `${x}`.split('.')[1]?.length ?? 0
-export const dig = (x = 0) => `${x}`.split('.')[0]?.length - (x < 0 ? 1 : 0)
-export const sig = (value = 0, digit = -2) => {
-        digit *= -1
-        digit = Math.pow(10, digit)
-        value *= digit
-        value = Math.round(value)
-        value /= digit
-        return value
-}
-
 export const isFloat32 = (value: unknown): value is Float32Array => {
         return value instanceof Float32Array
 }
 
-const loadingImage = (src: string, fun: (source: HTMLImageElement) => void) => {
-        const source = new Image()
-        Object.assign(source, { src, crossOrigin: 'anonymous' })
-        source.decode().then(() => fun(source))
+const loadingImage = (src: string, fun: (el: HTMLImageElement) => void) => {
+        const el = new Image()
+        Object.assign(el, { src, crossOrigin: 'anonymous' })
+        el.decode().then(() => fun(el))
 }
 
 const loadingVideo = (src: string, fun: (source: HTMLVideoElement) => void) => {
-        const source = document.createElement('video')
-        source.crossOrigin = 'anonymous'
-        source.muted = true
-        source.loop = true
-        source.src = src
-        source.load()
-        source.play()
-        source.addEventListener('canplay', fun.bind(null, source), { once: true })
+        const el = document.createElement('video')
+        Object.assign(el, { src, loop: true, muted: true, crossOrigin: 'anonymous' })
+        el.load()
+        el.play()
+        el.addEventListener('canplay', fun.bind(null, el), { once: true })
 }
 
 export function loadingTexture(src: string, fun: (source: HTMLVideoElement, isVideo: true) => void): void
@@ -85,10 +66,7 @@ const calcStride = (arrayLength: number, count = 3) => {
 
 export const getStride = (arrayLength: number, count = 1, error = console.warn) => {
         const ret = calcStride(arrayLength, count)
-        if (!isValidStride(ret))
-                error(
-                        `glre attribute error: Invalid attribute length ${arrayLength}. Must divide by vertex count (${count}) with valid stride (1,2,3,4,9,16)`
-                )
+        if (!isValidStride(ret)) error(`glre attribute error: Invalid attribute length ${arrayLength}. Must divide by vertex count (${count}) with valid stride (1,2,3,4,9,16)`)
         return ret
 }