@rpcbase/client 0.331.0 → 0.332.0

package/dist/index.js

@@ -79,6 +79,130 @@ const cleanupURL = () => {
     document.addEventListener("DOMContentLoaded", runCleanup, { once: true });
   }
 };
+const DEFAULT_PRIORITY = 0;
+const canBlockNavigation = (guard, {
+  isPathnameChange,
+  isSearchChange
+}) => {
+  if (!guard.enabled) return false;
+  if (isPathnameChange) return true;
+  if (isSearchChange && guard.blockOnSearch) return true;
+  return false;
+};
+const pickNavigationGuard = (args) => {
+  const isPathnameChange = args.currentLocation.pathname !== args.nextLocation.pathname;
+  const isSearchChange = args.currentLocation.search !== args.nextLocation.search;
+  if (!isPathnameChange && !isSearchChange) {
+    return null;
+  }
+  const eligibleGuards = getNavigationGuards().filter((guard) => canBlockNavigation(guard, { isPathnameChange, isSearchChange })).filter((guard) => guard.shouldBlockNavigation(args));
+  if (eligibleGuards.length === 0) {
+    return null;
+  }
+  return eligibleGuards.reduce((best, guard) => {
+    const bestPriority = best.priority ?? DEFAULT_PRIORITY;
+    const guardPriority = guard.priority ?? DEFAULT_PRIORITY;
+    return guardPriority > bestPriority ? guard : best;
+  }, eligibleGuards[0]);
+};
+const getLocationDedupKey = (location) => location.key ?? `${location.pathname}${location.search}`;
+const hasUnloadBlockers = () => getNavigationGuards().some((guard) => guard.enabled && guard.shouldBlockUnload);
+const getWindowState = () => {
+  if (typeof window === "undefined") return null;
+  const key = "__rpcbaseNavigationGuardWindowState";
+  const globalAny = window;
+  if (globalAny[key]) {
+    return globalAny[key];
+  }
+  const created = {
+    suppressBeforeUnloadUntil: 0,
+    lastBeforeUnloadAt: 0
+  };
+  globalAny[key] = created;
+  return created;
+};
+const NATIVE_PROMPT_COOLDOWN_MS = 1e3;
+const SUPPRESS_BEFOREUNLOAD_MS = 1e3;
+const getGlobalGuardWeakSet = () => {
+  const key = "__rpcbaseNavigationGuardInstalledRouters";
+  const globalAny = globalThis;
+  const existing = globalAny[key];
+  if (existing && existing instanceof WeakSet) {
+    return existing;
+  }
+  const created = /* @__PURE__ */ new WeakSet();
+  globalAny[key] = created;
+  return created;
+};
+const installGlobalNavigationGuard = (router) => {
+  const installedRouters = getGlobalGuardWeakSet();
+  if (installedRouters.has(router)) {
+    return;
+  }
+  installedRouters.add(router);
+  const blockerKey = "rpcbase:navigation-guards";
+  const windowState = getWindowState();
+  let lastArgs = null;
+  let lastPromptedLocationKey = null;
+  router.getBlocker(blockerKey, (args) => {
+    lastArgs = args;
+    return pickNavigationGuard(args) !== null;
+  });
+  router.subscribe((state) => {
+    const blocker = state.blockers.get(blockerKey);
+    if (!blocker || blocker.state !== "blocked") {
+      lastPromptedLocationKey = null;
+      return;
+    }
+    const blockedLocation = blocker.location;
+    const dedupKey = getLocationDedupKey(blockedLocation);
+    if (lastPromptedLocationKey === dedupKey) {
+      return;
+    }
+    lastPromptedLocationKey = dedupKey;
+    if (windowState && Date.now() - windowState.lastBeforeUnloadAt < NATIVE_PROMPT_COOLDOWN_MS) {
+      blocker.reset();
+      return;
+    }
+    const args = lastArgs;
+    const guard = args ? pickNavigationGuard(args) : null;
+    if (!guard) {
+      blocker.proceed();
+      return;
+    }
+    const ok = window.confirm(guard.message);
+    if (ok) {
+      if (windowState) {
+        windowState.suppressBeforeUnloadUntil = Date.now() + SUPPRESS_BEFOREUNLOAD_MS;
+      }
+      blocker.proceed();
+    } else {
+      blocker.reset();
+    }
+  });
+  if (typeof window !== "undefined") {
+    const key = "__rpcbaseBeforeUnloadNavigationGuardInstalled";
+    const globalAny = window;
+    if (!globalAny[key]) {
+      globalAny[key] = true;
+      window.addEventListener("beforeunload", (event) => {
+        const state = getWindowState();
+        if (state && state.suppressBeforeUnloadUntil > 0 && Date.now() < state.suppressBeforeUnloadUntil) {
+          state.suppressBeforeUnloadUntil = 0;
+          return;
+        }
+        if (!hasUnloadBlockers()) {
+          return;
+        }
+        if (state) {
+          state.lastBeforeUnloadAt = Date.now();
+        }
+        event.preventDefault();
+        event.returnValue = "";
+      });
+    }
+  }
+};
 const SSR_ERROR_STATE_GLOBAL_KEY = "__RPCBASE_SSR_ERROR__";
 const ESCAPED_LT = /</g;
 const ESCAPED_U2028 = /\u2028/g;
@@ -220,6 +344,7 @@ const initWithRoutes = async (routesElement, opts) => {
   const routes = createRoutesFromElements(routesElement);
   applyLoaderTimeouts(routes);
   const router = createBrowserRouter(routes, {});
+  installGlobalNavigationGuard(router);
   const toError = (error) => error instanceof Error ? error : new Error(String(error));
   const mentionsHydration = (value, depth = 0) => {
     if (depth > 5) {

package/dist/initWithRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAA;AAElE,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAM7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAgFxB,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAA;CAC9D,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AA0CnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBAqF7B,CAAA"}
+{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAA;AAElE,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAO7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAgFxB,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAA;CAC9D,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AA0CnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBAsF7B,CAAA"}

package/dist/navigationGuard/installGlobalNavigationGuard.d.ts

@@ -0,0 +1,3 @@
+import { DataRouter } from '../../../router/src';
+export declare const installGlobalNavigationGuard: (router: DataRouter) => void;
+//# sourceMappingURL=installGlobalNavigationGuard.d.ts.map

package/dist/navigationGuard/installGlobalNavigationGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installGlobalNavigationGuard.d.ts","sourceRoot":"","sources":["../../src/navigationGuard/installGlobalNavigationGuard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAGvB,MAAM,iBAAiB,CAAA;AA2FxB,eAAO,MAAM,4BAA4B,GAAI,QAAQ,UAAU,KAAG,IAoFjE,CAAA"}

package/dist/navigationGuard/installGlobalNavigationGuard.test.d.ts

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

package/dist/navigationGuard/installGlobalNavigationGuard.test.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.331.0",
+  "version": "0.332.0",
   "type": "module",
   "files": [
     "dist"