@mittwald/react-tunnel 0.1.0-alpha.99 → 0.2.0-alpha.4

package/dist/index.js

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

package/dist/types/TunnelState.d.ts

@@ -1,11 +1,12 @@
-import { TunnelChildren } from './types';
 import { ObservableMap } from 'mobx';
-
+import { TunnelChildren } from './types';
 export declare class TunnelState {
     readonly children: ObservableMap<string, ObservableMap<string, TunnelChildren>>;
+    private readonly preparedChildren;
     constructor();
     static useNew(): TunnelState;
     setChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
+    prepareChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
     deleteChildren(tunnelId: string | undefined, entryId: string): void;
-    getChildren(tunnelId?: string): Array<[string, TunnelChildren]> | undefined;
+    getChildren(tunnelId?: string): [string, TunnelChildren][] | undefined;
 }

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

@@ -1,9 +1,10 @@
-import { TunnelChildren } from '../types';
 import { FC } from 'react';
-
+import { TunnelChildren } from '../types';
 interface Props {
     id?: string;
     children?: TunnelChildren;
+    /** Static entry ID instead of generated ID by `useId` */
+    staticEntryId?: string;
 }
 export declare const TunnelEntry: FC<Props>;
 export default TunnelEntry;

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

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-
 interface Props extends PropsWithChildren {
     id?: string;
 }

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

@@ -1,4 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const TunnelProvider: FC<PropsWithChildren>;
 export default TunnelProvider;

package/dist/types/context.d.ts

@@ -1,4 +1,3 @@
 import { TunnelState } from './TunnelState';
-
 export declare const tunnelContext: import('react').Context<TunnelState>;
 export default tunnelContext;

package/dist/types/types.d.ts

@@ -1,3 +1,2 @@
 import { ReactNode } from 'react';
-
 export type TunnelChildren = ReactNode | undefined | (() => ReactNode | undefined);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.1.0-alpha.99",
+  "version": "0.2.0-alpha.4",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -10,7 +10,7 @@
     "react tree",
     "teleport"
   ],
-  "homepage": "https://mittwald.github.io/flow",
+  "homepage": "https://github.com/mittwald/flow/tree/main/packages/react-tunnel",
   "repository": "https://github.com/mittwald/flow",
   "exports": {
     ".": {
@@ -30,32 +30,33 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "mobx": "^6.12.3",
-    "mobx-react-lite": "^4.0.7"
+    "mobx": "^6.13.5",
+    "mobx-react-lite": "^4.1.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^15.0.6",
-    "@types/node": "^20.12.8",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.5.3",
-    "happy-dom": "^14.7.1",
-    "nx": "^18.3.4",
-    "prettier": "^3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-dts": "^3.9.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^22.10.5",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.8",
+    "happy-dom": "^15.11.7",
+    "nx": "^20.3.1",
+    "prettier": "^3.4.2",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "typescript": "^5.7.3",
+    "vite": "^5.4.11",
+    "vite-plugin-banner": "^0.8.0",
+    "vite-plugin-checker": "^0.8.0",
+    "vite-plugin-dts": "^4.4.0",
     "vite-plugin-externalize-deps": "^0.8.0",
-    "vitest": "^1.5.3"
+    "vitest": "^2.1.8"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
-  "gitHead": "81dfd5f1c9a4360327cf6fa2f8e375cb61cfc75f"
+  "gitHead": "24bbe11ee421ec40c75f32849d07f669600558cb"
 }