micugl 0.0.10 → 0.0.12

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

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

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

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

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

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

package/dist/react/lib/createUniformUpdater.d.ts

@@ -5,4 +5,4 @@ export declare function createUniformUpdaters<T extends UniformType>(configs: {
     type: T;
     value: UniformValue<T>;
 }[]): UniformUpdaterDef<T>[];
-export declare function createCommonUpdaters(): UniformUpdaterDef<UniformType>[];
+export declare function createCommonUpdaters(): UniformUpdaterDef[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "micugl",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Micu gl - Small React shader library",
   "type": "module",
   "main": "dist/index.js",
@@ -41,6 +41,7 @@
     "@types/node": "^22.14.0",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
+    "ajv": "^8",
     "eslint": "^9.25.0",
     "eslint-plugin-react-dom": "^1.48.4",
     "eslint-plugin-react-hooks": "^5.2.0",