micugl 0.0.4 → 0.0.8

package/dist/src/core/managers/WebGLManager.js

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

package/dist/src/core/managers/WebGLManager.mjs

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

package/dist/src/core/systems/Passes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class g{constructor(i){this.passes=[],this.pingPongIds=new Set,this.webglManager=i}addPass(i){this.passes.push(i),i.outputFramebuffer&&this.pingPongIds.add(i.outputFramebuffer),i.inputTextures.forEach(r=>{r.bindingType==="readwrite"&&this.pingPongIds.add(r.id)})}clearPasses(){this.passes=[],this.pingPongIds.clear()}execute(i){const r=this.webglManager.context,a=this.webglManager.fbo;for(const e of this.passes){if(e.outputFramebuffer)if(this.pingPongIds.has(e.outputFramebuffer)){const{write:s}=a.getPingPongIndices(e.outputFramebuffer);a.bindFramebuffer(e.outputFramebuffer,s)}else a.bindFramebuffer(e.outputFramebuffer);else a.bindFramebuffer(null);this.webglManager.prepareRender(e.programId,e.renderOptions),e.inputTextures.forEach(s=>{let t=s.bindingType==="read"?0:1;if(this.pingPongIds.has(s.id)){const{read:n,write:o}=a.getPingPongIndices(s.id);t=s.bindingType==="read"||s.bindingType==="readwrite"?n:o}a.bindTexture(s.id,s.textureUnit,t),this.webglManager.setUniform(e.programId,`u_${s.id}`,s.textureUnit,"sampler2D")}),this.webglManager.updateUniforms(e.programId,i),e.uniforms&&Object.entries(e.uniforms).forEach(([s,t])=>{const n=typeof t.value=="function"?t.value(i,r.canvas.width,r.canvas.height):t.value;this.webglManager.setUniform(e.programId,s,n,t.type)}),r.drawArrays(r.TRIANGLE_STRIP,0,4),e.outputFramebuffer&&this.pingPongIds.has(e.outputFramebuffer)&&a.swapTextures(e.outputFramebuffer),e.inputTextures.forEach(s=>{s.bindingType==="readwrite"&&this.pingPongIds.has(s.id)&&a.swapTextures(s.id)})}}initializeResources(){for(const i of this.passes){const r=this.webglManager.resources.get(i.programId);r&&!r.buffers.a_position&&(this.webglManager.createBuffer(i.programId,"a_position",new Float32Array([-1,-1,1,-1,-1,1,1,1])),this.webglManager.setAttributeOnce(i.programId,"a_position",{name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0}))}}}exports.Passes=g;

package/dist/src/core/systems/Passes.mjs

