@hotwired/turbo 7.0.1 → 7.1.0-rc.1

package/dist/turbo.es2017-umd.js

@@ -1,5 +1,5 @@
 /*
-Turbo 7.0.0
+Turbo 7.0.1
 Copyright © 2021 Basecamp, LLC
  */
 (function (global, factory) {
@@ -26,6 +26,58 @@ Copyright © 2021 Basecamp, LLC
         Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
     })();
 
+    /**
+     * The MIT License (MIT)
+     * 
+     * Copyright (c) 2019 Javan Makhmali
+     * 
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     * 
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     * 
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+
+    (function(prototype) {
+      if (typeof prototype.requestSubmit == "function") return
+
+      prototype.requestSubmit = function(submitter) {
+        if (submitter) {
+          validateSubmitter(submitter, this);
+          submitter.click();
+        } else {
+          submitter = document.createElement("input");
+          submitter.type = "submit";
+          submitter.hidden = true;
+          this.appendChild(submitter);
+          submitter.click();
+          this.removeChild(submitter);
+        }
+      };
+
+      function validateSubmitter(submitter, form) {
+        submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
+        submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
+        submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
+      }
+
+      function raise(errorConstructor, message, name) {
+        throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
+      }
+    })(HTMLFormElement.prototype);
+
     const submittersByForm = new WeakMap;
     function findSubmitterFromClickTarget(target) {
         const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
@@ -171,6 +223,10 @@ Copyright © 2021 Basecamp, LLC
             return anchorMatch[1];
         }
     }
+    function getAction(form, submitter) {
+        const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formaction")) || form.getAttribute("action") || form.action;
+        return expandURL(action);
+    }
     function getExtension(url) {
         return (getLastPathComponent(url).match(/\.[^.]*$/) || [])[0] || "";
     }
@@ -181,6 +237,9 @@ Copyright © 2021 Basecamp, LLC
         const prefix = getPrefix(url);
         return baseURL.href === expandURL(prefix).href || baseURL.href.startsWith(prefix);
     }
+    function locationIsVisitable(location, rootLocation) {
+        return isPrefixedBy(location, rootLocation) && isHTML(location);
+    }
     function getRequestURL(url) {
         const anchor = getAnchor(url);
         return anchor != null
@@ -303,6 +362,29 @@ Copyright © 2021 Basecamp, LLC
             }
         }).join("");
     }
+    function getAttribute(attributeName, ...elements) {
+        for (const value of elements.map(element => element === null || element === void 0 ? void 0 : element.getAttribute(attributeName))) {
+            if (typeof value == "string")
+                return value;
+        }
+        return null;
+    }
+    function markAsBusy(...elements) {
+        for (const element of elements) {
+            if (element.localName == "turbo-frame") {
+                element.setAttribute("busy", "");
+            }
+            element.setAttribute("aria-busy", "true");
+        }
+    }
+    function clearBusyState(...elements) {
+        for (const element of elements) {
+            if (element.localName == "turbo-frame") {
+                element.removeAttribute("busy");
+            }
+            element.removeAttribute("aria-busy");
+        }
+    }
 
     var FetchMethod;
     (function (FetchMethod) {
@@ -532,6 +614,9 @@ Copyright © 2021 Basecamp, LLC
             this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body, this.formElement);
             this.mustRedirect = mustRedirect;
         }
+        static confirmMethod(message, element) {
+            return confirm(message);
+        }
         get method() {
             var _a;
             const method = ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formmethod")) || this.formElement.getAttribute("method") || "";
@@ -565,8 +650,20 @@ Copyright © 2021 Basecamp, LLC
                 return entries.concat(typeof value == "string" ? [[name, value]] : []);
             }, []);
         }
+        get confirmationMessage() {
+            return this.formElement.getAttribute("data-turbo-confirm");
+        }
+        get needsConfirmation() {
+            return this.confirmationMessage !== null;
+        }
         async start() {
             const { initialized, requesting } = FormSubmissionState;
+            if (this.needsConfirmation) {
+                const answer = FormSubmission.confirmMethod(this.confirmationMessage, this.formElement);
+                if (!answer) {
+                    return;
+                }
+            }
             if (this.state == initialized) {
                 this.state = requesting;
                 return this.fetchRequest.perform();
@@ -590,7 +687,9 @@ Copyright © 2021 Basecamp, LLC
             }
         }
         requestStarted(request) {
+            var _a;
             this.state = FormSubmissionState.waiting;
+            (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", "");
             dispatch("turbo:submit-start", { target: this.formElement, detail: { formSubmission: this } });
             this.delegate.formSubmissionStarted(this);
         }
@@ -620,7 +719,9 @@ Copyright © 2021 Basecamp, LLC
             this.delegate.formSubmissionErrored(this, error);
         }
         requestFinished(request) {
+            var _a;
             this.state = FormSubmissionState.stopped;
+            (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled");
             dispatch("turbo:submit-end", { target: this.formElement, detail: Object.assign({ formSubmission: this }, this.result) });
             this.delegate.formSubmissionFinished(this);
         }
@@ -699,7 +800,8 @@ Copyright © 2021 Basecamp, LLC
                 const form = event.target;
                 if (form instanceof HTMLFormElement && form.closest("turbo-frame, html") == this.element) {
                     const submitter = event.submitter || undefined;
-                    if (this.delegate.shouldInterceptFormSubmission(form, submitter)) {
+                    const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.method;
+                    if (method != "dialog" && this.delegate.shouldInterceptFormSubmission(form, submitter)) {
                         event.preventDefault();
                         event.stopImmediatePropagation();
                         this.delegate.formSubmissionIntercepted(form, submitter);
@@ -1293,7 +1395,8 @@ Copyright © 2021 Basecamp, LLC
     })(VisitState || (VisitState = {}));
     const defaultOptions = {
         action: "advance",
-        historyChanged: false
+        delegate: {},
+        historyChanged: false,
     };
     var SystemStatusCode;
     (function (SystemStatusCode) {
@@ -1313,13 +1416,14 @@ Copyright © 2021 Basecamp, LLC
             this.delegate = delegate;
             this.location = location;
             this.restorationIdentifier = restorationIdentifier || uuid();
-            const { action, historyChanged, referrer, snapshotHTML, response } = Object.assign(Object.assign({}, defaultOptions), options);
+            const { action, historyChanged, referrer, snapshotHTML, response, delegate: optionalDelegate } = Object.assign(Object.assign({}, defaultOptions), options);
             this.action = action;
             this.historyChanged = historyChanged;
             this.referrer = referrer;
             this.snapshotHTML = snapshotHTML;
             this.response = response;
             this.isSamePage = this.delegate.locationWithActionIsSamePage(this.location, this.action);
+            this.optionalDelegate = optionalDelegate;
         }
         get adapter() {
             return this.delegate.adapter;
@@ -1342,6 +1446,8 @@ Copyright © 2021 Basecamp, LLC
                 this.state = VisitState.started;
                 this.adapter.visitStarted(this);
                 this.delegate.visitStarted(this);
+                if (this.optionalDelegate.visitStarted)
+                    this.optionalDelegate.visitStarted(this);
             }
         }
         cancel() {
@@ -1471,7 +1577,8 @@ Copyright © 2021 Basecamp, LLC
             }
         }
         followRedirect() {
-            if (this.redirectedToLocation && !this.followedRedirect) {
+            var _a;
+            if (this.redirectedToLocation && !this.followedRedirect && ((_a = this.response) === null || _a === void 0 ? void 0 : _a.redirected)) {
                 this.adapter.visitProposedToLocation(this.redirectedToLocation, {
                     action: 'replace',
                     response: this.response
@@ -1494,25 +1601,27 @@ Copyright © 2021 Basecamp, LLC
         }
         async requestSucceededWithResponse(request, response) {
             const responseHTML = await response.responseHTML;
+            const { redirected, statusCode } = response;
             if (responseHTML == undefined) {
-                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
+                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch, redirected });
             }
             else {
                 this.redirectedToLocation = response.redirected ? response.location : undefined;
-                this.recordResponse({ statusCode: response.statusCode, responseHTML });
+                this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
             }
         }
         async requestFailedWithResponse(request, response) {
             const responseHTML = await response.responseHTML;
+            const { redirected, statusCode } = response;
             if (responseHTML == undefined) {
-                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
+                this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch, redirected });
             }
             else {
-                this.recordResponse({ statusCode: response.statusCode, responseHTML });
+                this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
             }
         }
         requestErrored(request, error) {
-            this.recordResponse({ statusCode: SystemStatusCode.networkFailure });
+            this.recordResponse({ statusCode: SystemStatusCode.networkFailure, redirected: false });
         }
         requestFinished() {
             this.finishRequest();
@@ -1576,6 +1685,8 @@ Copyright © 2021 Basecamp, LLC
             if (!this.snapshotCached) {
                 this.view.cacheSnapshot();
                 this.snapshotCached = true;
+                if (this.optionalDelegate.visitCachedSnapshot)
+                    this.optionalDelegate.visitCachedSnapshot(this);
             }
         }
         async render(callback) {
@@ -1724,7 +1835,7 @@ Copyright © 2021 Basecamp, LLC
                     const form = event.target instanceof HTMLFormElement ? event.target : undefined;
                     const submitter = event.submitter || undefined;
                     if (form) {
-                        const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.method;
+                        const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.getAttribute("method");
                         if (method != "dialog" && this.delegate.willSubmitForm(form, submitter)) {
                             event.preventDefault();
                             this.delegate.formSubmitted(form, submitter);
@@ -1768,12 +1879,11 @@ Copyright © 2021 Basecamp, LLC
         linkClickIntercepted(element, url) {
             const frame = this.findFrameElement(element);
             if (frame) {
-                frame.setAttribute("reloadable", "");
-                frame.src = url;
+                frame.delegate.linkClickIntercepted(element, url);
             }
         }
         shouldInterceptFormSubmission(element, submitter) {
-            return this.shouldRedirect(element, submitter);
+            return this.shouldSubmit(element, submitter);
         }
         formSubmissionIntercepted(element, submitter) {
             const frame = this.findFrameElement(element, submitter);
@@ -1782,6 +1892,13 @@ Copyright © 2021 Basecamp, LLC
                 frame.delegate.formSubmissionIntercepted(element, submitter);
             }
         }
+        shouldSubmit(form, submitter) {
+            var _a;
+            const action = getAction(form, submitter);
+            const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
+            const rootLocation = expandURL((_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/");
+            return this.shouldRedirect(form, submitter) && locationIsVisitable(action, rootLocation);
+        }
         shouldRedirect(element, submitter) {
             const frame = this.findFrameElement(element, submitter);
             return frame ? frame != element.closest("turbo-frame") : false;
@@ -1939,7 +2056,12 @@ Copyright © 2021 Basecamp, LLC
         }
         proposeVisit(location, options = {}) {
             if (this.delegate.allowsVisitingLocationWithAction(location, options.action)) {
-                this.delegate.visitProposedToLocation(location, options);
+                if (locationIsVisitable(location, this.view.snapshot.rootLocation)) {
+                    this.delegate.visitProposedToLocation(location, options);
+                }
+                else {
+                    window.location.href = location.toString();
+                }
             }
         }
         startVisit(locatable, restorationIdentifier, options = {}) {
@@ -1950,12 +2072,7 @@ Copyright © 2021 Basecamp, LLC
         submitForm(form, submitter) {
             this.stop();
             this.formSubmission = new FormSubmission(this, form, submitter, true);
-            if (this.formSubmission.isIdempotent) {
-                this.proposeVisit(this.formSubmission.fetchRequest.url, { action: this.getActionForFormSubmission(this.formSubmission) });
-            }
-            else {
-                this.formSubmission.start();
-            }
+            this.formSubmission.start();
         }
         stop() {
             if (this.formSubmission) {
@@ -1988,8 +2105,9 @@ Copyright © 2021 Basecamp, LLC
                     if (formSubmission.method != FetchMethod.get) {
                         this.view.clearSnapshotCache();
                     }
-                    const { statusCode } = fetchResponse;
-                    const visitOptions = { response: { statusCode, responseHTML } };
+                    const { statusCode, redirected } = fetchResponse;
+                    const action = this.getActionForFormSubmission(formSubmission);
+                    const visitOptions = { action, response: { statusCode, responseHTML, redirected } };
                     this.proposeVisit(fetchResponse.location, visitOptions);
                 }
             }
@@ -2022,6 +2140,9 @@ Copyright © 2021 Basecamp, LLC
         visitCompleted(visit) {
             this.delegate.visitCompleted(visit);
         }
+        visitCachedSnapshot(visit) {
+            this.delegate.visitCachedSnapshot(visit);
+        }
         locationWithActionIsSamePage(location, action) {
             const anchor = getAnchor(location);
             const currentAnchor = getAnchor(this.view.lastRenderedLocation);
@@ -2041,7 +2162,7 @@ Copyright © 2021 Basecamp, LLC
         }
         getActionForFormSubmission(formSubmission) {
             const { formElement, submitter } = formSubmission;
-            const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-action")) || formElement.getAttribute("data-turbo-action");
+            const action = getAttribute("data-turbo-action", submitter, formElement);
             return isAction(action) ? action : "advance";
         }
     }
@@ -2491,7 +2612,7 @@ Copyright © 2021 Basecamp, LLC
         }
         willFollowLinkToLocation(link, location) {
             return this.elementDriveEnabled(link)
-                && this.locationIsVisitable(location)
+                && locationIsVisitable(location, this.snapshot.rootLocation)
                 && this.applicationAllowsFollowingLinkToLocation(link, location);
         }
         followedLinkToLocation(link, location) {
@@ -2499,14 +2620,24 @@ Copyright © 2021 Basecamp, LLC
             this.convertLinkWithMethodClickToFormSubmission(link) || this.visit(location.href, { action });
         }
         convertLinkWithMethodClickToFormSubmission(link) {
-            var _a;
             const linkMethod = link.getAttribute("data-turbo-method");
             if (linkMethod) {
                 const form = document.createElement("form");
                 form.method = linkMethod;
                 form.action = link.getAttribute("href") || "undefined";
                 form.hidden = true;
-                (_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(form, link);
+                if (link.hasAttribute("data-turbo-confirm")) {
+                    form.setAttribute("data-turbo-confirm", link.getAttribute("data-turbo-confirm"));
+                }
+                const frame = this.getTargetFrameForLink(link);
+                if (frame) {
+                    form.setAttribute("data-turbo-frame", frame);
+                    form.addEventListener("turbo:submit-start", () => form.remove());
+                }
+                else {
+                    form.addEventListener("submit", () => form.remove());
+                }
+                document.body.appendChild(form);
                 return dispatch("submit", { cancelable: true, target: form });
             }
             else {
@@ -2529,6 +2660,8 @@ Copyright © 2021 Basecamp, LLC
         visitCompleted(visit) {
             this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
         }
+        visitCachedSnapshot(visit) {
+        }
         locationWithActionIsSamePage(location, action) {
             return this.navigator.locationWithActionIsSamePage(location, action);
         }
@@ -2536,7 +2669,10 @@ Copyright © 2021 Basecamp, LLC
             this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL);
         }
         willSubmitForm(form, submitter) {
-            return this.elementDriveEnabled(form) && (!submitter || this.elementDriveEnabled(submitter));
+            const action = getAction(form, submitter);
+            return this.elementDriveEnabled(form)
+                && (!submitter || this.elementDriveEnabled(submitter))
+                && locationIsVisitable(expandURL(action), this.snapshot.rootLocation);
         }
         formSubmitted(form, submitter) {
             this.navigator.submitForm(form, submitter);
@@ -2592,6 +2728,7 @@ Copyright © 2021 Basecamp, LLC
             return dispatch("turbo:before-visit", { detail: { url: location.href }, cancelable: true });
         }
         notifyApplicationAfterVisitingLocation(location, action) {
+            markAsBusy(document.documentElement);
             return dispatch("turbo:visit", { detail: { url: location.href, action } });
         }
         notifyApplicationBeforeCachingSnapshot() {
@@ -2604,6 +2741,7 @@ Copyright © 2021 Basecamp, LLC
             return dispatch("turbo:render");
         }
         notifyApplicationAfterPageLoad(timing = {}) {
+            clearBusyState(document.documentElement);
             return dispatch("turbo:load", { detail: { url: this.location.href, timing } });
         }
         notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL) {
@@ -2638,8 +2776,17 @@ Copyright © 2021 Basecamp, LLC
             const action = link.getAttribute("data-turbo-action");
             return isAction(action) ? action : "advance";
         }
-        locationIsVisitable(location) {
-            return isPrefixedBy(location, this.snapshot.rootLocation) && isHTML(location);
+        getTargetFrameForLink(link) {
+            const frame = link.getAttribute("data-turbo-frame");
+            if (frame) {
+                return frame;
+            }
+            else {
+                const container = link.closest("turbo-frame");
+                if (container) {
+                    return container.id;
+                }
+            }
         }
         get snapshot() {
             return this.view.snapshot;
@@ -2682,6 +2829,9 @@ Copyright © 2021 Basecamp, LLC
     function setProgressBarDelay(delay) {
         session.setProgressBarDelay(delay);
     }
+    function setConfirmMethod(confirmMethod) {
+        FormSubmission.confirmMethod = confirmMethod;
+    }
 
     var Turbo = /*#__PURE__*/Object.freeze({
         __proto__: null,
@@ -2696,11 +2846,13 @@ Copyright © 2021 Basecamp, LLC
         disconnectStreamSource: disconnectStreamSource,
         renderStreamMessage: renderStreamMessage,
         clearCache: clearCache,
-        setProgressBarDelay: setProgressBarDelay
+        setProgressBarDelay: setProgressBarDelay,
+        setConfirmMethod: setConfirmMethod
     });
 
     class FrameController {
         constructor(element) {
+            this.currentFetchRequest = null;
             this.resolveVisitPromise = () => { };
             this.connected = false;
             this.hasBeenLoaded = false;
@@ -2760,7 +2912,6 @@ Copyright © 2021 Basecamp, LLC
                         this.appearanceObserver.stop();
                         await this.element.loaded;
                         this.hasBeenLoaded = true;
-                        session.frameLoaded(this.element);
                     }
                     catch (error) {
                         this.currentURL = previousURL;
@@ -2783,6 +2934,7 @@ Copyright © 2021 Basecamp, LLC
                         await this.view.renderPromise;
                     await this.view.render(renderer);
                     session.frameRendered(fetchResponse, this.element);
+                    session.frameLoaded(this.element);
                 }
             }
             catch (error) {
@@ -2814,20 +2966,15 @@ Copyright © 2021 Basecamp, LLC
             }
             this.reloadable = false;
             this.formSubmission = new FormSubmission(this, element, submitter);
