@mittwald/react-tunnel 0.2.0-alpha.615 → 0.2.0-alpha.617

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client"
 /* */
-import { jsx as C } from "react/jsx-runtime";
-import { useState as m, createContext as g, useContext as f, useId as E, useRef as b, useEffect as u } from "react";
-import { observable as p, makeObservable as v, action as a } from "mobx";
+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 { observer as w } from "mobx-react-lite";
-const d = "default";
-class l {
+const l = "default";
+class o {
   children = p.map(
     {},
     {
@@ -13,55 +13,73 @@ class l {
     }
   );
   preparedChildren = /* @__PURE__ */ new Map();
+  nextIndex = 0;
   constructor() {
-    v(this, {
-      deleteChildren: a.bound,
-      setChildren: a.bound
+    b(this, {
+      deleteChildren: C.bound,
+      setChildren: C.bound
     });
   }
   static useNew() {
-    return m(() => new l())[0];
+    const e = m(() => new o())[0];
+    return e.resetIndex(), e;
   }
-  setChildren(e = d, r, n) {
-    const t = this.children.get(e) ?? p.map({}, { deep: !1 });
-    t.set(r, n), this.preparedChildren.get(e)?.delete(r), this.children.set(e, t);
+  resetIndex() {
+    this.nextIndex = 0;
   }
-  prepareChildren(e = d, r, n) {
-    const t = this.preparedChildren.get(e) ?? /* @__PURE__ */ new Map();
-    t.set(r, n), this.preparedChildren.set(e, t);
+  getIndex() {
+    return this.nextIndex++;
   }
-  deleteChildrenFromMap(e, r, n) {
-    const t = e.get(r);
-    t?.delete(n), t?.size === 0 && e.delete(r);
+  setChildren(e = l, t, r, n) {
+    const i = {
+      id: t,
+      index: r,
+      children: n
+    }, s = this.children.get(e) ?? p.map({}, { deep: !1 });
+    s.set(t, i), this.preparedChildren.get(e)?.delete(t), this.children.set(e, s);
   }
-  deleteChildren(e = d, r) {
-    this.deleteChildrenFromMap(this.children, e, r), this.deleteChildrenFromMap(this.preparedChildren, e, r);
+  prepareChildren(e = l, t, r, n) {
+    const i = {
+      id: t,
+      index: r,
+      children: n
+    }, s = this.preparedChildren.get(e) ?? /* @__PURE__ */ new Map();
+    s.set(t, i), this.preparedChildren.set(e, s);
   }
-  getChildren(e = d) {
-    const r = this.children.get(e)?.entries() ?? this.preparedChildren.get(e)?.entries();
-    if (r)
-      return Array.from(r);
+  deleteChildrenFromMap(e, t, r) {
+    const n = e.get(t);
+    n?.delete(r), n?.size === 0 && e.delete(t);
+  }
+  deleteChildren(e = l, t) {
+    this.deleteChildrenFromMap(this.children, e, t), this.deleteChildrenFromMap(this.preparedChildren, e, t);
+  }
+  getEntries(e = l) {
+    const t = this.children.get(e)?.values() ?? this.preparedChildren.get(e)?.values();
+    if (t)
+      return Array.from(t).sort(
+        (r, n) => r.index - n.index
+      );
   }
 }
-const h = g(new l()), N = (i) => {
-  const { children: e } = i;
-  return /* @__PURE__ */ C(h.Provider, { value: l.useNew(), children: e });
-}, P = (i) => {
-  const { children: e, id: r, staticEntryId: n } = i, t = f(h), o = E(), s = n ?? o, c = b(!1);
-  return c.current || t.prepareChildren(r, s, e), u(() => {
-    c.current = !0, t.setChildren(r, s, e);
-  }, [e, r, s]), u(() => () => {
-    t.deleteChildren(r, s);
-  }, [r, s]), null;
-}, x = (i) => {
-  const { children: e } = i;
+const h = 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(() => () => {
+    n.deleteChildren(t, s);
+  }, [t, s]), null;
+}, M = (d) => {
+  const { children: e } = d;
   return typeof e == "function" ? e() : e;
-}, R = w((i) => {
-  const { children: e, id: r } = i, n = f(h).getChildren(r), t = n ? n.map(([o, s]) => /* @__PURE__ */ C(x, { children: s }, o)) : null;
-  return typeof e == "function" ? e(t) : t ?? 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;
+  return typeof e == "function" ? e(n) : n ?? e;
 });
 export {
-  P as TunnelEntry,
-  R as TunnelExit,
-  N as TunnelProvider
+  N as TunnelEntry,
+  P as TunnelExit,
+  I as TunnelProvider
 };

package/dist/types/TunnelState.d.ts

@@ -1,15 +1,24 @@
 import { ReactNode } from 'react';
 import { ObservableMap } from 'mobx';
 export type TunnelChildren = ReactNode | undefined | ((tunnelChildren?: ReactNode | undefined) => ReactNode | undefined);
+interface TunnelEntryState {
+    index: number;
+    id: string;
+    children: TunnelChildren;
+}
 export declare class TunnelState {
-    readonly children: ObservableMap<string, ObservableMap<string, TunnelChildren>>;
+    readonly children: ObservableMap<string, ObservableMap<string, TunnelEntryState>>;
     private readonly preparedChildren;
+    private nextIndex;
     constructor();
     static useNew(): TunnelState;
-    setChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
-    prepareChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
+    resetIndex(): void;
+    getIndex(): 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;
     deleteChildren(tunnelId: string | undefined, entryId: string): void;
-    getChildren(tunnelId?: string): [string, TunnelChildren][] | undefined;
+    getEntries(tunnelId?: string): TunnelEntryState[] | undefined;
 }
+export {};
 //# sourceMappingURL=TunnelState.d.ts.map

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,qBAAa,WAAW;IACtB,SAAgB,QAAQ,+DAQtB;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;;WASU,MAAM,IAAI,WAAW;IAI5B,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IAWA,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IASP,OAAO,CAAC,qBAAqB;IAYtB,cAAc,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKnE,WAAW,CAChB,QAAQ,GAAE,MAAkB,GAC3B,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,GAAG,SAAS;CAQ1C"}
+{"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"}

package/dist/types/components/TunnelEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TunnelEntry.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8B5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TunnelEntry.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+B5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.615",
+  "version": "0.2.0-alpha.617",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -60,5 +60,5 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
-  "gitHead": "e32958c5aad89012fd70c043adc39ada9f092b9d"
+  "gitHead": "dfd3e2bb008afb1fcdf259e91bd31cc141d95f0b"
 }