@@ -0,0 +1,78 @@
+class f {
+  constructor(i) {
+    this.passes = [], this.pingPongIds = /* @__PURE__ */ new Set(), this.webglManager = i;
+  }
+  addPass(i) {
+    this.passes.push(i), i.outputFramebuffer && this.pingPongIds.add(i.outputFramebuffer), i.inputTextures.forEach((r) => {
+      r.bindingType === "readwrite" && this.pingPongIds.add(r.id);
+    });
+  }
+  clearPasses() {
+    this.passes = [], this.pingPongIds.clear();
+  }
+  execute(i) {
+    const r = this.webglManager.context, a = this.webglManager.fbo;
+    for (const e of this.passes) {
+      if (e.outputFramebuffer)
+        if (this.pingPongIds.has(e.outputFramebuffer)) {
+          const { write: s } = a.getPingPongIndices(e.outputFramebuffer);
+          a.bindFramebuffer(e.outputFramebuffer, s);
+        } else
+          a.bindFramebuffer(e.outputFramebuffer);
+      else
+        a.bindFramebuffer(null);
+      this.webglManager.prepareRender(e.programId, e.renderOptions), e.inputTextures.forEach((s) => {
+        let t = s.bindingType === "read" ? 0 : 1;
+        if (this.pingPongIds.has(s.id)) {
+          const { read: n, write: o } = a.getPingPongIndices(s.id);
+          t = s.bindingType === "read" || s.bindingType === "readwrite" ? n : o;
+        }
+        a.bindTexture(s.id, s.textureUnit, t), this.webglManager.setUniform(
+          e.programId,
+          `u_${s.id}`,
+          s.textureUnit,
+          "sampler2D"
+        );
+      }), this.webglManager.updateUniforms(e.programId, i), e.uniforms && Object.entries(e.uniforms).forEach(([s, t]) => {
+        const n = typeof t.value == "function" ? t.value(i, r.canvas.width, r.canvas.height) : t.value;
+        this.webglManager.setUniform(
+          e.programId,
+          s,
+          n,
+          t.type
+        );
+      }), r.drawArrays(r.TRIANGLE_STRIP, 0, 4), e.outputFramebuffer && this.pingPongIds.has(e.outputFramebuffer) && a.swapTextures(e.outputFramebuffer), e.inputTextures.forEach((s) => {
+        s.bindingType === "readwrite" && this.pingPongIds.has(s.id) && a.swapTextures(s.id);
+      });
+    }
+  }
+  initializeResources() {
+    for (const i of this.passes) {
+      const r = this.webglManager.resources.get(i.programId);
+      r && !r.buffers.a_position && (this.webglManager.createBuffer(
+        i.programId,
+        "a_position",
+        new Float32Array([
+          -1,
+          -1,
+          1,
+          -1,
+          -1,
+          1,
+          1,
+          1
+        ])
+      ), this.webglManager.setAttributeOnce(i.programId, "a_position", {
+        name: "a_position",
+        size: 2,
+        type: "FLOAT",
+        normalized: !1,
+        stride: 0,
+        offset: 0
+      }));
+    }
+  }
+}
+export {
+  f as Passes
+};

package/dist/src/core/systems/Postprocessing.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class l{constructor(e){this.effects=new Map,this.chains=new Map,this.defaultFramebufferOptions={width:0,height:0,textureCount:2,textureOptions:{minFilter:WebGLRenderingContext.LINEAR,magFilter:WebGLRenderingContext.LINEAR}},this.webglManager=e}registerEffect(e){this.effects.has(e.id)&&console.warn(`Effect with id ${e.id} already exists, overwriting`),this.webglManager.resources.has(e.programId)||this.webglManager.createProgram(e.programId,e.shaderConfig),this.effects.set(e.id,e)}removeEffect(e){if(!this.effects.has(e)){console.warn(`Effect with id ${e} not found`);return}this.effects.delete(e)}createChain(e,i,t,r=null,n=this.defaultFramebufferOptions){this.chains.has(e)&&console.warn(`Chain with id ${e} already exists, overwriting`);const s=[];for(const o of i){const f=this.effects.get(o);if(!f)throw new Error(`Effect with id ${o} not found`);s.push(f)}const a=[];for(let o=0;o<s.length-1;o++){const f=`${e}-intermediate-${o}`;this.webglManager.fbo.createFramebuffer(f,n),a.push(f)}this.chains.set(e,{id:e,effects:s,inputFramebufferId:t,outputFramebufferId:r,intermediateFramebufferIds:a})}removeChain(e){const i=this.chains.get(e);if(!i){console.warn(`Chain with id ${e} not found`);return}i.intermediateFramebufferIds.forEach(t=>{this.webglManager.fbo.destroy(t)}),this.chains.delete(e)}generatePasses(e,i){const t=this.chains.get(e);if(!t)throw new Error(`Chain with id ${e} not found`);const r=[],n=t.effects.filter(s=>s.enabled);return n.length===0?[{programId:"copy-shader",inputTextures:[{id:t.inputFramebufferId,textureUnit:0,bindingType:"read"}],outputFramebuffer:t.outputFramebufferId,renderOptions:{clear:!0}}]:(n.forEach((s,a)=>{const o=a===0,f=a===n.length-1,d=o?t.inputFramebufferId:t.intermediateFramebufferIds[a-1],g=f?t.outputFramebufferId:t.intermediateFramebufferIds[a],h={};Object.entries(s.uniforms).forEach(([u,c])=>{const b=u.startsWith("u_")?u:`u_${u}`;h[b]={type:c.type,value:c.value}}),r.push({programId:s.programId,inputTextures:[{id:d,textureUnit:0,bindingType:"read"}],outputFramebuffer:g,uniforms:h,renderOptions:{clear:!0}})}),r)}process(e,i){const t=this.generatePasses(e,i);for(const r of t)r.outputFramebuffer?this.webglManager.fbo.bindFramebuffer(r.outputFramebuffer):this.webglManager.fbo.bindFramebuffer(null),this.webglManager.prepareRender(r.programId,r.renderOptions),r.inputTextures.forEach(n=>{this.webglManager.fbo.bindTexture(n.id,n.textureUnit),this.webglManager.setUniform(r.programId,`u_texture${n.textureUnit}`,n.textureUnit,"sampler2D")}),r.uniforms&&Object.entries(r.uniforms).forEach(([n,s])=>{const a=typeof s.value=="function"?s.value(i,this.webglManager.context.canvas.width,this.webglManager.context.canvas.height):s.value;this.webglManager.setUniform(r.programId,n,a,s.type)}),this.webglManager.context.drawArrays(this.webglManager.context.TRIANGLE_STRIP,0,4)}resizeFramebuffers(e,i){for(const t of this.chains.values())for(const r of t.intermediateFramebufferIds)this.webglManager.fbo.resizeFramebuffer(r,e,i)}destroyAll(){for(const e of this.chains.values())for(const i of e.intermediateFramebufferIds)this.webglManager.fbo.destroy(i);this.chains.clear(),this.effects.clear()}}exports.Postprocessing=l;

