@multiplatform.one/router 8.3.0 → 8.5.0

package/dist/jsx/router/nativeFallback.mjs

@@ -0,0 +1,19 @@
+import { useParams, usePathname, useRouter } from "./EmptyRouter.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+const Link = ({
+  children
+}) => /* @__PURE__ */jsx(Fragment, {
+  children
+});
+Link.resolveHref = href => href.toString();
+const nativeFallback = {
+  Link,
+  useParams,
+  usePathname,
+  useRouter
+};
+function pickRouter(one) {
+  return one ?? nativeFallback;
+}
+export { nativeFallback, pickRouter };
+//# sourceMappingURL=nativeFallback.mjs.map

package/dist/jsx/router/nativeFallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useParams","usePathname","useRouter","Fragment","jsx","Link","children","resolveHref","href","toString","nativeFallback","pickRouter","one"],"sources":["../../../src/router/nativeFallback.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,WAAA,EAAaC,SAAA,QAAiB;AASJ,SAAAC,QAAA,EAAAC,GAAA;AAA9C,MAAMC,IAAA,GAAsBA,CAAC;EAAEC;AAAS,MAAM,eAAAF,GAAA,CAAAD,QAAA;EAAGG;AAAA,CAAS;AAE1DD,IAAA,CAAKE,WAAA,GAAeC,IAAA,IAASA,IAAA,CAAKC,QAAA,CAAS;AAEpC,MAAMC,cAAA,GAA+B;EAAEL,IAAA;EAAML,SAAA;EAAWC,WAAA;EAAaC;AAAU;AAE/E,SAASS,WAAWC,GAAA,EAA6C;EACtE,OAAOA,GAAA,IAAOF,cAAA;AAChB","ignoreList":[]}

package/dist/jsx/router/nativeFallback.native.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var nativeFallback_exports = {};
+__export(nativeFallback_exports, {
+  nativeFallback: () => nativeFallback,
+  pickRouter: () => pickRouter
+});
+module.exports = __toCommonJS(nativeFallback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_EmptyRouter = require("./EmptyRouter.native.js");
+var Link = function Link2(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  });
+};
+Link.resolveHref = function (href) {
+  return href.toString();
+};
+var nativeFallback = {
+  Link,
+  useParams: import_EmptyRouter.useParams,
+  usePathname: import_EmptyRouter.usePathname,
+  useRouter: import_EmptyRouter.useRouter
+};
+function pickRouter(one) {
+  return one !== null && one !== void 0 ? one : nativeFallback;
+}
+//# sourceMappingURL=nativeFallback.native.js.map

package/dist/jsx/router/nativeFallback.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../../src/router/nativeFallback.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AASqC,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAA9C,IAAAC,gBAA+B,GAAAF,MAAS,CAAAG,wBAAM;AAE9C,IAAAC,iBAAoB,GAAAJ,MAAS,CAAAK,mBAAc;AAEpC,IAAAC,YAAM,GAAAN,MAAiC,CAAAO,SAAM,CAAAC,cAAW;AAExD,IAAAC,QAAS,GAAAA,CAAAC,MAAW,EAAAC,GAA6C;EACtE,SAAOC,IAAA,IAAOD,GAAA,EAChBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}

package/dist/jsx/seam/DomNavigationHost.mjs

@@ -1,4 +1,4 @@
-import { Suspense, useEffect, useRef } from "react";
+import { Suspense, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { RouteTagContext, stackNavigator, useNavState } from "./navigator.mjs";
 import { jsx } from "react/jsx-runtime";
 class DomStackAdapter {
@@ -59,6 +59,16 @@ function useZeroHeightWarning(ref) {
     return () => cancelAnimationFrame(raf);
   }, [ref]);
 }
