@inertiajs/core 2.3.4 → 2.3.6

package/dist/index.esm.js

@@ -735,12 +735,13 @@ function mergeDataIntoQueryString(method, href, data, qsArrayFormat = "brackets"
   const hasHash = href.toString().includes("#");
   const url = new URL(href.toString(), typeof window === "undefined" ? "http://localhost" : window.location.toString());
   if (hasDataForQueryString) {
-    const parseOptions = { ignoreQueryPrefix: true, arrayLimit: -1 };
+    const hasIndices = /\[\d+\]/.test(url.search);
+    const parseOptions = { ignoreQueryPrefix: true, allowSparse: true };
     url.search = qs.stringify(
       { ...qs.parse(url.search, parseOptions), ...data },
       {
         encodeValuesOnly: true,
-        arrayFormat: qsArrayFormat
+        arrayFormat: hasIndices ? "indices" : qsArrayFormat
       }
     );
   }
@@ -787,6 +788,7 @@ var CurrentPage = class {
     this.isFirstPageLoad = true;
     this.cleared = false;
     this.pendingDeferredProps = null;
+    this.historyQuotaExceeded = false;
   }
   init({
     initialPage,
@@ -798,6 +800,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 +852,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 +1137,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 +1165,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 +1194,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 +1325,7 @@ var InitialVisit = class {
     }
   }
   static handleBackForward() {
-    if (!navigationType.isBackForward() || !history.hasAnyState()) {
+    if (!navigationType.isBackForward() || !history.browserHasHistoryEntry()) {
       return false;
     }
     const scrollRegions = history.getScrollRegions();
@@ -2168,6 +2204,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 });
@@ -3395,17 +3434,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 +3471,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();