package/dist/src/core/systems/Postprocessing.mjs

@@ -0,0 +1,128 @@
+class p {
+  constructor(e) {
+    this.effects = /* @__PURE__ */ new Map(), this.chains = /* @__PURE__ */ new Map(), this.defaultFramebufferOptions = {
+      width: 0,
+      height: 0,
+      textureCount: 2,
+      textureOptions: {
+        minFilter: WebGLRenderingContext.LINEAR,
+        magFilter: WebGLRenderingContext.LINEAR
+      }
+    }, this.webglManager = e;
+  }
+  registerEffect(e) {
+    this.effects.has(e.id) && console.warn(`Effect with id ${e.id} already exists, overwriting`), this.webglManager.resources.has(e.programId) || this.webglManager.createProgram(e.programId, e.shaderConfig), this.effects.set(e.id, e);
+  }
+  removeEffect(e) {
+    if (!this.effects.has(e)) {
+      console.warn(`Effect with id ${e} not found`);
+      return;
+    }
+    this.effects.delete(e);
+  }
+  createChain(e, i, t, r = null, a = this.defaultFramebufferOptions) {
+    this.chains.has(e) && console.warn(`Chain with id ${e} already exists, overwriting`);
+    const s = [];
+    for (const o of i) {
+      const f = this.effects.get(o);
+      if (!f)
+        throw new Error(`Effect with id ${o} not found`);
+      s.push(f);
+    }
+    const n = [];
+    for (let o = 0; o < s.length - 1; o++) {
+      const f = `${e}-intermediate-${o}`;
+      this.webglManager.fbo.createFramebuffer(f, a), n.push(f);
+    }
+    this.chains.set(e, {
+      id: e,
+      effects: s,
+      inputFramebufferId: t,
+      outputFramebufferId: r,
+      intermediateFramebufferIds: n
+    });
+  }
+  removeChain(e) {
+    const i = this.chains.get(e);
+    if (!i) {
+      console.warn(`Chain with id ${e} not found`);
+      return;
+    }
+    i.intermediateFramebufferIds.forEach((t) => {
+      this.webglManager.fbo.destroy(t);
+    }), this.chains.delete(e);
+  }
+  generatePasses(e, i) {
+    const t = this.chains.get(e);
+    if (!t)
+      throw new Error(`Chain with id ${e} not found`);
+    const r = [], a = t.effects.filter((s) => s.enabled);
+    return a.length === 0 ? [{
+      programId: "copy-shader",
+      inputTextures: [{
+        id: t.inputFramebufferId,
+        textureUnit: 0,
+        bindingType: "read"
+      }],
+      outputFramebuffer: t.outputFramebufferId,
+      renderOptions: { clear: !0 }
+    }] : (a.forEach((s, n) => {
+      const o = n === 0, f = n === a.length - 1, d = o ? t.inputFramebufferId : t.intermediateFramebufferIds[n - 1], g = f ? t.outputFramebufferId : t.intermediateFramebufferIds[n], h = {};
+      Object.entries(s.uniforms).forEach(([u, c]) => {
+        const b = u.startsWith("u_") ? u : `u_${u}`;
+        h[b] = {
+          type: c.type,
+          value: c.value
+        };
+      }), r.push({
+        programId: s.programId,
+        inputTextures: [{
+          id: d,
+          textureUnit: 0,
+          bindingType: "read"
+        }],
+        outputFramebuffer: g,
+        uniforms: h,
+        renderOptions: { clear: !0 }
+      });
+    }), r);
+  }
+  process(e, i) {
+    const t = this.generatePasses(e, i);
+    for (const r of t)
+      r.outputFramebuffer ? this.webglManager.fbo.bindFramebuffer(r.outputFramebuffer) : this.webglManager.fbo.bindFramebuffer(null), this.webglManager.prepareRender(r.programId, r.renderOptions), r.inputTextures.forEach((a) => {
+        this.webglManager.fbo.bindTexture(a.id, a.textureUnit), this.webglManager.setUniform(
+          r.programId,
+          `u_texture${a.textureUnit}`,
+          a.textureUnit,
+          "sampler2D"
+        );
+      }), r.uniforms && Object.entries(r.uniforms).forEach(([a, s]) => {
+        const n = typeof s.value == "function" ? s.value(i, this.webglManager.context.canvas.width, this.webglManager.context.canvas.height) : s.value;
+        this.webglManager.setUniform(
+          r.programId,
+          a,
+          n,
+          s.type
+        );
+      }), this.webglManager.context.drawArrays(
+        this.webglManager.context.TRIANGLE_STRIP,
+        0,
+        4
+      );
+  }
+  resizeFramebuffers(e, i) {
+    for (const t of this.chains.values())
+      for (const r of t.intermediateFramebufferIds)
+        this.webglManager.fbo.resizeFramebuffer(r, e, i);
+  }
+  destroyAll() {
+    for (const e of this.chains.values())
+      for (const i of e.intermediateFramebufferIds)
+        this.webglManager.fbo.destroy(i);
+    this.chains.clear(), this.effects.clear();
+  }
+}
+export {
+  p as Postprocessing
+};

