@inertiajs/core 3.1.1 → 3.2.0

package/dist/index.js

@@ -1701,14 +1701,21 @@ var InitialVisit = class {
 
 // src/poll.ts
 var Poll = class {
-  id = null;
+  intervalId = null;
+  timeoutId = null;
   throttle = false;
   keepAlive = false;
   cb;
   interval;
   cbCount = 0;
+  mode;
+  inFlight = false;
+  currentCancel = null;
+  stopped = true;
+  instanceId = 0;
   constructor(interval, cb, options) {
     this.keepAlive = options.keepAlive ?? false;
+    this.mode = options.mode ?? "overlap";
     this.cb = cb;
     this.interval = interval;
     if (options.autoStart ?? true) {
@@ -1716,8 +1723,17 @@ var Poll = class {
     }
   }
   stop() {
-    if (this.id) {
-      clearInterval(this.id);
+    this.stopped = true;
+    this.instanceId++;
+    this.inFlight = false;
+    this.currentCancel = null;
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+      this.intervalId = null;
+    }
+    if (this.timeoutId) {
+      clearTimeout(this.timeoutId);
+      this.timeoutId = null;
     }
   }
   start() {
@@ -1725,14 +1741,12 @@ var Poll = class {
       return;
     }
     this.stop();
-    this.id = window.setInterval(() => {
-      if (!this.throttle || this.cbCount % 10 === 0) {
-        this.cb();
-      }
-      if (this.throttle) {
-        this.cbCount++;
-      }
-    }, this.interval);
+    this.stopped = false;
+    if (this.mode === "rest") {
+      this.scheduleNext();
+      return;
+    }
+    this.intervalId = window.setInterval(() => this.tick(), this.interval);
   }
   isInBackground(hidden2) {
     this.throttle = this.keepAlive ? false : hidden2;
@@ -1740,6 +1754,50 @@ var Poll = class {
       this.cbCount = 0;
     }
   }
+  scheduleNext() {
+    if (this.stopped) {
+      return;
+    }
+    this.timeoutId = window.setTimeout(() => {
+      this.timeoutId = null;
+      this.tick();
+    }, this.interval);
+  }
+  tick() {
+    if (!this.throttle || this.cbCount % 10 === 0) {
+      this.fire();
+    } else if (this.mode === "rest") {
+      this.scheduleNext();
+    }
+    if (this.throttle) {
+      this.cbCount++;
+    }
+  }
+  fire() {
+    if (this.inFlight && this.mode === "cancel") {
+      this.currentCancel?.();
+    }
+    const instance = this.instanceId;
+    this.cb({
+      onStart: (cancel) => {
+        if (instance !== this.instanceId) {
+          return;
+        }
+        this.inFlight = true;
+        this.currentCancel = cancel;
+      },
+      onFinish: () => {
+        if (instance !== this.instanceId) {
+          return;
+        }
+        this.inFlight = false;
+        this.currentCancel = null;
+        if (this.mode === "rest") {
+          this.scheduleNext();
+        }
+      }
+    });
+  }
 };
 
 // src/polls.ts
@@ -1748,12 +1806,19 @@ var Polls = class {
   constructor() {
     this.setupVisibilityListener();
   }
+  get count() {
+    return this.polls.length;
+  }
   add(interval, cb, options) {
     const poll = new Poll(interval, cb, options);
     this.polls.push(poll);
     return {
       stop: () => poll.stop(),
-      start: () => poll.start()
+      start: () => poll.start(),
+      destroy: () => {
+        poll.stop();
+        this.polls = this.polls.filter((p) => p !== poll);
+      }
     };
   }
   clear() {
@@ -2928,9 +2993,23 @@ var Router = class {
     }
     return eventHandler.onGlobalEvent(type, callback);
   }
+  once(type, callback) {
+    if (typeof window === "undefined") {
+      return () => {
+      };
+    }
+    const remove2 = this.on(type, (event) => {
+      remove2();
+      return callback(event);
+    });
+    return remove2;
+  }
   hasPendingOptimistic() {
     return this.asyncRequestStream.hasPendingOptimistic();
   }
+  get activePolls() {
+    return polls.count;
+  }
   cancelAll({ async = true, prefetch = true, sync = true } = {}) {
     if (async) {
       this.asyncRequestStream.cancelInFlight({ prefetch });
@@ -2940,10 +3019,29 @@ var Router = class {
     }
   }
   poll(interval, requestOptions = {}, options = {}) {
-    return polls.add(interval, () => this.reload({ preserveErrors: true, ...requestOptions }), {
-      autoStart: options.autoStart ?? true,
-      keepAlive: options.keepAlive ?? false
-    });
+    return polls.add(
+      interval,
+      ({ onStart, onFinish }) => {
+        const resolved = typeof requestOptions === "function" ? requestOptions() : requestOptions;
+        this.reload({
+          preserveErrors: true,
+          ...resolved,
+          onCancelToken: (token) => {
+            onStart(token.cancel);
+            resolved.onCancelToken?.(token);
+          },
+          onFinish: (visit) => {
+            onFinish();
+            resolved.onFinish?.(visit);
+          }
+        });
+      },
+      {
+        autoStart: options.autoStart ?? true,
+        keepAlive: options.keepAlive ?? false,
+        mode: options.mode
+      }
+    );
   }
   visit(href, options = {}) {
     options.optimistic = options.optimistic ?? this.pendingOptimisticCallback;
@@ -3868,7 +3966,9 @@ var useInfiniteScrollData = (options) => {
       },
       onFinish: (visit) => {
         state.loading = false;
-        side === "next" ? options.onCompleteNextRequest(state.lastLoadedPage) : options.onCompletePreviousRequest(state.lastLoadedPage);
+        const completed = visit.completed;
+        const page3 = completed ? state.lastLoadedPage : null;
+        side === "next" ? options.onCompleteNextRequest(page3, { page: page3, completed }) : options.onCompletePreviousRequest(page3, { page: page3, completed });
         reloadOptions.onFinish?.(visit);
       }
     });
@@ -4220,13 +4320,17 @@ function useInfiniteScroll(options) {
     // so they don't get confused with server-loaded content
     onBeforeUpdate: elementManager.processManuallyAddedElements,
     // After successful request, tag new server content
-    onCompletePreviousRequest: (loadedPage) => {
-      options.onCompletePreviousRequest();
-      requestAnimationFrame(() => elementManager.processServerLoadedElements(loadedPage), 2);
+    onCompletePreviousRequest: (_, details) => {
+      options.onCompletePreviousRequest(details);
+      if (details.completed) {
+        requestAnimationFrame(() => elementManager.processServerLoadedElements(details.page), 2);
+      }
     },
-    onCompleteNextRequest: (loadedPage) => {
-      options.onCompleteNextRequest();
-      requestAnimationFrame(() => elementManager.processServerLoadedElements(loadedPage), 2);
+    onCompleteNextRequest: (_, details) => {
+      options.onCompleteNextRequest(details);
+      if (details.completed) {
+        requestAnimationFrame(() => elementManager.processServerLoadedElements(details.page), 2);
+      }
     },
     onReset: options.onDataReset
   });