@mittwald/react-tunnel 0.2.0-alpha.1019 → 0.2.0-alpha.1020

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client"
 /* */
-import { jsx as x } from "react/jsx-runtime";
-import { useId as P, useState as w, useRef as a, createContext as I, useContext as v, useLayoutEffect as g, useEffect as b } from "react";
-import { observable as m, makeObservable as y, action as p } from "mobx";
-import { observer as R } from "mobx-react-lite";
-const l = "default", u = "default";
-class c {
+import { jsx as p } from "react/jsx-runtime";
+import { useId as v, useState as P, useRef as a, createContext as w, useContext as E, useLayoutEffect as g, useEffect as S, useSyncExternalStore as b } from "react";
+import { observable as m, makeObservable as y, action as x } from "mobx";
+import { observer as T } from "mobx-react-lite";
+const h = "default", C = "default";
+class u {
   id;
   instanceId;
   committedChildren = m.map(
@@ -16,15 +16,15 @@ class c {
   );
   renderPhaseChildren = /* @__PURE__ */ new Map();
   nextIndex = 0;
-  constructor(e = u, t = u) {
+  constructor(e = C, t = C) {
     this.id = e, this.instanceId = t, y(this, {
       id: !1,
-      deleteChildren: p.bound,
-      setChildren: p.bound
+      deleteChildren: x.bound,
+      setChildren: x.bound
     });
   }
   static useNew(e) {
-    const t = P(), n = w(() => new c(e, t))[0];
+    const t = v(), n = P(() => new u(e, t))[0];
     return n.resetIndex(), n;
   }
   resetIndex() {
@@ -34,7 +34,7 @@ class c {
     const e = a(this.instanceId), t = a(null);
     return (t.current === null || e.current !== this.instanceId) && (e.current = this.instanceId, t.current = this.nextIndex++), t.current;
   }
-  setChildren(e = l, t, n, r) {
+  setChildren(e = h, t, n, r) {
     const s = {
       id: t,
       index: n,
@@ -42,7 +42,7 @@ class c {
     }, i = this.committedChildren.get(e) ?? m.map({}, { deep: !1 });
     i.set(t, s), this.renderPhaseChildren.get(e)?.delete(t), this.committedChildren.set(e, i);
   }
-  setRenderPhaseChildren(e = l, t, n, r) {
+  setRenderPhaseChildren(e = h, t, n, r) {
     const s = {
       id: t,
       index: n,
@@ -54,32 +54,35 @@ class c {
     const r = e.get(t);
     r?.delete(n), r?.size === 0 && e.delete(t);
   }
-  deleteChildren(e = l, t) {
+  deleteChildren(e = h, t) {
     this.deleteChildrenFromMap(this.committedChildren, e, t), this.deleteChildrenFromMap(this.renderPhaseChildren, e, t);
   }
-  takeRenderPhaseChildren(e) {
-    if (this.renderPhaseChildren.has(e)) {
-      const t = this.renderPhaseChildren.get(e)?.values();
-      return typeof window < "u" && this.renderPhaseChildren.delete(e), t;
-    }
-  }
-  getEntries(e = l) {
-    const t = this.takeRenderPhaseChildren(e), n = this.committedChildren.get(e)?.values(), r = n ?? t;
-    if (r) {
-      const s = !!n, i = Array.from(r).sort(
-        (o, h) => o.index - h.index
+  // Pure read — never mutate during render. `getEntries` runs inside the
+  // (observer) `TunnelExit` render, and React 19 may invoke a render more than
+  // once before committing (StrictMode double-invoke, concurrent re-render), so
+  // a consume-on-read here broke SSR hydration. Render-phase children are only a
+  // bridge for the server render and the first (pre-effect) client render; the
+  // exit opts into them via `useRenderPhaseFallback` while `useIsSSR()` is true.
+  // After hydration the committed children are authoritative — even when empty —
+  // so an entry that never committed (suspended, then removed) leaves no stale
+  // content behind.
+  getEntries(e = h, t = !1) {
+    const n = this.committedChildren.get(e)?.values(), r = t ? this.renderPhaseChildren.get(e)?.values() : void 0, s = n ?? r;
+    if (s) {
+      const i = !!n, o = Array.from(s).sort(
+        (l, c) => l.index - c.index
       );
       return {
-        committed: s,
-        entries: i
+        committed: i,
+        entries: o
       };
     }
   }
 }
-const C = I({
-  state: new c()
-}), E = (d = u) => {
-  let e = v(C);
+const f = w({
+  state: new u()
+}), I = (d = C) => {
+  let e = E(f);
   for (; e; ) {
     if (e.state.id === d)
       return e.state;
@@ -88,10 +91,10 @@ const C = I({
   throw new Error(
     `Could not get tunnel for provider ${d}. Please provider a TunnelProvider with this ID.`
   );
-}, N = (d) => {
-  const { children: e, id: t } = d, n = v(C), r = c.useNew(t);
-  return /* @__PURE__ */ x(
-    C.Provider,
+}, k = (d) => {
+  const { children: e, id: t } = d, n = E(f), r = u.useNew(t);
+  return /* @__PURE__ */ p(
+    f.Provider,
     {
       value: {
         state: r,
@@ -100,22 +103,26 @@ const C = I({
       children: e
     }
   );
-}, j = (d) => {
-  const { children: e, id: t, staticEntryId: n, providerId: r } = d, s = E(r), i = P(), o = n ?? i, h = s.useEntryIndex(), f = a(!1);
-  return f.current || s.setRenderPhaseChildren(t, o, h, e), g(() => {
-    f.current = !0, s.setChildren(t, o, h, e);
-  }, [e, t, o, h, r]), b(() => () => {
+}, z = (d) => {
+  const { children: e, id: t, staticEntryId: n, providerId: r } = d, s = I(r), i = v(), o = n ?? i, l = s.useEntryIndex(), c = a(!1);
+  return c.current || s.setRenderPhaseChildren(t, o, l, e), g(() => {
+    c.current = !0, s.setChildren(t, o, l, e);
+  }, [e, t, o, l, r]), S(() => () => {
     s.deleteChildren(t, o);
   }, [t, o, r]), null;
-}, T = (d) => {
+}, M = (d) => {
   const { children: e } = d;
   return typeof e == "function" ? e() : e;
-}, z = R((d) => {
-  const { children: e, id: t, providerId: n } = d, s = E(n).getEntries(t)?.entries.map((i) => /* @__PURE__ */ x(T, { children: i.children }, i.id));
-  return typeof e == "function" ? e(s) : s ?? e;
+}, A = T((d) => {
+  const { children: e, id: t, providerId: n } = d, r = b(
+    () => () => null,
+    () => !1,
+    () => !0
+  ), i = I(n).getEntries(t, r)?.entries.map((o) => /* @__PURE__ */ p(M, { children: o.children }, o.id));
+  return typeof e == "function" ? e(i) : i ?? e;
 });
 export {
-  j as TunnelEntry,
-  z as TunnelExit,
-  N as TunnelProvider
+  z as TunnelEntry,
+  A as TunnelExit,
+  k as TunnelProvider
 };

package/dist/types/TunnelState.d.ts

@@ -25,8 +25,7 @@ export declare class TunnelState {
     setRenderPhaseChildren(tunnelId: string | undefined, entryId: string, index: number, children: TunnelChildren): void;
     private deleteChildrenFromMap;
     deleteChildren(tunnelId: string | undefined, entryId: string): void;
-    private takeRenderPhaseChildren;
-    getEntries(tunnelId?: string): TunnelEntries | undefined;
+    getEntries(tunnelId?: string, useRenderPhaseFallback?: boolean): TunnelEntries | 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,EAA2B,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAI1C,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,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,UAAU,aAAa;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,UAAU,CAAS;IAE3B,SAAgB,iBAAiB,iEAQ/B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAGhC;IAEJ,OAAO,CAAC,SAAS,CAAK;gBAGpB,EAAE,SAA0B,EAC5B,UAAU,SAA0B;WAWxB,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW;IAOvC,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,sBAAsB,CAC3B,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;IAK1E,OAAO,CAAC,uBAAuB;IAUxB,UAAU,CAAC,QAAQ,SAAY,GAAG,aAAa,GAAG,SAAS;CAiBnE"}
+{"version":3,"file":"TunnelState.d.ts","sourceRoot":"","sources":["../../src/TunnelState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAI1C,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,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,UAAU,aAAa;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,UAAU,CAAS;IAE3B,SAAgB,iBAAiB,iEAQ/B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAGhC;IAEJ,OAAO,CAAC,SAAS,CAAK;gBAGpB,EAAE,SAA0B,EAC5B,UAAU,SAA0B;WAWxB,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW;IAOvC,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,sBAAsB,CAC3B,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;IAcnE,UAAU,CACf,QAAQ,SAAY,EACpB,sBAAsB,UAAQ,GAC7B,aAAa,GAAG,SAAS;CAmB7B"}

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,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,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,CAazC,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TunnelExit.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelExit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGtD,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,CAmBzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.1019",
+  "version": "0.2.0-alpha.1020",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -37,7 +37,7 @@
     "mobx-react-lite": "^4.1.1"
   },
   "devDependencies": {
-    "@mittwald/typescript-config": "0.2.0-alpha.1019",
+    "@mittwald/typescript-config": "0.2.0-alpha.1020",
     "@types/node": "^25.9.3",
     "@types/react": "^19.2",
     "@types/react-dom": "^19.2",
@@ -62,5 +62,5 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
-  "gitHead": "35bf2ce8d8060b2926dc35d317e7fe816ddac6a4"
+  "gitHead": "058d4ffed4fd5279fb7198a4b3acbd8070ff3539"
 }