package/dist/src/react/components/base/BasePingPongShaderComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),E=require("../engine/PingPongShaderEngine.js"),b=require("../../hooks/usePingPongPasses.js"),j={clear:!0,clearColor:[0,0,0,1]},p=({programId:e,shaderConfig:r,secondaryProgramId:t,secondaryShaderConfig:n,iterations:P=1,uniforms:a,secondaryUniforms:g,framebufferOptions:i,className:c="",style:u,customPasses:l,renderOptions:d=j})=>{const s=t??`${e}-secondary`,o={[e]:r};n&&(o[s]=n);const{passes:m,framebuffers:S}=b.usePingPongPasses({programId:e,secondaryProgramId:n?s:void 0,iterations:P,uniforms:a,secondaryUniforms:g,framebufferOptions:i,renderOptions:d,customPasses:l});return f.jsx(E.PingPongShaderEngine,{programConfigs:o,passes:m,framebuffers:S,className:c,style:u})};exports.BasePingPongShaderComponent=p;

package/dist/src/react/components/base/BasePingPongShaderComponent.mjs

@@ -0,0 +1,48 @@
+import { jsx as E } from "react/jsx-runtime";
+import { PingPongShaderEngine as d } from "../engine/PingPongShaderEngine.mjs";
+import { usePingPongPasses as x } from "../../hooks/usePingPongPasses.mjs";
+const N = {
+  clear: !0,
+  clearColor: [0, 0, 0, 1]
+}, b = ({
+  programId: o,
+  shaderConfig: e,
+  secondaryProgramId: t,
+  secondaryShaderConfig: r,
+  iterations: a = 1,
+  uniforms: P,
+  secondaryUniforms: c,
+  framebufferOptions: m,
+  className: i = "",
+  style: g,
+  customPasses: f,
+  renderOptions: p = N
+}) => {
+  const n = t ?? `${o}-secondary`, s = {
+    [o]: e
+  };
+  r && (s[n] = r);
+  const { passes: u, framebuffers: l } = x({
+    programId: o,
+    secondaryProgramId: r ? n : void 0,
+    iterations: a,
+    uniforms: P,
+    secondaryUniforms: c,
+    framebufferOptions: m,
+    renderOptions: p,
+    customPasses: f
+  });
+  return /* @__PURE__ */ E(
+    d,
+    {
+      programConfigs: s,
+      passes: u,
+      framebuffers: l,
+      className: i,
+      style: g
+    }
+  );
+};
+export {
+  b as BasePingPongShaderComponent
+};

