@inertiajs/core 2.2.9 → 2.2.11

package/dist/index.esm.js

@@ -1,5 +1,46 @@
 // src/router.ts
-import { cloneDeep as cloneDeep2, get as get2, set as set2 } from "lodash-es";
+import { cloneDeep as cloneDeep2, get as get3, set as set3 } from "lodash-es";
+
+// src/config.ts
+import { get, has, set } from "lodash-es";
+var Config = class {
+  constructor(defaults) {
+    this.config = {};
+    this.defaults = defaults;
+  }
+  extend(defaults) {
+    if (defaults) {
+      this.defaults = { ...this.defaults, ...defaults };
+    }
+    return this;
+  }
+  replace(newConfig) {
+    this.config = newConfig;
+  }
+  get(key) {
+    return has(this.config, key) ? get(this.config, key) : get(this.defaults, key);
+  }
+  set(keyOrValues, value) {
+    if (typeof keyOrValues === "string") {
+      set(this.config, keyOrValues, value);
+    } else {
+      Object.entries(keyOrValues).forEach(([key, val]) => {
+        set(this.config, key, val);
+      });
+    }
+  }
+};
+var config = new Config({
+  form: {
+    recentlySuccessfulDuration: 2e3
+  },
+  future: {
+    preserveEqualProps: false
+  },
+  prefetch: {
+    cacheFor: 3e4
+  }
+});
 
 // src/debounce.ts
 function debounce(fn, delay) {
@@ -1390,7 +1431,7 @@ var RequestParams = class _RequestParams {
 };
 
 // src/response.ts
-import { get, set } from "lodash-es";
+import { get as get2, isEqual as isEqual2, set as set2 } from "lodash-es";
 
 // src/modal.ts
 var modal_default = {
@@ -1551,6 +1592,7 @@ var Response = class _Response {
       return Promise.resolve();
     }
     this.mergeProps(pageResponse);
+    this.preserveEqualProps(pageResponse);
     await this.setRememberedState(pageResponse);
     this.requestParams.setPreserveOptions(pageResponse);
     pageResponse.url = history.preserveUrl ? page.get().url : this.pageUrl(pageResponse);
@@ -1591,6 +1633,17 @@ var Response = class _Response {
     setHashIfSameUrl(this.requestParams.all().url, responseUrl);
     return responseUrl.pathname + responseUrl.search + responseUrl.hash;
   }
+  preserveEqualProps(pageResponse) {
+    if (pageResponse.component !== page.get().component || config.get("future.preserveEqualProps") !== true) {
+      return;
+    }
+    const currentPageProps = page.get().props;
+    Object.entries(pageResponse.props).forEach(([key, value]) => {
+      if (isEqual2(value, currentPageProps[key])) {
+        pageResponse.props[key] = currentPageProps[key];
+      }
+    });
+  }
   mergeProps(pageResponse) {
     if (!this.requestParams.isPartial() || pageResponse.component !== page.get().component) {
       return;
@@ -1600,8 +1653,8 @@ var Response = class _Response {
     const propsToDeepMerge = pageResponse.deepMergeProps || [];
     const matchPropsOn = pageResponse.matchPropsOn || [];
     const mergeProp = (prop, shouldAppend) => {
-      const currentProp = get(page.get().props, prop);
-      const incomingProp = get(pageResponse.props, prop);
+      const currentProp = get2(page.get().props, prop);
+      const incomingProp = get2(pageResponse.props, prop);
       if (Array.isArray(incomingProp)) {
         const newArray = this.mergeOrMatchItems(
           currentProp || [],
@@ -1610,13 +1663,13 @@ var Response = class _Response {
           matchPropsOn,
           shouldAppend
         );
-        set(pageResponse.props, prop, newArray);
+        set2(pageResponse.props, prop, newArray);
       } else if (typeof incomingProp === "object" && incomingProp !== null) {
         const newObject = {
           ...currentProp || {},
           ...incomingProp
         };
-        set(pageResponse.props, prop, newObject);
+        set2(pageResponse.props, prop, newObject);
       }
     };
     propsToAppend.forEach((prop) => mergeProp(prop, true));
@@ -2021,7 +2074,7 @@ var Router = class {
           this.asyncRequestStream.send(Request.create(params, page.get()));
         },
         {
-          cacheFor: 3e4,
+          cacheFor: config.get("prefetch.cacheFor"),
           cacheTags: [],
           ...prefetchOptions
         }
@@ -2045,8 +2098,8 @@ var Router = class {
       preserveScroll: true,
       preserveState: true,
       props(currentProps) {
-        const newValue = typeof value === "function" ? value(get2(currentProps, name), currentProps) : value;
-        return set2(cloneDeep2(currentProps), name, newValue);
+        const newValue = typeof value === "function" ? value(get3(currentProps, name), currentProps) : value;
+        return set3(cloneDeep2(currentProps), name, newValue);
       },
       ...options || {}
     });
@@ -2121,6 +2174,8 @@ var Router = class {
       href = urlMethodPair.url;
       options.method = options.method ?? urlMethodPair.method;
     }
+    const defaultVisitOptionsCallback = config.get("visitOptions");
+    const configuredOptions = defaultVisitOptionsCallback ? defaultVisitOptionsCallback(href.toString(), cloneDeep2(options)) || {} : {};
     const mergedOptions = {
       method: "get",
       data: {},
@@ -2140,7 +2195,8 @@ var Router = class {
       preserveUrl: false,
       prefetch: false,
       invalidateCacheTags: [],
-      ...options
+      ...options,
+      ...configuredOptions
     };
     const [url, _data] = transformUrlAndData(
       href,
@@ -2275,7 +2331,7 @@ var getElementsInViewportFromCollection = (referenceElement, elements) => {
 };
 
 // src/formObject.ts
-import { get as get3, set as set3 } from "lodash-es";
+import { get as get4, set as set4 } from "lodash-es";
 function undotKey(key) {
   if (!key.includes(".")) {
     return key;
@@ -2310,15 +2366,15 @@ function formDataToObject(source) {
     const path = parseKey(undotKey(key));
     if (path[path.length - 1] === "") {
       const arrayPath = path.slice(0, -1);
-      const existing = get3(form, arrayPath);
+      const existing = get4(form, arrayPath);
       if (Array.isArray(existing)) {
         existing.push(value);
       } else {
-        set3(form, arrayPath, [value]);
+        set4(form, arrayPath, [value]);
       }
       continue;
     }
-    set3(form, path, value);
+    set4(form, path, value);
   }
   return form;
 }
@@ -2992,7 +3048,7 @@ var configure = (options) => {
   progress2.id = baseComponentSelector;
   progress2.innerHTML = settings.template;
 };
-var set4 = (n) => {
+var set5 = (n) => {
   const started = isStarted();
   n = clamp(n, settings.minimum, 1);
   status = n === 1 ? null : n;
@@ -3041,7 +3097,7 @@ var set4 = (n) => {
 var isStarted = () => typeof status === "number";
 var start = () => {
   if (!status) {
-    set4(0);
+    set5(0);
   }
   const work = function() {
     setTimeout(function() {
@@ -3061,7 +3117,7 @@ var done = (force) => {
     return;
   }
   increaseByRandom(0.3 + 0.5 * Math.random());
-  set4(1);
+  set5(1);
 };
 var increaseByRandom = (amount) => {
   const n = status;
@@ -3085,7 +3141,7 @@ var increaseByRandom = (amount) => {
     }
     return 0;
   })();
-  return set4(clamp(n + amount, 0, 0.994));
+  return set5(clamp(n + amount, 0, 0.994));
 };
 var render = (fromStart) => {
   if (isRendered()) {
@@ -3231,7 +3287,7 @@ var progress_component_default = {
   configure,
   isStarted,
   done,
-  set: set4,
+  set: set5,
   remove,
   start,
   status,
@@ -3456,6 +3512,7 @@ function resetFormFields(formElement, defaults, fieldNames) {
 // src/index.ts
 var router = new Router();
 export {
+  config,
   createHeadManager,
   formDataToObject,
   getScrollableParent,