@mittwald/react-tunnel 0.2.0-alpha.61 → 0.2.0-alpha.610

package/dist/index.js

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

package/dist/types/Tunnel.browser.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tunnel.browser.test.d.ts.map

package/dist/types/Tunnel.browser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tunnel.browser.test.d.ts","sourceRoot":"","sources":["../../src/Tunnel.browser.test.tsx"],"names":[],"mappings":""}

package/dist/types/TunnelState.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 import { ObservableMap } from 'mobx';
-import { TunnelChildren } from './types';
+export type TunnelChildren = ReactNode | undefined | ((tunnelChildren?: ReactNode | undefined) => ReactNode | undefined);
 export declare class TunnelState {
     readonly children: ObservableMap<string, ObservableMap<string, TunnelChildren>>;
     private readonly preparedChildren;
@@ -7,6 +8,7 @@ export declare class TunnelState {
     static useNew(): TunnelState;
     setChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
     prepareChildren(tunnelId: string | undefined, entryId: string, children: TunnelChildren): void;
+    private deleteChildrenFromMap;
     deleteChildren(tunnelId: string | undefined, entryId: string): void;
     getChildren(tunnelId?: string): [string, TunnelChildren][] | undefined;
 }

package/dist/types/TunnelState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TunnelState.d.ts","sourceRoot":"","sources":["../../src/TunnelState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,qBAAa,WAAW;IACtB,SAAgB,QAAQ,+DAQtB;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;;WASU,MAAM,IAAI,WAAW;IAI5B,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IAWA,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IASA,cAAc,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKnE,WAAW,CAChB,QAAQ,GAAE,MAAkB,GAC3B,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,GAAG,SAAS;CAQ1C"}
+{"version":3,"file":"TunnelState.d.ts","sourceRoot":"","sources":["../../src/TunnelState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAK1C,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,KAAK,SAAS,GAAG,SAAS,CAAC,CAAC;AAExE,qBAAa,WAAW;IACtB,SAAgB,QAAQ,+DAQtB;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;;WASU,MAAM,IAAI,WAAW;IAI5B,WAAW,CAChB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IAWA,eAAe,CACpB,QAAQ,EAAE,MAAM,YAAY,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,GACvB,IAAI;IASP,OAAO,CAAC,qBAAqB;IAYtB,cAAc,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAKnE,WAAW,CAChB,QAAQ,GAAE,MAAkB,GAC3B,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,GAAG,SAAS;CAQ1C"}

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

@@ -1,11 +1,11 @@
-import { FC } from 'react';
-import { TunnelChildren } from '../types';
-interface Props {
+import { FC, ReactNode } from 'react';
+export type TunnelEntryChildren = ReactNode | undefined | (() => ReactNode | undefined);
+export interface TunnelEntryProps {
     id?: string;
-    children?: TunnelChildren;
+    children?: TunnelEntryChildren;
     /** Static entry ID instead of generated ID by `useId` */
     staticEntryId?: string;
 }
-export declare const TunnelEntry: FC<Props>;
+export declare const TunnelEntry: FC<TunnelEntryProps>;
 export default TunnelEntry;
 //# sourceMappingURL=TunnelEntry.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelEntry.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAqBjC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TunnelEntry.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8B5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,7 +1,10 @@
-import { FC, PropsWithChildren } from 'react';
-interface Props extends PropsWithChildren {
+import { FC } from 'react';
+import { TunnelChildren } from '../TunnelState';
+export type TunnelExitChildren = TunnelChildren;
+export interface TunnelExitProps {
     id?: string;
+    children?: TunnelExitChildren;
 }
-export declare const TunnelExit: FC<Props>;
+export declare const TunnelExit: FC<TunnelExitProps>;
 export default TunnelExit;
 //# sourceMappingURL=TunnelExit.d.ts.map

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,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAOD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAU/B,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TunnelExit.d.ts","sourceRoot":"","sources":["../../../src/components/TunnelExit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,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,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAOD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAezC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { TunnelProvider } from './components/TunnelProvider';
-export { TunnelEntry } from './components/TunnelEntry';
-export { TunnelExit } from './components/TunnelExit';
+export * from './components/TunnelProvider';
+export * from './components/TunnelEntry';
+export * from './components/TunnelExit';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/react-tunnel",
-  "version": "0.2.0-alpha.61",
+  "version": "0.2.0-alpha.610",
   "type": "module",
   "description": "It's like a Portal – but with React components",
   "keywords": [
@@ -25,40 +25,40 @@
   "scripts": {
     "build": "vite build --config vite.build.config.ts",
     "clean": "rimraf dist",
-    "test": "exit 0",
-    "test:compile": "tsc --noEmit",
-    "test:unit": "vitest run"
+    "test:browser": "vitest run --project=browser --browser.headless",
+    "test:browser:dev": "vitest dev --project=browser",
+    "test:compile": "tsc --noEmit"
   },
   "dependencies": {
-    "mobx": "^6.13.6",
-    "mobx-react-lite": "^4.1.0"
+    "mobx": "^6.15.0",
+    "mobx-react-lite": "^4.1.1"
   },
   "devDependencies": {
     "@mittwald/typescript-config": "workspace:*",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.13.4",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^2.1.9",
-    "happy-dom": "^16.8.1",
-    "nx": "^20.4.5",
-    "prettier": "^3.5.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rimraf": "^6.0.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.1",
-    "vite-plugin-banner": "^0.8.0",
-    "vite-plugin-checker": "^0.8.0",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-externalize-deps": "^0.9.0",
-    "vitest": "^2.1.9"
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
+    "nx": "^22.1.0",
+    "playwright": "^1.57.0",
+    "prettier": "^3.6.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "rimraf": "^6.1.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.7",
+    "vite-plugin-banner": "^0.8.1",
+    "vite-plugin-checker": "^0.11.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-externalize-deps": "^0.10.0",
+    "vitest": "^4.0.15",
+    "vitest-browser-react": "^2.0.2"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
-  "gitHead": "24a0f6b4ab09c04086e8ccce31214ec2f6bae06d"
+  "gitHead": "44dba174d15f7cfb181b10e47f1a2bde81f545ff"
 }

package/dist/types/Tunnel.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Tunnel.test.d.ts.map

package/dist/types/Tunnel.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tunnel.test.d.ts","sourceRoot":"","sources":["../../src/Tunnel.test.tsx"],"names":[],"mappings":""}

package/dist/types/types.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode } from 'react';
-export type TunnelChildren = ReactNode | undefined | (() => ReactNode | undefined);
-//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC"}