@rpcbase/client 0.311.0 → 0.313.0

package/dist/getFeatureFlag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFeatureFlag.d.ts","sourceRoot":"","sources":["../src/getFeatureFlag.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,KACX,OAAO,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAuDtC,CAAA"}
+{"version":3,"file":"getFeatureFlag.d.ts","sourceRoot":"","sources":["../src/getFeatureFlag.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,KACX,OAAO,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CA8DtC,CAAA"}

package/dist/index.js

@@ -126,6 +126,7 @@ const SsrErrorFallback = ({ state, renderErrorExtra }) => {
 };
 const ROUTER_DEBUG = env.RB_PUBLIC_ROUTER_DEBUG;
 const isProduction = env.MODE === "production";
+const LOADER_TIMEOUT_MS = 8e3;
 const showErrorOverlay = (err) => {
   const ErrorOverlay = customElements.get("vite-error-overlay");
   if (!ErrorOverlay) {
@@ -146,6 +147,40 @@ const handleServerErrors = () => {
     });
   }
 };
+const wrapLoaderWithTimeout = (loader, routeId) => async (...args) => new Promise((resolve, reject) => {
+  const timer = setTimeout(() => {
+    console.error("[rpcbase timeout][client loader]", { routeId, ms: LOADER_TIMEOUT_MS, url: window.location.href });
+    reject(new Response("Loader timeout", { status: 504 }));
+  }, LOADER_TIMEOUT_MS);
+  Promise.resolve(loader(...args)).then((val) => {
+    clearTimeout(timer);
+    resolve(val);
+  }).catch((err) => {
+    clearTimeout(timer);
+    reject(err);
+  });
+});
+const applyLoaderTimeouts = (routes) => {
+  routes.forEach((route) => {
+    if (route.loader) {
+      route.loader = wrapLoaderWithTimeout(route.loader, route.id);
+    }
+    if (route.lazy) {
+      const origLazy = route.lazy;
+      route.lazy = async (...lazyArgs) => {
+        const mod = await origLazy(...lazyArgs);
+        if (mod?.loader) {
+          const origLoader = mod.loader;
+          mod.loader = (...loaderArgs) => wrapLoaderWithTimeout(origLoader, route.id)(...loaderArgs);
+        }
+        return mod;
+      };
+    }
+    if (route.children) {
+      applyLoaderTimeouts(route.children);
+    }
+  });
+};
 const getRootElement = () => {
   const el = document.getElementById("root");
   if (!el) {
@@ -176,6 +211,7 @@ const initWithRoutes = async (routesElement, opts) => {
   cleanupURL();
   handleServerErrors();
   const routes = createRoutesFromElements(routesElement);
+  applyLoaderTimeouts(routes);
   const router = createBrowserRouter(routes, {
     basename: "/",
     ...enableRouterInstrumentation ? {
@@ -821,12 +857,16 @@ const getFeatureFlag = async (flag) => {
     return value;
   } else {
     let waitForFeatureFlags = function() {
-      return new Promise((resolve) => {
+      return new Promise((resolve, reject) => {
         if (hasLoadedFeatureFlags) {
           resolve();
         } else {
+          const timeout = setTimeout(() => {
+            reject(new Error(`PostHog feature flags did not load within ${TIMEOUT_MS}ms`));
+          }, TIMEOUT_MS);
           posthog2.onFeatureFlags(() => {
             hasLoadedFeatureFlags = true;
+            clearTimeout(timeout);
             resolve();
           });
         }
@@ -838,6 +878,7 @@ const getFeatureFlag = async (flag) => {
     const startTime = performance.now();
     const { posthog: posthog2 } = await import("posthog-js");
     let hasLoadedFeatureFlags = false;
+    const TIMEOUT_MS = 8e3;
     await waitForFeatureFlags();
     const endTime = performance.now();
     console.log(`Client: Feature flag "${flag}" loaded in ${(endTime - startTime).toFixed(2)}ms`);

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,EAAc,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAK7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAmCxB,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;AA8BnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA8I7B,CAAA"}
+{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAK7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAiFxB,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;AA8BnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA+I7B,CAAA"}

package/package.json

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