@mittwald/react-tunnel 0.2.0-alpha.1032 → 0.2.0-alpha.1033

package/dist/index.js

@@ -1,128 +1,102 @@
-"use client"
-/* */
-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(
-    {},
-    {
-      deep: !1
-    }
-  );
-  renderPhaseChildren = /* @__PURE__ */ new Map();
-  nextIndex = 0;
-  constructor(e = C, t = C) {
-    this.id = e, this.instanceId = t, y(this, {
-      id: !1,
-      deleteChildren: x.bound,
-      setChildren: x.bound
-    });
-  }
-  static useNew(e) {
-    const t = v(), n = P(() => new u(e, t))[0];
-    return n.resetIndex(), n;
-  }
-  resetIndex() {
-    this.nextIndex = 0;
-  }
-  useEntryIndex() {
-    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 = h, t, n, r) {
-    const s = {
-      id: t,
-      index: n,
-      children: r
-    }, 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 = h, t, n, r) {
-    const s = {
-      id: t,
-      index: n,
-      children: r
-    }, i = this.renderPhaseChildren.get(e) ?? /* @__PURE__ */ new Map();
-    i.set(t, s), this.renderPhaseChildren.set(e, i);
-  }
-  deleteChildrenFromMap(e, t, n) {
-    const r = e.get(t);
-    r?.delete(n), r?.size === 0 && e.delete(t);
-  }
-  deleteChildren(e = h, t) {
-    this.deleteChildrenFromMap(this.committedChildren, e, t), this.deleteChildrenFromMap(this.renderPhaseChildren, e, t);
-  }
-  // 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: i,
-        entries: o
-      };
-    }
-  }
-}
-const f = w({
-  state: new u()
-}), I = (d = C) => {
-  let e = E(f);
-  for (; e; ) {
-    if (e.state.id === d)
-      return e.state;
-    e = e.parentContext;
-  }
-  throw new Error(
-    `Could not get tunnel for provider ${d}. Please provider a TunnelProvider with this ID.`
-  );
-}, k = (d) => {
-  const { children: e, id: t } = d, n = E(f), r = u.useNew(t);
-  return /* @__PURE__ */ p(
-    f.Provider,
-    {
-      value: {
-        state: r,
-        parentContext: n
-      },
-      children: e
-    }
-  );
-}, 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;
-}, M = (d) => {
-  const { children: e } = d;
-  return typeof e == "function" ? e() : 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;
+
+import { createContext as e, useContext as t, useEffect as n, useId as r, useLayoutEffect as i, useRef as a, useState as o, useSyncExternalStore as s } from "react";
+import { action as c, makeObservable as l, observable as u } from "mobx";
+import { jsx as d } from "react/jsx-runtime";
+import { observer as f } from "mobx-react-lite";
+//#region src/TunnelState.ts
+var p = "default", m = "default", h = class e {
+	id;
+	instanceId;
+	committedChildren = u.map({}, { deep: !1 });
+	renderPhaseChildren = /* @__PURE__ */ new Map();
+	nextIndex = 0;
+	constructor(e = m, t = m) {
+		this.id = e, this.instanceId = t, l(this, {
+			id: !1,
+			deleteChildren: c.bound,
+			setChildren: c.bound
+		});
+	}
+	static useNew(t) {
+		let n = r(), i = o(() => new e(t, n))[0];
+		return i.resetIndex(), i;
+	}
+	resetIndex() {
+		this.nextIndex = 0;
+	}
+	useEntryIndex() {
+		let 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 = p, t, n, r) {
+		let i = {
+			id: t,
+			index: n,
+			children: r
+		}, a = this.committedChildren.get(e) ?? u.map({}, { deep: !1 });
+		a.set(t, i), this.renderPhaseChildren.get(e)?.delete(t), this.committedChildren.set(e, a);
+	}
+	setRenderPhaseChildren(e = p, t, n, r) {
+		let i = {
+			id: t,
+			index: n,
+			children: r
+		}, a = this.renderPhaseChildren.get(e) ?? /* @__PURE__ */ new Map();
+		a.set(t, i), this.renderPhaseChildren.set(e, a);
+	}
+	deleteChildrenFromMap(e, t, n) {
+		let r = e.get(t);
+		r?.delete(n), r?.size === 0 && e.delete(t);
+	}
+	deleteChildren(e = p, t) {
+		this.deleteChildrenFromMap(this.committedChildren, e, t), this.deleteChildrenFromMap(this.renderPhaseChildren, e, t);
+	}
+	getEntries(e = p, t = !1) {
+		let n = this.committedChildren.get(e)?.values(), r = t ? this.renderPhaseChildren.get(e)?.values() : void 0, i = n ?? r;
+		if (i) return {
+			committed: !!n,
+			entries: Array.from(i).sort((e, t) => e.index - t.index)
+		};
+	}
+}, g = e({ state: new h() }), _ = (e = m) => {
+	let n = t(g);
+	for (; n;) {
+		if (n.state.id === e) return n.state;
+		n = n.parentContext;
+	}
+	throw Error(`Could not get tunnel for provider ${e}. Please provider a TunnelProvider with this ID.`);
+}, v = (e) => {
+	let { children: n, id: r } = e, i = t(g), a = h.useNew(r);
+	return /* @__PURE__ */ d(g.Provider, {
+		value: {
+			state: a,
+			parentContext: i
+		},
+		children: n
+	});
+}, y = (e) => {
+	let { children: t, id: o, staticEntryId: s, providerId: c } = e, l = _(c), u = r(), d = s ?? u, f = l.useEntryIndex(), p = a(!1);
+	return p.current || l.setRenderPhaseChildren(o, d, f, t), i(() => {
+		p.current = !0, l.setChildren(o, d, f, t);
+	}, [
+		t,
+		o,
+		d,
+		f,
+		c
+	]), n(() => () => {
+		l.deleteChildren(o, d);
+	}, [
+		o,
+		d,
+		c
+	]), null;
+}, b = (e) => {
+	let { children: t } = e;
+	return typeof t == "function" ? t() : t;
+}, x = f((e) => {
+	let { children: t, id: n, providerId: r } = e, i = s(() => () => null, () => !1, () => !0), a = _(r).getEntries(n, i)?.entries.map((e) => /* @__PURE__ */ d(b, { children: e.children }, e.id));
+	return typeof t == "function" ? t(a) : a ?? t;
 });
-export {
-  z as TunnelEntry,
-  A as TunnelExit,
-  k as TunnelProvider
-};
+//#endregion
+export { y as TunnelEntry, x as TunnelExit, v as TunnelProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.1032",
+  "version": "0.2.0-alpha.1033",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -37,7 +37,8 @@
     "mobx-react-lite": "^4.1.1"
   },
   "devDependencies": {
-    "@mittwald/typescript-config": "0.2.0-alpha.1032",
+    "@mittwald/flow-core": "0.2.0-alpha.1033",
+    "@mittwald/typescript-config": "0.2.0-alpha.1033",
     "@types/node": "^25.9.3",
     "@types/react": "^19.2",
     "@types/react-dom": "^19.2",
@@ -45,15 +46,12 @@
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
     "nx": "^22.7.5",
-    "prettier": "^3.8.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3",
-    "vite": "7.3.6",
-    "vite-plugin-banner": "^0.8.1",
-    "vite-plugin-checker": "^0.14.1",
-    "vite-plugin-dts": "^5.0.3",
+    "unplugin-dts": "^1.0.3",
+    "vite": "^8.2.1",
     "vite-plugin-externalize-deps": "^0.10.0",
     "vitest": "^4.1.10",
     "vitest-browser-react": "^2.2.0"
@@ -62,5 +60,5 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
-  "gitHead": "8851c00e700eb59216ce6bc4496aa4bd90240952"
+  "gitHead": "1e93dee00797e8702e30c53c403f9a33029c9634"
 }