@mittwald/react-tunnel 0.2.0-alpha.684 → 0.2.0-alpha.686

package/dist/index.js

@@ -1,12 +1,12 @@
 "use client"
 /* */
-import { jsx as f } from "react/jsx-runtime";
-import { useState as m, createContext as g, useContext as x, useId as E, useRef as v, useEffect as a } from "react";
-import { observable as p, makeObservable as b, action as C } from "mobx";
+import { jsx as x } from "react/jsx-runtime";
+import { useState as E, useRef as h, createContext as g, useContext as m, useId as v, useEffect as p } from "react";
+import { observable as f, makeObservable as b, action as C } from "mobx";
 import { observer as w } from "mobx-react-lite";
 const l = "default";
 class o {
-  children = p.map(
+  children = f.map(
     {},
     {
       deep: !1
@@ -21,21 +21,22 @@ class o {
     });
   }
   static useNew() {
-    const e = m(() => new o())[0];
+    const e = E(() => new o())[0];
     return e.resetIndex(), e;
   }
   resetIndex() {
     this.nextIndex = 0;
   }
-  getIndex() {
-    return this.nextIndex++;
+  useEntryIndex() {
+    const e = h(this), t = h(null);
+    return (t.current === null || e.current !== this) && (e.current = this, t.current = this.nextIndex++), t.current;
   }
   setChildren(e = l, t, r, n) {
     const i = {
       id: t,
       index: r,
       children: n
-    }, s = this.children.get(e) ?? p.map({}, { deep: !1 });
+    }, s = this.children.get(e) ?? f.map({}, { deep: !1 });
     s.set(t, i), this.preparedChildren.get(e)?.delete(t), this.children.set(e, s);
   }
   prepareChildren(e = l, t, r, n) {
@@ -61,25 +62,25 @@ class o {
       );
   }
 }
-const h = g(new o()), I = (d) => {
+const u = g(new o()), I = (d) => {
   const { children: e } = d;
-  return /* @__PURE__ */ f(h.Provider, { value: o.useNew(), children: e });
-}, N = (d) => {
-  const { children: e, id: t, staticEntryId: r } = d, n = x(h), i = E(), s = r ?? i, c = n.getIndex(), u = v(!1);
-  return u.current || n.prepareChildren(t, s, c, e), a(() => {
-    u.current = !0, n.setChildren(t, s, c, e);
-  }, [e, t, s, c]), a(() => () => {
+  return /* @__PURE__ */ x(u.Provider, { value: o.useNew(), children: e });
+}, R = (d) => {
+  const { children: e, id: t, staticEntryId: r } = d, n = m(u), i = v(), s = r ?? i, c = n.useEntryIndex(), a = h(!1);
+  return a.current || n.prepareChildren(t, s, c, e), p(() => {
+    a.current = !0, n.setChildren(t, s, c, e);
+  }, [e, t, s, c]), p(() => () => {
     n.deleteChildren(t, s);
   }, [t, s]), null;
-}, M = (d) => {
+}, y = (d) => {
   const { children: e } = d;
   return typeof e == "function" ? e() : e;
-}, P = w((d) => {
-  const { children: e, id: t } = d, r = x(h).getEntries(t), n = r ? r.map((i) => /* @__PURE__ */ f(M, { children: i.children }, i.id)) : null;
+}, N = w((d) => {
+  const { children: e, id: t } = d, r = m(u).getEntries(t), n = r ? r.map((i) => /* @__PURE__ */ x(y, { children: i.children }, i.id)) : null;
   return typeof e == "function" ? e(n) : n ?? e;
 });
 export {
-  N as TunnelEntry,
-  P as TunnelExit,
+  R as TunnelEntry,
+  N as TunnelExit,
   I as TunnelProvider
 };

package/dist/types/TunnelState.d.ts

@@ -13,7 +13,7 @@ export declare class TunnelState {
     constructor();
     static useNew(): TunnelState;
     resetIndex(): void;
-    getIndex(): number;
+    useEntryIndex(): number;
     setChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren): void;
     prepareChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren): void;
     private deleteChildrenFromMap;

package/dist/types/TunnelState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TunnelState.d.ts","sourceRoot":"","sources":["../../src/TunnelState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAK1C,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,KAAK,SAAS,GAAG,SAAS,CAAC,CAAC;AAExE,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,qBAAa,WAAW;IACtB,SAAgB,QAAQ,iEAQtB;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;IAEJ,OAAO,CAAC,SAAS,CAAK;;WASR,MAAM,IAAI,WAAW;IAM5B,UAAU;IAIV,QAAQ;IAIR,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACvB,IAAI;IAiBA,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACvB,IAAI;IAgBP,OAAO,CAAC,qBAAqB;IAYtB,cAAc,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKnE,UAAU,CACf,QAAQ,GAAE,MAAkB,GAC3B,gBAAgB,EAAE,GAAG,SAAS;CAUlC"}
+{"version":3,"file":"TunnelState.d.ts","sourceRoot":"","sources":["../../src/TunnelState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAK1C,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,KAAK,SAAS,GAAG,SAAS,CAAC,CAAC;AAExE,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,qBAAa,WAAW;IACtB,SAAgB,QAAQ,iEAQtB;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;IAEJ,OAAO,CAAC,SAAS,CAAK;;WASR,MAAM,IAAI,WAAW;IAM5B,UAAU;IAIV,aAAa;IAUb,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACvB,IAAI;IAiBA,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACvB,IAAI;IAgBP,OAAO,CAAC,qBAAqB;IAYtB,cAAc,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKnE,UAAU,CACf,QAAQ,GAAE,MAAkB,GAC3B,gBAAgB,EAAE,GAAG,SAAS;CAUlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.684",
+  "version": "0.2.0-alpha.686",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -59,5 +59,5 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
-  "gitHead": "908de0f19f8d12d23b87cfe88f1dc02b058f02c4"
+  "gitHead": "0e4b1f9a56b1099d77ee5f0c47fa5d1520cdf800"
 }