@mittwald/react-tunnel 0.1.0-alpha.213 → 0.1.0-alpha.215

package/dist/index.js

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

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

@@ -3,6 +3,8 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.1.0-alpha.213",
+  "version": "0.1.0-alpha.215",
   "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": {
     ".": {
@@ -58,5 +58,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "55762085349b863e540002372c91cb08b68e41c4"
+  "gitHead": "507e9bf585c25bb42c3f79828c207f1419bba26f"
 }