@mittwald/react-tunnel 0.2.0-alpha.804 → 0.2.0-alpha.806

package/dist/index.js

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

package/dist/types/TunnelState.d.ts

@@ -6,19 +6,26 @@ interface TunnelEntryState {
     id: string;
     children: TunnelChildren;
 }
+export interface TunnelStateOptions {
+    parentTunnelState?: TunnelState;
+    id?: string;
+}
 export declare class TunnelState {
+    readonly id: string;
     readonly children: ObservableMap<string, ObservableMap<string, TunnelEntryState>>;
+    parentTunnelState?: TunnelState;
     private readonly preparedChildren;
     private nextIndex;
-    constructor();
-    static useNew(): TunnelState;
+    constructor(options?: TunnelStateOptions);
+    static useNew(options?: TunnelStateOptions): TunnelState;
     resetIndex(): void;
     useEntryIndex(): number;
-    setChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren): void;
-    prepareChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren): void;
+    setChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren, providerId?: string): void;
+    private getTunnelState;
+    prepareChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren, providerId?: string): void;
     private deleteChildrenFromMap;
-    deleteChildren(tunnelId: string | undefined, entryId: string): void;
-    getEntries(tunnelId?: string): TunnelEntryState[] | undefined;
+    deleteChildren(tunnelId: string | undefined, entryId: string, providerId?: string): void;
+    getEntries(tunnelId?: string, providerId?: 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,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"}
+{"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,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,MAAM,CAAC;IAE3B,SAAgB,QAAQ,iEAQtB;IAEK,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAEvC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;IAEJ,OAAO,CAAC,SAAS,CAAK;gBAEH,OAAO,GAAE,kBAAuB;WAarC,MAAM,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,WAAW;IAMxD,UAAU;IAIV,aAAa;IAUb,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI;IA0BP,OAAO,CAAC,cAAc;IASf,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI;IAyBP,OAAO,CAAC,qBAAqB;IAuBtB,cAAc,CACnB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI;IAUA,UAAU,CACf,QAAQ,GAAE,MAAkB,EAC5B,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,EAAE,GAAG,SAAS;CAclC"}

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

@@ -5,6 +5,8 @@ export interface TunnelEntryProps {
     children?: TunnelEntryChildren;
     /** Static entry ID instead of generated ID by `useId` */
     staticEntryId?: string;
+    /** Select a dedicated tunnel provider by ID. */
+    providerId?: string;
 }
 export declare const TunnelEntry: FC<TunnelEntryProps>;
 export default TunnelEntry;

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,CA+B5C,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;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+B5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/TunnelExit.d.ts

@@ -3,6 +3,8 @@ import { TunnelChildren } from '../TunnelState';
 export type TunnelExitChildren = TunnelChildren;
 export interface TunnelExitProps {
     id?: string;
+    /** Select a dedicated tunnel provider by ID. */
+    providerId?: string;
     children?: TunnelExitChildren;
 }
 export declare const TunnelExit: FC<TunnelExitProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelExit.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelExit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAOD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAezC,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TunnelExit.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelExit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAOD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAezC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/types/components/TunnelProvider.d.ts

@@ -1,4 +1,11 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const TunnelProvider: FC<PropsWithChildren>;
+export interface TunnelProviderProps extends PropsWithChildren {
+    /**
+     * Dedicated id for this tunnel provider. If not provided, the tunnel provider
+     * will be registered as a global provider.
+     */
+    id?: string;
+}
+export declare const TunnelProvider: FC<TunnelProviderProps>;
 export default TunnelProvider;
 //# sourceMappingURL=TunnelProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAQhD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"TunnelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAYlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.804",
+  "version": "0.2.0-alpha.806",
   "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": "5d4495cc3bec4f235549b96c6b50ff9865efb427"
+  "gitHead": "454c151128421fa2e2a37d7328021a58f5e3b656"
 }