@inertiajs/core 2.3.3 → 2.3.5

package/dist/index.esm.js

@@ -787,6 +787,7 @@ var CurrentPage = class {
     this.isFirstPageLoad = true;
     this.cleared = false;
     this.pendingDeferredProps = null;
+    this.historyQuotaExceeded = false;
   }
   init({
     initialPage,
@@ -798,6 +799,9 @@ var CurrentPage = class {
     this.swapComponent = swapComponent;
     this.resolveComponent = resolveComponent;
     this.onFlashCallback = onFlash;
+    eventHandler.on("historyQuotaExceeded", () => {
+      this.historyQuotaExceeded = true;
+    });
     return this;
   }
   set(page2, {
@@ -847,6 +851,10 @@ var CurrentPage = class {
           this.fireEventsFor("firstLoad");
         }
         this.isFirstPageLoad = false;
+        if (this.historyQuotaExceeded) {
+          this.historyQuotaExceeded = false;
+          return;
+        }
         return this.swap({
           component,
           page: page2,
@@ -1128,9 +1136,27 @@ var History = class {
       });
     });
   }
+  isHistoryThrottleError(error) {
+    return error instanceof Error && error.name === "SecurityError" && (error.message.includes("history.pushState") || error.message.includes("history.replaceState"));
+  }
+  isQuotaExceededError(error) {
+    return error instanceof Error && error.name === "QuotaExceededError";
+  }
+  withThrottleProtection(cb) {
+    return Promise.resolve().then(() => {
+      try {
+        return cb();
+      } catch (error) {
+        if (!this.isHistoryThrottleError(error)) {
+          throw error;
+        }
+        console.error(error.message);
+      }
+    });
+  }
   doReplaceState(data, url) {
-    return Promise.resolve().then(
-      () => window.history.replaceState(
+    return this.withThrottleProtection(() => {
+      window.history.replaceState(
         {
           ...data,
           scrollRegions: data.scrollRegions ?? window.history.state?.scrollRegions,
@@ -1138,11 +1164,20 @@ var History = class {
         },
         "",
         url
-      )
-    );
+      );
+    });
   }
   doPushState(data, url) {
-    return Promise.resolve().then(() => window.history.pushState(data, "", url));
+    return this.withThrottleProtection(() => {
+      try {
+        window.history.pushState(data, "", url);
+      } catch (error) {
+        if (!this.isQuotaExceededError(error)) {
+          throw error;
+        }
+        eventHandler.fireInternalEvent("historyQuotaExceeded", url);
+      }
+    });
   }
   getState(key, defaultValue) {
     return this.current?.[key] ?? defaultValue;
@@ -1158,8 +1193,8 @@ var History = class {
       delete this.initialState[key];
     }
   }
-  hasAnyState() {
-    return !!this.getAllState();
+  browserHasHistoryEntry() {
+    return !isServer && !!window.history.state?.page;
   }
   clear() {
     SessionStorage.remove(historySessionStorageKeys.key);
@@ -1289,7 +1324,7 @@ var InitialVisit = class {
     }
   }
   static handleBackForward() {
-    if (!navigationType.isBackForward() || !history.hasAnyState()) {
+    if (!navigationType.isBackForward() || !history.browserHasHistoryEntry()) {
       return false;
     }
     const scrollRegions = history.getScrollRegions();
@@ -2168,6 +2203,9 @@ var Router = class {
     eventHandler.on("loadDeferredProps", (deferredProps) => {
       this.loadDeferredProps(deferredProps);
     });
+    eventHandler.on("historyQuotaExceeded", (url) => {
+      window.location.href = url;
+    });
   }
   get(url, data = {}, options = {}) {
     return this.visit(url, { ...options, method: "get", data });
@@ -2974,7 +3012,7 @@ var useInfiniteScrollData = (options) => {
   if (typeof window !== "undefined") {
     resetState();
     const rememberedState = router.restore(getRememberKey());
-    if (rememberedState && typeof rememberedState === "object") {
+    if (rememberedState && typeof rememberedState === "object" && rememberedState.lastLoadedPage === getScrollPropFromCurrentPage().currentPage) {
       state.previousPage = rememberedState.previousPage;
       state.nextPage = rememberedState.nextPage;
       state.lastLoadedPage = rememberedState.lastLoadedPage;
@@ -3395,17 +3433,11 @@ function useInfiniteScroll(options) {
     // After successful request, tag new server content
     onCompletePreviousRequest: (loadedPage) => {
       options.onCompletePreviousRequest();
-      requestAnimationFrame(() => {
-        elementManager.processServerLoadedElements(loadedPage);
-        elementManager.refreshTriggers();
-      }, 2);
+      requestAnimationFrame(() => elementManager.processServerLoadedElements(loadedPage), 2);
     },
     onCompleteNextRequest: (loadedPage) => {
       options.onCompleteNextRequest();
-      requestAnimationFrame(() => {
-        elementManager.processServerLoadedElements(loadedPage);
-        elementManager.refreshTriggers();
-      }, 2);
+      requestAnimationFrame(() => elementManager.processServerLoadedElements(loadedPage), 2);
     }
   });
   const addScrollPreservationCallbacks = (reloadOptions) => {
@@ -3438,10 +3470,12 @@ function useInfiniteScroll(options) {
     }
     originalFetchPrevious(reloadOptions);
   };
+  const removeEventListener = router.on("success", () => requestAnimationFrame(elementManager.refreshTriggers, 2));
   return {
     dataManager,
     elementManager,
     flush: () => {
+      removeEventListener();
       dataManager.removeEventListener();
       elementManager.flushAll();
       queryStringManager.cancel();