@hotwired/turbo 8.0.0-beta.1 → 8.0.0-beta.2

package/dist/turbo.es2017-esm.js

@@ -1,5 +1,5 @@
 /*!
-Turbo 8.0.0-beta.1
+Turbo 8.0.0-beta.2
 Copyright © 2023 37signals LLC
  */
 /**
@@ -633,13 +633,33 @@ async function around(callback, reader) {
   return [before, after]
 }
 
-function fetch(url, options = {}) {
+class LimitedSet extends Set {
+  constructor(maxSize) {
+    super();
+    this.maxSize = maxSize;
+  }
+
+  add(value) {
+    if (this.size >= this.maxSize) {
+      const iterator = this.values();
+      const oldestValue = iterator.next().value;
+      this.delete(oldestValue);
+    }
+    super.add(value);
+  }
+}
+
+const recentRequests = new LimitedSet(20);
+
+const nativeFetch = window.fetch;
+
+function fetchWithTurboHeaders(url, options = {}) {
   const modifiedHeaders = new Headers(options.headers || {});
   const requestUID = uuid();
-  window.Turbo.session.recentRequests.add(requestUID);
+  recentRequests.add(requestUID);
   modifiedHeaders.append("X-Turbo-Request-Id", requestUID);
 
-  return window.fetch(url, {
+  return nativeFetch(url, {
     ...options,
     headers: modifiedHeaders
   })
@@ -766,7 +786,7 @@ class FetchRequest {
     await this.#allowRequestToBeIntercepted(fetchOptions);
     try {
       this.delegate.requestStarted(this);
-      const response = await fetch(this.url.href, fetchOptions);
+      const response = await fetchWithTurboHeaders(this.url.href, fetchOptions);
       return await this.receive(response)
     } catch (error) {
       if (error.name !== "AbortError") {
@@ -1046,6 +1066,7 @@ class FormSubmission {
     this.state = FormSubmissionState.waiting;
     this.submitter?.setAttribute("disabled", "");
     this.setSubmitsWith();
+    markAsBusy(this.formElement);
     dispatch("turbo:submit-start", {
       target: this.formElement,
       detail: { formSubmission: this }
@@ -1084,6 +1105,7 @@ class FormSubmission {
     this.state = FormSubmissionState.stopped;
     this.submitter?.removeAttribute("disabled");
     this.resetSubmitterText();
+    clearBusyState(this.formElement);
     dispatch("turbo:submit-end", {
       target: this.formElement,
       detail: { formSubmission: this, ...this.result }
@@ -1411,6 +1433,14 @@ class View {
     }
   }
 
+  markVisitDirection(direction) {
+    this.element.setAttribute("data-turbo-visit-direction", direction);
+  }
+
+  unmarkVisitDirection() {
+    this.element.removeAttribute("data-turbo-visit-direction");
+  }
+
   async renderSnapshot(renderer) {
     await renderer.render();
   }
@@ -1780,14 +1810,14 @@ class FrameRenderer extends Renderer {
   }
 
   async render() {
-    await nextAnimationFrame();
+    await nextRepaint();
     this.preservingPermanentElements(() => {
       this.loadFrameElement();
     });
     this.scrollFrameIntoView();
-    await nextAnimationFrame();
+    await nextRepaint();
     this.focusFirstAutofocusableElement();
-    await nextAnimationFrame();
+    await nextRepaint();
     this.activateScriptElements();
   }
 
@@ -2213,6 +2243,12 @@ const SystemStatusCode = {
   contentTypeMismatch: -2
 };
 
+const Direction = {
+  advance: "forward",
+  restore: "back",
+  replace: "none"
+};
+
 class Visit {
   identifier = uuid() // Required by turbo-ios
   timingMetrics = {}
@@ -2242,7 +2278,8 @@ class Visit {
       willRender,
       updateHistory,
       shouldCacheSnapshot,
-      acceptsStreamResponse
+      acceptsStreamResponse,
+      direction
     } = {
       ...defaultOptions,
       ...options
@@ -2260,6 +2297,7 @@ class Visit {
     this.scrolled = !willRender;
     this.shouldCacheSnapshot = shouldCacheSnapshot;
     this.acceptsStreamResponse = acceptsStreamResponse;
+    this.direction = direction || Direction[action];
   }
 
   get adapter() {
@@ -2512,7 +2550,7 @@ class Visit {
   // Scrolling
 
   performScroll() {
-    if (!this.scrolled && !this.view.forceReloaded && !this.view.snapshot.shouldPreserveScrollPosition) {
+    if (!this.scrolled && !this.view.forceReloaded && !this.view.shouldPreserveScrollPosition(this)) {
       if (this.action == "restore") {
         this.scrollToRestoredPosition() || this.scrollToAnchor() || this.view.scrollToTop();
       } else {
@@ -2587,9 +2625,7 @@ class Visit {
 
   async render(callback) {
     this.cancelRender();
-    await new Promise((resolve) => {
-      this.frame = requestAnimationFrame(() => resolve());
-    });
+    this.frame = await nextRepaint();
     await callback();
     delete this.frame;
   }
@@ -2867,6 +2903,7 @@ class History {
   restorationData = {}
   started = false
   pageLoaded = false
+  currentIndex = 0
 
   constructor(delegate) {
     this.delegate = delegate;
@@ -2876,6 +2913,7 @@ class History {
     if (!this.started) {
       addEventListener("popstate", this.onPopState, false);
       addEventListener("load", this.onPageLoad, false);
+      this.currentIndex = history.state?.turbo?.restorationIndex || 0;
       this.started = true;
       this.replace(new URL(window.location.href));
     }
@@ -2898,7 +2936,9 @@ class History {
   }
 
   update(method, location, restorationIdentifier = uuid()) {
-    const state = { turbo: { restorationIdentifier } };
+    if (method === history.pushState) ++this.currentIndex;
+
+    const state = { turbo: { restorationIdentifier, restorationIndex: this.currentIndex } };
     method.call(history, state, "", location.href);
     this.location = location;
     this.restorationIdentifier = restorationIdentifier;
@@ -2942,9 +2982,11 @@ class History {
       const { turbo } = event.state || {};
       if (turbo) {
         this.location = new URL(window.location.href);
-        const { restorationIdentifier } = turbo;
+        const { restorationIdentifier, restorationIndex } = turbo;
         this.restorationIdentifier = restorationIdentifier;
-        this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location, restorationIdentifier);
+        const direction = restorationIndex > this.currentIndex ? "forward" : "back";
+        this.delegate.historyPoppedToLocationWithRestorationIdentifierAndDirection(this.location, restorationIdentifier, direction);
+        this.currentIndex = restorationIndex;
       }
     }
   }
@@ -3281,7 +3323,7 @@ async function withAutofocusFromFragment(fragment, callback) {
   }
 
   callback();
-  await nextAnimationFrame();
+  await nextRepaint();
 
   const hasNoActiveElement = document.activeElement == null || document.activeElement == document.body;
 
@@ -4535,7 +4577,11 @@ class PageView extends View {
   }
 
   isPageRefresh(visit) {
-    return !visit || (this.lastRenderedLocation.href === visit.location.href && visit.action === "replace")
+    return !visit || (this.lastRenderedLocation.pathname === visit.location.pathname && visit.action === "replace")
+  }
+
+  shouldPreserveScrollPosition(visit) {
+    return this.isPageRefresh(visit) && this.snapshot.shouldPreserveScrollPosition
   }
 
   get snapshot() {
@@ -4546,27 +4592,28 @@ class PageView extends View {
 class Preloader {
   selector = "a[data-turbo-preload]"
 
-  constructor(delegate) {
+  constructor(delegate, snapshotCache) {
     this.delegate = delegate;
-  }
-
-  get snapshotCache() {
-    return this.delegate.navigator.view.snapshotCache
+    this.snapshotCache = snapshotCache;
   }
 
   start() {
     if (document.readyState === "loading") {
-      return document.addEventListener("DOMContentLoaded", () => {
-        this.preloadOnLoadLinksForView(document.body);
-      })
+      document.addEventListener("DOMContentLoaded", this.#preloadAll);
     } else {
       this.preloadOnLoadLinksForView(document.body);
     }
   }
 
+  stop() {
+    document.removeEventListener("DOMContentLoaded", this.#preloadAll);
+  }
+
   preloadOnLoadLinksForView(element) {
     for (const link of element.querySelectorAll(this.selector)) {
-      this.preloadURL(link);
+      if (this.delegate.shouldPreloadLink(link)) {
+        this.preloadURL(link);
+      }
     }
   }
 
@@ -4577,31 +4624,39 @@ class Preloader {
       return
     }
 
+    const fetchRequest = new FetchRequest(this, FetchMethod.get, location, new URLSearchParams(), link);
+    await fetchRequest.perform();
+  }
+
+  // Fetch request delegate
+
+  prepareRequest(fetchRequest) {
+    fetchRequest.headers["Sec-Purpose"] = "prefetch";
+  }
+
+  async requestSucceededWithResponse(fetchRequest, fetchResponse) {
     try {
-      const response = await fetch(location.toString(), { headers: { "Sec-Purpose": "prefetch", Accept: "text/html" } });
-      const responseText = await response.text();
-      const snapshot = PageSnapshot.fromHTMLString(responseText);
+      const responseHTML = await fetchResponse.responseHTML;
+      const snapshot = PageSnapshot.fromHTMLString(responseHTML);
 
-      this.snapshotCache.put(location, snapshot);
+      this.snapshotCache.put(fetchRequest.url, snapshot);
     } catch (_) {
       // If we cannot preload that is ok!
     }
   }
-}
 
-class LimitedSet extends Set {
-  constructor(maxSize) {
-    super();
-    this.maxSize = maxSize;
-  }
+  requestStarted(fetchRequest) {}
 
-  add(value) {
-    if (this.size >= this.maxSize) {
-      const iterator = this.values();
-      const oldestValue = iterator.next().value;
-      this.delete(oldestValue);
-    }
-    super.add(value);
+  requestErrored(fetchRequest) {}
+
+  requestFinished(fetchRequest) {}
+
+  requestPreventedHandlingResponse(fetchRequest, fetchResponse) {}
+
+  requestFailedWithResponse(fetchRequest, fetchResponse) {}
+
+  #preloadAll = () => {
+    this.preloadOnLoadLinksForView(document.body);
   }
 }
 
@@ -4634,7 +4689,6 @@ class Cache {
 class Session {
   navigator = new Navigator(this)
   history = new History(this)
-  preloader = new Preloader(this)
   view = new PageView(this, document.documentElement)
   adapter = new BrowserAdapter(this)
 
@@ -4648,7 +4702,6 @@ class Session {
   frameRedirector = new FrameRedirector(this, document.documentElement)
   streamMessageRenderer = new StreamMessageRenderer()
   cache = new Cache(this)
-  recentRequests = new LimitedSet(20)
 
   drive = true
   enabled = true
@@ -4656,6 +4709,11 @@ class Session {
   started = false
   formMode = "on"
 
+  constructor(recentRequests) {
+    this.recentRequests = recentRequests;
+    this.preloader = new Preloader(this, this.view.snapshotCache);
+  }
+
   start() {
     if (!this.started) {
       this.pageObserver.start();
@@ -4688,6 +4746,7 @@ class Session {
       this.streamObserver.stop();
       this.frameRedirector.stop();
       this.history.stop();
+      this.preloader.stop();
       this.started = false;
     }
   }
@@ -4747,13 +4806,33 @@ class Session {
     return this.history.restorationIdentifier
   }
 
+  // Preloader delegate
+
+  shouldPreloadLink(element) {
+    const isUnsafe = element.hasAttribute("data-turbo-method");
+    const isStream = element.hasAttribute("data-turbo-stream");
+    const frameTarget = element.getAttribute("data-turbo-frame");
+    const frame = frameTarget == "_top" ?
+      null :
+      document.getElementById(frameTarget) || findClosestRecursively(element, "turbo-frame:not([disabled])");
+
+    if (isUnsafe || isStream || frame instanceof FrameElement) {
+      return false
+    } else {
+      const location = new URL(element.href);
+
+      return this.elementIsNavigatable(element) && locationIsVisitable(location, this.snapshot.rootLocation)
+    }
+  }
+
   // History delegate
 
-  historyPoppedToLocationWithRestorationIdentifier(location, restorationIdentifier) {
+  historyPoppedToLocationWithRestorationIdentifierAndDirection(location, restorationIdentifier, direction) {
     if (this.enabled) {
       this.navigator.startVisit(location, restorationIdentifier, {
         action: "restore",
-        historyChanged: true
+        historyChanged: true,
+        direction
       });
     } else {
       this.adapter.pageInvalidated({
@@ -4809,6 +4888,7 @@ class Session {
   visitStarted(visit) {
     if (!visit.acceptsStreamResponse) {
       markAsBusy(document.documentElement);
+      this.view.markVisitDirection(visit.direction);
     }
     extendURLWithDeprecatedProperties(visit.location);
     if (!visit.silent) {
@@ -4817,6 +4897,7 @@ class Session {
   }
 
   visitCompleted(visit) {
+    this.view.unmarkVisitDirection();
     clearBusyState(document.documentElement);
     this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
   }
@@ -5055,7 +5136,7 @@ const deprecatedLocationPropertyDescriptors = {
   }
 };
 
-const session = new Session();
+const session = new Session(recentRequests);
 const { cache, navigator: navigator$1 } = session;
 
 /**
@@ -5165,7 +5246,7 @@ var Turbo = /*#__PURE__*/Object.freeze({
   PageRenderer: PageRenderer,
   PageSnapshot: PageSnapshot,
   FrameRenderer: FrameRenderer,
-  fetch: fetch,
+  fetch: fetchWithTurboHeaders,
   start: start,
   registerAdapter: registerAdapter,
   visit: visit,
@@ -6034,7 +6115,7 @@ if (customElements.get("turbo-stream-source") === undefined) {
   }
 })();
 