-            if (this.formSubmission.fetchRequest.isIdempotent) {
-                this.navigateFrame(element, this.formSubmission.fetchRequest.url.href, submitter);
-            }
-            else {
-                const { fetchRequest } = this.formSubmission;
-                this.prepareHeadersForRequest(fetchRequest.headers, fetchRequest);
-                this.formSubmission.start();
-            }
+            const { fetchRequest } = this.formSubmission;
+            this.prepareHeadersForRequest(fetchRequest.headers, fetchRequest);
+            this.formSubmission.start();
         }
         prepareHeadersForRequest(headers, request) {
             headers["Turbo-Frame"] = this.id;
         }
         requestStarted(request) {
-            this.element.setAttribute("busy", "");
+            markAsBusy(this.element);
         }
         requestPreventedHandlingResponse(request, response) {
             this.resolveVisitPromise();
@@ -2845,14 +2992,14 @@ Copyright © 2021 Basecamp, LLC
             this.resolveVisitPromise();
         }
         requestFinished(request) {
-            this.element.removeAttribute("busy");
+            clearBusyState(this.element);
         }
-        formSubmissionStarted(formSubmission) {
-            const frame = this.findFrameElement(formSubmission.formElement);
-            frame.setAttribute("busy", "");
+        formSubmissionStarted({ formElement }) {
+            markAsBusy(formElement, this.findFrameElement(formElement));
         }
         formSubmissionSucceededWithResponse(formSubmission, response) {
             const frame = this.findFrameElement(formSubmission.formElement, formSubmission.submitter);
+            this.proposeVisitIfNavigatedWithAction(frame, formSubmission.formElement, formSubmission.submitter);
             frame.delegate.loadResponse(response);
         }
         formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
@@ -2861,9 +3008,8 @@ Copyright © 2021 Basecamp, LLC
         formSubmissionErrored(formSubmission, error) {
             console.error(error);
         }
-        formSubmissionFinished(formSubmission) {
-            const frame = this.findFrameElement(formSubmission.formElement);
-            frame.removeAttribute("busy");
+        formSubmissionFinished({ formElement }) {
+            clearBusyState(formElement, this.findFrameElement(formElement));
         }
         allowsImmediateRender(snapshot, resume) {
             return true;
@@ -2873,10 +3019,14 @@ Copyright © 2021 Basecamp, LLC
         viewInvalidated() {
         }
         async visit(url) {
-            const request = new FetchRequest(this, FetchMethod.get, expandURL(url), undefined, this.element);
+            var _a;
+            const request = new FetchRequest(this, FetchMethod.get, expandURL(url), new URLSearchParams, this.element);
+            (_a = this.currentFetchRequest) === null || _a === void 0 ? void 0 : _a.cancel();
+            this.currentFetchRequest = request;
             return new Promise(resolve => {
                 this.resolveVisitPromise = () => {
                     this.resolveVisitPromise = () => { };
+                    this.currentFetchRequest = null;
                     resolve();
                 };
                 request.perform();
@@ -2884,12 +3034,29 @@ Copyright © 2021 Basecamp, LLC
         }
         navigateFrame(element, url, submitter) {
             const frame = this.findFrameElement(element, submitter);
+            this.proposeVisitIfNavigatedWithAction(frame, element, submitter);
             frame.setAttribute("reloadable", "");
             frame.src = url;
         }
+        proposeVisitIfNavigatedWithAction(frame, element, submitter) {
+            const action = getAttribute("data-turbo-action", submitter, element, frame);
+            if (isAction(action)) {
+                const delegate = new SnapshotSubstitution(frame);
+                const proposeVisit = (event) => {
+                    const { target, detail: { fetchResponse } } = event;
+                    if (target instanceof FrameElement && target.src) {
+                        const { statusCode, redirected } = fetchResponse;
+                        const responseHTML = target.ownerDocument.documentElement.outerHTML;
+                        const response = { statusCode, redirected, responseHTML };
+                        session.visit(target.src, { action, response, delegate });
+                    }
+                };
+                frame.addEventListener("turbo:frame-render", proposeVisit, { once: true });
+            }
+        }
         findFrameElement(element, submitter) {
             var _a;
-            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
             return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element;
         }
         async extractForeignFrameElement(container) {
@@ -2910,8 +3077,15 @@ Copyright © 2021 Basecamp, LLC
             }
             return new FrameElement();
         }
+        formActionIsVisitable(form, submitter) {
+            const action = getAction(form, submitter);
+            return locationIsVisitable(expandURL(action), this.rootLocation);
+        }
         shouldInterceptNavigation(element, submitter) {
-            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
+            if (element instanceof HTMLFormElement && !this.formActionIsVisitable(element, submitter)) {
+                return false;
+            }
             if (!this.enabled || id == "_top") {
                 return false;
             }
@@ -2968,6 +3142,28 @@ Copyright © 2021 Basecamp, LLC
         get isActive() {
             return this.element.isActive && this.connected;
         }
+        get rootLocation() {
+            var _a;
+            const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
+            const root = (_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/";
+            return expandURL(root);
+        }
+    }
+    class SnapshotSubstitution {
+        constructor(element) {
+            this.clone = element.cloneNode(true);
+            this.id = element.id;
+        }
+        visitStarted(visit) {
+            this.snapshot = visit.view.snapshot;
+        }
+        visitCachedSnapshot() {
+            var _a;
+            const { snapshot, id, clone } = this;
+            if (snapshot) {
+                (_a = snapshot.element.querySelector("#" + id)) === null || _a === void 0 ? void 0 : _a.replaceWith(clone);
+            }
+        }
     }
     function getFrameElementById(id) {
         if (id != null) {
@@ -3167,6 +3363,7 @@ Copyright © 2021 Basecamp, LLC
     exports.registerAdapter = registerAdapter;
     exports.renderStreamMessage = renderStreamMessage;
     exports.session = session;
+    exports.setConfirmMethod = setConfirmMethod;
     exports.setProgressBarDelay = setProgressBarDelay;
     exports.start = start;
     exports.visit = visit;

package/dist/types/core/drive/form_submission.d.ts

@@ -36,6 +36,7 @@ export declare class FormSubmission {
     readonly mustRedirect: boolean;
     state: FormSubmissionState;
     result?: FormSubmissionResult;
+    static confirmMethod(message: string, element: HTMLFormElement): boolean;
     constructor(delegate: FormSubmissionDelegate, formElement: HTMLFormElement, submitter?: HTMLElement, mustRedirect?: boolean);
     get method(): FetchMethod;
     get action(): string;
@@ -44,6 +45,8 @@ export declare class FormSubmission {
     get enctype(): FormEnctype;
     get isIdempotent(): boolean;
     get stringFormData(): [string, string][];
+    get confirmationMessage(): string | null;
+    get needsConfirmation(): boolean;
     start(): Promise<void | FetchResponse>;
     stop(): true | undefined;
     prepareHeadersForRequest(headers: FetchRequestHeaders, request: FetchRequest): void;

package/dist/types/core/drive/navigator.d.ts

@@ -27,6 +27,7 @@ export declare class Navigator {
     formSubmissionFinished(formSubmission: FormSubmission): void;
     visitStarted(visit: Visit): void;
     visitCompleted(visit: Visit): void;
+    visitCachedSnapshot(visit: Visit): void;
     locationWithActionIsSamePage(location: URL, action?: Action): boolean;
     visitScrolledToSamePageLocation(oldURL: URL, newURL: URL): void;
     get location(): URL;