package/dist/src/react/components/base/BaseShaderComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime");require("react");const m=require("../../hooks/useUniformUpdaters.js"),S=require("../engine/ShaderEngine.js"),l={clear:!0,clearColor:[0,0,0,1]},p=({programId:e,shaderConfig:t,uniforms:n,className:s="",style:o,renderOptions:a=l})=>{const u={[e]:t},i=m.useUniformUpdaters(e,n),c=(f,h,r)=>{r.drawArrays(r.TRIANGLE_STRIP,0,4)};return d.jsx(S.ShaderEngine,{programConfigs:u,renderCallback:c,uniformUpdaters:i,className:s,style:o,useFastPath:!0,renderOptions:a})};exports.BaseShaderComponent=p;

package/dist/src/react/components/base/BaseShaderComponent.mjs

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { useUniformUpdaters as p } from "../../hooks/useUniformUpdaters.mjs";
+import { ShaderEngine as u } from "../engine/ShaderEngine.mjs";
+const d = {
+  clear: !0,
+  clearColor: [0, 0, 0, 1]
+}, h = ({
+  programId: r,
+  shaderConfig: o,
+  uniforms: t,
+  className: s = "",
+  style: a,
+  renderOptions: n = d
+}) => {
+  const m = { [r]: o }, c = p(r, t);
+  return /* @__PURE__ */ i(
+    u,
+    {
+      programConfigs: m,
+      renderCallback: (l, C, e) => {
+        e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
+      },
+      uniformUpdaters: c,
+      className: s,
+      style: a,
+      useFastPath: !0,
+      renderOptions: n
+    }
+  );
+};
+export {
+  h as BaseShaderComponent
+};