-window.Turbo = Turbo;
+window.Turbo = { ...Turbo, StreamActions };
 start();
 
-export { FetchEnctype, FetchMethod, FetchRequest, FetchResponse, FrameElement, FrameLoadingStyle, FrameRenderer, PageRenderer, PageSnapshot, StreamActions, StreamElement, StreamSourceElement, cache, clearCache, connectStreamSource, disconnectStreamSource, fetch, fetchEnctypeFromString, fetchMethodFromString, isSafe, navigator$1 as navigator, registerAdapter, renderStreamMessage, session, setConfirmMethod, setFormMode, setProgressBarDelay, start, visit };
+export { FetchEnctype, FetchMethod, FetchRequest, FetchResponse, FrameElement, FrameLoadingStyle, FrameRenderer, PageRenderer, PageSnapshot, StreamActions, StreamElement, StreamSourceElement, cache, clearCache, connectStreamSource, disconnectStreamSource, fetchWithTurboHeaders as fetch, fetchEnctypeFromString, fetchMethodFromString, isSafe, navigator$1 as navigator, registerAdapter, renderStreamMessage, session, setConfirmMethod, setFormMode, setProgressBarDelay, start, visit };

package/dist/turbo.es2017-umd.js

@@ -1,5 +1,5 @@
 /*!
-Turbo 8.0.0-beta.1
+Turbo 8.0.0-beta.2
 Copyright © 2023 37signals LLC
  */
 (function (global, factory) {
@@ -639,13 +639,33 @@ Copyright © 2023 37signals LLC
     return [before, after]
   }
 
-  function fetch(url, options = {}) {
+  class LimitedSet extends Set {
+    constructor(maxSize) {
+      super();
+      this.maxSize = maxSize;
+    }
+
+    add(value) {
+      if (this.size >= this.maxSize) {
+        const iterator = this.values();
+        const oldestValue = iterator.next().value;
+        this.delete(oldestValue);
+      }
+      super.add(value);
+    }
+  }
+
+  const recentRequests = new LimitedSet(20);
+
+  const nativeFetch = window.fetch;
+
+  function fetchWithTurboHeaders(url, options = {}) {
     const modifiedHeaders = new Headers(options.headers || {});
     const requestUID = uuid();
-    window.Turbo.session.recentRequests.add(requestUID);
+    recentRequests.add(requestUID);
     modifiedHeaders.append("X-Turbo-Request-Id", requestUID);
 
-    return window.fetch(url, {
+    return nativeFetch(url, {
       ...options,
       headers: modifiedHeaders
     })
@@ -772,7 +792,7 @@ Copyright © 2023 37signals LLC
       await this.#allowRequestToBeIntercepted(fetchOptions);
       try {
         this.delegate.requestStarted(this);
-        const response = await fetch(this.url.href, fetchOptions);
+        const response = await fetchWithTurboHeaders(this.url.href, fetchOptions);
         return await this.receive(response)
       } catch (error) {
         if (error.name !== "AbortError") {
@@ -1052,6 +1072,7 @@ Copyright © 2023 37signals LLC
       this.state = FormSubmissionState.waiting;
       this.submitter?.setAttribute("disabled", "");
       this.setSubmitsWith();
+      markAsBusy(this.formElement);
       dispatch("turbo:submit-start", {
         target: this.formElement,
         detail: { formSubmission: this }
@@ -1090,6 +1111,7 @@ Copyright © 2023 37signals LLC
       this.state = FormSubmissionState.stopped;
       this.submitter?.removeAttribute("disabled");
       this.resetSubmitterText();
+      clearBusyState(this.formElement);
       dispatch("turbo:submit-end", {
         target: this.formElement,
         detail: { formSubmission: this, ...this.result }
@@ -1417,6 +1439,14 @@ Copyright © 2023 37signals LLC
       }
     }
 
+    markVisitDirection(direction) {
+      this.element.setAttribute("data-turbo-visit-direction", direction);
+    }
+
+    unmarkVisitDirection() {
+      this.element.removeAttribute("data-turbo-visit-direction");
+    }
+
     async renderSnapshot(renderer) {
       await renderer.render();
     }
@@ -1786,14 +1816,14 @@ Copyright © 2023 37signals LLC
     }
 
     async render() {
-      await nextAnimationFrame();
+      await nextRepaint();
       this.preservingPermanentElements(() => {
         this.loadFrameElement();
       });
       this.scrollFrameIntoView();
-      await nextAnimationFrame();
+      await nextRepaint();
       this.focusFirstAutofocusableElement();
-      await nextAnimationFrame();
+      await nextRepaint();
       this.activateScriptElements();
     }
 
@@ -2219,6 +2249,12 @@ Copyright © 2023 37signals LLC
     contentTypeMismatch: -2
   };
 
+  const Direction = {
+    advance: "forward",
+    restore: "back",
+    replace: "none"
+  };
+
   class Visit {
     identifier = uuid() // Required by turbo-ios
     timingMetrics = {}
@@ -2248,7 +2284,8 @@ Copyright © 2023 37signals LLC
         willRender,
         updateHistory,
         shouldCacheSnapshot,
-        acceptsStreamResponse
+        acceptsStreamResponse,
+        direction
       } = {
         ...defaultOptions,
         ...options
@@ -2266,6 +2303,7 @@ Copyright © 2023 37signals LLC
       this.scrolled = !willRender;
       this.shouldCacheSnapshot = shouldCacheSnapshot;
       this.acceptsStreamResponse = acceptsStreamResponse;
+      this.direction = direction || Direction[action];
     }
 
     get adapter() {
@@ -2518,7 +2556,7 @@ Copyright © 2023 37signals LLC
     // Scrolling
 
     performScroll() {
-      if (!this.scrolled && !this.view.forceReloaded && !this.view.snapshot.shouldPreserveScrollPosition) {
+      if (!this.scrolled && !this.view.forceReloaded && !this.view.shouldPreserveScrollPosition(this)) {
         if (this.action == "restore") {
           this.scrollToRestoredPosition() || this.scrollToAnchor() || this.view.scrollToTop();
         } else {
@@ -2593,9 +2631,7 @@ Copyright © 2023 37signals LLC
 
     async render(callback) {
       this.cancelRender();
-      await new Promise((resolve) => {
-        this.frame = requestAnimationFrame(() => resolve());
-      });
+      this.frame = await nextRepaint();
       await callback();
       delete this.frame;
     }
@@ -2873,6 +2909,7 @@ Copyright © 2023 37signals LLC
     restorationData = {}
     started = false
     pageLoaded = false
+    currentIndex = 0
 
     constructor(delegate) {
       this.delegate = delegate;
@@ -2882,6 +2919,7 @@ Copyright © 2023 37signals LLC
       if (!this.started) {
         addEventListener("popstate", this.onPopState, false);
         addEventListener("load", this.onPageLoad, false);
+        this.currentIndex = history.state?.turbo?.restorationIndex || 0;
         this.started = true;
         this.replace(new URL(window.location.href));
       }
@@ -2904,7 +2942,9 @@ Copyright © 2023 37signals LLC
     }
 
     update(method, location, restorationIdentifier = uuid()) {
-      const state = { turbo: { restorationIdentifier } };
+      if (method === history.pushState) ++this.currentIndex;
+
+      const state = { turbo: { restorationIdentifier, restorationIndex: this.currentIndex } };
       method.call(history, state, "", location.href);
       this.location = location;
       this.restorationIdentifier = restorationIdentifier;
@@ -2948,9 +2988,11 @@ Copyright © 2023 37signals LLC
         const { turbo } = event.state || {};
         if (turbo) {
           this.location = new URL(window.location.href);
-          const { restorationIdentifier } = turbo;
+          const { restorationIdentifier, restorationIndex } = turbo;
           this.restorationIdentifier = restorationIdentifier;
-          this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location, restorationIdentifier);
+          const direction = restorationIndex > this.currentIndex ? "forward" : "back";
+          this.delegate.historyPoppedToLocationWithRestorationIdentifierAndDirection(this.location, restorationIdentifier, direction);
+          this.currentIndex = restorationIndex;
         }
       }
     }
@@ -3287,7 +3329,7 @@ Copyright © 2023 37signals LLC
     }
 
     callback();
-    await nextAnimationFrame();
+    await nextRepaint();
 
     const hasNoActiveElement = document.activeElement == null || document.activeElement == document.body;
 
@@ -4541,7 +4583,11 @@ Copyright © 2023 37signals LLC
     }
 
     isPageRefresh(visit) {
-      return !visit || (this.lastRenderedLocation.href === visit.location.href && visit.action === "replace")
+      return !visit || (this.lastRenderedLocation.pathname === visit.location.pathname && visit.action === "replace")
+    }
+
+    shouldPreserveScrollPosition(visit) {
+      return this.isPageRefresh(visit) && this.snapshot.shouldPreserveScrollPosition
     }
 
     get snapshot() {
@@ -4552,27 +4598,28 @@ Copyright © 2023 37signals LLC
   class Preloader {
     selector = "a[data-turbo-preload]"
 
-    constructor(delegate) {
+    constructor(delegate, snapshotCache) {
       this.delegate = delegate;
-    }
-
-    get snapshotCache() {
-      return this.delegate.navigator.view.snapshotCache
+      this.snapshotCache = snapshotCache;
     }
 
     start() {
       if (document.readyState === "loading") {
-        return document.addEventListener("DOMContentLoaded", () => {
-          this.preloadOnLoadLinksForView(document.body);
-        })
+        document.addEventListener("DOMContentLoaded", this.#preloadAll);
       } else {
         this.preloadOnLoadLinksForView(document.body);
       }
     }
 
+    stop() {
+      document.removeEventListener("DOMContentLoaded", this.#preloadAll);
+    }
+
     preloadOnLoadLinksForView(element) {
       for (const link of element.querySelectorAll(this.selector)) {
-        this.preloadURL(link);
+        if (this.delegate.shouldPreloadLink(link)) {
+          this.preloadURL(link);
+        }
       }
     }
 
@@ -4583,31 +4630,39 @@ Copyright © 2023 37signals LLC
         return
       }
 
+      const fetchRequest = new FetchRequest(this, FetchMethod.get, location, new URLSearchParams(), link);
+      await fetchRequest.perform();
+    }
+
+    // Fetch request delegate
+
+    prepareRequest(fetchRequest) {
+      fetchRequest.headers["Sec-Purpose"] = "prefetch";
+    }
+
+    async requestSucceededWithResponse(fetchRequest, fetchResponse) {
       try {
-        const response = await fetch(location.toString(), { headers: { "Sec-Purpose": "prefetch", Accept: "text/html" } });
-        const responseText = await response.text();
-        const snapshot = PageSnapshot.fromHTMLString(responseText);
+        const responseHTML = await fetchResponse.responseHTML;
+        const snapshot = PageSnapshot.fromHTMLString(responseHTML);
 
-        this.snapshotCache.put(location, snapshot);
+        this.snapshotCache.put(fetchRequest.url, snapshot);
       } catch (_) {
         // If we cannot preload that is ok!
       }
     }
-  }
 
-  class LimitedSet extends Set {
-    constructor(maxSize) {
-      super();
-      this.maxSize = maxSize;
-    }
+    requestStarted(fetchRequest) {}
 
-    add(value) {
-      if (this.size >= this.maxSize) {
-        const iterator = this.values();
-        const oldestValue = iterator.next().value;
-        this.delete(oldestValue);
-      }
-      super.add(value);
+    requestErrored(fetchRequest) {}
+
+    requestFinished(fetchRequest) {}
+
+    requestPreventedHandlingResponse(fetchRequest, fetchResponse) {}
+
+    requestFailedWithResponse(fetchRequest, fetchResponse) {}
+
+    #preloadAll = () => {
+      this.preloadOnLoadLinksForView(document.body);
     }
   }
 
@@ -4640,7 +4695,6 @@ Copyright © 2023 37signals LLC
   class Session {
     navigator = new Navigator(this)
     history = new History(this)
-    preloader = new Preloader(this)
     view = new PageView(this, document.documentElement)
     adapter = new BrowserAdapter(this)
 
@@ -4654,7 +4708,6 @@ Copyright © 2023 37signals LLC
     frameRedirector = new FrameRedirector(this, document.documentElement)
     streamMessageRenderer = new StreamMessageRenderer()
     cache = new Cache(this)
-    recentRequests = new LimitedSet(20)
 
     drive = true
     enabled = true
@@ -4662,6 +4715,11 @@ Copyright © 2023 37signals LLC
     started = false
     formMode = "on"
 
+    constructor(recentRequests) {
+      this.recentRequests = recentRequests;
+      this.preloader = new Preloader(this, this.view.snapshotCache);
+    }
+
     start() {
       if (!this.started) {
         this.pageObserver.start();
@@ -4694,6 +4752,7 @@ Copyright © 2023 37signals LLC
         this.streamObserver.stop();
         this.frameRedirector.stop();
         this.history.stop();
+        this.preloader.stop();
         this.started = false;
       }
     }
@@ -4753,13 +4812,33 @@ Copyright © 2023 37signals LLC
       return this.history.restorationIdentifier
     }
 
+    // Preloader delegate
+
+    shouldPreloadLink(element) {
+      const isUnsafe = element.hasAttribute("data-turbo-method");
+      const isStream = element.hasAttribute("data-turbo-stream");
+      const frameTarget = element.getAttribute("data-turbo-frame");
+      const frame = frameTarget == "_top" ?
+        null :
+        document.getElementById(frameTarget) || findClosestRecursively(element, "turbo-frame:not([disabled])");
+
+      if (isUnsafe || isStream || frame instanceof FrameElement) {
+        return false
+      } else {
+        const location = new URL(element.href);
+
+        return this.elementIsNavigatable(element) && locationIsVisitable(location, this.snapshot.rootLocation)
+      }
+    }
+
     // History delegate
 
-    historyPoppedToLocationWithRestorationIdentifier(location, restorationIdentifier) {
+    historyPoppedToLocationWithRestorationIdentifierAndDirection(location, restorationIdentifier, direction) {
       if (this.enabled) {
         this.navigator.startVisit(location, restorationIdentifier, {
           action: "restore",
-          historyChanged: true
+          historyChanged: true,
+          direction
         });
       } else {
         this.adapter.pageInvalidated({
@@ -4815,6 +4894,7 @@ Copyright © 2023 37signals LLC
     visitStarted(visit) {
       if (!visit.acceptsStreamResponse) {
         markAsBusy(document.documentElement);
+        this.view.markVisitDirection(visit.direction);
       }
       extendURLWithDeprecatedProperties(visit.location);
       if (!visit.silent) {
@@ -4823,6 +4903,7 @@ Copyright © 2023 37signals LLC
     }
 
     visitCompleted(visit) {
+      this.view.unmarkVisitDirection();
       clearBusyState(document.documentElement);
       this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
     }
@@ -5061,7 +5142,7 @@ Copyright © 2023 37signals LLC
     }
   };
 
-  const session = new Session();
+  const session = new Session(recentRequests);
   const { cache, navigator: navigator$1 } = session;
 
   /**
@@ -5171,7 +5252,7 @@ Copyright © 2023 37signals LLC
     PageRenderer: PageRenderer,
     PageSnapshot: PageSnapshot,
     FrameRenderer: FrameRenderer,
-    fetch: fetch,
+    fetch: fetchWithTurboHeaders,
     start: start,
     registerAdapter: registerAdapter,
     visit: visit,
@@ -6040,7 +6121,7 @@ Copyright © 2023 37signals LLC
     }
   })();
 
-  window.Turbo = Turbo;
+  window.Turbo = { ...Turbo, StreamActions };
   start();
 
   exports.FetchEnctype = FetchEnctype;
@@ -6059,7 +6140,7 @@ Copyright © 2023 37signals LLC
   exports.clearCache = clearCache;
   exports.connectStreamSource = connectStreamSource;
   exports.disconnectStreamSource = disconnectStreamSource;
-  exports.fetch = fetch;
+  exports.fetch = fetchWithTurboHeaders;
   exports.fetchEnctypeFromString = fetchEnctypeFromString;
   exports.fetchMethodFromString = fetchMethodFromString;
   exports.isSafe = isSafe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotwired/turbo",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0-beta.2",
   "description": "The speed of a single-page web application without having to write any JavaScript",
   "module": "dist/turbo.es2017-esm.js",
   "main": "dist/turbo.es2017-umd.js",
@@ -32,9 +32,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "idiomorph": "https://github.com/basecamp/idiomorph#rollout-build"
-  },
   "devDependencies": {
     "@open-wc/testing": "^3.1.7",
     "@playwright/test": "^1.28.0",
@@ -47,6 +44,7 @@
     "chai": "~4.3.4",
     "eslint": "^8.13.0",
     "express": "^4.18.2",
+    "idiomorph": "https://github.com/basecamp/idiomorph#rollout-build",
     "multer": "^1.4.2",
     "rollup": "^2.35.1"
   },