+function PageLoading({
+  tag,
+  onPending
+}) {
+  useLayoutEffect(() => {
+    onPending(tag, true);
+    return () => onPending(tag, false);
+  }, [tag, onPending]);
+  return null;
+}
 function DomNavigationHost({
   routes,
   initialHref,
@@ -81,6 +91,19 @@ function DomNavigationHost({
   }, []);
   useZeroHeightWarning(hostRef);
   const nav = useNavState();
+  const pendingRef = useRef(/* @__PURE__ */new Set());
+  const [, setPendingVersion] = useState(0);
+  const markPending = useCallback((tag, isPending) => {
+    if (pendingRef.current.has(tag) === isPending) return;
+    if (isPending) pendingRef.current.add(tag);else pendingRef.current.delete(tag);
+    setPendingVersion(version => version + 1);
+  }, []);
+  const settledRef = useRef(nav.tag);
+  useLayoutEffect(() => {
+    if (!pendingRef.current.has(nav.tag)) settledRef.current = nav.tag;
+  });
+  const pending = pendingRef.current;
+  const shown = pending.has(nav.tag) ? settledRef.current : nav.tag;
   return /* @__PURE__ */jsx("div", {
     ref: hostRef,
     style: {
@@ -93,11 +116,12 @@ function DomNavigationHost({
       ...style
     },
     children: routes.map(route => {
-      const active = nav.tag === route.tag;
+      const active = shown === route.tag;
       const mounted = stackNavigator.isVisited(route.tag);
       return /* @__PURE__ */jsx("div", {
         "data-seam-page": route.tag,
         "data-seam-active": active ? "true" : "false",
+        "data-seam-pending": pending.has(route.tag) ? "true" : void 0,
         style: {
           ...PAGE_STYLE,
           display: active ? "flex" : "none"
@@ -105,7 +129,10 @@ function DomNavigationHost({
         children: /* @__PURE__ */jsx(RouteTagContext.Provider, {
           value: route.tag,
           children: /* @__PURE__ */jsx(Suspense, {
-            fallback: null,
+            fallback: /* @__PURE__ */jsx(PageLoading, {
+              tag: route.tag,
+              onPending: markPending
+            }),
             children: mounted ? route.element : null
           })
         })

package/dist/jsx/seam/DomNavigationHost.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","process","env","NODE_ENV","el","current","raf","requestAnimationFrame","offsetParent","getBoundingClientRect","height","console","error","cancelAnimationFrame","DomNavigationHost","routes","initialHref","style","hostRef","adapterRef","seedInitialRoute","syncFromHost","initialHrefRef","adapter","attach","detach","nav","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Suspense","useCallback","useEffect","useLayoutEffect","useRef","useState","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","process","env","NODE_ENV","el","current","raf","requestAnimationFrame","offsetParent","getBoundingClientRect","height","console","error","cancelAnimationFrame","PageLoading","onPending","DomNavigationHost","routes","initialHref","style","hostRef","adapterRef","seedInitialRoute","syncFromHost","initialHrefRef","adapter","attach","detach","nav","pendingRef","Set","setPendingVersion","markPending","isPending","has","add","delete","version","settledRef","pending","shown","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/seam/DomNavigationHost.native.js

@@ -145,6 +145,19 @@ function useZeroHeightWarning(ref) {
     };
   }, [ref]);
 }
+function PageLoading(param) {
+  var {
+    tag,
+    onPending
+  } = param;
+  (0, import_react.useLayoutEffect)(function () {
+    onPending(tag, true);
+    return function () {
+      return onPending(tag, false);
+    };
+  }, [tag, onPending]);
+  return null;
+}
 function DomNavigationHost(param) {
   var {
     routes,
@@ -174,6 +187,21 @@ function DomNavigationHost(param) {
   }, []);
   useZeroHeightWarning(hostRef);
   var nav = (0, import_navigator.useNavState)();
+  var pendingRef = (0, import_react.useRef)(/* @__PURE__ */new Set());
+  var [, setPendingVersion] = (0, import_react.useState)(0);
+  var markPending = (0, import_react.useCallback)(function (tag, isPending) {
+    if (pendingRef.current.has(tag) === isPending) return;
+    if (isPending) pendingRef.current.add(tag);else pendingRef.current.delete(tag);
+    setPendingVersion(function (version) {
+      return version + 1;
+    });
+  }, []);
+  var settledRef = (0, import_react.useRef)(nav.tag);
+  (0, import_react.useLayoutEffect)(function () {
+    if (!pendingRef.current.has(nav.tag)) settledRef.current = nav.tag;
+  });
+  var pending = pendingRef.current;
+  var shown = pending.has(nav.tag) ? settledRef.current : nav.tag;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
     ref: hostRef,
     style: {
@@ -186,11 +214,12 @@ function DomNavigationHost(param) {
       ...style
     },
     children: routes.map(function (route) {
-      var active = nav.tag === route.tag;
+      var active = shown === route.tag;
       var mounted = import_navigator.stackNavigator.isVisited(route.tag);
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
         "data-seam-page": route.tag,
         "data-seam-active": active ? "true" : "false",
+        "data-seam-pending": pending.has(route.tag) ? "true" : void 0,
         style: {
           ...PAGE_STYLE,
           display: active ? "flex" : "none"
@@ -198,7 +227,10 @@ function DomNavigationHost(param) {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_navigator.RouteTagContext.Provider, {
           value: route.tag,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Suspense, {
-            fallback: null,
+            fallback: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PageLoading, {
+              tag: route.tag,
+              onPending: markPending
+            }),
             children: mounted ? route.element : null
           })
         })

package/dist/jsx/seam/DomNavigationHost.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DomNavigationHost_exports","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","configurable","writable","_create_class","protoProps","staticProps","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","_snapshot_index"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"AA4BA,YAAS;;AACT,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACEC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAAAC,QAIK,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EA8KO,SAAAC,IAAA,IAAAD,GAAA,EAzKPZ,SAAM,CAAAW,MAAA,EAA2CE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAC9C,IACSC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAEjB,IAAAF,IAAA,IAAY,OAAAA,IAAiB,aAAuB,WAAAA,IAAA;IAClD,KAAK,IAAAG,GAAA,IAAQhB,iBAAkB,CAAAa,IAAK,GACpC,IAAK,CAAAX,YAAY,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACnBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEA;EACE,OAAKE,EAAA;AACL;AAAe,IACjBM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAEAE,yBAAe;AACbhB,QAAI,CAAAgB,yBAAwB;EAC5BC,iBAAe,EAAAA,CAAA,KAAAA,iBAAA;EACfC,eAAK,EAAUA,CAAA,KAAAA;AACf;AAAOC,MACT,CAAAC,OAAA,GAAAP,YAAA,CAAAG,yBAAA;AAAA,IAEAK,kBAAiC,GAAAC,OAAA;AAC/B,IAAAC,YAAY,GAAAD,OAAK,CAAM;AACvB,IAAAE,gBAAY,GAAMF,OAAQ,wBAAW;AACrC,SAAKG,iBAAaA,CAAAC,QAAY,EAAGC,WAAO;EACxC,MAAAD,QAAK,YAAUC,WAAA;IACf,UAAOC,SAAA;EACT;AAAA;AAGE,SAAKC,iBAAgBA,CAAA5B,MAAA,EAAA6B,KAAA;EACrB,SAAKC,CAAA,MAAAA,CAAU,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IACjB,IAAAE,UAAA,GAAAH,KAAA,CAAAC,CAAA;IAEAE,UAAA,CAAA5B,UAGE,GAAA4B,UAAA,CAAA5B,UAAA;IACA4B,UAAM,CAAAC,YAAgB;IACtB,WAAO,IAAAD,UAAA,EAAAA,UAAA,CAAAE,QAAA;IAAA5C,MACL,CAAAC,cAAmB,CAAAS,MAAA,EAASgC,UAAA,CAAAtB,GAAA,EAAAsB,UAAA;EAAA;AAE2D;AACzF,SACFG,cAAAT,WAAA,EAAAU,UAAA,EAAAC,WAAA;EACF,IAAAD,UAAA,EAAAR,iBAAA,CAAAF,WAAA,CAAA7B,SAAA,EAAAuC,UAAA;EAgCA,IAAMC,WAAA,EAA4BT,iBAAA,CAAAF,WAAA,EAAAW,WAAA;EAChC,OAAAX,WAAU;AAAA;AACJ,SACNY,gBAAWA,CAAAC,GAAA,EAAA7B,GAAA,EAAAI,KAAA;EACX,IAAAJ,GAAA,IAAS6B,GAAA;IACTjD,MAAA,CAAAC,cAAe,CAAAgD,GAAA,EAAA7B,GAAA;MACfI,KAAA;MACFV,UAAA;MAIA6B,YAAS;MACPC,QAAU;IACR;EACA;IACAK,GAAA,CAAI7B,GAAC,CAAI,GAAAI,KAAA;EAGT;EAGE,OAAAyB,GAAI;AACJ;AAAQ,IAAAtB,eACN;EAAA,YAIF;;EAAA,SACDuB,iBAAAC,OAAA,EAAAC,SAAA;IACDlB,iBAAa,OAAAgB,gBAAwB;IACvCF,gBAAQ;IACVA,gBAAA;IAEO,KAASK,KAAA,GAAAF,OAAA,GAAkB,CAChCA,OAAA,CACA;IACA,KAAAC,SAAA,GAAAA,SAAA;EACF;EACEP,aAAM,CAAAK,gBAAqC,GAC3C;IACI9B,GAAA,eAAW;IAKbI,KAAI,WAAA8B,WAA2BA,CAAAC,GAAA;MAC/B,KAAAF,KAAW,CAAAG,IAAA,CAAAD,GAAU;MAAoB,KAAOH,SAAI,EAAO;IAAI;EAE/D,GACF;IAGAhC,GAAM;IAENI,KAAA,EAAU,SAAMiC,IAAA;MACd,IAAM,KAAAJ,KAAU,CAAAZ,MAAA,IAAW;MACvB,IAAC,CAAAY,KAAS,CAAAI,GAAA;MAId,KAAAL,SAAe;MACf,OAAO,IAAM;IACX;EAEJ,GAEA;IAEAhC,GACE;IAACI,KAAA,WAAAkC,WAAAH,GAAA;MAAA,IAAAI,GAAA,QAAAN,KAAA,CAAAO,WAAA,CAAAL,GAAA;MACC,IAAKI,GAAA,WAAAA,GAAA,UAAAN,KAAA,CAAAZ,MAAA;MACL,KAAOY,KAAA,QAAAA,KAAA,CAAAQ,KAAA,IAAAF,GAAA;MACL,KAAAP,SAAU;MACV,WAAS;IAAA;EACM,GACT;IACKhC,GACX,qBAAQ;IAAAI,KACL,WAAAsC,kBAAAC,IAAA;MACL,KAAAV,KAAA,IAEC,GAAAU,IAAA,CACC;MACA,KAAAX,SAAM,EAAU;IAChB;EACE,GAAC;IAAAhC,GAAA,wBAEiB;IAAMI,KAAA,EACtB,SAAAwC,oBAA2BA,CAAA;MAAS,IACpCC,QAAO,GAAE,IAAG,CAAAZ,KAAA;MAA8C,OAE1D;QAEAa,WAAA,WAAAA,YAAA;UAPK,OAAMD,QAAA,CAAAxB,MAAA;QAQb;QAEH0B,QAAA,WAAAA,SAAAC,KAAA;UAAA,OAAAA,KAAA,SAAAA,KAAA,GAAAH,QAAA,CAAAxB,MAAA;YACH4B,OAAA,WAAAA,QAAA;cAEJ,IAAAC,eAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DomNavigationHost_exports","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","configurable","writable","_create_class","protoProps","staticProps","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","_snapshot_index","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","useEffect","process","env","NODE_ENV","el","current","raf","requestAnimationFrame","offsetParent","getBoundingClientRect","height"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/router",
-  "version": "8.3.0",
+  "version": "8.5.0",
   "description": "multiplatform.one router with support for react-router-dom and react-navigation",
   "keywords": [
     "react",
@@ -61,12 +61,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/platform": "^8.3.0",
+    "@multiplatform.one/platform": "^8.5.0",
     "@vxrn/color-scheme": "~1.16.5"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "8.3.0",
-    "@multiplatform.one/test-utils": "8.3.0",
+    "@multiplatform.one/config": "8.5.0",
+    "@multiplatform.one/test-utils": "8.5.0",
     "@react-navigation/native": "^7.2.2",
     "@tamagui/build": "2.7.6",
     "@testing-library/react": "^16.3.3",
@@ -86,6 +86,17 @@
     "react": "^19.1.0",
     "react-router-dom": "^7.0.0"
   },
+  "peerDependenciesMeta": {
+    "@react-navigation/native": {
+      "optional": true
+    },
+    "one": {
+      "optional": true
+    },
+    "react-router-dom": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": ">=16.0.0"
   },

package/src/router/index.native.tsx

@@ -1,6 +1,21 @@
-import { Link, useParams, usePathname as useOnePathname, useRouter } from "one";
+import type { LinkComponent, UseParams, UseRouter } from "../types";
+import { type NativeRouter, pickRouter } from "./nativeFallback";
 
-export { Link, useParams, useRouter };
+function loadOne(): NativeRouter | undefined {
+  try {
+    return require("one") as NativeRouter;
+  } catch {
+    return undefined;
+  }
+}
+
+const router = pickRouter(loadOne());
+
+export const Link: LinkComponent = router.Link;
+export const useParams: UseParams = router.useParams;
+export const useRouter: UseRouter = router.useRouter;
+
+const useRouterPathname = router.usePathname;
 
 /**
  * One 1.16.5 `usePathname()` reads `useRouteInfo().pathname` with no guard.
@@ -11,7 +26,7 @@ export { Link, useParams, useRouter };
  */
 export function usePathname(): string {
   try {
-    return useOnePathname() ?? "/";
+    return useRouterPathname() ?? "/";
   } catch {
     return "/";
   }

package/src/router/nativeFallback.spec.tsx

@@ -0,0 +1,46 @@
+import { render, renderHook, screen } from "@testing-library/react";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { describe, expect, it } from "vitest";
+import type { LinkComponent } from "../types";
+import { type NativeRouter, nativeFallback, pickRouter } from "./nativeFallback";
+
+describe("native router without One", () => {
+  it("falls back to the no-op router when one is not installed", () => {
+    const router = pickRouter(undefined);
+    expect(router).toBe(nativeFallback);
+    const { result } = renderHook(() => router.useRouter());
+    expect(result.current.canGoBack()).toBe(false);
+    expect(() => result.current.push("/a" as never)).not.toThrow();
+    expect(renderHook(() => router.usePathname()).result.current).toBe("/");
+    expect(renderHook(() => router.useParams()).result.current).toEqual({});
+  });
+
+  it("renders a Link's children with no anchor", () => {
+    const { container } = render(
+      <nativeFallback.Link href={"/a" as never}>
+        <span>go</span>
+      </nativeFallback.Link>,
+    );
+    expect(screen.getByText("go")).toBeTruthy();
+    expect(container.querySelector("a")).toBeNull();
+    expect(nativeFallback.Link.resolveHref("/a" as never)).toBe("/a");
+  });
+
+  it("uses One's router when one is installed", () => {
+    const Link = (() => null) as unknown as LinkComponent;
+    const one: NativeRouter = {
+      Link,
+      useParams: () => ({ id: "1" }),
+      usePathname: () => "/one",
+      useRouter: nativeFallback.useRouter,
+    };
+    expect(pickRouter(one)).toBe(one);
+  });
+
+  it("loads one from inside a try block so Metro treats it as optional", () => {
+    const source = readFileSync(join(__dirname, "index.native.tsx"), "utf8");
+    expect(source).not.toMatch(/^import[^;]*from "one"/m);
+    expect(source).toMatch(/try \{\s*return require\("one"\)/);
+  });
+});

package/src/router/nativeFallback.tsx

@@ -0,0 +1,19 @@
+import type { LinkComponent, UseParams, UsePathname, UseRouter } from "../types";
+import { useParams, usePathname, useRouter } from "./EmptyRouter";
+
+export interface NativeRouter {
+  Link: LinkComponent;
+  useParams: UseParams;
+  usePathname: UsePathname;
+  useRouter: UseRouter;
+}
+
+const Link: LinkComponent = ({ children }) => <>{children}</>;
+
+Link.resolveHref = (href) => href.toString();
+
+export const nativeFallback: NativeRouter = { Link, useParams, usePathname, useRouter };
+
+export function pickRouter(one: NativeRouter | undefined): NativeRouter {
+  return one ?? nativeFallback;
+}

package/src/seam/DomNavigationHost.routeHold.spec.tsx

@@ -0,0 +1,78 @@
+import { act, render, screen } from "@testing-library/react";
+import { lazy, type ReactElement } from "react";
+import { beforeEach, describe, expect, it } from "vitest";
+import { DomNavigationHost } from "./DomNavigationHost";
+import { stackNavigator } from "./navigator";
+
+const ROUTES = [
+  { pattern: "/", tag: "home", title: "Home" },
+  { pattern: "/todos", tag: "todos", title: "Todos" },
+];
+
+function deferredScreen() {
+  let resolve!: () => void;
+  const ready = new Promise<{ default: () => ReactElement }>((done) => {
+    resolve = () => done({ default: () => <div data-testid="todos-screen" /> });
+  });
+  return { Screen: lazy(() => ready), resolve: () => act(async () => resolve()) };
+}
+
+function page(container: HTMLElement, tag: string): HTMLElement {
+  return container.querySelector(`[data-seam-page="${tag}"]`) as HTMLElement;
+}
+
+function shown(container: HTMLElement): string[] {
+  return [...container.querySelectorAll<HTMLElement>("[data-seam-page]")]
+    .filter((el) => el.style.display !== "none")
+    .map((el) => el.dataset.seamPage ?? "");
+}
+
+describe("DomNavigationHost route change (LC-198)", () => {
+  beforeEach(() => {
+    stackNavigator.detach();
+    stackNavigator.configure(ROUTES);
+  });
+
+  it("holds the current page on screen while the next one is still loading", async () => {
+    const todos = deferredScreen();
+    const { container } = render(
+      <DomNavigationHost
+        routes={[
+          { ...ROUTES[0]!, element: <div data-testid="home-screen" /> },
+          { ...ROUTES[1]!, element: <todos.Screen /> },
+        ]}
+      />,
+    );
+
+    act(() => stackNavigator.push("/todos"));
+
+    expect(shown(container)).toEqual(["home"]);
+    expect(page(container, "home").childElementCount).toBeGreaterThan(0);
+    expect(page(container, "home").dataset.seamActive).toBe("true");
+    expect(page(container, "todos").dataset.seamPending).toBe("true");
+    expect(screen.getByTestId("home-screen")).toBeTruthy();
+
+    await todos.resolve();
+
+    expect(shown(container)).toEqual(["todos"]);
+    expect(page(container, "todos").dataset.seamActive).toBe("true");
+    expect(page(container, "todos").dataset.seamPending).toBeUndefined();
+    expect(screen.getByTestId("todos-screen")).toBeTruthy();
+  });
+
+  it("shows the page at once when it does not suspend", () => {
+    const { container } = render(
+      <DomNavigationHost
+        routes={[
+          { ...ROUTES[0]!, element: <div data-testid="home-screen" /> },
+          { ...ROUTES[1]!, element: <div data-testid="todos-screen" /> },
+        ]}
+      />,
+    );
+
+    act(() => stackNavigator.push("/todos"));
+
+    expect(shown(container)).toEqual(["todos"]);
+    expect(page(container, "todos").dataset.seamPending).toBeUndefined();
+  });
+});

package/src/seam/DomNavigationHost.tsx

@@ -26,7 +26,7 @@
 // See the contract above PAGE_STYLE.
 
 import type { CSSProperties, ReactNode } from "react";
-import { Suspense, useEffect, useRef } from "react";
+import { Suspense, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import {
   RouteTagContext,
   stackNavigator,
@@ -149,6 +149,20 @@ function useZeroHeightWarning(ref: { current: HTMLDivElement | null }): void {
   }, [ref]);
 }
 
+function PageLoading({
+  tag,
+  onPending,
+}: {
+  tag: string;
+  onPending: (tag: string, isPending: boolean) => void;
+}): null {
+  useLayoutEffect(() => {
+    onPending(tag, true);
+    return () => onPending(tag, false);
+  }, [tag, onPending]);
+  return null;
+}
+
 export function DomNavigationHost({
   routes,
   initialHref,
@@ -183,6 +197,20 @@ export function DomNavigationHost({
   useZeroHeightWarning(hostRef);
 
   const nav = useNavState();
+  const pendingRef = useRef<Set<string>>(new Set());
+  const [, setPendingVersion] = useState(0);
+  const markPending = useCallback((tag: string, isPending: boolean) => {
+    if (pendingRef.current.has(tag) === isPending) return;
+    if (isPending) pendingRef.current.add(tag);
+    else pendingRef.current.delete(tag);
+    setPendingVersion((version) => version + 1);
+  }, []);
+  const settledRef = useRef(nav.tag);
+  useLayoutEffect(() => {
+    if (!pendingRef.current.has(nav.tag)) settledRef.current = nav.tag;
+  });
+  const pending = pendingRef.current;
+  const shown = pending.has(nav.tag) ? settledRef.current : nav.tag;
 
   return (
     <div
@@ -198,17 +226,20 @@ export function DomNavigationHost({
       }}
     >
       {routes.map((route) => {
-        const active = nav.tag === route.tag;
+        const active = shown === route.tag;
         const mounted = stackNavigator.isVisited(route.tag);
         return (
           <div
             key={route.tag}
             data-seam-page={route.tag}
             data-seam-active={active ? "true" : "false"}
+            data-seam-pending={pending.has(route.tag) ? "true" : undefined}
             style={{ ...PAGE_STYLE, display: active ? "flex" : "none" }}
           >
             <RouteTagContext.Provider value={route.tag}>
-              <Suspense fallback={null}>{mounted ? route.element : null}</Suspense>
+              <Suspense fallback={<PageLoading tag={route.tag} onPending={markPending} />}>
+                {mounted ? route.element : null}
+              </Suspense>
             </RouteTagContext.Provider>
           </div>
         );

package/types/router/index.native.d.ts

@@ -1,5 +1,7 @@
-import { Link, useParams, useRouter } from "one";
-export { Link, useParams, useRouter };
+import type { LinkComponent, UseParams, UseRouter } from "../types";
+export declare const Link: LinkComponent;
+export declare const useParams: UseParams;
+export declare const useRouter: UseRouter;
 /**
  * One 1.16.5 `usePathname()` reads `useRouteInfo().pathname` with no guard.
  * On native a layout node sees the router store's `routeInfo`, which is

package/types/router/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/router/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAiC,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEtC;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAMpC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/router/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAapE,eAAO,MAAM,IAAI,EAAE,aAA2B,CAAC;AAC/C,eAAO,MAAM,SAAS,EAAE,SAA4B,CAAC;AACrD,eAAO,MAAM,SAAS,EAAE,SAA4B,CAAC;AAIrD;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAMpC"}

package/types/router/nativeFallback.d.ts

@@ -0,0 +1,10 @@
+import type { LinkComponent, UseParams, UsePathname, UseRouter } from "../types";
+export interface NativeRouter {
+    Link: LinkComponent;
+    useParams: UseParams;
+    usePathname: UsePathname;
+    useRouter: UseRouter;
+}
+export declare const nativeFallback: NativeRouter;
+export declare function pickRouter(one: NativeRouter | undefined): NativeRouter;
+//# sourceMappingURL=nativeFallback.d.ts.map

package/types/router/nativeFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeFallback.d.ts","sourceRoot":"","sources":["../../src/router/nativeFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGjF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,YAA0D,CAAC;AAExF,wBAAgB,UAAU,CAAC,GAAG,EAAE,YAAY,GAAG,SAAS,GAAG,YAAY,CAEtE"}

package/types/seam/DomNavigationHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DomNavigationHost.d.ts","sourceRoot":"","sources":["../../src/seam/DomNavigationHost.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAIL,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAC;AAErB;;qBAEqB;AACrB,qBAAa,eAAgB,YAAW,eAAe;IACrD,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;gBAE3B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI;IAKlD,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK9B,GAAG,IAAI,OAAO;IAOd,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAQhC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,oBAAoB,IAAI;QACtB,WAAW,IAAI,MAAM,CAAC;QACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,OAAO,IAAI,MAAM,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;KAC9D;CAQF;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;;8DAG0D;IAC1D,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAmDD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,KAAK,GACN,EAAE,sBAAsB,GAAG,SAAS,CA8DpC"}
+{"version":3,"file":"DomNavigationHost.d.ts","sourceRoot":"","sources":["../../src/seam/DomNavigationHost.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAIL,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAC;AAErB;;qBAEqB;AACrB,qBAAa,eAAgB,YAAW,eAAe;IACrD,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;gBAE3B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI;IAKlD,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK9B,GAAG,IAAI,OAAO;IAOd,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAQhC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,oBAAoB,IAAI;QACtB,WAAW,IAAI,MAAM,CAAC;QACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,OAAO,IAAI,MAAM,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;KAC9D;CAQF;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;;8DAG0D;IAC1D,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAiED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,KAAK,GACN,EAAE,sBAAsB,GAAG,SAAS,CA+EpC"}