@cedarjs/web 8.0.0-canary.3327 → 8.0.0-canary.3330

package/dist/index.js

@@ -19,6 +19,8 @@ import { Helmet } from "@dr.pogodin/react-helmet";
 export * from "./components/htmlTags.js";
 export * from "./routeHooks.types.js";
 export * from "./components/ServerInject.js";
+import { registerPreloadErrorReload } from "./reloadOnPreloadError.js";
+registerPreloadErrorReload();
 export {
   FatalErrorBoundary,
   FetchConfigProvider,

package/dist/reloadOnPreloadError.d.ts

@@ -0,0 +1,37 @@
+/**
+ * `sessionStorage` key that marks the next page load as one triggered by the
+ * `vite:preloadError` handler
+ */
+export declare const PRELOAD_ERROR_RELOAD_KEY = "cedar:preload-error-reload";
+/**
+ * On a page that the handler itself reloaded, a preload error within this many
+ * milliseconds of the page starting to load is left for the app to handle. A
+ * chunk that is missing even on the latest deploy then surfaces as an error
+ * instead of causing a reload loop, no matter how long each attempt takes to
+ * fail. After this long, the page is treated like any other, so a later deploy
+ * can reload it again.
+ */
+export declare const RELOADED_PAGE_GRACE_MS = 60000;
+/**
+ * Handles Vite's `vite:preloadError` event, which fires when a dynamically
+ * imported chunk fails to load. After a new deploy, a tab running the
+ * previous build requests hashed chunks that no longer exist on the server.
+ * Reloading the page fetches the latest build so the navigation can succeed.
+ *
+ * The handler does nothing if the event was already handled
+ * (`defaultPrevented`), if this page is the result of the handler's own
+ * reload and started loading less than `RELOADED_PAGE_GRACE_MS` ago, or if
+ * `sessionStorage` is unavailable (without it, a reload loop can't be ruled
+ * out). In those cases Vite rethrows the error and it surfaces through the
+ * app's normal error handling.
+ *
+ * See https://vite.dev/guide/build#load-error-handling
+ */
+export declare function handlePreloadError(event: Event): void;
+/**
+ * Registers `handlePreloadError` as a `vite:preloadError` listener on
+ * `window`. Runs at most once per page load, and does nothing outside the
+ * browser.
+ */
+export declare function registerPreloadErrorReload(): void;
+//# sourceMappingURL=reloadOnPreloadError.d.ts.map

package/dist/reloadOnPreloadError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reloadOnPreloadError.d.ts","sourceRoot":"","sources":["../src/reloadOnPreloadError.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,+BAA+B,CAAA;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,QAAS,CAAA;AA2B5C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,QAkB9C;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,SAYzC"}

package/dist/reloadOnPreloadError.js

@@ -0,0 +1,49 @@
+const PRELOAD_ERROR_RELOAD_KEY = "cedar:preload-error-reload";
+const RELOADED_PAGE_GRACE_MS = 6e4;
+let pageWasReloadedForPreloadError = false;
+function consumeReloadMarker() {
+  try {
+    pageWasReloadedForPreloadError = window.sessionStorage.getItem(PRELOAD_ERROR_RELOAD_KEY) !== null;
+    window.sessionStorage.removeItem(PRELOAD_ERROR_RELOAD_KEY);
+  } catch {
+    pageWasReloadedForPreloadError = false;
+  }
+}
+function setReloadMarker() {
+  try {
+    window.sessionStorage.setItem(PRELOAD_ERROR_RELOAD_KEY, "1");
+    return true;
+  } catch {
+    return false;
+  }
+}
+function handlePreloadError(event) {
+  if (event.defaultPrevented) {
+    return;
+  }
+  if (pageWasReloadedForPreloadError && performance.now() < RELOADED_PAGE_GRACE_MS) {
+    return;
+  }
+  if (!setReloadMarker()) {
+    return;
+  }
+  event.preventDefault();
+  window.location.reload();
+}
+function registerPreloadErrorReload() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (globalThis.__CEDAR__PRELOAD_ERROR_RELOAD_REGISTERED) {
+    return;
+  }
+  globalThis.__CEDAR__PRELOAD_ERROR_RELOAD_REGISTERED = true;
+  consumeReloadMarker();
+  window.addEventListener("vite:preloadError", handlePreloadError);
+}
+export {
+  PRELOAD_ERROR_RELOAD_KEY,
+  RELOADED_PAGE_GRACE_MS,
+  handlePreloadError,
+  registerPreloadErrorReload
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/web",
-  "version": "8.0.0-canary.3327",
+  "version": "8.0.0-canary.3330",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@apollo/client": "4.3.1",
-    "@cedarjs/server-store": "8.0.0-canary.3327",
+    "@cedarjs/server-store": "8.0.0-canary.3330",
     "@dr.pogodin/react-helmet": "2.0.4",
     "@whatwg-node/fetch": "0.12.1",
     "apollo-upload-client": "19.0.0",
@@ -95,9 +95,9 @@
   "devDependencies": {
     "@apollo/client-react-streaming": "0.14.5",
     "@arethetypeswrong/cli": "0.18.5",
-    "@cedarjs/auth": "8.0.0-canary.3327",
-    "@cedarjs/framework-tools": "8.0.0-canary.3327",
-    "@cedarjs/internal": "8.0.0-canary.3327",
+    "@cedarjs/auth": "8.0.0-canary.3330",
+    "@cedarjs/framework-tools": "8.0.0-canary.3330",
+    "@cedarjs/internal": "8.0.0-canary.3330",
     "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.3",
@@ -114,7 +114,7 @@
     "vitest": "4.1.11"
   },
   "peerDependencies": {
-    "@cedarjs/auth": "8.0.0-canary.3327",
+    "@cedarjs/auth": "8.0.0-canary.3330",
     "react": "19.3.0",
     "react-dom": "19.3.0"
   },