package/dist/src/react/components/engine/PingPongShaderEngine.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),t=require("react"),P=require("../../../core/managers/WebGLManager.js"),F=require("../../../core/systems/Passes.js"),z="",A={},v=({programConfigs:l,passes:i,framebuffers:a,className:E=z,style:R=A,useDevicePixelRatio:h=!0})=>{const o=t.useRef(null),s=t.useRef(null),d=t.useRef(null),u=t.useRef(null),m=t.useRef(0),g=t.useRef(e=>{const n=s.current,r=d.current;if(!n||!r)return;const c=e-m.current;r.execute(c),u.current=requestAnimationFrame(g.current)}),f=t.useCallback(()=>{if(!o.current||!s.current)return;const e=window.innerWidth,n=window.innerHeight;s.current.setSize(e,n,h);const r=s.current,c=r.context.canvas;Object.entries(a??[]).forEach(([b,w])=>{const S=w.width||c.width,y=w.height||c.height;r.fbo.resizeFramebuffer(b,S,y)})},[a,h]);return t.useEffect(()=>{if(o.current)try{const e=new P.WebGLManager(o.current);s.current=e,Object.entries(l).forEach(([r,c])=>{e.createProgram(r,c)}),Object.entries(a??[]).forEach(([r,c])=>{e.fbo.createFramebuffer(r,c)});const n=new F.Passes(e);return d.current=n,i.forEach(r=>{n.addPass(r)}),n.initializeResources(),f(),m.current=performance.now(),u.current=requestAnimationFrame(g.current),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f),u.current&&cancelAnimationFrame(u.current),s.current&&s.current.destroyAll()}}catch(e){return console.error("Failed to initialize WebGL:",e),()=>{}}},[l,i,a,f]),t.useEffect(()=>{const e=d.current;e&&(e.clearPasses(),i.forEach(n=>{e.addPass(n)}),e.initializeResources())},[i]),L.jsx("canvas",{ref:o,className:E,style:{width:"100%",height:"100%",display:"block",...R}})};exports.PingPongShaderEngine=v;

package/dist/src/react/components/engine/PingPongShaderEngine.mjs

@@ -0,0 +1,68 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as i, useCallback as y, useEffect as E } from "react";
+import { WebGLManager as z } from "../../../core/managers/WebGLManager.mjs";
+import { Passes as A } from "../../../core/systems/Passes.mjs";
+const v = "", P = {}, O = ({
+  programConfigs: h,
+  passes: s,
+  framebuffers: o,
+  className: b = v,
+  style: F = P,
+  useDevicePixelRatio: d = !0
+}) => {
+  const a = i(null), c = i(null), f = i(null), u = i(null), l = i(0), w = i((e) => {
+    const t = c.current, r = f.current;
+    if (!t || !r) return;
+    const n = e - l.current;
+    r.execute(n), u.current = requestAnimationFrame(w.current);
+  }), m = y(() => {
+    if (!a.current || !c.current) return;
+    const e = window.innerWidth, t = window.innerHeight;
+    c.current.setSize(e, t, d);
+    const r = c.current, n = r.context.canvas;
+    Object.entries(o ?? []).forEach(([L, g]) => {
+      const R = g.width || n.width, S = g.height || n.height;
+      r.fbo.resizeFramebuffer(L, R, S);
+    });
+  }, [o, d]);
+  return E(() => {
+    if (a.current)
+      try {
+        const e = new z(a.current);
+        c.current = e, Object.entries(h).forEach(([r, n]) => {
+          e.createProgram(r, n);
+        }), Object.entries(o ?? []).forEach(([r, n]) => {
+          e.fbo.createFramebuffer(r, n);
+        });
+        const t = new A(e);
+        return f.current = t, s.forEach((r) => {
+          t.addPass(r);
+        }), t.initializeResources(), m(), l.current = performance.now(), u.current = requestAnimationFrame(w.current), window.addEventListener("resize", m), () => {
+          window.removeEventListener("resize", m), u.current && cancelAnimationFrame(u.current), c.current && c.current.destroyAll();
+        };
+      } catch (e) {
+        return console.error("Failed to initialize WebGL:", e), () => {
+        };
+      }
+  }, [h, s, o, m]), E(() => {
+    const e = f.current;
+    e && (e.clearPasses(), s.forEach((t) => {
+      e.addPass(t);
+    }), e.initializeResources());
+  }, [s]), /* @__PURE__ */ p(
+    "canvas",
+    {
+      ref: a,
+      className: b,
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "block",
+        ...F
+      }
+    }
+  );
+};
+export {
+  O as PingPongShaderEngine
+};

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

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