micugl 0.0.15 → 0.0.16

package/dist/core/managers/WebGLManager.js

@@ -1 +1 @@
-"use strict";var w=Object.defineProperty;var b=(d,r,o)=>r in d?w(d,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[r]=o;var m=(d,r,o)=>b(d,typeof r!="symbol"?r+"":r,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./FBOManager.js");class p{constructor(r,o){m(this,"gl");m(this,"fboManager");m(this,"resources",new Map);m(this,"compileCache",new Map);m(this,"uniformUpdateFns",new Map);m(this,"extensions",new Map);const t={alpha:!1,depth:!1,stencil:!1,antialias:!1,powerPreference:"low-power",preserveDrawingBuffer:!1},e=r.getContext("webgl",{...t,...o});if(!e)throw new Error("WebGL not supported");this.gl=e,this.fboManager=new E.FBOManager(e),this.getExtension("OES_texture_float"),this.getExtension("OES_texture_float_linear"),this.getExtension("OES_vertex_array_object"),this.getExtension("ANGLE_instanced_arrays")}getExtension(r){if(this.extensions.has(r))return this.extensions.get(r);const o=this.gl.getExtension(r);return this.extensions.set(r,o),o}createProgram(r,o){const{vertexShader:t,fragmentShader:e,uniforms:s,attributes:i}=o,n=this.gl,h=this.getOrCompileShader("vertex:"+t,n.VERTEX_SHADER,t),l=this.getOrCompileShader("fragment:"+e,n.FRAGMENT_SHADER,e),f=n.createProgram();if(!f)throw new Error("Failed to create WebGL program");if(n.attachShader(f,h),n.attachShader(f,l),n.linkProgram(f),!n.getProgramParameter(f,n.LINK_STATUS)){const g=n.getProgramInfoLog(f);throw n.deleteProgram(f),new Error(`Could not link shader program: ${g}`)}const c={};for(const g of s)c[g.name]=n.getUniformLocation(f,g.name);const u={};if(i)for(const g of i)u[g.name]=n.getAttribLocation(f,g.name);const a={program:f,uniforms:c,attributes:u,buffers:{}};return this.resources.set(r,a),this.uniformUpdateFns.set(r,new Map),a}getOrCompileShader(r,o,t){if(this.compileCache.has(r)){const s=this.compileCache.get(r);if(s)return s}const e=this.compileShader(o,t);return this.compileCache.set(r,e),e}compileShader(r,o){const t=this.gl,e=t.createShader(r);if(!e)throw new Error("Failed to create shader");if(t.shaderSource(e,o),t.compileShader(e),!t.getShaderParameter(e,t.COMPILE_STATUS)){const s=t.getShaderInfoLog(e);throw t.deleteShader(e),new Error(`Shader compilation failed: ${s}`)}return e}createBuffer(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=e.createBuffer();if(!i)throw new Error("Failed to create buffer");return e.bindBuffer(e.ARRAY_BUFFER,i),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),s.buffers[o]={buffer:i,data:t},i}updateBuffer(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=s.buffers[o];if(!i)throw new Error(`Buffer for attribute ${o} not found`);e.bindBuffer(e.ARRAY_BUFFER,i.buffer),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),i.data=t}registerUniformUpdater(r,o,t,e){const s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=this.uniformUpdateFns.get(r);if(!i)throw new Error(`Program uniforms for id ${r} not found`);const n=s.uniforms[o];if(n===null)return;const h=this.gl;let l;switch(t){case"int":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1i(n,a),a};break;case"float":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1f(n,a),a};break;case"sampler2D":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1i(n,a),a};break;case"vec2":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform2fv(n,a),a};break;case"vec3":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform3fv(n,a),a};break;case"vec4":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform4fv(n,a),a};break;case"mat2":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix2fv(n,!1,a),a};break;case"mat3":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix3fv(n,!1,a),a};break;case"mat4":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix4fv(n,!1,a),a};break;default:throw new Error(`Unsupported uniform type: ${t}`)}i.set(o,l)}updateUniforms(r,o){const t=this.uniformUpdateFns.get(r);if(!t)return;const e=this.gl.canvas,s=e.width,i=e.height;t.forEach(n=>{n(o,s,i)})}setSize(r,o,t,e){const s=this.gl.canvas,i=t??r,n=e??o;(s.width!==r||s.height!==o)&&(s.width=r,s.height=o,this.gl.viewport(0,0,r,o)),s.style.width=`${i}px`,s.style.height=`${n}px`}prepareRender(r,o={}){const{clear:t=!0,clearColor:e=[0,0,0,1]}=o,s=this.gl,i=this.resources.get(r);if(!i)throw new Error(`Program with id ${r} not found`);s.useProgram(i.program),t&&(s.clearColor(...e),s.clear(s.COLOR_BUFFER_BIT))}fastRender(r,o,t=!0){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);e.useProgram(s.program),t&&e.clear(e.COLOR_BUFFER_BIT),this.updateUniforms(r,o)}setUniform(r,o,t,e){const s=this.gl,i=this.resources.get(r);if(!i)throw new Error(`Program with id ${r} not found`);const n=i.uniforms[o];if(n!==null)switch(s.useProgram(i.program),e){case"float":s.uniform1f(n,t);break;case"vec2":s.uniform2fv(n,t);break;case"vec3":s.uniform3fv(n,t);break;case"vec4":s.uniform4fv(n,t);break;case"int":s.uniform1i(n,t);break;case"mat2":s.uniformMatrix2fv(n,!1,t);break;case"mat3":s.uniformMatrix3fv(n,!1,t);break;case"mat4":s.uniformMatrix4fv(n,!1,t);break;case"sampler2D":s.uniform1i(n,t);break;default:throw new Error(`Unsupported uniform type: ${e}`)}}setAttributeOnce(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=s.attributes[o];if(i===-1){console.warn(`Attribute ${o} not found or is unused`);return}const n=s.buffers[o];if(!n)throw new Error(`Buffer for attribute ${o} not found`);if(e.bindBuffer(e.ARRAY_BUFFER,n.buffer),e.enableVertexAttribArray(i),e.vertexAttribPointer(i,t.size,e[t.type],t.normalized,t.stride,t.offset),t.instanced){const h=this.getExtension("ANGLE_instanced_arrays");if(h!=null&&h.vertexAttribDivisorANGLE)h.vertexAttribDivisorANGLE(i,1);else if(e.vertexAttribDivisor)e.vertexAttribDivisor(i,1);else throw new Error("Instanced rendering not supported")}}drawArrays(r,o,t){this.gl.drawArrays(r,o,t)}drawElements(r,o,t,e){this.gl.drawElements(r,o,t,e)}destroy(r){const o=this.gl,t=this.resources.get(r);t&&(Object.values(t.buffers).forEach(({buffer:e})=>{o.deleteBuffer(e)}),o.deleteProgram(t.program),this.resources.delete(r),this.uniformUpdateFns.delete(r))}destroyAll(){for(const r of Array.from(this.resources.keys()))this.destroy(r);this.compileCache.clear(),this.fboManager.destroyAll()}get context(){return this.gl}get fbo(){return this.fboManager}}exports.WebGLManager=p;
+"use strict";var b=Object.defineProperty;var A=(d,e,o)=>e in d?b(d,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[e]=o;var w=(d,e,o)=>A(d,typeof e!="symbol"?e+"":e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./FBOManager.js");class v{constructor(e,o){w(this,"gl");w(this,"fboManager");w(this,"resources",new Map);w(this,"compileCache",new Map);w(this,"uniformUpdateFns",new Map);w(this,"extensions",new Map);const t={alpha:!1,depth:!1,stencil:!1,antialias:!1,powerPreference:"low-power",preserveDrawingBuffer:!1},r=e.getContext("webgl",{...t,...o});if(!r)throw new Error("WebGL not supported");this.gl=r,this.fboManager=new E.FBOManager(r),this.getExtension("OES_texture_float"),this.getExtension("OES_texture_float_linear"),this.getExtension("OES_vertex_array_object"),this.getExtension("ANGLE_instanced_arrays")}getExtension(e){if(this.extensions.has(e))return this.extensions.get(e);const o=this.gl.getExtension(e);return this.extensions.set(e,o),o}createProgram(e,o){const{vertexShader:t,fragmentShader:r,uniforms:s,attributes:f}=o,n=this.gl,u=this.getOrCompileShader("vertex:"+t,n.VERTEX_SHADER,t),m=this.getOrCompileShader("fragment:"+r,n.FRAGMENT_SHADER,r),i=n.createProgram();if(!i)throw new Error("Failed to create WebGL program");if(n.attachShader(i,u),n.attachShader(i,m),n.linkProgram(i),!n.getProgramParameter(i,n.LINK_STATUS)){const a=n.getProgramInfoLog(i);throw n.deleteProgram(i),new Error(`Could not link shader program: ${a}`)}const l={};for(const a of s)l[a.name]=n.getUniformLocation(i,a.name);const h={};if(f)for(const a of f)h[a.name]=n.getAttribLocation(i,a.name);const c={program:i,uniforms:l,attributes:h,buffers:{}};return this.resources.set(e,c),this.uniformUpdateFns.set(e,new Map),c}getOrCompileShader(e,o,t){if(this.compileCache.has(e)){const s=this.compileCache.get(e);if(s)return s}const r=this.compileShader(o,t);return this.compileCache.set(e,r),r}compileShader(e,o){const t=this.gl,r=t.createShader(e);if(!r)throw new Error("Failed to create shader");if(t.shaderSource(r,o),t.compileShader(r),!t.getShaderParameter(r,t.COMPILE_STATUS)){const s=t.getShaderInfoLog(r);throw t.deleteShader(r),new Error(`Shader compilation failed: ${s}`)}return r}createBuffer(e,o,t){const r=this.gl,s=this.resources.get(e);if(!s)throw new Error(`Program with id ${e} not found`);const f=r.createBuffer();if(!f)throw new Error("Failed to create buffer");return r.bindBuffer(r.ARRAY_BUFFER,f),r.bufferData(r.ARRAY_BUFFER,t,r.STATIC_DRAW),s.buffers[o]={buffer:f,data:t},f}updateBuffer(e,o,t){const r=this.gl,s=this.resources.get(e);if(!s)throw new Error(`Program with id ${e} not found`);const f=s.buffers[o];if(!f)throw new Error(`Buffer for attribute ${o} not found`);r.bindBuffer(r.ARRAY_BUFFER,f.buffer),r.bufferData(r.ARRAY_BUFFER,t,r.STATIC_DRAW),f.data=t}registerUniformUpdater(e,o,t,r){const s=this.resources.get(e);if(!s)throw new Error(`Program with id ${e} not found`);const f=this.uniformUpdateFns.get(e);if(!f)throw new Error(`Program uniforms for id ${e} not found`);const n=s.uniforms[o];if(n===null)return;const u=this.gl;let m;switch(t){case"int":m=(i,l,h)=>{const c=r(i,l,h);return u.uniform1i(n,c),c};break;case"float":m=(i,l,h)=>{const c=r(i,l,h);return u.uniform1f(n,c),c};break;case"sampler2D":m=(i,l,h)=>{const c=r(i,l,h);return u.uniform1i(n,c),c};break;case"vec2":{const i=new Float32Array(2);m=(l,h,c)=>{const a=r(l,h,c);return Array.isArray(a)?(i[0]=a[0],i[1]=a[1],u.uniform2fv(n,i)):u.uniform2fv(n,a),i};break}case"vec3":{const i=new Float32Array(3);m=(l,h,c)=>{const a=r(l,h,c);return Array.isArray(a)?(i[0]=a[0],i[1]=a[1],i[2]=a[2],u.uniform3fv(n,i)):u.uniform3fv(n,a),i};break}case"vec4":{const i=new Float32Array(4);m=(l,h,c)=>{const a=r(l,h,c);return Array.isArray(a)?(i[0]=a[0],i[1]=a[1],i[2]=a[2],i[3]=a[3],u.uniform4fv(n,i)):u.uniform4fv(n,a),i};break}case"mat2":{const i=new Float32Array(4);m=(l,h,c)=>{const a=r(l,h,c);if(Array.isArray(a)){for(let g=0;g<4;g++)i[g]=a[g];u.uniformMatrix2fv(n,!1,i)}else u.uniformMatrix2fv(n,!1,a);return i};break}case"mat3":{const i=new Float32Array(9);m=(l,h,c)=>{const a=r(l,h,c);if(Array.isArray(a)){for(let g=0;g<9;g++)i[g]=a[g];u.uniformMatrix3fv(n,!1,i)}else u.uniformMatrix3fv(n,!1,a);return i};break}case"mat4":{const i=new Float32Array(16);m=(l,h,c)=>{const a=r(l,h,c);if(Array.isArray(a)){for(let g=0;g<16;g++)i[g]=a[g];u.uniformMatrix4fv(n,!1,i)}else u.uniformMatrix4fv(n,!1,a);return i};break}default:throw new Error(`Unsupported uniform type: ${t}`)}f.set(o,m)}updateUniforms(e,o){const t=this.uniformUpdateFns.get(e);if(!t)return;const r=this.gl.canvas,s=r.width,f=r.height;t.forEach(n=>{n(o,s,f)})}setSize(e,o,t,r){const s=this.gl.canvas,f=t??e,n=r??o;(s.width!==e||s.height!==o)&&(s.width=e,s.height=o,this.gl.viewport(0,0,e,o)),s.style.width=`${f}px`,s.style.height=`${n}px`}prepareRender(e,o={}){const{clear:t=!0,clearColor:r=[0,0,0,1]}=o,s=this.gl,f=this.resources.get(e);if(!f)throw new Error(`Program with id ${e} not found`);s.useProgram(f.program),t&&(s.clearColor(...r),s.clear(s.COLOR_BUFFER_BIT))}fastRender(e,o,t=!0){const r=this.gl,s=this.resources.get(e);if(!s)throw new Error(`Program with id ${e} not found`);r.useProgram(s.program),t&&r.clear(r.COLOR_BUFFER_BIT),this.updateUniforms(e,o)}setUniform(e,o,t,r){const s=this.gl,f=this.resources.get(e);if(!f)throw new Error(`Program with id ${e} not found`);const n=f.uniforms[o];if(n!==null)switch(s.useProgram(f.program),r){case"float":s.uniform1f(n,t);break;case"vec2":s.uniform2fv(n,t);break;case"vec3":s.uniform3fv(n,t);break;case"vec4":s.uniform4fv(n,t);break;case"int":s.uniform1i(n,t);break;case"mat2":s.uniformMatrix2fv(n,!1,t);break;case"mat3":s.uniformMatrix3fv(n,!1,t);break;case"mat4":s.uniformMatrix4fv(n,!1,t);break;case"sampler2D":s.uniform1i(n,t);break;default:throw new Error(`Unsupported uniform type: ${r}`)}}setAttributeOnce(e,o,t){const r=this.gl,s=this.resources.get(e);if(!s)throw new Error(`Program with id ${e} not found`);const f=s.attributes[o];if(f===-1){console.warn(`Attribute ${o} not found or is unused`);return}const n=s.buffers[o];if(!n)throw new Error(`Buffer for attribute ${o} not found`);if(r.bindBuffer(r.ARRAY_BUFFER,n.buffer),r.enableVertexAttribArray(f),r.vertexAttribPointer(f,t.size,r[t.type],t.normalized,t.stride,t.offset),t.instanced){const u=this.getExtension("ANGLE_instanced_arrays");if(u!=null&&u.vertexAttribDivisorANGLE)u.vertexAttribDivisorANGLE(f,1);else if(r.vertexAttribDivisor)r.vertexAttribDivisor(f,1);else throw new Error("Instanced rendering not supported")}}drawArrays(e,o,t){this.gl.drawArrays(e,o,t)}drawElements(e,o,t,r){this.gl.drawElements(e,o,t,r)}destroy(e){const o=this.gl,t=this.resources.get(e);t&&(Object.values(t.buffers).forEach(({buffer:r})=>{o.deleteBuffer(r)}),o.deleteProgram(t.program),this.resources.delete(e),this.uniformUpdateFns.delete(e))}destroyAll(){for(const e of Array.from(this.resources.keys()))this.destroy(e);this.compileCache.clear(),this.fboManager.destroyAll()}get context(){return this.gl}get fbo(){return this.fboManager}}exports.WebGLManager=v;

package/dist/core/managers/WebGLManager.mjs

@@ -1,15 +1,15 @@
-var d = Object.defineProperty;
-var b = (w, e, o) => e in w ? d(w, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : w[e] = o;
-var m = (w, e, o) => b(w, typeof e != "symbol" ? e + "" : e, o);
+var b = Object.defineProperty;
+var A = (d, e, o) => e in d ? b(d, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : d[e] = o;
+var w = (d, e, o) => A(d, typeof e != "symbol" ? e + "" : e, o);
 import { FBOManager as E } from "./FBOManager.mjs";
-class A {
+class x {
   constructor(e, o) {
-    m(this, "gl");
-    m(this, "fboManager");
-    m(this, "resources", /* @__PURE__ */ new Map());
-    m(this, "compileCache", /* @__PURE__ */ new Map());
-    m(this, "uniformUpdateFns", /* @__PURE__ */ new Map());
-    m(this, "extensions", /* @__PURE__ */ new Map());
+    w(this, "gl");
+    w(this, "fboManager");
+    w(this, "resources", /* @__PURE__ */ new Map());
+    w(this, "compileCache", /* @__PURE__ */ new Map());
+    w(this, "uniformUpdateFns", /* @__PURE__ */ new Map());
+    w(this, "extensions", /* @__PURE__ */ new Map());
     const t = {
       alpha: !1,
       depth: !1,
@@ -29,27 +29,27 @@ class A {
     return this.extensions.set(e, o), o;
   }
   createProgram(e, o) {
-    const { vertexShader: t, fragmentShader: r, uniforms: s, attributes: i } = o, n = this.gl, h = this.getOrCompileShader("vertex:" + t, n.VERTEX_SHADER, t), l = this.getOrCompileShader("fragment:" + r, n.FRAGMENT_SHADER, r), f = n.createProgram();
-    if (!f)
+    const { vertexShader: t, fragmentShader: r, uniforms: s, attributes: f } = o, n = this.gl, u = this.getOrCompileShader("vertex:" + t, n.VERTEX_SHADER, t), m = this.getOrCompileShader("fragment:" + r, n.FRAGMENT_SHADER, r), i = n.createProgram();
+    if (!i)
       throw new Error("Failed to create WebGL program");
-    if (n.attachShader(f, h), n.attachShader(f, l), n.linkProgram(f), !n.getProgramParameter(f, n.LINK_STATUS)) {
-      const g = n.getProgramInfoLog(f);
-      throw n.deleteProgram(f), new Error(`Could not link shader program: ${g}`);
+    if (n.attachShader(i, u), n.attachShader(i, m), n.linkProgram(i), !n.getProgramParameter(i, n.LINK_STATUS)) {
+      const a = n.getProgramInfoLog(i);
+      throw n.deleteProgram(i), new Error(`Could not link shader program: ${a}`);
     }
-    const c = {};
-    for (const g of s)
-      c[g.name] = n.getUniformLocation(f, g.name);
-    const u = {};
-    if (i)
-      for (const g of i)
-        u[g.name] = n.getAttribLocation(f, g.name);
-    const a = {
-      program: f,
-      uniforms: c,
-      attributes: u,
+    const l = {};
+    for (const a of s)
+      l[a.name] = n.getUniformLocation(i, a.name);
+    const h = {};
+    if (f)
+      for (const a of f)
+        h[a.name] = n.getAttribLocation(i, a.name);
+    const c = {
+      program: i,
+      uniforms: l,
+      attributes: h,
       buffers: {}
     };
-    return this.resources.set(e, a), this.uniformUpdateFns.set(e, /* @__PURE__ */ new Map()), a;
+    return this.resources.set(e, c), this.uniformUpdateFns.set(e, /* @__PURE__ */ new Map()), c;
   }
   getOrCompileShader(e, o, t) {
     if (this.compileCache.has(e)) {
@@ -74,110 +74,137 @@ class A {
     const r = this.gl, s = this.resources.get(e);
     if (!s)
       throw new Error(`Program with id ${e} not found`);
-    const i = r.createBuffer();
-    if (!i)
+    const f = r.createBuffer();
+    if (!f)
       throw new Error("Failed to create buffer");
-    return r.bindBuffer(r.ARRAY_BUFFER, i), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), s.buffers[o] = { buffer: i, data: t }, i;
+    return r.bindBuffer(r.ARRAY_BUFFER, f), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), s.buffers[o] = { buffer: f, data: t }, f;
   }
   updateBuffer(e, o, t) {
     const r = this.gl, s = this.resources.get(e);
     if (!s)
       throw new Error(`Program with id ${e} not found`);
-    const i = s.buffers[o];
-    if (!i)
+    const f = s.buffers[o];
+    if (!f)
       throw new Error(`Buffer for attribute ${o} not found`);
-    r.bindBuffer(r.ARRAY_BUFFER, i.buffer), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), i.data = t;
+    r.bindBuffer(r.ARRAY_BUFFER, f.buffer), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), f.data = t;
   }
   registerUniformUpdater(e, o, t, r) {
     const s = this.resources.get(e);
     if (!s)
       throw new Error(`Program with id ${e} not found`);
-    const i = this.uniformUpdateFns.get(e);
-    if (!i)
+    const f = this.uniformUpdateFns.get(e);
+    if (!f)
       throw new Error(`Program uniforms for id ${e} not found`);
     const n = s.uniforms[o];
     if (n === null)
       return;
-    const h = this.gl;
-    let l;
+    const u = this.gl;
+    let m;
     switch (t) {
       case "int":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform1i(n, a), a;
+        m = (i, l, h) => {
+          const c = r(i, l, h);
+          return u.uniform1i(n, c), c;
         };
         break;
       case "float":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform1f(n, a), a;
+        m = (i, l, h) => {
+          const c = r(i, l, h);
+          return u.uniform1f(n, c), c;
         };
         break;
       case "sampler2D":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform1i(n, a), a;
+        m = (i, l, h) => {
+          const c = r(i, l, h);
+          return u.uniform1i(n, c), c;
         };
         break;
-      case "vec2":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform2fv(n, a), a;
+      case "vec2": {
+        const i = new Float32Array(2);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          return Array.isArray(a) ? (i[0] = a[0], i[1] = a[1], u.uniform2fv(n, i)) : u.uniform2fv(n, a), i;
         };
         break;
-      case "vec3":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform3fv(n, a), a;
+      }
+      case "vec3": {
+        const i = new Float32Array(3);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          return Array.isArray(a) ? (i[0] = a[0], i[1] = a[1], i[2] = a[2], u.uniform3fv(n, i)) : u.uniform3fv(n, a), i;
         };
         break;
-      case "vec4":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniform4fv(n, a), a;
+      }
+      case "vec4": {
+        const i = new Float32Array(4);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          return Array.isArray(a) ? (i[0] = a[0], i[1] = a[1], i[2] = a[2], i[3] = a[3], u.uniform4fv(n, i)) : u.uniform4fv(n, a), i;
         };
         break;
-      case "mat2":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniformMatrix2fv(n, !1, a), a;
+      }
+      case "mat2": {
+        const i = new Float32Array(4);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          if (Array.isArray(a)) {
+            for (let g = 0; g < 4; g++) i[g] = a[g];
+            u.uniformMatrix2fv(n, !1, i);
+          } else
+            u.uniformMatrix2fv(n, !1, a);
+          return i;
         };
         break;
-      case "mat3":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniformMatrix3fv(n, !1, a), a;
+      }
+      case "mat3": {
+        const i = new Float32Array(9);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          if (Array.isArray(a)) {
+            for (let g = 0; g < 9; g++) i[g] = a[g];
+            u.uniformMatrix3fv(n, !1, i);
+          } else
+            u.uniformMatrix3fv(n, !1, a);
+          return i;
         };
         break;
-      case "mat4":
-        l = (f, c, u) => {
-          const a = r(f, c, u);
-          return h.uniformMatrix4fv(n, !1, a), a;
+      }
+      case "mat4": {
+        const i = new Float32Array(16);
+        m = (l, h, c) => {
+          const a = r(l, h, c);
+          if (Array.isArray(a)) {
+            for (let g = 0; g < 16; g++) i[g] = a[g];
+            u.uniformMatrix4fv(n, !1, i);
+          } else
+            u.uniformMatrix4fv(n, !1, a);
+          return i;
         };
         break;
+      }
       default:
         throw new Error(`Unsupported uniform type: ${t}`);
     }
-    i.set(o, l);
+    f.set(o, m);
   }
   updateUniforms(e, o) {
     const t = this.uniformUpdateFns.get(e);
     if (!t)
       return;
-    const r = this.gl.canvas, s = r.width, i = r.height;
+    const r = this.gl.canvas, s = r.width, f = r.height;
     t.forEach((n) => {
-      n(o, s, i);
+      n(o, s, f);
     });
   }
   setSize(e, o, t, r) {
-    const s = this.gl.canvas, i = t ?? e, n = r ?? o;
-    (s.width !== e || s.height !== o) && (s.width = e, s.height = o, this.gl.viewport(0, 0, e, o)), s.style.width = `${i}px`, s.style.height = `${n}px`;
+    const s = this.gl.canvas, f = t ?? e, n = r ?? o;
+    (s.width !== e || s.height !== o) && (s.width = e, s.height = o, this.gl.viewport(0, 0, e, o)), s.style.width = `${f}px`, s.style.height = `${n}px`;
   }
   prepareRender(e, o = {}) {
-    const { clear: t = !0, clearColor: r = [0, 0, 0, 1] } = o, s = this.gl, i = this.resources.get(e);
-    if (!i)
+    const { clear: t = !0, clearColor: r = [0, 0, 0, 1] } = o, s = this.gl, f = this.resources.get(e);
+    if (!f)
       throw new Error(`Program with id ${e} not found`);
-    s.useProgram(i.program), t && (s.clearColor(...r), s.clear(s.COLOR_BUFFER_BIT));
+    s.useProgram(f.program), t && (s.clearColor(...r), s.clear(s.COLOR_BUFFER_BIT));
   }
   fastRender(e, o, t = !0) {
     const r = this.gl, s = this.resources.get(e);
@@ -186,12 +213,12 @@ class A {
     r.useProgram(s.program), t && r.clear(r.COLOR_BUFFER_BIT), this.updateUniforms(e, o);
   }
   setUniform(e, o, t, r) {
-    const s = this.gl, i = this.resources.get(e);
-    if (!i)
+    const s = this.gl, f = this.resources.get(e);
+    if (!f)
       throw new Error(`Program with id ${e} not found`);
-    const n = i.uniforms[o];
+    const n = f.uniforms[o];
     if (n !== null)
-      switch (s.useProgram(i.program), r) {
+      switch (s.useProgram(f.program), r) {
         case "float":
           s.uniform1f(n, t);
           break;
@@ -227,27 +254,27 @@ class A {
     const r = this.gl, s = this.resources.get(e);
     if (!s)
       throw new Error(`Program with id ${e} not found`);
-    const i = s.attributes[o];
-    if (i === -1) {
+    const f = s.attributes[o];
+    if (f === -1) {
       console.warn(`Attribute ${o} not found or is unused`);
       return;
     }
     const n = s.buffers[o];
     if (!n)
       throw new Error(`Buffer for attribute ${o} not found`);
-    if (r.bindBuffer(r.ARRAY_BUFFER, n.buffer), r.enableVertexAttribArray(i), r.vertexAttribPointer(
-      i,
+    if (r.bindBuffer(r.ARRAY_BUFFER, n.buffer), r.enableVertexAttribArray(f), r.vertexAttribPointer(
+      f,
       t.size,
       r[t.type],
       t.normalized,
       t.stride,
       t.offset
     ), t.instanced) {
-      const h = this.getExtension("ANGLE_instanced_arrays");
-      if (h != null && h.vertexAttribDivisorANGLE)
-        h.vertexAttribDivisorANGLE(i, 1);
+      const u = this.getExtension("ANGLE_instanced_arrays");
+      if (u != null && u.vertexAttribDivisorANGLE)
+        u.vertexAttribDivisorANGLE(f, 1);
       else if (r.vertexAttribDivisor)
-        r.vertexAttribDivisor(i, 1);
+        r.vertexAttribDivisor(f, 1);
       else
         throw new Error("Instanced rendering not supported");
     }
@@ -277,5 +304,5 @@ class A {
   }
 }
 export {
-  A as WebGLManager
+  x as WebGLManager
 };

package/dist/react/components/engine/ShaderEngine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),c=require("react"),I=require("../../../core/managers/WebGLManager.js"),h={},v="",M={},U={},q=({programConfigs:E,renderCallback:p,renderOptions:o=h,className:F=v,style:y=M,width:T,height:w,uniformUpdaters:L=U,useFastPath:R=!1,useDevicePixelRatio:S=!0,pixelRatio:_})=>{const f=c.useRef(null),a=c.useRef(null),l=c.useRef(null),u=c.useRef(null),g=c.useRef(0),d=c.useRef(n=>{const e=a.current,r=l.current;if(!e||!r)return;const t=n-g.current,s=e.context;if(R)e.fastRender(r,t,o.clear),s.drawArrays(s.TRIANGLE_STRIP,0,4);else{const i=e.resources.get(r);if(!i)return;e.prepareRender(r,o),A(t,i,s)}u.current=requestAnimationFrame(d.current)}),A=c.useCallback((n,e,r)=>{p(n,e,r)},[p]);c.useEffect(()=>{d.current=n=>{const e=a.current,r=l.current;if(!e||!r)return;const t=n-g.current,s=e.context;if(R)e.fastRender(r,t,o.clear),s.drawArrays(s.TRIANGLE_STRIP,0,4);else{const i=e.resources.get(r);if(!i)return;e.prepareRender(r,o),A(t,i,s)}u.current=requestAnimationFrame(d.current)}},[o,R,A]);const m=c.useCallback(()=>{if(!f.current||!a.current)return;const n=T??window.innerWidth,e=w??window.innerHeight,r=_??(S?window.devicePixelRatio:1),t=Math.floor(n*r),s=Math.floor(e*r);a.current.setSize(t,s,n,e)},[S,_,T,w]);return c.useEffect(()=>{if(!f.current)return;const n=new I.WebGLManager(f.current);a.current=n,m();const[[e,r]]=Object.entries(E);return n.createProgram(e,r),n.createBuffer(e,"a_position",new Float32Array([-1,-1,1,-1,-1,1,1,1])),n.setAttributeOnce(e,"a_position",{name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0}),l.current=e,g.current=performance.now(),u.current=requestAnimationFrame(d.current),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m),u.current&&cancelAnimationFrame(u.current),n.destroyAll()}},[E,m]),c.useEffect(()=>{const n=a.current,e=l.current;if(!n||!e)return;const r=L[e];r&&r.forEach(t=>{n.registerUniformUpdater(e,t.name,t.type,t.updateFn)})},[L]),b.jsx("canvas",{ref:f,className:F,style:y})};exports.ShaderEngine=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),s=require("react"),h=require("../../../core/managers/WebGLManager.js"),I={},v="",M={},U={},q=({programConfigs:A,renderCallback:T,renderOptions:o=I,className:_=v,style:y=M,width:w,height:L,uniformUpdaters:f=U,useFastPath:g=!1,useDevicePixelRatio:F=!0,pixelRatio:S})=>{const l=s.useRef(null),a=s.useRef(null),d=s.useRef(null),i=s.useRef(null),E=s.useRef(0),m=s.useRef(n=>{const e=a.current,r=d.current;if(!e||!r)return;const t=n-E.current,c=e.context;if(g)e.fastRender(r,t,o.clear),c.drawArrays(c.TRIANGLE_STRIP,0,4);else{const u=e.resources.get(r);if(!u)return;e.prepareRender(r,o),p(t,u,c)}i.current=requestAnimationFrame(m.current)}),p=s.useCallback((n,e,r)=>{T(n,e,r)},[T]);s.useEffect(()=>{m.current=n=>{const e=a.current,r=d.current;if(!e||!r)return;const t=n-E.current,c=e.context;if(g)e.fastRender(r,t,o.clear),c.drawArrays(c.TRIANGLE_STRIP,0,4);else{const u=e.resources.get(r);if(!u)return;e.prepareRender(r,o),p(t,u,c)}i.current=requestAnimationFrame(m.current)}},[o,g,p]);const R=s.useCallback(()=>{if(!l.current||!a.current)return;const n=w??window.innerWidth,e=L??window.innerHeight,r=S??(F?window.devicePixelRatio:1),t=Math.floor(n*r),c=Math.floor(e*r);a.current.setSize(t,c,n,e)},[F,S,w,L]);return s.useEffect(()=>{if(!l.current)return;const n=new h.WebGLManager(l.current);a.current=n,R();const[[e,r]]=Object.entries(A);n.createProgram(e,r),n.createBuffer(e,"a_position",new Float32Array([-1,-1,1,-1,-1,1,1,1])),n.setAttributeOnce(e,"a_position",{name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0}),d.current=e;const t=f[e];return t&&t.forEach(c=>{n.registerUniformUpdater(e,c.name,c.type,c.updateFn)}),E.current=performance.now(),i.current=requestAnimationFrame(m.current),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R),i.current&&cancelAnimationFrame(i.current),n.destroyAll()}},[A,R,f]),s.useEffect(()=>{const n=a.current,e=d.current;if(!n||!e)return;const r=f[e];r&&r.forEach(t=>{n.registerUniformUpdater(e,t.name,t.type,t.updateFn)})},[f]),b.jsx("canvas",{ref:l,className:_,style:y})};exports.ShaderEngine=q;

package/dist/react/components/engine/ShaderEngine.mjs

@@ -1,82 +1,86 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useRef as s, useCallback as y, useEffect as g } from "react";
+import { jsx as U } from "react/jsx-runtime";
+import { useRef as s, useCallback as S, useEffect as E } from "react";
 import { WebGLManager as v } from "../../../core/managers/WebGLManager.mjs";
 const z = {}, N = "", b = {}, D = {}, q = ({
-  programConfigs: E,
-  renderCallback: T,
+  programConfigs: T,
+  renderCallback: w,
   renderOptions: a = z,
   className: I = N,
-  style: U = b,
-  width: w,
-  height: L,
-  uniformUpdaters: _ = D,
-  useFastPath: p = !1,
-  useDevicePixelRatio: F = !0,
-  pixelRatio: S
+  style: h = b,
+  width: L,
+  height: F,
+  uniformUpdaters: f = D,
+  useFastPath: A = !1,
+  useDevicePixelRatio: _ = !0,
+  pixelRatio: y
 }) => {
-  const f = s(null), o = s(null), m = s(null), i = s(null), A = s(0), d = s((n) => {
-    const e = o.current, r = m.current;
+  const m = s(null), o = s(null), d = s(null), i = s(null), R = s(0), l = s((n) => {
+    const e = o.current, r = d.current;
     if (!e || !r) return;
-    const t = n - A.current, c = e.context;
-    if (p)
+    const t = n - R.current, c = e.context;
+    if (A)
       e.fastRender(r, t, a.clear), c.drawArrays(c.TRIANGLE_STRIP, 0, 4);
     else {
       const u = e.resources.get(r);
       if (!u) return;
-      e.prepareRender(r, a), R(t, u, c);
+      e.prepareRender(r, a), g(t, u, c);
     }
-    i.current = requestAnimationFrame(d.current);
-  }), R = y((n, e, r) => {
-    T(n, e, r);
-  }, [T]);
-  g(() => {
-    d.current = (n) => {
-      const e = o.current, r = m.current;
+    i.current = requestAnimationFrame(l.current);
+  }), g = S((n, e, r) => {
+    w(n, e, r);
+  }, [w]);
+  E(() => {
+    l.current = (n) => {
+      const e = o.current, r = d.current;
       if (!e || !r) return;
-      const t = n - A.current, c = e.context;
-      if (p)
+      const t = n - R.current, c = e.context;
+      if (A)
         e.fastRender(r, t, a.clear), c.drawArrays(c.TRIANGLE_STRIP, 0, 4);
       else {
         const u = e.resources.get(r);
         if (!u) return;
-        e.prepareRender(r, a), R(t, u, c);
+        e.prepareRender(r, a), g(t, u, c);
       }
-      i.current = requestAnimationFrame(d.current);
+      i.current = requestAnimationFrame(l.current);
     };
-  }, [a, p, R]);
-  const l = y(() => {
-    if (!f.current || !o.current) return;
-    const n = w ?? window.innerWidth, e = L ?? window.innerHeight, r = S ?? (F ? window.devicePixelRatio : 1), t = Math.floor(n * r), c = Math.floor(e * r);
+  }, [a, A, g]);
+  const p = S(() => {
+    if (!m.current || !o.current) return;
+    const n = L ?? window.innerWidth, e = F ?? window.innerHeight, r = y ?? (_ ? window.devicePixelRatio : 1), t = Math.floor(n * r), c = Math.floor(e * r);
     o.current.setSize(t, c, n, e);
-  }, [F, S, w, L]);
-  return g(() => {
-    if (!f.current) return;
-    const n = new v(f.current);
-    o.current = n, l();
-    const [[e, r]] = Object.entries(E);
-    return n.createProgram(e, r), n.createBuffer(e, "a_position", new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1])), n.setAttributeOnce(e, "a_position", {
+  }, [_, y, L, F]);
+  return E(() => {
+    if (!m.current) return;
+    const n = new v(m.current);
+    o.current = n, p();
+    const [[e, r]] = Object.entries(T);
+    n.createProgram(e, r), n.createBuffer(e, "a_position", new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1])), n.setAttributeOnce(e, "a_position", {
       name: "a_position",
       size: 2,
       type: "FLOAT",
       normalized: !1,
       stride: 0,
       offset: 0
-    }), m.current = e, A.current = performance.now(), i.current = requestAnimationFrame(d.current), window.addEventListener("resize", l), () => {
-      window.removeEventListener("resize", l), i.current && cancelAnimationFrame(i.current), n.destroyAll();
+    }), d.current = e;
+    const t = f[e];
+    return t && t.forEach((c) => {
+      n.registerUniformUpdater(e, c.name, c.type, c.updateFn);
+    }), R.current = performance.now(), i.current = requestAnimationFrame(l.current), window.addEventListener("resize", p), () => {
+      window.removeEventListener("resize", p), i.current && cancelAnimationFrame(i.current), n.destroyAll();
     };
-  }, [E, l]), g(() => {
-    const n = o.current, e = m.current;
+  }, [T, p, f]), E(() => {
+    const n = o.current, e = d.current;
     if (!n || !e) return;
-    const r = _[e];
+    const r = f[e];
     r && r.forEach((t) => {
       n.registerUniformUpdater(e, t.name, t.type, t.updateFn);
     });
-  }, [_]), /* @__PURE__ */ h(
+  }, [f]), /* @__PURE__ */ U(
     "canvas",
     {
-      ref: f,
+      ref: m,
       className: I,
-      style: U
+      style: h
     }
   );
 };

package/dist/react/hooks/useUniformUpdaters.d.ts

@@ -1,4 +1,6 @@
 import { UniformParam, UniformUpdaterDef } from '../../types';
 export declare const useUniformUpdaters: (programId: string, uniforms: Record<string, UniformParam>, options?: {
     skipDefaultUniforms?: boolean;
-}) => Record<string, UniformUpdaterDef<import('../../types').UniformType>[]>;
+}) => {
+    [x: string]: UniformUpdaterDef<import('../../types').UniformType>[];
+};

package/dist/react/hooks/useUniformUpdaters.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),l=require("../lib/createUniformUpdater.js");function y(n){return Object.keys(n).sort().map(t=>{const e=n[t],c=typeof e.value=="function"?e.value.toString():JSON.stringify(e.value);return`${t}:${e.type}:${c}`}).join("|")}const _=(n,i,t)=>{const e=d.useRef(null),c=(t==null?void 0:t.skipDefaultUniforms)??!1,s=`${n}|${c}|${y(i)}`;if(e.current&&e.current.key===s)return typeof window<"u"&&window.__micuglMetrics&&window.__micuglMetrics.hookCacheHits++,e.current.result;typeof window<"u"&&window.__micuglMetrics&&window.__micuglMetrics.hookCacheMisses++;const u=c?[]:l.createCommonUpdaters().filter(r=>r.name==="u_time"&&!("u_time"in i)||r.name==="u_resolution"&&!("u_resolution"in i));Object.entries(i).forEach(([r,a])=>{const f=r.startsWith("u_")?r:`u_${r}`;u.push(l.createUniformUpdater(f,a.type,a.value))});const o={[n]:u};return e.current={key:s,result:o},o};exports.useUniformUpdaters=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("../lib/createUniformUpdater.js"),U=(u,t,e)=>n.useMemo(()=>{const a=(e==null?void 0:e.skipDefaultUniforms)??!1?[]:c.createCommonUpdaters().filter(r=>r.name==="u_time"&&!("u_time"in t)||r.name==="u_resolution"&&!("u_resolution"in t));return Object.entries(t).forEach(([r,s])=>{const i=r.startsWith("u_")?r:`u_${r}`;a.push(c.createUniformUpdater(i,s.type,s.value))}),{[u]:a}},[u,t,e==null?void 0:e.skipDefaultUniforms]);exports.useUniformUpdaters=U;

package/dist/react/hooks/useUniformUpdaters.mjs

@@ -1,26 +1,14 @@
-import { useRef as l } from "react";
-import { createCommonUpdaters as _, createUniformUpdater as d } from "../lib/createUniformUpdater.mjs";
-function m(i) {
-  return Object.keys(i).sort().map((t) => {
-    const e = i[t], c = typeof e.value == "function" ? e.value.toString() : JSON.stringify(e.value);
-    return `${t}:${e.type}:${c}`;
-  }).join("|");
-}
-const p = (i, n, t) => {
-  const e = l(null), c = (t == null ? void 0 : t.skipDefaultUniforms) ?? !1, s = `${i}|${c}|${m(n)}`;
-  if (e.current && e.current.key === s)
-    return typeof window < "u" && window.__micuglMetrics && window.__micuglMetrics.hookCacheHits++, e.current.result;
-  typeof window < "u" && window.__micuglMetrics && window.__micuglMetrics.hookCacheMisses++;
-  const o = c ? [] : _().filter(
-    (r) => r.name === "u_time" && !("u_time" in n) || r.name === "u_resolution" && !("u_resolution" in n)
+import { useMemo as f } from "react";
+import { createCommonUpdaters as c, createUniformUpdater as i } from "../lib/createUniformUpdater.mjs";
+const n = (u, t, e) => f(() => {
+  const a = (e == null ? void 0 : e.skipDefaultUniforms) ?? !1 ? [] : c().filter(
+    (r) => r.name === "u_time" && !("u_time" in t) || r.name === "u_resolution" && !("u_resolution" in t)
   );
-  Object.entries(n).forEach(([r, f]) => {
-    const a = r.startsWith("u_") ? r : `u_${r}`;
-    o.push(d(a, f.type, f.value));
-  });
-  const u = { [i]: o };
-  return e.current = { key: s, result: u }, u;
-};
+  return Object.entries(t).forEach(([r, m]) => {
+    const s = r.startsWith("u_") ? r : `u_${r}`;
+    a.push(i(s, m.type, m.value));
+  }), { [u]: a };
+}, [u, t, e == null ? void 0 : e.skipDefaultUniforms]);
 export {
-  p as useUniformUpdaters
+  n as useUniformUpdaters
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "micugl",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Micu gl - Small React shader library",
   "type": "module",
   "main": "dist/index.js",