@mittwald/react-tunnel 0.1.0-alpha.59 → 0.1.0-alpha.65

package/dist/index.js

@@ -1,51 +1,57 @@
 "use client"
 /* */
-var h = Object.defineProperty;
-var a = (t, e, n) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var s = (t, e, n) => (a(t, typeof e != "symbol" ? e + "" : e, n), n);
-import C, { useState as m, createContext as b, useContext as c, useLayoutEffect as f } from "react";
-import { makeObservable as v, observable as x, action as o } from "mobx";
-import { observer as u } from "mobx-react-lite";
-const l = "default";
-class i {
+var f = Object.defineProperty;
+var m = (r, e, t) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var u = (r, e, t) => (m(r, typeof e != "symbol" ? e + "" : e, t), t);
+import C, { useState as p, createContext as b, useContext as a, useId as v, useRef as E, useLayoutEffect as g } from "react";
+import { observable as c, makeObservable as x, action as h } from "mobx";
+import { observer as w } from "mobx-react-lite";
+const i = "default";
+class l {
   constructor() {
-    s(this, "children", {});
-    v(this, {
-      children: x,
-      deleteChildren: o.bound,
-      setChildren: o.bound
+    u(this, "children", c.map(
+      {},
+      {
+        deep: !1
+      }
+    ));
+    x(this, {
+      deleteChildren: h.bound,
+      setChildren: h.bound
     });
   }
   static useNew() {
-    return m(new i())[0];
+    return p(new l())[0];
   }
-  setChildren(e = l, n) {
-    this.children[e] = n;
+  setChildren(e = i, t, n) {
+    const s = this.children.get(e) ?? c.map({}, { deep: !1 });
+    s.set(t, n), this.children.set(e, s);
   }
-  deleteChildren(e = l) {
-    delete this.children[e];
+  deleteChildren(e = i, t) {
+    var n;
+    (n = this.children.get(e)) == null || n.delete(t);
   }
-  hasChildren(e = l) {
-    return e in this.children;
-  }
-  getChildren(e = l) {
-    return this.children[e];
+  getChildren(e = i) {
+    var n;
+    const t = (n = this.children.get(e)) == null ? void 0 : n.values();
+    if (t)
+      return Array.from(t);
   }
 }
-const d = b(new i()), g = (t) => {
-  const { children: e } = t;
-  return /* @__PURE__ */ C.createElement(d.Provider, { value: i.useNew() }, e);
-}, y = u((t) => {
-  const { children: e, id: n } = t, r = c(d);
-  return f(() => (r.setChildren(n, e), () => {
-    r.deleteChildren(n);
-  }), [e, n]), r.hasChildren(n) ? null : e;
-}), N = u((t) => {
-  const { children: e, id: n } = t;
-  return c(d).getChildren(n) ?? e;
+const o = b(new l()), P = (r) => {
+  const { children: e } = r;
+  return /* @__PURE__ */ C.createElement(o.Provider, { value: l.useNew() }, e);
+}, R = (r) => {
+  const { children: e, id: t } = r, n = a(o), s = v(), d = E(!1);
+  return d.current || n.setChildren(t, s, e), g(() => (d.current = !0, n.setChildren(t, s, e), () => {
+    n.deleteChildren(t, s);
+  }), [e, t, s]), null;
+}, k = w((r) => {
+  const { children: e, id: t } = r;
+  return a(o).getChildren(t) ?? e;
 });
 export {
-  y as TunnelEntry,
-  N as TunnelExit,
-  g as TunnelProvider
+  R as TunnelEntry,
+  k as TunnelExit,
+  P as TunnelProvider
 };

package/dist/types/TunnelState.d.ts

@@ -1,13 +1,11 @@
+import { ObservableMap } from 'mobx';
 import { ReactNode } from 'react';
 
-type TunnelNodes = Record<string, ReactNode>;
 export declare class TunnelState {
-    readonly children: TunnelNodes;
+    readonly children: ObservableMap<string, ObservableMap<string, ReactNode>>;
     constructor();
     static useNew(): TunnelState;
-    setChildren(tunnelId: string | undefined, children: ReactNode): void;
-    deleteChildren(tunnelId?: string): void;
-    hasChildren(tunnelId?: string): boolean;
+    setChildren(tunnelId: string | undefined, entryId: string, children: ReactNode): void;
+    deleteChildren(tunnelId: string | undefined, entryId: string): void;
     getChildren(tunnelId?: string): ReactNode;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.1.0-alpha.59",
+  "version": "0.1.0-alpha.65",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -34,18 +34,18 @@
     "mobx-react-lite": "^4.0.7"
   },
   "devDependencies": {
-    "@testing-library/react": "^14.2.2",
-    "@types/node": "^20.12.5",
-    "@types/react": "^18.2.74",
+    "@testing-library/react": "^14.3.0",
+    "@types/node": "^20.12.7",
+    "@types/react": "^18.2.75",
     "@types/react-dom": "^18.2.24",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.4.0",
     "happy-dom": "^14.7.1",
-    "nx": "^18.2.3",
+    "nx": "^18.2.4",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vite": "^5.2.8",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.6.4",
@@ -57,5 +57,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "3b85f0b5dd4f06c8ee3a26c23911aea3a5a4cab6"
+  "gitHead": "000868d3499fd78147a5a50f1d5e6571c18527b7"
 }