@micjanic/recursive-grid 1.0.28 → 1.0.30

package/dist/recursive-grid.es.js

@@ -1,9 +1,9 @@
-var ue = Object.defineProperty;
-var ce = (s, t, n) => t in s ? ue(s, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[t] = n;
-var m = (s, t, n) => ce(s, typeof t != "symbol" ? t + "" : t, n);
-import fe, { createContext as de, useMemo as me, useContext as pe, useRef as J, useEffect as he, useCallback as _e } from "react";
+var ce = Object.defineProperty;
+var fe = (l, t, n) => t in l ? ce(l, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[t] = n;
+var p = (l, t, n) => fe(l, typeof t != "symbol" ? t + "" : t, n);
+import de, { createContext as me, useState as pe, useEffect as F, useContext as he, useRef as V, useCallback as _e } from "react";
 import { useApplication as Ee, useTick as Re, extend as ve, Application as Te } from "@pixi/react";
-import { Graphics as K, Particle as ee, Sprite as be, Container as xe, Texture as Pe, ParticleContainer as Ae } from "pixi.js";
+import { Graphics as ee, Particle as re, Sprite as be, Container as xe, Texture as Pe, ParticleContainer as Ae } from "pixi.js";
 var N = { exports: {} }, g = {};
 /**
  * @license React
@@ -14,29 +14,29 @@ var N = { exports: {} }, g = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V;
+var z;
 function ge() {
-  if (V) return g;
-  V = 1;
-  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(l, a, c) {
-    var f = null;
-    if (c !== void 0 && (f = "" + c), a.key !== void 0 && (f = "" + a.key), "key" in a) {
-      c = {};
+  if (z) return g;
+  z = 1;
+  var l = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(f, a, s) {
+    var o = null;
+    if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
+      s = {};
       for (var d in a)
-        d !== "key" && (c[d] = a[d]);
-    } else c = a;
-    return a = c.ref, {
-      $$typeof: s,
-      type: l,
-      key: f,
+        d !== "key" && (s[d] = a[d]);
+    } else s = a;
+    return a = s.ref, {
+      $$typeof: l,
+      type: f,
+      key: o,
       ref: a !== void 0 ? a : null,
-      props: c
+      props: s
     };
   }
   return g.Fragment = t, g.jsx = n, g.jsxs = n, g;
 }
-var S = {};
+var y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -46,13 +46,13 @@ var S = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var z;
-function Se() {
-  return z || (z = 1, process.env.NODE_ENV !== "production" && (function() {
-    function s(e) {
+var X;
+function ye() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
+        return e.$$typeof === le ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case x:
@@ -61,11 +61,11 @@ function Se() {
           return "Profiler";
         case O:
           return "StrictMode";
-        case te:
-          return "Suspense";
         case ne:
+          return "Suspense";
+        case ae:
           return "SuspenseList";
-        case oe:
+        case se:
           return "Activity";
       }
       if (typeof e == "object")
@@ -78,15 +78,15 @@ function Se() {
             return e.displayName || "Context";
           case A:
             return (e._context.displayName || "Context") + ".Consumer";
-          case j:
+          case w:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ae:
-            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case oe:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
           case D:
             r = e._payload, e = e._init;
             try {
-              return s(e(r));
+              return l(e(r));
             } catch {
             }
         }
@@ -104,20 +104,20 @@ function Se() {
       }
       if (r) {
         r = console;
-        var o = r.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
+        var i = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          i
+          u
         ), t(e);
       }
     }
-    function l(e) {
+    function f(e) {
       if (e === x) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === D)
         return "<...>";
       try {
-        var r = s(e);
+        var r = l(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
@@ -127,45 +127,45 @@ function Se() {
       var e = Y.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (F.call(e, "key")) {
+    function o(e) {
+      if (L.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
     function d(e, r) {
-      function o() {
-        L || (L = !0, console.error(
+      function i() {
+        G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      i.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: i,
         configurable: !0
       });
     }
-    function k() {
-      var e = s(this.type);
-      return G[e] || (G[e] = !0, console.error(
+    function S() {
+      var e = l(this.type);
+      return U[e] || (U[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function _(e, r, o, i, w, M) {
-      var u = o.ref;
+    function m(e, r, i, u, j, M) {
+      var c = i.ref;
       return e = {
         $$typeof: v,
         type: e,
         key: r,
-        props: o,
-        _owner: i
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        props: i,
+        _owner: u
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: k
+        get: S
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -180,7 +180,7 @@ function Se() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: j
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -188,51 +188,51 @@ function Se() {
         value: M
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function y(e, r, o, i, w, M) {
-      var u = r.children;
-      if (u !== void 0)
-        if (i)
-          if (le(u)) {
-            for (i = 0; i < u.length; i++)
-              E(u[i]);
-            Object.freeze && Object.freeze(u);
+    function k(e, r, i, u, j, M) {
+      var c = r.children;
+      if (c !== void 0)
+        if (u)
+          if (ie(c)) {
+            for (u = 0; u < c.length; u++)
+              E(c[u]);
+            Object.freeze && Object.freeze(c);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else E(u);
-      if (F.call(r, "key")) {
-        u = s(e);
-        var b = Object.keys(r).filter(function(ie) {
-          return ie !== "key";
+        else E(c);
+      if (L.call(r, "key")) {
+        c = l(e);
+        var b = Object.keys(r).filter(function(ue) {
+          return ue !== "key";
         });
-        i = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", q[u + i] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", J[c + u] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          i,
           u,
+          c,
           b,
-          u
-        ), q[u + i] = !0);
+          c
+        ), J[c + u] = !0);
       }
-      if (u = null, o !== void 0 && (n(o), u = "" + o), f(r) && (n(r.key), u = "" + r.key), "key" in r) {
-        o = {};
+      if (c = null, i !== void 0 && (n(i), c = "" + i), o(r) && (n(r.key), c = "" + r.key), "key" in r) {
+        i = {};
         for (var $ in r)
-          $ !== "key" && (o[$] = r[$]);
-      } else o = r;
-      return u && d(
-        o,
+          $ !== "key" && (i[$] = r[$]);
+      } else i = r;
+      return c && d(
+        i,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), _(
+      ), m(
         e,
-        u,
-        o,
+        c,
+        i,
         a(),
-        w,
+        j,
         M
       );
     }
@@ -242,69 +242,82 @@ React keys must be passed directly to JSX without using spread:
     function R(e) {
       return typeof e == "object" && e !== null && e.$$typeof === v;
     }
-    var p = fe, v = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), C = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), oe = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), Y = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, le = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var h = de, v = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), C = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), Y = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, ie = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    h = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var L, G = {}, W = p.react_stack_bottom_frame.bind(
-      p,
-      c
-    )(), U = I(l(c)), q = {};
-    S.Fragment = x, S.jsx = function(e, r, o) {
-      var i = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return y(
+    var G, U = {}, W = h.react_stack_bottom_frame.bind(
+      h,
+      s
+    )(), q = I(f(s)), J = {};
+    y.Fragment = x, y.jsx = function(e, r, i) {
+      var u = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return k(
         e,
         r,
-        o,
+        i,
         !1,
-        i ? Error("react-stack-top-frame") : W,
-        i ? I(l(e)) : U
+        u ? Error("react-stack-top-frame") : W,
+        u ? I(f(e)) : q
       );
-    }, S.jsxs = function(e, r, o) {
-      var i = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return y(
+    }, y.jsxs = function(e, r, i) {
+      var u = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return k(
         e,
         r,
-        o,
+        i,
         !0,
-        i ? Error("react-stack-top-frame") : W,
-        i ? I(l(e)) : U
+        u ? Error("react-stack-top-frame") : W,
+        u ? I(f(e)) : q
       );
     };
-  })()), S;
+  })()), y;
 }
-var X;
-function ke() {
-  return X || (X = 1, process.env.NODE_ENV === "production" ? N.exports = ge() : N.exports = Se()), N.exports;
+var H;
+function Se() {
+  return H || (H = 1, process.env.NODE_ENV === "production" ? N.exports = ge() : N.exports = ye()), N.exports;
 }
-var h = ke();
-const re = de({}), ye = ({ children: s }) => {
-  const { app: t } = Ee(), n = me(() => {
-    if (!t || !t.renderer) return null;
-    const l = new K();
-    l.setFillStyle({
-      color: "#121225"
-    }), l.rect(0, 0, 1, 1), l.fill();
-    const a = t.renderer.generateTexture(l);
-    return l.destroy(), a;
-  }, [t == null ? void 0 : t.renderer]);
-  return n ? /* @__PURE__ */ h.jsx(re.Provider, { value: n, children: s }) : null;
+var _ = Se();
+const te = me({}), ke = ({ children: l }) => {
+  const { app: t } = Ee(), [n, f] = pe(null);
+  return F(() => {
+    if (!t) return;
+    let a = !1;
+    const s = () => {
+      if (!t.renderer) {
+        requestAnimationFrame(s);
+        return;
+      }
+      const o = new ee();
+      o.setFillStyle({ color: "#121225" }), o.rect(0, 0, 1, 1), o.fill();
+      const d = t.renderer.generateTexture(o);
+      o.destroy(), a || f(d);
+    };
+    return s(), () => {
+      a = !0;
+      try {
+        n == null || n.destroy(!0);
+      } catch {
+      }
+      f(null);
+    };
+  }, [t]), n ? /* @__PURE__ */ _.jsx(te.Provider, { value: n, children: l }) : null;
 };
-class Oe extends ee {
-  constructor(n, l, a, c, f, d) {
-    super({ texture: n, x: l, y: a, scaleX: c, scaleY: f, alpha: 0 });
-    m(this, "animationProgress", 0);
-    m(this, "delayCounter", 0);
-    m(this, "randomSpeed");
-    m(this, "randomDelayOffset");
-    m(this, "startScaleX");
-    m(this, "startScaleY");
-    m(this, "targetAlpha");
-    this.texture = n, this.x = l, this.y = a, this.scaleX = c, this.scaleY = f, this.curLevel = d, this.startScaleX = c, this.startScaleY = f, this.curLevel = d, this.randomSpeed = 0.04 + Math.random() * 0.04, this.randomDelayOffset = Math.floor(Math.random() * 150), this.targetAlpha = 0.9 + Math.random() * 0.1;
+class Oe extends re {
+  constructor(n, f, a, s, o, d) {
+    super({ texture: n, x: f, y: a, scaleX: s, scaleY: o, alpha: 0 });
+    p(this, "animationProgress", 0);
+    p(this, "delayCounter", 0);
+    p(this, "randomSpeed");
+    p(this, "randomDelayOffset");
+    p(this, "startScaleX");
+    p(this, "startScaleY");
+    p(this, "targetAlpha");
+    this.texture = n, this.x = f, this.y = a, this.scaleX = s, this.scaleY = o, this.curLevel = d, this.startScaleX = s, this.startScaleY = o, this.curLevel = d, this.randomSpeed = 0.04 + Math.random() * 0.04, this.randomDelayOffset = Math.floor(Math.random() * 150), this.targetAlpha = 0.9 + Math.random() * 0.1;
   }
   update() {
     if (this.delayCounter < this.curLevel * 15 + this.randomDelayOffset) {
@@ -320,62 +333,78 @@ class Oe extends ee {
 }
 class Ce {
   constructor(t, n) {
-    m(this, "cells", []);
+    p(this, "cells", []);
     this.texture = t, this.particleContainerRefCurrent = n, this.texture = t;
   }
-  add(t, n, l, a, c) {
-    const f = new Oe(this.texture, t, n, l, a, c);
-    this.particleContainerRefCurrent.addParticle(f), this.cells.push(f);
+  add(t, n, f, a, s) {
+    const o = new Oe(this.texture, t, n, f, a, s);
+    this.particleContainerRefCurrent.addParticle(o), this.cells.push(o);
   }
   updateAll() {
     for (const t of this.cells)
       t.update();
   }
 }
-const je = ({
-  gridRows: s,
+const we = ({
+  gridRows: l,
   gridCols: t,
   cellWidth: n,
-  cellHeight: l,
+  cellHeight: f,
   gridDepth: a
 }) => {
-  const c = pe(re), f = J(null), d = J(null);
-  he(() => {
-    f.current && (d.current = new Ce(
-      c,
-      f.current
-    ), k(
-      0,
-      0,
-      n,
-      l,
-      t,
-      s,
-      a,
-      f.current
-    ));
-  }, []), Re(() => {
-    var _;
-    (_ = d.current) == null || _.updateAll();
+  const s = he(te), o = V(null), d = V(null);
+  F(() => {
+    if (s) {
+      if (o.current) {
+        try {
+          o.current.removeChildren();
+        } catch {
+        }
+        d.current = new Ce(
+          s,
+          o.current
+        ), S(
+          0,
+          0,
+          n,
+          f,
+          t,
+          l,
+          a,
+          o.current
+        );
+      }
+      return () => {
+        var m;
+        try {
+          (m = o.current) == null || m.removeChildren();
+        } catch {
+        }
+        d.current = null;
+      };
+    }
+  }, [s, n, f, t, l, a]), Re(() => {
+    var m;
+    (m = d.current) == null || m.updateAll();
   });
-  const k = _e(
-    (_, y, E, R, p, v, T, x) => {
+  const S = _e(
+    (m, k, E, R, h, v, T, x) => {
       var O;
       for (let P = 0; P < v; P++)
-        for (let A = 0; A < p; A++) {
-          const C = _ + A * E, j = y + P * R;
+        for (let A = 0; A < h; A++) {
+          const C = m + A * E, w = k + P * R;
           T <= 0 || Math.random() > 0.7 && T < a ? Math.random() > 0.1 && ((O = d.current) == null || O.add(
             C,
-            j,
+            w,
             E - 1,
             R - 1,
             T
-          )) : k(
+          )) : S(
             C,
-            j,
-            E / p,
+            w,
+            E / h,
             R / v,
-            p,
+            h,
             v,
             T - 1,
             x
@@ -384,10 +413,10 @@ const je = ({
     },
     []
   );
-  return /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ _.jsx(
     "pixiParticleContainer",
     {
-      ref: f,
+      ref: o,
       dynamicProperties: {
         position: !0,
         vertex: !0,
@@ -395,44 +424,46 @@ const je = ({
       }
     }
   );
-}, we = ({
-  cellWidth: s,
+}, je = ({
+  cellWidth: l,
   cellHeight: t,
   gridRows: n,
-  gridCols: l,
+  gridCols: f,
   gridDepth: a
-}) => /* @__PURE__ */ h.jsx(ye, { children: /* @__PURE__ */ h.jsx(
-  je,
+}) => /* @__PURE__ */ _.jsx(ke, { children: /* @__PURE__ */ _.jsx(
+  we,
   {
-    cellWidth: s,
+    cellWidth: l,
     cellHeight: t,
-    gridCols: l,
+    gridCols: f,
     gridRows: n,
     gridDepth: a
   }
 ) });
-ve({ ParticleContainer: Ae, Particle: ee, Texture: Pe, Container: xe, Sprite: be, Graphics: K });
-const H = 2, B = 2, Z = 300, Q = 300, Ne = 6, $e = () => /* @__PURE__ */ h.jsx("div", { className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ h.jsx(
+ve({ ParticleContainer: Ae, Particle: re, Texture: Pe, Container: xe, Sprite: be, Graphics: ee });
+const B = 2, Z = 2, Q = 300, K = 300, Ne = 6, $e = () => (F(() => (console.log("Pixi mounted"), () => console.log("Pixi unmounted")), []), /* @__PURE__ */ _.jsx("div", { className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ _.jsx(
   Te,
   {
     antialias: !1,
-    width: Z * H,
-    height: Q * B,
+    width: Q * B,
+    height: K * Z,
     className: "image-pixelated w-full",
     backgroundAlpha: 0,
     autoDensity: !0,
-    children: /* @__PURE__ */ h.jsx(
-      we,
+    preserveDrawingBuffer: !0,
+    powerPreference: "high-performance",
+    children: /* @__PURE__ */ _.jsx(
+      je,
       {
-        gridCols: H,
-        gridRows: B,
-        cellWidth: Z,
-        cellHeight: Q,
+        gridCols: B,
+        gridRows: Z,
+        cellWidth: Q,
+        cellHeight: K,
         gridDepth: Ne
       }
     )
   }
-) });
+) }));
 export {
   $e as default
 };

package/dist/recursive-grid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"recursive-grid.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/CellTexturesContext.tsx","../src/classes/Cell.ts","../src/classes/CellManager.ts","../src/components/RecursiveGrid.tsx","../src/components/RecursiveGridContainer.tsx","../src/components/PixiApp.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext, FC, ReactNode, useMemo } from 'react'\r\nimport { useApplication } from '@pixi/react'\r\nimport { Graphics, Texture } from 'pixi.js'\r\n\r\ntype CellTextures = Texture\r\n\r\nconst CellTexturesContext = createContext<CellTextures>({} as CellTextures)\r\n\r\nexport const useCellTextures = () => useContext(CellTexturesContext)\r\n\r\nconst CellTexturesProvider: FC<{ children: ReactNode }> = ({ children }) => {\r\n    const { app } = useApplication()\r\n\r\n    const texture = useMemo(() => {\r\n        if (!app || !app.renderer) return null\r\n\r\n        const g = new Graphics()\r\n\r\n        g.setFillStyle({\r\n            color: '#121225',\r\n        })\r\n\r\n        g.rect(0, 0, 1, 1)\r\n        g.fill()\r\n        const generatedTexture = app.renderer.generateTexture(g)\r\n        g.destroy()\r\n        return generatedTexture\r\n    }, [app?.renderer])\r\n\r\n    if (!texture) return null\r\n\r\n    return (\r\n        <CellTexturesContext.Provider value={texture}>\r\n            {children}\r\n        </CellTexturesContext.Provider>\r\n    )\r\n}\r\n\r\nexport { CellTexturesContext, CellTexturesProvider }\r\n","import { Particle, Texture } from \"pixi.js\"\r\n\r\nexport class Cell extends Particle {\r\n  private animationProgress = 0\r\n  private delayCounter = 0\r\n  private randomSpeed: number\r\n  private randomDelayOffset: number\r\n  startScaleX: number\r\n  startScaleY: number\r\n  targetAlpha: number\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public x: number,\r\n    public y: number,\r\n    public scaleX: number,\r\n    public scaleY: number,\r\n    public curLevel: number,\r\n  ) {\r\n    super({ texture, x, y, scaleX, scaleY, alpha: 0 })\r\n    this.startScaleX = scaleX\r\n    this.startScaleY = scaleY\r\n    this.curLevel = curLevel\r\n\r\n    // Randomize speed slightly (0.08 to 0.12)\r\n    this.randomSpeed = 0.04 + Math.random() * 0.04\r\n    // Randomize delay by a few frames\r\n    this.randomDelayOffset = Math.floor(Math.random() * 150)\r\n    this.targetAlpha = 0.9 + Math.random() * 0.1\r\n  }\r\n\r\n  update() {\r\n    if (this.delayCounter < this.curLevel * 15 + this.randomDelayOffset) {\r\n      this.delayCounter++\r\n      return\r\n    }\r\n\r\n    if (this.animationProgress >= this.targetAlpha - 0.001) {\r\n      this.animationProgress = this.targetAlpha\r\n      this.alpha = this.targetAlpha\r\n      return\r\n    }\r\n\r\n    this.animationProgress += (this.targetAlpha - this.animationProgress) * this.randomSpeed\r\n    this.alpha = this.animationProgress\r\n  }\r\n}\r\n","import { ParticleContainer, Texture } from 'pixi.js'\r\nimport { Cell } from './Cell'\r\n\r\nexport class CellManager {\r\n  private cells: Cell[] = []\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public particleContainerRefCurrent: ParticleContainer\r\n  ) {\r\n    this.texture = texture\r\n  }\r\n\r\n  add(x: number, y: number, scaleX: number, scaleY: number, curLevel: number) {\r\n    const cell = new Cell(this.texture, x, y, scaleX, scaleY, curLevel)\r\n    this.particleContainerRefCurrent.addParticle(cell)\r\n    this.cells.push(cell)\r\n  }\r\n\r\n  updateAll() {\r\n    for (const cell of this.cells) {\r\n      cell.update()\r\n    }\r\n  }\r\n}","import { FC, useCallback, useContext, useEffect, useRef } from 'react'\r\nimport { ParticleContainer } from 'pixi.js'\r\nimport { CellTexturesContext } from '../context/CellTexturesContext'\r\nimport { useTick } from '@pixi/react'\r\nimport { CellManager } from '../classes/CellManager'\r\n\r\ninterface GridProps {\r\n    gridCols: number\r\n    gridRows: number\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGrid: FC<GridProps> = ({\r\n    gridRows,\r\n    gridCols,\r\n    cellWidth,\r\n    cellHeight,\r\n    gridDepth,\r\n}) => {\r\n    const texture = useContext(CellTexturesContext)\r\n    const particleContainerRef = useRef<ParticleContainer>(null)\r\n    const cellManager = useRef<CellManager>(null)\r\n\r\n    useEffect(() => {\r\n        if (particleContainerRef.current) {\r\n            cellManager.current = new CellManager(\r\n                texture,\r\n                particleContainerRef.current\r\n            )\r\n\r\n            buildRecursiveGrid(\r\n                0,\r\n                0,\r\n                cellWidth,\r\n                cellHeight,\r\n                gridCols,\r\n                gridRows,\r\n                gridDepth,\r\n                particleContainerRef.current\r\n            )\r\n        }\r\n    }, [])\r\n\r\n    useTick(() => {\r\n        cellManager.current?.updateAll()\r\n    })\r\n\r\n    const buildRecursiveGrid = useCallback(\r\n        (\r\n            x: number,\r\n            y: number,\r\n            cellWidth: number,\r\n            cellHeight: number,\r\n            gridCols: number,\r\n            gridRows: number,\r\n            curLevel: number,\r\n            currentParticlesRef: ParticleContainer\r\n        ) => {\r\n            for (let row = 0; row < gridRows; row++) {\r\n                for (let col = 0; col < gridCols; col++) {\r\n                    const startX = x + col * cellWidth\r\n                    const startY = y + row * cellHeight\r\n\r\n                    if (\r\n                        curLevel <= 0 ||\r\n                        (Math.random() > 0.7 && curLevel < gridDepth)\r\n                    ) {\r\n                        if (Math.random() > 0.1) {\r\n                            cellManager.current?.add(\r\n                                startX,\r\n                                startY,\r\n                                cellWidth - 1,\r\n                                cellHeight - 1,\r\n                                curLevel\r\n                            )\r\n                        }\r\n                    } else {\r\n                        buildRecursiveGrid(\r\n                            startX,\r\n                            startY,\r\n                            cellWidth / gridCols,\r\n                            cellHeight / gridRows,\r\n                            gridCols,\r\n                            gridRows,\r\n                            curLevel - 1,\r\n                            currentParticlesRef\r\n                        )\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        []\r\n    )\r\n\r\n    return (\r\n        <pixiParticleContainer\r\n            ref={particleContainerRef}\r\n            dynamicProperties={{\r\n                position: true,\r\n                vertex: true,\r\n                color: true,\r\n            }}\r\n        />\r\n    )\r\n}\r\n\r\nexport default RecursiveGrid\r\n","import { FC } from 'react'\r\nimport RecursiveGrid from './RecursiveGrid'\r\n\r\nimport { CellTexturesProvider } from '../context/CellTexturesContext'\r\n\r\ninterface RecursiveGridContainerProps {\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridRows: number\r\n    gridCols: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGridContainer: FC<RecursiveGridContainerProps> = ({\r\n    cellWidth,\r\n    cellHeight,\r\n    gridRows,\r\n    gridCols,\r\n    gridDepth,\r\n}) => {\r\n    return (\r\n        <CellTexturesProvider>\r\n            <RecursiveGrid\r\n                cellWidth={cellWidth}\r\n                cellHeight={cellHeight}\r\n                gridCols={gridCols}\r\n                gridRows={gridRows}\r\n                gridDepth={gridDepth}\r\n            />\r\n        </CellTexturesProvider>\r\n    )\r\n}\r\n\r\nexport default RecursiveGridContainer\r\n","import { Application, extend } from '@pixi/react'\r\nimport {\r\n    Sprite,\r\n    Graphics,\r\n    Container,\r\n    Texture,\r\n    Particle,\r\n    ParticleContainer,\r\n} from 'pixi.js'\r\nimport RecursiveGridContainer from './RecursiveGridContainer'\r\n\r\nextend({ ParticleContainer, Particle, Texture, Container, Sprite, Graphics })\r\n\r\nconst GRID_COLS = 2\r\nconst GRID_ROWS = 2\r\nconst CELL_WIDTH = 300\r\nconst CELL_HEIGHT = 300\r\nconst GRID_DEPTH = 6\r\n\r\nconst PixiApp = () => {\r\n    return (\r\n        <div className=\"flex flex-col items-center justify-center w-full h-full\">\r\n            <Application\r\n                antialias={false}\r\n                width={CELL_WIDTH * GRID_COLS}\r\n                height={CELL_HEIGHT * GRID_ROWS}\r\n                className=\"image-pixelated w-full\"\r\n                backgroundAlpha={0}\r\n                autoDensity={true}\r\n            >\r\n                <RecursiveGridContainer\r\n                    gridCols={GRID_COLS}\r\n                    gridRows={GRID_ROWS}\r\n                    cellWidth={CELL_WIDTH}\r\n                    cellHeight={CELL_HEIGHT}\r\n                    gridDepth={GRID_DEPTH}\r\n                />\r\n            </Application>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PixiApp\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","CellTexturesContext","createContext","CellTexturesProvider","app","useApplication","texture","useMemo","g","Graphics","generatedTexture","Cell","Particle","x","y","scaleX","scaleY","curLevel","__publicField","CellManager","particleContainerRefCurrent","cell","RecursiveGrid","gridRows","gridCols","cellWidth","cellHeight","gridDepth","useContext","particleContainerRef","useRef","cellManager","useEffect","buildRecursiveGrid","useTick","_a","useCallback","currentParticlesRef","row","col","startX","startY","jsx","RecursiveGridContainer","extend","ParticleContainer","Texture","Container","Sprite","GRID_COLS","GRID_ROWS","CELL_WIDTH","CELL_HEIGHT","GRID_DEPTH","PixiApp","Application"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"recursive-grid.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/CellTexturesContext.tsx","../src/classes/Cell.ts","../src/classes/CellManager.ts","../src/components/RecursiveGrid.tsx","../src/components/RecursiveGridContainer.tsx","../src/components/PixiApp.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext, FC, ReactNode, useEffect, useState } from 'react'\r\nimport { useApplication } from '@pixi/react'\r\nimport { Graphics, Texture } from 'pixi.js'\r\n\r\ntype CellTextures = Texture\r\n\r\nconst CellTexturesContext = createContext<CellTextures>({} as CellTextures)\r\n\r\nexport const useCellTextures = () => useContext(CellTexturesContext)\r\n\r\nconst CellTexturesProvider: FC<{ children: ReactNode }> = ({ children }) => {\r\n    const { app } = useApplication()\r\n    const [texture, setTexture] = useState<Texture | null>(null)\r\n\r\n    useEffect(() => {\r\n        if (!app) return\r\n\r\n        let isUnmounted = false\r\n\r\n        const generate = () => {\r\n            // Wait until Pixi Application has initialised the renderer\r\n            if (!app.renderer) {\r\n                requestAnimationFrame(generate)\r\n                return\r\n            }\r\n\r\n            const g = new Graphics()\r\n            g.setFillStyle({ color: '#121225' })\r\n            g.rect(0, 0, 1, 1)\r\n            g.fill()\r\n            const generatedTexture = app.renderer.generateTexture(g)\r\n            g.destroy()\r\n            if (!isUnmounted) setTexture(generatedTexture)\r\n        }\r\n\r\n        generate()\r\n\r\n        return () => {\r\n            isUnmounted = true\r\n            // Destroy generated texture to free GPU memory\r\n            try {\r\n                texture?.destroy(true)\r\n            } catch {}\r\n            setTexture(null)\r\n        }\r\n    }, [app])\r\n\r\n    if (!texture) return null\r\n\r\n    return (\r\n        <CellTexturesContext.Provider value={texture}>\r\n            {children}\r\n        </CellTexturesContext.Provider>\r\n    )\r\n}\r\n\r\nexport { CellTexturesContext, CellTexturesProvider }\r\n","import { Particle, Texture } from \"pixi.js\"\r\n\r\nexport class Cell extends Particle {\r\n  private animationProgress = 0\r\n  private delayCounter = 0\r\n  private randomSpeed: number\r\n  private randomDelayOffset: number\r\n  startScaleX: number\r\n  startScaleY: number\r\n  targetAlpha: number\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public x: number,\r\n    public y: number,\r\n    public scaleX: number,\r\n    public scaleY: number,\r\n    public curLevel: number,\r\n  ) {\r\n    super({ texture, x, y, scaleX, scaleY, alpha: 0 })\r\n    this.startScaleX = scaleX\r\n    this.startScaleY = scaleY\r\n    this.curLevel = curLevel\r\n\r\n    // Randomize speed slightly (0.08 to 0.12)\r\n    this.randomSpeed = 0.04 + Math.random() * 0.04\r\n    // Randomize delay by a few frames\r\n    this.randomDelayOffset = Math.floor(Math.random() * 150)\r\n    this.targetAlpha = 0.9 + Math.random() * 0.1\r\n  }\r\n\r\n  update() {\r\n    if (this.delayCounter < this.curLevel * 15 + this.randomDelayOffset) {\r\n      this.delayCounter++\r\n      return\r\n    }\r\n\r\n    if (this.animationProgress >= this.targetAlpha - 0.001) {\r\n      this.animationProgress = this.targetAlpha\r\n      this.alpha = this.targetAlpha\r\n      return\r\n    }\r\n\r\n    this.animationProgress += (this.targetAlpha - this.animationProgress) * this.randomSpeed\r\n    this.alpha = this.animationProgress\r\n  }\r\n}\r\n","import { ParticleContainer, Texture } from 'pixi.js'\r\nimport { Cell } from './Cell'\r\n\r\nexport class CellManager {\r\n  private cells: Cell[] = []\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public particleContainerRefCurrent: ParticleContainer\r\n  ) {\r\n    this.texture = texture\r\n  }\r\n\r\n  add(x: number, y: number, scaleX: number, scaleY: number, curLevel: number) {\r\n    const cell = new Cell(this.texture, x, y, scaleX, scaleY, curLevel)\r\n    this.particleContainerRefCurrent.addParticle(cell)\r\n    this.cells.push(cell)\r\n  }\r\n\r\n  updateAll() {\r\n    for (const cell of this.cells) {\r\n      cell.update()\r\n    }\r\n  }\r\n}","import { FC, useCallback, useContext, useEffect, useRef } from 'react'\r\nimport { ParticleContainer } from 'pixi.js'\r\nimport { CellTexturesContext } from '../context/CellTexturesContext'\r\nimport { useTick } from '@pixi/react'\r\nimport { CellManager } from '../classes/CellManager'\r\n\r\ninterface GridProps {\r\n    gridCols: number\r\n    gridRows: number\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGrid: FC<GridProps> = ({\r\n    gridRows,\r\n    gridCols,\r\n    cellWidth,\r\n    cellHeight,\r\n    gridDepth,\r\n}) => {\r\n    const texture = useContext(CellTexturesContext)\r\n    const particleContainerRef = useRef<ParticleContainer>(null)\r\n    const cellManager = useRef<CellManager>(null)\r\n\r\n    useEffect(() => {\r\n        if (!texture) return\r\n        if (particleContainerRef.current) {\r\n            // Clear any previous content on re-init\r\n            try {\r\n                particleContainerRef.current.removeChildren()\r\n            } catch {}\r\n\r\n            cellManager.current = new CellManager(\r\n                texture,\r\n                particleContainerRef.current\r\n            )\r\n\r\n            buildRecursiveGrid(\r\n                0,\r\n                0,\r\n                cellWidth,\r\n                cellHeight,\r\n                gridCols,\r\n                gridRows,\r\n                gridDepth,\r\n                particleContainerRef.current\r\n            )\r\n        }\r\n        return () => {\r\n            // Clean up particles and references on unmount/texture change\r\n            try {\r\n                particleContainerRef.current?.removeChildren()\r\n            } catch {}\r\n            cellManager.current = null\r\n        }\r\n    }, [texture, cellWidth, cellHeight, gridCols, gridRows, gridDepth])\r\n\r\n    useTick(() => {\r\n        cellManager.current?.updateAll()\r\n    })\r\n\r\n    const buildRecursiveGrid = useCallback(\r\n        (\r\n            x: number,\r\n            y: number,\r\n            cellWidth: number,\r\n            cellHeight: number,\r\n            gridCols: number,\r\n            gridRows: number,\r\n            curLevel: number,\r\n            currentParticlesRef: ParticleContainer\r\n        ) => {\r\n            for (let row = 0; row < gridRows; row++) {\r\n                for (let col = 0; col < gridCols; col++) {\r\n                    const startX = x + col * cellWidth\r\n                    const startY = y + row * cellHeight\r\n\r\n                    if (\r\n                        curLevel <= 0 ||\r\n                        (Math.random() > 0.7 && curLevel < gridDepth)\r\n                    ) {\r\n                        if (Math.random() > 0.1) {\r\n                            cellManager.current?.add(\r\n                                startX,\r\n                                startY,\r\n                                cellWidth - 1,\r\n                                cellHeight - 1,\r\n                                curLevel\r\n                            )\r\n                        }\r\n                    } else {\r\n                        buildRecursiveGrid(\r\n                            startX,\r\n                            startY,\r\n                            cellWidth / gridCols,\r\n                            cellHeight / gridRows,\r\n                            gridCols,\r\n                            gridRows,\r\n                            curLevel - 1,\r\n                            currentParticlesRef\r\n                        )\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        []\r\n    )\r\n\r\n    return (\r\n        <pixiParticleContainer\r\n            ref={particleContainerRef}\r\n            dynamicProperties={{\r\n                position: true,\r\n                vertex: true,\r\n                color: true,\r\n            }}\r\n        />\r\n    )\r\n}\r\n\r\nexport default RecursiveGrid\r\n","import { FC } from 'react'\r\nimport RecursiveGrid from './RecursiveGrid'\r\n\r\nimport { CellTexturesProvider } from '../context/CellTexturesContext'\r\n\r\ninterface RecursiveGridContainerProps {\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridRows: number\r\n    gridCols: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGridContainer: FC<RecursiveGridContainerProps> = ({\r\n    cellWidth,\r\n    cellHeight,\r\n    gridRows,\r\n    gridCols,\r\n    gridDepth,\r\n}) => {\r\n    return (\r\n        <CellTexturesProvider>\r\n            <RecursiveGrid\r\n                cellWidth={cellWidth}\r\n                cellHeight={cellHeight}\r\n                gridCols={gridCols}\r\n                gridRows={gridRows}\r\n                gridDepth={gridDepth}\r\n            />\r\n        </CellTexturesProvider>\r\n    )\r\n}\r\n\r\nexport default RecursiveGridContainer\r\n","import { Application, extend } from '@pixi/react'\r\nimport {\r\n    Sprite,\r\n    Graphics,\r\n    Container,\r\n    Texture,\r\n    Particle,\r\n    ParticleContainer,\r\n} from 'pixi.js'\r\nimport RecursiveGridContainer from './RecursiveGridContainer'\r\nimport { useEffect } from 'react'\r\nextend({ ParticleContainer, Particle, Texture, Container, Sprite, Graphics })\r\n\r\nconst GRID_COLS = 2\r\nconst GRID_ROWS = 2\r\nconst CELL_WIDTH = 300\r\nconst CELL_HEIGHT = 300\r\nconst GRID_DEPTH = 6\r\n\r\nconst PixiApp = () => {\r\n    useEffect(() => {\r\n        console.log('Pixi mounted')\r\n        return () => console.log('Pixi unmounted')\r\n    }, [])\r\n\r\n    return (\r\n        <div className=\"flex flex-col items-center justify-center w-full h-full\">\r\n            <Application\r\n                antialias={false}\r\n                width={CELL_WIDTH * GRID_COLS}\r\n                height={CELL_HEIGHT * GRID_ROWS}\r\n                className=\"image-pixelated w-full\"\r\n                backgroundAlpha={0}\r\n                autoDensity={true}\r\n                preserveDrawingBuffer={true}\r\n                powerPreference=\"high-performance\"\r\n            >\r\n                <RecursiveGridContainer\r\n                    gridCols={GRID_COLS}\r\n                    gridRows={GRID_ROWS}\r\n                    cellWidth={CELL_WIDTH}\r\n                    cellHeight={CELL_HEIGHT}\r\n                    gridDepth={GRID_DEPTH}\r\n                />\r\n            </Application>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PixiApp\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","CellTexturesContext","createContext","CellTexturesProvider","app","useApplication","texture","setTexture","useState","useEffect","isUnmounted","generate","g","Graphics","generatedTexture","Cell","Particle","x","y","scaleX","scaleY","curLevel","__publicField","CellManager","particleContainerRefCurrent","cell","RecursiveGrid","gridRows","gridCols","cellWidth","cellHeight","gridDepth","useContext","particleContainerRef","useRef","cellManager","buildRecursiveGrid","_a","useTick","useCallback","currentParticlesRef","row","col","startX","startY","jsx","RecursiveGridContainer","extend","ParticleContainer","Texture","Container","Sprite","GRID_COLS","GRID_ROWS","CELL_WIDTH","CELL_HEIGHT","GRID_DEPTH","PixiApp","Application"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/recursive-grid.umd.js

@@ -1,4 +1,4 @@
-(function(o,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("react"),require("@pixi/react"),require("pixi.js")):typeof define=="function"&&define.amd?define(["react","@pixi/react","pixi.js"],d):(o=typeof globalThis<"u"?globalThis:o||self,o["@micjanic/recursive-grid"]=d(o.React,o.PIXIReact,o.PIXI))})(this,(function(o,d,p){"use strict";var _e=Object.defineProperty;var ve=(o,d,p)=>d in o?_e(o,d,{enumerable:!0,configurable:!0,writable:!0,value:p}):o[d]=p;var E=(o,d,p)=>ve(o,typeof d!="symbol"?d+"":d,p);var O={exports:{}},S={};/**
+(function(a,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("react"),require("@pixi/react"),require("pixi.js")):typeof define=="function"&&define.amd?define(["react","@pixi/react","pixi.js"],d):(a=typeof globalThis<"u"?globalThis:a||self,a["@micjanic/recursive-grid"]=d(a.React,a.PIXIReact,a.PIXI))})(this,(function(a,d,h){"use strict";var ve=Object.defineProperty;var _e=(a,d,h)=>d in a?ve(a,d,{enumerable:!0,configurable:!0,writable:!0,value:h}):a[d]=h;var R=(a,d,h)=>_e(a,typeof d!="symbol"?d+"":d,h);var O={exports:{}},y={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var U;function te(){if(U)return S;U=1;var m=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function i(s,n,c){var f=null;if(c!==void 0&&(f=""+c),n.key!==void 0&&(f=""+n.key),"key"in n){c={};for(var h in n)h!=="key"&&(c[h]=n[h])}else c=n;return n=c.ref,{$$typeof:m,type:s,key:f,ref:n!==void 0?n:null,props:c}}return S.Fragment=t,S.jsx=i,S.jsxs=i,S}var k={};/**
+ */var W;function te(){if(W)return y;W=1;var m=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function o(f,t,s){var n=null;if(s!==void 0&&(n=""+s),t.key!==void 0&&(n=""+t.key),"key"in t){s={};for(var p in t)p!=="key"&&(s[p]=t[p])}else s=t;return t=s.ref,{$$typeof:m,type:f,key:n,ref:t!==void 0?t:null,props:s}}return y.Fragment=i,y.jsx=o,y.jsxs=o,y}var S={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,10 +14,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var X;function ne(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function m(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===he?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case g:return"Profiler";case N:return"StrictMode";case fe:return"Suspense";case de:return"SuspenseList";case pe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case P:return"Portal";case I:return e.displayName||"Context";case C:return(e._context.displayName||"Context")+".Consumer";case D:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case me:return r=e.displayName||null,r!==null?r:m(e.type)||"Memo";case M:r=e._payload,e=e._init;try{return m(e(r))}catch{}}return null}function t(e){return""+e}function i(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),t(e)}}function s(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===M)return"<...>";try{var r=m(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=G.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function f(e){if(Z.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function h(e,r){function a(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function w(){var e=m(this.type);return $[e]||($[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function v(e,r,a,l,Y,L){var u=a.ref;return e={$$typeof:x,type:e,key:r,props:a,_owner:l},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:w}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,r,a,l,Y,L){var u=r.children;if(u!==void 0)if(l)if(Ee(u)){for(l=0;l<u.length;l++)T(u[l]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else T(u);if(Z.call(r,"key")){u=m(e);var A=Object.keys(r).filter(function(Re){return Re!=="key"});l=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",re[u+l]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var X;function ne(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function m(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===he?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case g:return"Fragment";case k:return"Profiler";case N:return"StrictMode";case fe:return"Suspense";case de:return"SuspenseList";case pe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case P:return"Portal";case I:return e.displayName||"Context";case C:return(e._context.displayName||"Context")+".Consumer";case D:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case me:return r=e.displayName||null,r!==null?r:m(e.type)||"Memo";case M:r=e._payload,e=e._init;try{return m(e(r))}catch{}}return null}function i(e){return""+e}function o(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var l=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),i(e)}}function f(e){if(e===g)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===M)return"<...>";try{var r=m(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function t(){var e=F.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function n(e){if(Z.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function l(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function w(){var e=m(this.type);return K[e]||(K[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function E(e,r,l,u,Y,L){var c=l.ref;return e={$$typeof:x,type:e,key:r,props:l,_owner:u},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:w}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,r,l,u,Y,L){var c=r.children;if(c!==void 0)if(u)if(Ee(c)){for(u=0;u<c.length;u++)T(c[u]);Object.freeze&&Object.freeze(c)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else T(c);if(Z.call(r,"key")){c=m(e);var A=Object.keys(r).filter(function(Re){return Re!=="key"});u=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",re[c+u]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,u,A,u),re[u+l]=!0)}if(u=null,a!==void 0&&(i(a),u=""+a),f(r)&&(i(r.key),u=""+r.key),"key"in r){a={};for(var W in r)W!=="key"&&(a[W]=r[W])}else a=r;return u&&h(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,u,a,n(),Y,L)}function T(e){b(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===M&&(e._payload.status==="fulfilled"?b(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function b(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var R=o,x=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),I=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),de=Symbol.for("react.suspense_list"),me=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),pe=Symbol.for("react.activity"),he=Symbol.for("react.client.reference"),G=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,Ee=Array.isArray,F=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var Q,$={},K=R.react_stack_bottom_frame.bind(R,c)(),ee=F(s(c)),re={};k.Fragment=y,k.jsx=function(e,r,a){var l=1e4>G.recentlyCreatedOwnerStacks++;return j(e,r,a,!1,l?Error("react-stack-top-frame"):K,l?F(s(e)):ee)},k.jsxs=function(e,r,a){var l=1e4>G.recentlyCreatedOwnerStacks++;return j(e,r,a,!0,l?Error("react-stack-top-frame"):K,l?F(s(e)):ee)}})()),k}var J;function ae(){return J||(J=1,process.env.NODE_ENV==="production"?O.exports=te():O.exports=ne()),O.exports}var _=ae();const V=o.createContext({}),oe=({children:m})=>{const{app:t}=d.useApplication(),i=o.useMemo(()=>{if(!t||!t.renderer)return null;const s=new p.Graphics;s.setFillStyle({color:"#121225"}),s.rect(0,0,1,1),s.fill();const n=t.renderer.generateTexture(s);return s.destroy(),n},[t==null?void 0:t.renderer]);return i?_.jsx(V.Provider,{value:i,children:m}):null};class se extends p.Particle{constructor(i,s,n,c,f,h){super({texture:i,x:s,y:n,scaleX:c,scaleY:f,alpha:0});E(this,"animationProgress",0);E(this,"delayCounter",0);E(this,"randomSpeed");E(this,"randomDelayOffset");E(this,"startScaleX");E(this,"startScaleY");E(this,"targetAlpha");this.texture=i,this.x=s,this.y=n,this.scaleX=c,this.scaleY=f,this.curLevel=h,this.startScaleX=c,this.startScaleY=f,this.curLevel=h,this.randomSpeed=.04+Math.random()*.04,this.randomDelayOffset=Math.floor(Math.random()*150),this.targetAlpha=.9+Math.random()*.1}update(){if(this.delayCounter<this.curLevel*15+this.randomDelayOffset){this.delayCounter++;return}if(this.animationProgress>=this.targetAlpha-.001){this.animationProgress=this.targetAlpha,this.alpha=this.targetAlpha;return}this.animationProgress+=(this.targetAlpha-this.animationProgress)*this.randomSpeed,this.alpha=this.animationProgress}}class ie{constructor(t,i){E(this,"cells",[]);this.texture=t,this.particleContainerRefCurrent=i,this.texture=t}add(t,i,s,n,c){const f=new se(this.texture,t,i,s,n,c);this.particleContainerRefCurrent.addParticle(f),this.cells.push(f)}updateAll(){for(const t of this.cells)t.update()}}const le=({gridRows:m,gridCols:t,cellWidth:i,cellHeight:s,gridDepth:n})=>{const c=o.useContext(V),f=o.useRef(null),h=o.useRef(null);o.useEffect(()=>{f.current&&(h.current=new ie(c,f.current),w(0,0,i,s,t,m,n,f.current))},[]),d.useTick(()=>{var v;(v=h.current)==null||v.updateAll()});const w=o.useCallback((v,j,T,b,R,x,P,y)=>{var N;for(let g=0;g<x;g++)for(let C=0;C<R;C++){const I=v+C*T,D=j+g*b;P<=0||Math.random()>.7&&P<n?Math.random()>.1&&((N=h.current)==null||N.add(I,D,T-1,b-1,P)):w(I,D,T/R,b/x,R,x,P-1,y)}},[]);return _.jsx("pixiParticleContainer",{ref:f,dynamicProperties:{position:!0,vertex:!0,color:!0}})},ue=({cellWidth:m,cellHeight:t,gridRows:i,gridCols:s,gridDepth:n})=>_.jsx(oe,{children:_.jsx(le,{cellWidth:m,cellHeight:t,gridCols:s,gridRows:i,gridDepth:n})});d.extend({ParticleContainer:p.ParticleContainer,Particle:p.Particle,Texture:p.Texture,Container:p.Container,Sprite:p.Sprite,Graphics:p.Graphics});const z=2,H=2,q=300,B=300,ce=6;return()=>_.jsx("div",{className:"flex flex-col items-center justify-center w-full h-full",children:_.jsx(d.Application,{antialias:!1,width:q*z,height:B*H,className:"image-pixelated w-full",backgroundAlpha:0,autoDensity:!0,children:_.jsx(ue,{gridCols:z,gridRows:H,cellWidth:q,cellHeight:B,gridDepth:ce})})})}));
+  <%s key={someKey} {...props} />`,u,c,A,c),re[c+u]=!0)}if(c=null,l!==void 0&&(o(l),c=""+l),n(r)&&(o(r.key),c=""+r.key),"key"in r){l={};for(var U in r)U!=="key"&&(l[U]=r[U])}else l=r;return c&&p(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,c,l,t(),Y,L)}function T(e){b(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===M&&(e._payload.status==="fulfilled"?b(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function b(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var v=a,x=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),I=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),de=Symbol.for("react.suspense_list"),me=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),pe=Symbol.for("react.activity"),he=Symbol.for("react.client.reference"),F=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,Ee=Array.isArray,G=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var Q,K={},$=v.react_stack_bottom_frame.bind(v,s)(),ee=G(f(s)),re={};S.Fragment=g,S.jsx=function(e,r,l){var u=1e4>F.recentlyCreatedOwnerStacks++;return j(e,r,l,!1,u?Error("react-stack-top-frame"):$,u?G(f(e)):ee)},S.jsxs=function(e,r,l){var u=1e4>F.recentlyCreatedOwnerStacks++;return j(e,r,l,!0,u?Error("react-stack-top-frame"):$,u?G(f(e)):ee)}})()),S}var J;function ae(){return J||(J=1,process.env.NODE_ENV==="production"?O.exports=te():O.exports=ne()),O.exports}var _=ae();const V=a.createContext({}),oe=({children:m})=>{const{app:i}=d.useApplication(),[o,f]=a.useState(null);return a.useEffect(()=>{if(!i)return;let t=!1;const s=()=>{if(!i.renderer){requestAnimationFrame(s);return}const n=new h.Graphics;n.setFillStyle({color:"#121225"}),n.rect(0,0,1,1),n.fill();const p=i.renderer.generateTexture(n);n.destroy(),t||f(p)};return s(),()=>{t=!0;try{o==null||o.destroy(!0)}catch{}f(null)}},[i]),o?_.jsx(V.Provider,{value:o,children:m}):null};class se extends h.Particle{constructor(o,f,t,s,n,p){super({texture:o,x:f,y:t,scaleX:s,scaleY:n,alpha:0});R(this,"animationProgress",0);R(this,"delayCounter",0);R(this,"randomSpeed");R(this,"randomDelayOffset");R(this,"startScaleX");R(this,"startScaleY");R(this,"targetAlpha");this.texture=o,this.x=f,this.y=t,this.scaleX=s,this.scaleY=n,this.curLevel=p,this.startScaleX=s,this.startScaleY=n,this.curLevel=p,this.randomSpeed=.04+Math.random()*.04,this.randomDelayOffset=Math.floor(Math.random()*150),this.targetAlpha=.9+Math.random()*.1}update(){if(this.delayCounter<this.curLevel*15+this.randomDelayOffset){this.delayCounter++;return}if(this.animationProgress>=this.targetAlpha-.001){this.animationProgress=this.targetAlpha,this.alpha=this.targetAlpha;return}this.animationProgress+=(this.targetAlpha-this.animationProgress)*this.randomSpeed,this.alpha=this.animationProgress}}class ie{constructor(i,o){R(this,"cells",[]);this.texture=i,this.particleContainerRefCurrent=o,this.texture=i}add(i,o,f,t,s){const n=new se(this.texture,i,o,f,t,s);this.particleContainerRefCurrent.addParticle(n),this.cells.push(n)}updateAll(){for(const i of this.cells)i.update()}}const le=({gridRows:m,gridCols:i,cellWidth:o,cellHeight:f,gridDepth:t})=>{const s=a.useContext(V),n=a.useRef(null),p=a.useRef(null);a.useEffect(()=>{if(s){if(n.current){try{n.current.removeChildren()}catch{}p.current=new ie(s,n.current),w(0,0,o,f,i,m,t,n.current)}return()=>{var E;try{(E=n.current)==null||E.removeChildren()}catch{}p.current=null}}},[s,o,f,i,m,t]),d.useTick(()=>{var E;(E=p.current)==null||E.updateAll()});const w=a.useCallback((E,j,T,b,v,x,P,g)=>{var N;for(let k=0;k<x;k++)for(let C=0;C<v;C++){const I=E+C*T,D=j+k*b;P<=0||Math.random()>.7&&P<t?Math.random()>.1&&((N=p.current)==null||N.add(I,D,T-1,b-1,P)):w(I,D,T/v,b/x,v,x,P-1,g)}},[]);return _.jsx("pixiParticleContainer",{ref:n,dynamicProperties:{position:!0,vertex:!0,color:!0}})},ue=({cellWidth:m,cellHeight:i,gridRows:o,gridCols:f,gridDepth:t})=>_.jsx(oe,{children:_.jsx(le,{cellWidth:m,cellHeight:i,gridCols:f,gridRows:o,gridDepth:t})});d.extend({ParticleContainer:h.ParticleContainer,Particle:h.Particle,Texture:h.Texture,Container:h.Container,Sprite:h.Sprite,Graphics:h.Graphics});const z=2,H=2,B=300,q=300,ce=6;return()=>(a.useEffect(()=>(console.log("Pixi mounted"),()=>console.log("Pixi unmounted")),[]),_.jsx("div",{className:"flex flex-col items-center justify-center w-full h-full",children:_.jsx(d.Application,{antialias:!1,width:B*z,height:q*H,className:"image-pixelated w-full",backgroundAlpha:0,autoDensity:!0,preserveDrawingBuffer:!0,powerPreference:"high-performance",children:_.jsx(ue,{gridCols:z,gridRows:H,cellWidth:B,cellHeight:q,gridDepth:ce})})}))}));
 //# sourceMappingURL=recursive-grid.umd.js.map

package/dist/recursive-grid.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"recursive-grid.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/CellTexturesContext.tsx","../src/classes/Cell.ts","../src/classes/CellManager.ts","../src/components/RecursiveGrid.tsx","../src/components/RecursiveGridContainer.tsx","../src/components/PixiApp.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext, FC, ReactNode, useMemo } from 'react'\r\nimport { useApplication } from '@pixi/react'\r\nimport { Graphics, Texture } from 'pixi.js'\r\n\r\ntype CellTextures = Texture\r\n\r\nconst CellTexturesContext = createContext<CellTextures>({} as CellTextures)\r\n\r\nexport const useCellTextures = () => useContext(CellTexturesContext)\r\n\r\nconst CellTexturesProvider: FC<{ children: ReactNode }> = ({ children }) => {\r\n    const { app } = useApplication()\r\n\r\n    const texture = useMemo(() => {\r\n        if (!app || !app.renderer) return null\r\n\r\n        const g = new Graphics()\r\n\r\n        g.setFillStyle({\r\n            color: '#121225',\r\n        })\r\n\r\n        g.rect(0, 0, 1, 1)\r\n        g.fill()\r\n        const generatedTexture = app.renderer.generateTexture(g)\r\n        g.destroy()\r\n        return generatedTexture\r\n    }, [app?.renderer])\r\n\r\n    if (!texture) return null\r\n\r\n    return (\r\n        <CellTexturesContext.Provider value={texture}>\r\n            {children}\r\n        </CellTexturesContext.Provider>\r\n    )\r\n}\r\n\r\nexport { CellTexturesContext, CellTexturesProvider }\r\n","import { Particle, Texture } from \"pixi.js\"\r\n\r\nexport class Cell extends Particle {\r\n  private animationProgress = 0\r\n  private delayCounter = 0\r\n  private randomSpeed: number\r\n  private randomDelayOffset: number\r\n  startScaleX: number\r\n  startScaleY: number\r\n  targetAlpha: number\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public x: number,\r\n    public y: number,\r\n    public scaleX: number,\r\n    public scaleY: number,\r\n    public curLevel: number,\r\n  ) {\r\n    super({ texture, x, y, scaleX, scaleY, alpha: 0 })\r\n    this.startScaleX = scaleX\r\n    this.startScaleY = scaleY\r\n    this.curLevel = curLevel\r\n\r\n    // Randomize speed slightly (0.08 to 0.12)\r\n    this.randomSpeed = 0.04 + Math.random() * 0.04\r\n    // Randomize delay by a few frames\r\n    this.randomDelayOffset = Math.floor(Math.random() * 150)\r\n    this.targetAlpha = 0.9 + Math.random() * 0.1\r\n  }\r\n\r\n  update() {\r\n    if (this.delayCounter < this.curLevel * 15 + this.randomDelayOffset) {\r\n      this.delayCounter++\r\n      return\r\n    }\r\n\r\n    if (this.animationProgress >= this.targetAlpha - 0.001) {\r\n      this.animationProgress = this.targetAlpha\r\n      this.alpha = this.targetAlpha\r\n      return\r\n    }\r\n\r\n    this.animationProgress += (this.targetAlpha - this.animationProgress) * this.randomSpeed\r\n    this.alpha = this.animationProgress\r\n  }\r\n}\r\n","import { ParticleContainer, Texture } from 'pixi.js'\r\nimport { Cell } from './Cell'\r\n\r\nexport class CellManager {\r\n  private cells: Cell[] = []\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public particleContainerRefCurrent: ParticleContainer\r\n  ) {\r\n    this.texture = texture\r\n  }\r\n\r\n  add(x: number, y: number, scaleX: number, scaleY: number, curLevel: number) {\r\n    const cell = new Cell(this.texture, x, y, scaleX, scaleY, curLevel)\r\n    this.particleContainerRefCurrent.addParticle(cell)\r\n    this.cells.push(cell)\r\n  }\r\n\r\n  updateAll() {\r\n    for (const cell of this.cells) {\r\n      cell.update()\r\n    }\r\n  }\r\n}","import { FC, useCallback, useContext, useEffect, useRef } from 'react'\r\nimport { ParticleContainer } from 'pixi.js'\r\nimport { CellTexturesContext } from '../context/CellTexturesContext'\r\nimport { useTick } from '@pixi/react'\r\nimport { CellManager } from '../classes/CellManager'\r\n\r\ninterface GridProps {\r\n    gridCols: number\r\n    gridRows: number\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGrid: FC<GridProps> = ({\r\n    gridRows,\r\n    gridCols,\r\n    cellWidth,\r\n    cellHeight,\r\n    gridDepth,\r\n}) => {\r\n    const texture = useContext(CellTexturesContext)\r\n    const particleContainerRef = useRef<ParticleContainer>(null)\r\n    const cellManager = useRef<CellManager>(null)\r\n\r\n    useEffect(() => {\r\n        if (particleContainerRef.current) {\r\n            cellManager.current = new CellManager(\r\n                texture,\r\n                particleContainerRef.current\r\n            )\r\n\r\n            buildRecursiveGrid(\r\n                0,\r\n                0,\r\n                cellWidth,\r\n                cellHeight,\r\n                gridCols,\r\n                gridRows,\r\n                gridDepth,\r\n                particleContainerRef.current\r\n            )\r\n        }\r\n    }, [])\r\n\r\n    useTick(() => {\r\n        cellManager.current?.updateAll()\r\n    })\r\n\r\n    const buildRecursiveGrid = useCallback(\r\n        (\r\n            x: number,\r\n            y: number,\r\n            cellWidth: number,\r\n            cellHeight: number,\r\n            gridCols: number,\r\n            gridRows: number,\r\n            curLevel: number,\r\n            currentParticlesRef: ParticleContainer\r\n        ) => {\r\n            for (let row = 0; row < gridRows; row++) {\r\n                for (let col = 0; col < gridCols; col++) {\r\n                    const startX = x + col * cellWidth\r\n                    const startY = y + row * cellHeight\r\n\r\n                    if (\r\n                        curLevel <= 0 ||\r\n                        (Math.random() > 0.7 && curLevel < gridDepth)\r\n                    ) {\r\n                        if (Math.random() > 0.1) {\r\n                            cellManager.current?.add(\r\n                                startX,\r\n                                startY,\r\n                                cellWidth - 1,\r\n                                cellHeight - 1,\r\n                                curLevel\r\n                            )\r\n                        }\r\n                    } else {\r\n                        buildRecursiveGrid(\r\n                            startX,\r\n                            startY,\r\n                            cellWidth / gridCols,\r\n                            cellHeight / gridRows,\r\n                            gridCols,\r\n                            gridRows,\r\n                            curLevel - 1,\r\n                            currentParticlesRef\r\n                        )\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        []\r\n    )\r\n\r\n    return (\r\n        <pixiParticleContainer\r\n            ref={particleContainerRef}\r\n            dynamicProperties={{\r\n                position: true,\r\n                vertex: true,\r\n                color: true,\r\n            }}\r\n        />\r\n    )\r\n}\r\n\r\nexport default RecursiveGrid\r\n","import { FC } from 'react'\r\nimport RecursiveGrid from './RecursiveGrid'\r\n\r\nimport { CellTexturesProvider } from '../context/CellTexturesContext'\r\n\r\ninterface RecursiveGridContainerProps {\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridRows: number\r\n    gridCols: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGridContainer: FC<RecursiveGridContainerProps> = ({\r\n    cellWidth,\r\n    cellHeight,\r\n    gridRows,\r\n    gridCols,\r\n    gridDepth,\r\n}) => {\r\n    return (\r\n        <CellTexturesProvider>\r\n            <RecursiveGrid\r\n                cellWidth={cellWidth}\r\n                cellHeight={cellHeight}\r\n                gridCols={gridCols}\r\n                gridRows={gridRows}\r\n                gridDepth={gridDepth}\r\n            />\r\n        </CellTexturesProvider>\r\n    )\r\n}\r\n\r\nexport default RecursiveGridContainer\r\n","import { Application, extend } from '@pixi/react'\r\nimport {\r\n    Sprite,\r\n    Graphics,\r\n    Container,\r\n    Texture,\r\n    Particle,\r\n    ParticleContainer,\r\n} from 'pixi.js'\r\nimport RecursiveGridContainer from './RecursiveGridContainer'\r\n\r\nextend({ ParticleContainer, Particle, Texture, Container, Sprite, Graphics })\r\n\r\nconst GRID_COLS = 2\r\nconst GRID_ROWS = 2\r\nconst CELL_WIDTH = 300\r\nconst CELL_HEIGHT = 300\r\nconst GRID_DEPTH = 6\r\n\r\nconst PixiApp = () => {\r\n    return (\r\n        <div className=\"flex flex-col items-center justify-center w-full h-full\">\r\n            <Application\r\n                antialias={false}\r\n                width={CELL_WIDTH * GRID_COLS}\r\n                height={CELL_HEIGHT * GRID_ROWS}\r\n                className=\"image-pixelated w-full\"\r\n                backgroundAlpha={0}\r\n                autoDensity={true}\r\n            >\r\n                <RecursiveGridContainer\r\n                    gridCols={GRID_COLS}\r\n                    gridRows={GRID_ROWS}\r\n                    cellWidth={CELL_WIDTH}\r\n                    cellHeight={CELL_HEIGHT}\r\n                    gridDepth={GRID_DEPTH}\r\n                />\r\n            </Application>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PixiApp\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","CellTexturesContext","createContext","CellTexturesProvider","app","useApplication","texture","useMemo","g","Graphics","generatedTexture","Cell","Particle","x","y","scaleX","scaleY","curLevel","__publicField","CellManager","particleContainerRefCurrent","cell","RecursiveGrid","gridRows","gridCols","cellWidth","cellHeight","gridDepth","useContext","particleContainerRef","useRef","cellManager","useEffect","buildRecursiveGrid","useTick","_a","useCallback","currentParticlesRef","row","col","startX","startY","jsx","RecursiveGridContainer","extend","ParticleContainer","Texture","Container","Sprite","GRID_COLS","GRID_ROWS","CELL_WIDTH","CELL_HEIGHT","GRID_DEPTH","Application"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"recursive-grid.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/CellTexturesContext.tsx","../src/classes/Cell.ts","../src/classes/CellManager.ts","../src/components/RecursiveGrid.tsx","../src/components/RecursiveGridContainer.tsx","../src/components/PixiApp.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext, FC, ReactNode, useEffect, useState } from 'react'\r\nimport { useApplication } from '@pixi/react'\r\nimport { Graphics, Texture } from 'pixi.js'\r\n\r\ntype CellTextures = Texture\r\n\r\nconst CellTexturesContext = createContext<CellTextures>({} as CellTextures)\r\n\r\nexport const useCellTextures = () => useContext(CellTexturesContext)\r\n\r\nconst CellTexturesProvider: FC<{ children: ReactNode }> = ({ children }) => {\r\n    const { app } = useApplication()\r\n    const [texture, setTexture] = useState<Texture | null>(null)\r\n\r\n    useEffect(() => {\r\n        if (!app) return\r\n\r\n        let isUnmounted = false\r\n\r\n        const generate = () => {\r\n            // Wait until Pixi Application has initialised the renderer\r\n            if (!app.renderer) {\r\n                requestAnimationFrame(generate)\r\n                return\r\n            }\r\n\r\n            const g = new Graphics()\r\n            g.setFillStyle({ color: '#121225' })\r\n            g.rect(0, 0, 1, 1)\r\n            g.fill()\r\n            const generatedTexture = app.renderer.generateTexture(g)\r\n            g.destroy()\r\n            if (!isUnmounted) setTexture(generatedTexture)\r\n        }\r\n\r\n        generate()\r\n\r\n        return () => {\r\n            isUnmounted = true\r\n            // Destroy generated texture to free GPU memory\r\n            try {\r\n                texture?.destroy(true)\r\n            } catch {}\r\n            setTexture(null)\r\n        }\r\n    }, [app])\r\n\r\n    if (!texture) return null\r\n\r\n    return (\r\n        <CellTexturesContext.Provider value={texture}>\r\n            {children}\r\n        </CellTexturesContext.Provider>\r\n    )\r\n}\r\n\r\nexport { CellTexturesContext, CellTexturesProvider }\r\n","import { Particle, Texture } from \"pixi.js\"\r\n\r\nexport class Cell extends Particle {\r\n  private animationProgress = 0\r\n  private delayCounter = 0\r\n  private randomSpeed: number\r\n  private randomDelayOffset: number\r\n  startScaleX: number\r\n  startScaleY: number\r\n  targetAlpha: number\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public x: number,\r\n    public y: number,\r\n    public scaleX: number,\r\n    public scaleY: number,\r\n    public curLevel: number,\r\n  ) {\r\n    super({ texture, x, y, scaleX, scaleY, alpha: 0 })\r\n    this.startScaleX = scaleX\r\n    this.startScaleY = scaleY\r\n    this.curLevel = curLevel\r\n\r\n    // Randomize speed slightly (0.08 to 0.12)\r\n    this.randomSpeed = 0.04 + Math.random() * 0.04\r\n    // Randomize delay by a few frames\r\n    this.randomDelayOffset = Math.floor(Math.random() * 150)\r\n    this.targetAlpha = 0.9 + Math.random() * 0.1\r\n  }\r\n\r\n  update() {\r\n    if (this.delayCounter < this.curLevel * 15 + this.randomDelayOffset) {\r\n      this.delayCounter++\r\n      return\r\n    }\r\n\r\n    if (this.animationProgress >= this.targetAlpha - 0.001) {\r\n      this.animationProgress = this.targetAlpha\r\n      this.alpha = this.targetAlpha\r\n      return\r\n    }\r\n\r\n    this.animationProgress += (this.targetAlpha - this.animationProgress) * this.randomSpeed\r\n    this.alpha = this.animationProgress\r\n  }\r\n}\r\n","import { ParticleContainer, Texture } from 'pixi.js'\r\nimport { Cell } from './Cell'\r\n\r\nexport class CellManager {\r\n  private cells: Cell[] = []\r\n\r\n  constructor(\r\n    public texture: Texture,\r\n    public particleContainerRefCurrent: ParticleContainer\r\n  ) {\r\n    this.texture = texture\r\n  }\r\n\r\n  add(x: number, y: number, scaleX: number, scaleY: number, curLevel: number) {\r\n    const cell = new Cell(this.texture, x, y, scaleX, scaleY, curLevel)\r\n    this.particleContainerRefCurrent.addParticle(cell)\r\n    this.cells.push(cell)\r\n  }\r\n\r\n  updateAll() {\r\n    for (const cell of this.cells) {\r\n      cell.update()\r\n    }\r\n  }\r\n}","import { FC, useCallback, useContext, useEffect, useRef } from 'react'\r\nimport { ParticleContainer } from 'pixi.js'\r\nimport { CellTexturesContext } from '../context/CellTexturesContext'\r\nimport { useTick } from '@pixi/react'\r\nimport { CellManager } from '../classes/CellManager'\r\n\r\ninterface GridProps {\r\n    gridCols: number\r\n    gridRows: number\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGrid: FC<GridProps> = ({\r\n    gridRows,\r\n    gridCols,\r\n    cellWidth,\r\n    cellHeight,\r\n    gridDepth,\r\n}) => {\r\n    const texture = useContext(CellTexturesContext)\r\n    const particleContainerRef = useRef<ParticleContainer>(null)\r\n    const cellManager = useRef<CellManager>(null)\r\n\r\n    useEffect(() => {\r\n        if (!texture) return\r\n        if (particleContainerRef.current) {\r\n            // Clear any previous content on re-init\r\n            try {\r\n                particleContainerRef.current.removeChildren()\r\n            } catch {}\r\n\r\n            cellManager.current = new CellManager(\r\n                texture,\r\n                particleContainerRef.current\r\n            )\r\n\r\n            buildRecursiveGrid(\r\n                0,\r\n                0,\r\n                cellWidth,\r\n                cellHeight,\r\n                gridCols,\r\n                gridRows,\r\n                gridDepth,\r\n                particleContainerRef.current\r\n            )\r\n        }\r\n        return () => {\r\n            // Clean up particles and references on unmount/texture change\r\n            try {\r\n                particleContainerRef.current?.removeChildren()\r\n            } catch {}\r\n            cellManager.current = null\r\n        }\r\n    }, [texture, cellWidth, cellHeight, gridCols, gridRows, gridDepth])\r\n\r\n    useTick(() => {\r\n        cellManager.current?.updateAll()\r\n    })\r\n\r\n    const buildRecursiveGrid = useCallback(\r\n        (\r\n            x: number,\r\n            y: number,\r\n            cellWidth: number,\r\n            cellHeight: number,\r\n            gridCols: number,\r\n            gridRows: number,\r\n            curLevel: number,\r\n            currentParticlesRef: ParticleContainer\r\n        ) => {\r\n            for (let row = 0; row < gridRows; row++) {\r\n                for (let col = 0; col < gridCols; col++) {\r\n                    const startX = x + col * cellWidth\r\n                    const startY = y + row * cellHeight\r\n\r\n                    if (\r\n                        curLevel <= 0 ||\r\n                        (Math.random() > 0.7 && curLevel < gridDepth)\r\n                    ) {\r\n                        if (Math.random() > 0.1) {\r\n                            cellManager.current?.add(\r\n                                startX,\r\n                                startY,\r\n                                cellWidth - 1,\r\n                                cellHeight - 1,\r\n                                curLevel\r\n                            )\r\n                        }\r\n                    } else {\r\n                        buildRecursiveGrid(\r\n                            startX,\r\n                            startY,\r\n                            cellWidth / gridCols,\r\n                            cellHeight / gridRows,\r\n                            gridCols,\r\n                            gridRows,\r\n                            curLevel - 1,\r\n                            currentParticlesRef\r\n                        )\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        []\r\n    )\r\n\r\n    return (\r\n        <pixiParticleContainer\r\n            ref={particleContainerRef}\r\n            dynamicProperties={{\r\n                position: true,\r\n                vertex: true,\r\n                color: true,\r\n            }}\r\n        />\r\n    )\r\n}\r\n\r\nexport default RecursiveGrid\r\n","import { FC } from 'react'\r\nimport RecursiveGrid from './RecursiveGrid'\r\n\r\nimport { CellTexturesProvider } from '../context/CellTexturesContext'\r\n\r\ninterface RecursiveGridContainerProps {\r\n    cellWidth: number\r\n    cellHeight: number\r\n    gridRows: number\r\n    gridCols: number\r\n    gridDepth: number\r\n}\r\n\r\nconst RecursiveGridContainer: FC<RecursiveGridContainerProps> = ({\r\n    cellWidth,\r\n    cellHeight,\r\n    gridRows,\r\n    gridCols,\r\n    gridDepth,\r\n}) => {\r\n    return (\r\n        <CellTexturesProvider>\r\n            <RecursiveGrid\r\n                cellWidth={cellWidth}\r\n                cellHeight={cellHeight}\r\n                gridCols={gridCols}\r\n                gridRows={gridRows}\r\n                gridDepth={gridDepth}\r\n            />\r\n        </CellTexturesProvider>\r\n    )\r\n}\r\n\r\nexport default RecursiveGridContainer\r\n","import { Application, extend } from '@pixi/react'\r\nimport {\r\n    Sprite,\r\n    Graphics,\r\n    Container,\r\n    Texture,\r\n    Particle,\r\n    ParticleContainer,\r\n} from 'pixi.js'\r\nimport RecursiveGridContainer from './RecursiveGridContainer'\r\nimport { useEffect } from 'react'\r\nextend({ ParticleContainer, Particle, Texture, Container, Sprite, Graphics })\r\n\r\nconst GRID_COLS = 2\r\nconst GRID_ROWS = 2\r\nconst CELL_WIDTH = 300\r\nconst CELL_HEIGHT = 300\r\nconst GRID_DEPTH = 6\r\n\r\nconst PixiApp = () => {\r\n    useEffect(() => {\r\n        console.log('Pixi mounted')\r\n        return () => console.log('Pixi unmounted')\r\n    }, [])\r\n\r\n    return (\r\n        <div className=\"flex flex-col items-center justify-center w-full h-full\">\r\n            <Application\r\n                antialias={false}\r\n                width={CELL_WIDTH * GRID_COLS}\r\n                height={CELL_HEIGHT * GRID_ROWS}\r\n                className=\"image-pixelated w-full\"\r\n                backgroundAlpha={0}\r\n                autoDensity={true}\r\n                preserveDrawingBuffer={true}\r\n                powerPreference=\"high-performance\"\r\n            >\r\n                <RecursiveGridContainer\r\n                    gridCols={GRID_COLS}\r\n                    gridRows={GRID_ROWS}\r\n                    cellWidth={CELL_WIDTH}\r\n                    cellHeight={CELL_HEIGHT}\r\n                    gridDepth={GRID_DEPTH}\r\n                />\r\n            </Application>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PixiApp\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","CellTexturesContext","createContext","CellTexturesProvider","app","useApplication","texture","setTexture","useState","useEffect","isUnmounted","generate","g","Graphics","generatedTexture","Cell","Particle","x","y","scaleX","scaleY","curLevel","__publicField","CellManager","particleContainerRefCurrent","cell","RecursiveGrid","gridRows","gridCols","cellWidth","cellHeight","gridDepth","useContext","particleContainerRef","useRef","cellManager","buildRecursiveGrid","_a","useTick","useCallback","currentParticlesRef","row","col","startX","startY","jsx","RecursiveGridContainer","extend","ParticleContainer","Texture","Container","Sprite","GRID_COLS","GRID_ROWS","CELL_WIDTH","CELL_HEIGHT","GRID_DEPTH","Application"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micjanic/recursive-grid",
-    "version": "1.0.28",
+    "version": "1.0.30",
     "type": "module",
     "license": "MIT",
     "author": {