inertiax-core 11.0.11 → 11.0.13

package/dist/index.js

@@ -64,8 +64,8 @@ function fireEvent(name, options) {
 var fireBeforeEvent = (visit) => {
   return fireEvent("before", { cancelable: true, detail: { visit } });
 };
-var fireErrorEvent = (errors) => {
-  return fireEvent("error", { detail: { errors } });
+var fireErrorEvent = (errors, { page: page2, visitId } = {}) => {
+  return fireEvent("error", { detail: { errors, page: page2, visitId } });
 };
 var fireNetworkErrorEvent = (error) => {
   return fireEvent("networkError", { cancelable: true, detail: { error } });
@@ -79,8 +79,11 @@ var fireHttpExceptionEvent = (response) => {
 var fireBeforeUpdateEvent = (page2) => {
   return fireEvent("beforeUpdate", { detail: { page: page2 } });
 };
-var fireNavigateEvent = (page2) => {
-  return fireEvent("navigate", { detail: { page: page2 } });
+var fireNavigateEvent = (page2, { cached = false, visitId } = {}) => {
+  return fireEvent("navigate", { detail: { page: page2, cached, visitId } });
+};
+var fireClientVisitEvent = (page2, { replace, visitId }) => {
+  return fireEvent("clientVisit", { detail: { page: page2, replace, visitId } });
 };
 var fireProgressEvent = (progress3) => {
   return fireEvent("progress", { detail: { progress: progress3 } });
@@ -88,8 +91,8 @@ var fireProgressEvent = (progress3) => {
 var fireStartEvent = (visit) => {
   return fireEvent("start", { detail: { visit } });
 };
-var fireSuccessEvent = (page2) => {
-  return fireEvent("success", { detail: { page: page2 } });
+var fireSuccessEvent = (page2, { visitId } = {}) => {
+  return fireEvent("success", { detail: { page: page2, visitId } });
 };
 var firePrefetchedEvent = (response, visit) => {
   return fireEvent("prefetched", { detail: { fetchedAt: Date.now(), response, visit } });
@@ -808,11 +811,15 @@ var PrefetchedRequests = class {
   use(prefetched, params) {
     const id = `${params.url.pathname}-${Date.now()}-${Math.random().toString(36).substring(7)}`;
     this.currentUseId = id;
+    const consumedParams = {
+      ...params,
+      cached: true
+    };
     return prefetched.response.then((response) => {
       if (this.currentUseId !== id) {
         return;
       }
-      response.mergeParams({ ...params, onPrefetched: () => {
+      response.mergeParams({ ...consumedParams, onPrefetched: () => {
       } });
       this.removeSingleUseItems(params);
       return response.handle();
@@ -848,6 +855,7 @@ var PrefetchedRequests = class {
       this.withoutPurposePrefetchHeader(params1),
       this.withoutPurposePrefetchHeader(params2),
       [
+        "id",
         "showProgress",
         "replace",
         "prefetch",
@@ -869,7 +877,8 @@ var PrefetchedRequests = class {
         "viewTransition",
         "optimistic",
         "component",
-        "pageProps"
+        "pageProps",
+        "cached"
       ]
     );
   }
@@ -1348,6 +1357,7 @@ var CurrentFramePage = class {
   constructor(frameId) {
     this.frameId = frameId;
   }
+  frameId;
   page;
   swapComponent;
   resolveComponent;
@@ -1383,7 +1393,9 @@ var CurrentFramePage = class {
     updateBrowserUrl = this.frameId === DEFAULT_FRAME_ID3,
     preserveScroll = false,
     preserveState = false,
-    viewTransition = false
+    viewTransition = false,
+    cached = false,
+    visitId
   } = {}) {
     if (Object.keys(page2.deferredProps || {}).length) {
       this.pendingDeferredProps = {
@@ -1452,7 +1464,7 @@ var CurrentFramePage = class {
           }
           this.pendingDeferredProps = null;
           if (!replace) {
-            fireNavigateEvent(page2);
+            fireNavigateEvent(page2, { cached, visitId });
           }
         });
       });
@@ -1793,6 +1805,19 @@ var NavigationType = class {
 };
 var navigationType = new NavigationType();
 
+// src/uid.ts
+function uid() {
+  const cryptoObj = typeof window !== "undefined" ? window.crypto : void 0;
+  if (cryptoObj?.randomUUID) {
+    return cryptoObj.randomUUID();
+  }
+  const randomByte = () => cryptoObj?.getRandomValues ? cryptoObj.getRandomValues(new Uint8Array(1))[0] : Math.floor(Math.random() * 256);
+  return "10000000-1000-4000-8000-100000000000".replace(
+    /[018]/g,
+    (c) => (+c ^ randomByte() & 15 >> +c / 4).toString(16)
+  );
+}
+
 // src/initialVisit.ts
 var InitialVisit = class {
   static handle(frameId = "_top") {
@@ -1812,9 +1837,10 @@ var InitialVisit = class {
     }
     const scrollRegions = history.getScrollRegions(frameId);
     history.decrypt(null, frameId).then((data) => {
-      page.set(data, { preserveScroll: true, preserveState: true }, frameId).then(() => {
+      const visitId = uid();
+      page.set(data, { preserveScroll: true, preserveState: true, visitId }, frameId).then(() => {
         Scroll.restore(scrollRegions, frameId);
-        fireNavigateEvent(page.get(frameId));
+        fireNavigateEvent(page.get(frameId), { visitId });
       });
     }).catch(() => {
       eventHandler.onMissingHistoryItem(frameId);
@@ -1834,17 +1860,19 @@ var InitialVisit = class {
       page.setUrlHash(window.location.hash, frameId);
     }
     history.decrypt(page.get(frameId), frameId).then(() => {
+      const visitId = uid();
       const rememberedState = history.getState(history.rememberedState, {}, frameId);
       const scrollRegions = history.getScrollRegions(frameId);
       page.remember(rememberedState, frameId);
       page.set(page.get(frameId), {
         preserveScroll: locationVisit.preserveScroll,
-        preserveState: true
+        preserveState: true,
+        visitId
       }, frameId).then(() => {
         if (locationVisit.preserveScroll) {
           Scroll.restore(scrollRegions, frameId);
         }
-        this.fireInitialEvents(frameId);
+        this.fireInitialEvents(frameId, visitId);
       });
     }).catch(() => {
       eventHandler.onMissingHistoryItem(frameId);
@@ -1855,18 +1883,19 @@ var InitialVisit = class {
     if (typeof window !== "undefined") {
       page.setUrlHash(window.location.hash, frameId);
     }
-    page.set(page.get(frameId), { preserveScroll: true, preserveState: true }, frameId).then(() => {
+    const visitId = uid();
+    page.set(page.get(frameId), { preserveScroll: true, preserveState: true, visitId }, frameId).then(() => {
       if (navigationType.isReload()) {
         Scroll.restore(history.getScrollRegions(frameId), frameId);
       } else {
         Scroll.scrollToAnchor(frameId);
       }
-      this.fireInitialEvents(frameId);
+      this.fireInitialEvents(frameId, visitId);
     });
   }
-  static fireInitialEvents(frameId = "_top") {
+  static fireInitialEvents(frameId, visitId) {
     const page2 = page.get(frameId);
-    fireNavigateEvent(page2);
+    fireNavigateEvent(page2, { visitId });
     if (Object.keys(page2.flash).length > 0) {
       queueMicrotask(() => fireFlashEvent(page2.flash));
     }
@@ -2265,6 +2294,46 @@ var http = {
   processError: httpHandlers.processError.bind(httpHandlers)
 };
 
+// src/interceptors.ts
+var VisitInterceptors = class {
+  requestHandlers = [];
+  responseHandlers = [];
+  onVisitRequest(handler) {
+    this.requestHandlers.push(handler);
+    return () => {
+      this.requestHandlers = this.requestHandlers.filter((h) => h !== handler);
+    };
+  }
+  onVisitResponse(handler) {
+    this.responseHandlers.push(handler);
+    return () => {
+      this.responseHandlers = this.responseHandlers.filter((h) => h !== handler);
+    };
+  }
+  async processRequest(visit, config2) {
+    let result = config2;
+    for (const handler of this.requestHandlers) {
+      result = await handler(visit, result);
+    }
+    return result;
+  }
+  async processResponse(visit, response) {
+    let result = response;
+    for (const handler of this.responseHandlers) {
+      result = await handler(visit, result);
+    }
+    return result;
+  }
+};
+var interceptors = new VisitInterceptors();
+function exposeInterceptors() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  ;
+  window.__inertia_interceptors__ = interceptors;
+}
+
 // src/requestParams.ts
 var RequestParams = class _RequestParams {
   callbacks = [];
@@ -2514,6 +2583,10 @@ var Response = class _Response {
     this.originatingPage = originatingPage;
     this.router = router2;
   }
+  requestParams;
+  response;
+  originatingPage;
+  router;
   wasPrefetched = false;
   processed = false;
   static create(params, response, originatingPage, router2) {
@@ -2571,14 +2644,14 @@ var Response = class _Response {
     const errors = page.get(frameId).props.errors || {};
     if (Object.keys(errors).length > 0) {
       const scopedErrors = this.getScopedErrors(errors);
-      fireErrorEvent(scopedErrors);
+      fireErrorEvent(scopedErrors, { page: page.get(), visitId: this.requestParams.all().id });
       return this.requestParams.all().onError(scopedErrors);
     }
     this.router?.flushByCacheTags(this.requestParams.all().invalidateCacheTags || []);
     if (!this.wasPrefetched) {
       this.router?.flush(page.get(frameId).url);
     }
-    fireSuccessEvent(page.get(frameId));
+    fireSuccessEvent(page.get(frameId), { visitId: this.requestParams.all().id });
     await this.requestParams.all().onSuccess(page.get(frameId));
     history.preserveUrl = false;
   }
@@ -2664,6 +2737,7 @@ var Response = class _Response {
     if (!this.shouldSetPage(pageResponse)) {
       return Promise.resolve();
     }
+    this.response = await interceptors.processResponse(this.requestParams.all(), this.response);
     this.mergeProps(pageResponse);
     page.mergeOncePropsIntoResponse(pageResponse, {}, frameId);
     this.preserveOptimisticProps(pageResponse);
@@ -2678,7 +2752,9 @@ var Response = class _Response {
       updateBrowserUrl: this.requestParams.all().updateBrowserUrl,
       preserveScroll: this.requestParams.all().preserveScroll,
       preserveState: this.requestParams.all().preserveState,
-      viewTransition: this.requestParams.all().viewTransition
+      viewTransition: this.requestParams.all().viewTransition,
+      cached: this.requestParams.all().cached,
+      visitId: this.requestParams.all().id
     }, frameId);
   }
   getDataFromResponse(response) {
@@ -2942,6 +3018,7 @@ var Request = class _Request {
     this.optimistic = optimistic;
     this.router = router2;
   }
+  page;
   response;
   cancelToken;
   requestParams;
@@ -2969,14 +3046,16 @@ var Request = class _Request {
       firePrefetchingEvent(this.requestParams.all());
     }
     const originallyPrefetch = this.requestParams.all().prefetch;
-    return http.getClient().request({
+    const config2 = {
       method: this.requestParams.all().method,
       url: urlWithoutHash(this.requestParams.all().url).href,
       data: this.requestParams.data(),
       signal: this.cancelToken.signal,
       headers: this.getHeaders(),
       onUploadProgress: this.onProgress.bind(this)
-    }).then((response) => {
+    };
+    const processedConfig = await interceptors.processRequest(this.requestParams.all(), config2);
+    return http.getClient().request(processedConfig).then((response) => {
       this.response = Response.create(this.requestParams, response, this.page, this.router);
       return this.response.handle();
     }).catch((error) => {
@@ -3381,6 +3460,7 @@ var Router = class {
     if (visit.component) {
       history.processQueue().then(() => {
         this.performInstantSwap(visit).then(() => {
+          requestParams.preserveScroll = true;
           requestParams.preserveState = true;
           requestParams.replace = true;
           requestParams.viewTransition = false;
@@ -3550,13 +3630,16 @@ var Router = class {
     };
     const preserveScroll = RequestParams.resolvePreserveOption(params.preserveScroll ?? false, page2);
     const preserveState = RequestParams.resolvePreserveOption(params.preserveState ?? false, page2);
+    const visitId = this.createVisitId();
     return page.set(page2, {
       replace,
       updateBrowserUrl: params.updateBrowserUrl ?? this.frameId === DEFAULT_FRAME_ID4,
       preserveScroll,
       preserveState,
-      viewTransition
+      viewTransition,
+      visitId
     }, this.frameId).then(() => {
+      fireClientVisitEvent(page.get(this.frameId), { replace, visitId });
       const currentFlash = page.get(this.frameId).flash;
       if (Object.keys(currentFlash).length > 0) {
         fireFlashEvent(currentFlash);
@@ -3598,7 +3681,8 @@ var Router = class {
       updateBrowserUrl: visit.updateBrowserUrl,
       preserveScroll: RequestParams.resolvePreserveOption(visit.preserveScroll, intermediatePage),
       preserveState: false,
-      viewTransition: visit.viewTransition
+      viewTransition: visit.viewTransition,
+      visitId: visit.id
     }, this.frameId);
   }
   getPrefetchParams(href, options) {
@@ -3613,6 +3697,9 @@ var Router = class {
       ...this.getVisitEvents(options)
     };
   }
+  createVisitId() {
+    return uid();
+  }
   getPendingVisit(href, options) {
     if (isUrlMethodPair(href)) {
       const urlMethodPair = href;
@@ -3646,6 +3733,7 @@ var Router = class {
       viewTransition: false,
       component: null,
       pageProps: null,
+      cached: false,
       ...stripTopLevelUndefined(options),
       ...stripTopLevelUndefined(configuredOptions)
     };
@@ -3657,6 +3745,7 @@ var Router = class {
       mergedOptions.queryStringArrayFormat
     );
     const visit = {
+      id: this.createVisitId(),
       cancelled: false,
       completed: false,
       interrupted: false,
@@ -5373,12 +5462,14 @@ export {
   createHeadManager,
   createLayoutPropsStore,
   createRouter,
+  exposeInterceptors,
   formDataToObject,
   getInitialPageFromDOM,
   getScrollableParent,
   hasFiles,
   hrefToUrl,
   http,
+  interceptors,
   isPathOrSubPath,
   isPropsObject,
   isPropsObjectOrCallback,