@inertiajs/core 3.0.2 → 3.1.0

package/dist/index.js

@@ -5,8 +5,9 @@ import { get as get7, set as set5 } from "es-toolkit/compat";
 // src/config.ts
 import { get, has, set } from "es-toolkit/compat";
 var Config = class {
+  config = {};
+  defaults;
   constructor(defaults) {
-    this.config = {};
     this.defaults = defaults;
   }
   extend(defaults) {
@@ -104,9 +105,7 @@ import { cloneDeep as cloneDeep3, isEqual } from "es-toolkit";
 
 // src/sessionStorage.ts
 var SessionStorage = class {
-  static {
-    this.locationVisitKey = "inertiaLocationVisit";
-  }
+  static locationVisitKey = "inertiaLocationVisit";
   static set(key, value) {
     if (typeof window !== "undefined") {
       window.sessionStorage.setItem(key, JSON.stringify(value));
@@ -340,12 +339,10 @@ var timeToMs = (time) => {
 
 // src/prefetched.ts
 var PrefetchedRequests = class {
-  constructor() {
-    this.cached = [];
-    this.inFlightRequests = [];
-    this.removalTimers = [];
-    this.currentUseId = null;
-  }
+  cached = [];
+  inFlightRequests = [];
+  removalTimers = [];
+  currentUseId = null;
   add(params, sendFunc, { cacheFor, cacheTags }) {
     const inFlight = this.findInFlight(params);
     if (inFlight) {
@@ -863,6 +860,9 @@ function decode(value) {
 }
 function set2(target, key, value) {
   const keys = parseKey(key);
+  if (keys.some((k) => k === "__proto__")) {
+    return;
+  }
   let current = target;
   while (keys.length > 1) {
     const segment = keys.shift();
@@ -999,24 +999,26 @@ function urlToString(url, absolute) {
 
 // src/page.ts
 var CurrentPage = class {
-  constructor() {
-    this.componentId = {};
-    this.listeners = [];
-    this.isFirstPageLoad = true;
-    this.cleared = false;
-    this.pendingDeferredProps = null;
-    this.historyQuotaExceeded = false;
-    this.optimisticBaseline = {};
-    this.pendingOptimistics = [];
-    this.optimisticCounter = 0;
-  }
+  page;
+  swapComponent;
+  resolveComponent;
+  onFlashCallback;
+  componentId = {};
+  listeners = [];
+  isFirstPageLoad = true;
+  cleared = false;
+  pendingDeferredProps = null;
+  historyQuotaExceeded = false;
+  optimisticBaseline = {};
+  pendingOptimistics = [];
+  optimisticCounter = 0;
   init({
     initialPage,
     swapComponent,
     resolveComponent,
     onFlash
   }) {
-    this.page = { ...initialPage, flash: initialPage.flash ?? {} };
+    this.page = { ...initialPage, flash: initialPage.flash ?? {}, rescuedProps: initialPage.rescuedProps ?? [] };
     this.swapComponent = swapComponent;
     this.resolveComponent = resolveComponent;
     this.onFlashCallback = onFlash;
@@ -1245,10 +1247,8 @@ var page = new CurrentPage();
 
 // src/queue.ts
 var Queue = class {
-  constructor() {
-    this.items = [];
-    this.processingPromise = null;
-  }
+  items = [];
+  processingPromise = null;
   add(item) {
     this.items.push(item);
     return this.process();
@@ -1273,14 +1273,12 @@ var isServer2 = typeof window === "undefined";
 var queue = new Queue();
 var isChromeIOS = !isServer2 && /CriOS/.test(window.navigator.userAgent);
 var History = class {
-  constructor() {
-    this.rememberedState = "rememberedState";
-    this.scrollRegions = "scrollRegions";
-    this.preserveUrl = false;
-    this.current = {};
-    // We need initialState for `restore`
-    this.initialState = null;
-  }
+  rememberedState = "rememberedState";
+  scrollRegions = "scrollRegions";
+  preserveUrl = false;
+  current = {};
+  // We need initialState for `restore`
+  initialState = null;
   remember(data, key) {
     this.replaceState({
       ...page.getWithoutFlashData(),
@@ -1502,9 +1500,7 @@ var history = new History();
 
 // src/eventHandler.ts
 var EventHandler = class {
-  constructor() {
-    this.internalListeners = [];
-  }
+  internalListeners = [];
   init() {
     if (typeof window !== "undefined") {
       window.addEventListener("popstate", this.handlePopstateEvent.bind(this));
@@ -1591,6 +1587,7 @@ var eventHandler = new EventHandler();
 
 // src/navigationType.ts
 var NavigationType = class {
+  type;
   constructor() {
     this.type = this.resolveType();
   }
@@ -1664,7 +1661,7 @@ var InitialVisit = class {
         if (locationVisit.preserveScroll) {
           Scroll.restore(scrollRegions);
         }
-        fireNavigateEvent(page.get());
+        this.fireInitialEvents();
       });
     }).catch(() => {
       eventHandler.onMissingHistoryItem();
@@ -1681,23 +1678,27 @@ var InitialVisit = class {
       } else {
         Scroll.scrollToAnchor();
       }
-      const page2 = page.get();
-      fireNavigateEvent(page2);
-      const flash = page2.flash;
-      if (Object.keys(flash).length > 0) {
-        queueMicrotask(() => fireFlashEvent(flash));
-      }
+      this.fireInitialEvents();
     });
   }
+  static fireInitialEvents() {
+    const page2 = page.get();
+    fireNavigateEvent(page2);
+    if (Object.keys(page2.flash).length > 0) {
+      queueMicrotask(() => fireFlashEvent(page2.flash));
+    }
+  }
 };
 
 // src/poll.ts
 var Poll = class {
+  id = null;
+  throttle = false;
+  keepAlive = false;
+  cb;
+  interval;
+  cbCount = 0;
   constructor(interval, cb, options) {
-    this.id = null;
-    this.throttle = false;
-    this.keepAlive = false;
-    this.cbCount = 0;
     this.keepAlive = options.keepAlive ?? false;
     this.cb = cb;
     this.interval = interval;
@@ -1734,8 +1735,8 @@ var Poll = class {
 
 // src/polls.ts
 var Polls = class {
+  polls = [];
   constructor() {
-    this.polls = [];
     this.setupVisibilityListener();
   }
   add(interval, cb, options) {
@@ -1773,11 +1774,9 @@ import { client as precognitionClient } from "laravel-precognition";
 
 // src/httpHandlers.ts
 var HttpHandlers = class {
-  constructor() {
-    this.requestHandlers = [];
-    this.responseHandlers = [];
-    this.errorHandlers = [];
-  }
+  requestHandlers = [];
+  responseHandlers = [];
+  errorHandlers = [];
   onRequest(handler) {
     this.requestHandlers.push(handler);
     return () => {
@@ -1820,6 +1819,8 @@ var httpHandlers = new HttpHandlers();
 
 // src/httpErrors.ts
 var HttpError = class extends Error {
+  code;
+  url;
   constructor(message, code, url) {
     super(url ? `${message} (${url})` : message);
     this.name = "HttpError";
@@ -1828,6 +1829,7 @@ var HttpError = class extends Error {
   }
 };
 var HttpResponseError = class extends HttpError {
+  response;
   constructor(message, response, url) {
     super(message, "ERR_HTTP_RESPONSE", url);
     this.name = "HttpResponseError";
@@ -1841,6 +1843,7 @@ var HttpCancelledError = class extends HttpError {
   }
 };
 var HttpNetworkError = class extends HttpError {
+  cause;
   constructor(message, url, cause) {
     super(message, "ERR_NETWORK", url);
     this.name = "HttpNetworkError";
@@ -1882,6 +1885,8 @@ function buildUrlWithParams(url, params) {
   return urlWithParams;
 }
 var XhrHttpClient = class {
+  xsrfCookieName;
+  xsrfHeaderName;
   constructor(options = {}) {
     this.xsrfCookieName = options.xsrfCookieName ?? "XSRF-TOKEN";
     this.xsrfHeaderName = options.xsrfHeaderName ?? "X-XSRF-TOKEN";
@@ -2014,8 +2019,9 @@ var http = {
 
 // src/requestParams.ts
 var RequestParams = class _RequestParams {
+  callbacks = [];
+  params;
   constructor(params) {
-    this.callbacks = [];
     if (!params.prefetch) {
       this.params = params;
     } else {
@@ -2181,6 +2187,7 @@ var dialog_default = {
     iframe.style.borderRadius = "5px";
     iframe.style.width = "100%";
     iframe.style.height = "100%";
+    iframe.setAttribute("sandbox", "allow-scripts");
     return { iframe, page: page2 };
   },
   show(html) {
@@ -2207,6 +2214,10 @@ var dialog_default = {
         outline: none;
       }
     `;
+    const nonce = config.get("nonce");
+    if (nonce) {
+      dialogStyleElement.nonce = nonce;
+    }
     document.head.appendChild(dialogStyleElement);
     dialog.addEventListener("click", (event) => {
       if (event.target === dialog) {
@@ -2221,13 +2232,29 @@ var dialog_default = {
     document.body.prepend(dialog);
     dialog.showModal();
     dialog.focus();
-    if (!iframe.contentWindow) {
-      throw new Error("iframe not yet ready.");
-    }
-    iframe.contentWindow.document.open();
-    iframe.contentWindow.document.write(page2.outerHTML);
-    iframe.contentWindow.document.close();
+    iframe.srcdoc = page2.outerHTML;
+  }
+};
+
+// src/partialReload.ts
+var isPathOrSubPath = (path, candidate) => {
+  return path === candidate || path.startsWith(`${candidate}.`);
+};
+var partialReloadRequestsProp = (visit, prop) => {
+  const { only, except } = visit;
+  if (only.length === 0 && except.length === 0) {
+    return false;
+  }
+  if (only.length > 0 && !only.some((candidate) => isPathOrSubPath(prop, candidate))) {
+    return false;
+  }
+  if (except.length > 0 && except.some((candidate) => isPathOrSubPath(prop, candidate))) {
+    return false;
   }
+  return true;
+};
+var partialReloadRequestsSomeProps = (visit, props) => {
+  return props.some((prop) => partialReloadRequestsProp(visit, prop));
 };
 
 // src/response.ts
@@ -2237,9 +2264,9 @@ var Response = class _Response {
     this.requestParams = requestParams;
     this.response = response;
     this.originatingPage = originatingPage;
-    this.wasPrefetched = false;
-    this.processed = false;
   }
+  wasPrefetched = false;
+  processed = false;
   static create(params, response, originatingPage) {
     return new _Response(params, response, originatingPage);
   }
@@ -2282,6 +2309,11 @@ var Response = class _Response {
     await history.processQueue();
     history.preserveUrl = this.requestParams.all().preserveUrl;
     await this.setPage();
+    const { flash } = page.get();
+    if (Object.keys(flash).length > 0 && !this.requestParams.isDeferredPropsRequest()) {
+      fireFlashEvent(flash);
+      this.requestParams.all().onFlash(flash);
+    }
     const errors = page.get().props.errors || {};
     if (Object.keys(errors).length > 0) {
       const scopedErrors = this.getScopedErrors(errors);
@@ -2292,11 +2324,6 @@ var Response = class _Response {
     if (!this.wasPrefetched) {
       router.flush(page.get().url);
     }
-    const { flash } = page.get();
-    if (Object.keys(flash).length > 0 && !this.requestParams.isDeferredPropsRequest()) {
-      fireFlashEvent(flash);
-      this.requestParams.all().onFlash(flash);
-    }
     fireSuccessEvent(page.get());
     await this.requestParams.all().onSuccess(page.get());
     history.preserveUrl = false;
@@ -2307,7 +2334,7 @@ var Response = class _Response {
   getPageResponse() {
     const data = this.getDataFromResponse(this.response.data);
     if (typeof data === "object") {
-      return this.response.data = { ...data, flash: data.flash ?? {} };
+      return this.response.data = { ...data, flash: data.flash ?? {}, rescuedProps: data.rescuedProps ?? [] };
     }
     return this.response.data = data;
   }
@@ -2535,6 +2562,16 @@ var Response = class _Response {
     if (currentOriginalDeferred && Object.keys(currentOriginalDeferred).length > 0) {
       pageResponse.initialDeferredProps = currentOriginalDeferred;
     }
+    pageResponse.rescuedProps = this.mergeRescuedProps(pageResponse);
+  }
+  mergeRescuedProps(pageResponse) {
+    const currentRescued = page.get().rescuedProps ?? [];
+    const incomingRescued = pageResponse.rescuedProps ?? [];
+    const newRescued = new Set(
+      currentRescued.filter((prop) => !partialReloadRequestsProp(this.requestParams.all(), prop))
+    );
+    incomingRescued.forEach((prop) => newRescued.add(prop));
+    return Array.from(newRescued);
   }
   /**
    * By default, the Laravel adapter shares validation errors via Inertia::always(),
@@ -2637,11 +2674,15 @@ var Response = class _Response {
 var Request = class _Request {
   constructor(params, page2, { optimistic = false } = {}) {
     this.page = page2;
-    this.requestHasFinished = false;
     this.requestParams = RequestParams.create(params);
     this.cancelToken = new AbortController();
     this.optimistic = optimistic;
   }
+  response;
+  cancelToken;
+  requestParams;
+  requestHasFinished = false;
+  optimistic;
   static create(params, page2, options) {
     return new _Request(params, page2, options);
   }
@@ -2754,8 +2795,10 @@ var Request = class _Request {
 
 // src/requestStream.ts
 var RequestStream = class {
+  requests = [];
+  maxConcurrent;
+  interruptible;
   constructor({ maxConcurrent, interruptible }) {
-    this.requests = [];
     this.maxConcurrent = maxConcurrent;
     this.interruptible = interruptible;
   }
@@ -2790,18 +2833,16 @@ var RequestStream = class {
 var noop = () => {
 };
 var Router = class {
-  constructor() {
-    this.syncRequestStream = new RequestStream({
-      maxConcurrent: 1,
-      interruptible: true
-    });
-    this.asyncRequestStream = new RequestStream({
-      maxConcurrent: Infinity,
-      interruptible: false
-    });
-    this.clientVisitQueue = new Queue();
-    this.pendingOptimisticCallback = void 0;
-  }
+  syncRequestStream = new RequestStream({
+    maxConcurrent: 1,
+    interruptible: true
+  });
+  asyncRequestStream = new RequestStream({
+    maxConcurrent: Infinity,
+    interruptible: false
+  });
+  clientVisitQueue = new Queue();
+  pendingOptimisticCallback = void 0;
   init({
     initialPage,
     resolveComponent,
@@ -3153,6 +3194,7 @@ var Router = class {
         errors: {}
       },
       flash: {},
+      rescuedProps: [],
       clearHistory: false,
       encryptHistory: current.encryptHistory,
       sharedProps: current.sharedProps,
@@ -3446,6 +3488,7 @@ function loadAxiosModule() {
   return axiosModulePromise;
 }
 var AxiosHttpClient = class {
+  axiosInstance;
   constructor(instance) {
     this.axiosInstance = instance ? Promise.resolve(instance) : loadAxiosModule().then((module) => module.default);
   }
@@ -3685,7 +3728,7 @@ function createHeadManager(isServer3, titleCallback, onUpdate) {
         return carry;
       }
       if (element.indexOf("<title ") === 0) {
-        const title2 = element.match(/(<title [^>]+>)(.*?)(<\/title>)/);
+        const title2 = element.match(/(<title [^>]+>)(.*?)(<\/title>)/s);
         carry.title = title2 ? `${title2[1]}${titleCallback(title2[2])}${title2[3]}` : element;
         return carry;
       }
@@ -4283,16 +4326,29 @@ function isPlainObject(value) {
 function hasComponentKey(value) {
   return isPlainObject(value) && "component" in value;
 }
+function hasComponentEntry(value, isComponent) {
+  return "component" in value && isComponent(value.component);
+}
 function isNamedLayouts(value, isComponent) {
-  if (!isPlainObject(value) || isComponent(value) || "component" in value) {
+  if (!isPlainObject(value) || isComponent(value) || hasComponentEntry(value, isComponent)) {
     return false;
   }
-  return Object.values(value).some(
+  return Object.values(value).every(
     (v) => isComponent(v) || Array.isArray(v) && isComponent(v[0]) || hasComponentKey(v) && isComponent(v.component)
   );
 }
 function isPropsObject(value, isComponent) {
-  return isPlainObject(value) && !isComponent(value) && !("component" in value) && !isNamedLayouts(value, isComponent);
+  return isPlainObject(value) && !isComponent(value) && !hasComponentEntry(value, isComponent) && !isNamedLayouts(value, isComponent);
+}
+function isPropsObjectOrCallback(value, isComponent) {
+  if (isPropsObject(value, isComponent)) {
+    return true;
+  }
+  if (!isPlainObject(value) || isComponent(value) || hasComponentEntry(value, isComponent)) {
+    return false;
+  }
+  const values = Object.values(value);
+  return values.length > 0 && values.every((v) => typeof v === "function");
 }
 function isTuple(value, isComponent) {
   return Array.isArray(value) && value.length === 2 && isComponent(value[0]) && isPlainObject(value[1]) && !isComponent(value[1]);
@@ -4544,6 +4600,10 @@ var queue4 = /* @__PURE__ */ (() => {
 })();
 var injectCSS = (color) => {
   const element = document.createElement("style");
+  const nonce = config.get("nonce");
+  if (nonce) {
+    element.nonce = nonce;
+  }
   element.textContent = `
     #${baseComponentSelector} {
       pointer-events: none;
@@ -4668,9 +4728,7 @@ var progress_component_default = {
 
 // src/progress.ts
 var Progress = class {
-  constructor() {
-    this.hideCount = 0;
-  }
+  hideCount = 0;
   start() {
     progress_component_default.start();
   }
@@ -4742,7 +4800,12 @@ function setupProgress({
   popover = null
 } = {}) {
   addEventListeners(delay);
-  progress_component_default.configure({ showSpinner, includeCSS, color, popover });
+  progress_component_default.configure({
+    showSpinner,
+    includeCSS,
+    color,
+    popover
+  });
 }
 
 // src/resetFormFields.ts
@@ -4910,12 +4973,16 @@ export {
   hasFiles,
   hrefToUrl,
   http,
+  isPathOrSubPath,
   isPropsObject,
+  isPropsObjectOrCallback,
   isSameUrlWithoutQueryOrHash,
   isUrlMethodPair,
   mergeDataIntoQueryString,
   normalizeLayouts,
   objectToFormData,
+  partialReloadRequestsProp,
+  partialReloadRequestsSomeProps,
   progress,
   resetFormFields,
   resolveUrlMethodPairComponent,