@hotwired/turbo 7.0.0-rc.2 → 7.0.0

package/dist/turbo.es2017-umd.js

@@ -1,5 +1,5 @@
 /*
-Turbo 7.0.0-rc.2
+Turbo 7.0.0
 Copyright © 2021 Basecamp, LLC
  */
 (function (global, factory) {
@@ -41,6 +41,8 @@ Copyright © 2021 Basecamp, LLC
     (function () {
         if ("SubmitEvent" in window)
             return;
+        if ("submitter" in Event.prototype)
+            return;
         addEventListener("click", clickCaptured, true);
         Object.defineProperty(Event.prototype, "submitter", {
             get() {
@@ -228,11 +230,11 @@ Copyright © 2021 Basecamp, LLC
             return this.header("Content-Type");
         }
         get responseText() {
-            return this.response.text();
+            return this.response.clone().text();
         }
         get responseHTML() {
             if (this.isHTML) {
-                return this.response.text();
+                return this.response.clone().text();
             }
             else {
                 return Promise.resolve(undefined);
@@ -245,7 +247,12 @@ Copyright © 2021 Basecamp, LLC
 
     function dispatch(eventName, { target, cancelable, detail } = {}) {
         const event = new CustomEvent(eventName, { cancelable, bubbles: true, detail });
-        void (target || document.documentElement).dispatchEvent(event);
+        if (target && target.isConnected) {
+            target.dispatchEvent(event);
+        }
+        else {
+            document.documentElement.dispatchEvent(event);
+        }
         return event;
     }
     function nextAnimationFrame() {
@@ -307,7 +314,7 @@ Copyright © 2021 Basecamp, LLC
         }
     }
     class FetchRequest {
-        constructor(delegate, method, location, body = new URLSearchParams) {
+        constructor(delegate, method, location, body = new URLSearchParams, target = null) {
             this.abortController = new AbortController;
             this.resolveRequestPromise = (value) => { };
             this.delegate = delegate;
@@ -320,6 +327,7 @@ Copyright © 2021 Basecamp, LLC
                 this.body = body;
                 this.url = location;
             }
+            this.target = target;
         }
         get location() {
             return this.url;
@@ -355,7 +363,7 @@ Copyright © 2021 Basecamp, LLC
         }
         async receive(response) {
             const fetchResponse = new FetchResponse(response);
-            const event = dispatch("turbo:before-fetch-response", { cancelable: true, detail: { fetchResponse } });
+            const event = dispatch("turbo:before-fetch-response", { cancelable: true, detail: { fetchResponse }, target: this.target });
             if (event.defaultPrevented) {
                 this.delegate.requestPreventedHandlingResponse(this, fetchResponse);
             }
@@ -392,7 +400,15 @@ Copyright © 2021 Basecamp, LLC
         }
         async allowRequestToBeIntercepted(fetchOptions) {
             const requestInterception = new Promise(resolve => this.resolveRequestPromise = resolve);
-            const event = dispatch("turbo:before-fetch-request", { cancelable: true, detail: { fetchOptions, url: this.url.href, resume: this.resolveRequestPromise } });
+            const event = dispatch("turbo:before-fetch-request", {
+                cancelable: true,
+                detail: {
+                    fetchOptions,
+                    url: this.url.href,
+                    resume: this.resolveRequestPromise
+                },
+                target: this.target
+            });
             if (event.defaultPrevented)
                 await requestInterception;
         }
@@ -505,7 +521,7 @@ Copyright © 2021 Basecamp, LLC
             this.formElement = formElement;
             this.submitter = submitter;
             this.formData = buildFormData(formElement, submitter);
-            this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body);
+            this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body, this.formElement);
             this.mustRedirect = mustRedirect;
         }
         get method() {
@@ -1118,6 +1134,7 @@ Copyright © 2021 Basecamp, LLC
             super(...arguments);
             this.detailsByOuterHTML = this.children
                 .filter((element) => !elementIsNoscript(element))
+                .map((element) => elementWithoutNonce(element))
                 .reduce((result, element) => {
                 const { outerHTML } = element;
                 const details = outerHTML in result
@@ -1202,6 +1219,12 @@ Copyright © 2021 Basecamp, LLC
         const tagName = element.tagName.toLowerCase();
         return tagName == "meta" && element.getAttribute("name") == name;
     }
+    function elementWithoutNonce(element) {
+        if (element.hasAttribute("nonce")) {
+            element.setAttribute("nonce", "");
+        }
+        return element;
+    }
 
     class PageSnapshot extends Snapshot {
         constructor(element, headSnapshot) {
@@ -1587,7 +1610,7 @@ Copyright © 2021 Basecamp, LLC
         visitRequestStarted(visit) {
             this.progressBar.setValue(0);
             if (visit.hasCachedSnapshot() || visit.action != "restore") {
-                this.showProgressBarAfterDelay();
+                this.showVisitProgressBarAfterDelay();
             }
             else {
                 this.showProgressBar();
@@ -1608,7 +1631,7 @@ Copyright © 2021 Basecamp, LLC
         }
         visitRequestFinished(visit) {
             this.progressBar.setValue(1);
-            this.hideProgressBar();
+            this.hideVisitProgressBar();
         }
         visitCompleted(visit) {
         }
@@ -1621,20 +1644,32 @@ Copyright © 2021 Basecamp, LLC
         }
         formSubmissionStarted(formSubmission) {
             this.progressBar.setValue(0);
-            this.showProgressBarAfterDelay();
+            this.showFormProgressBarAfterDelay();
         }
         formSubmissionFinished(formSubmission) {
             this.progressBar.setValue(1);
-            this.hideProgressBar();
+            this.hideFormProgressBar();
+        }
+        showVisitProgressBarAfterDelay() {
+            this.visitProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
+        }
+        hideVisitProgressBar() {
+            this.progressBar.hide();
+            if (this.visitProgressBarTimeout != null) {
+                window.clearTimeout(this.visitProgressBarTimeout);
+                delete this.visitProgressBarTimeout;
+            }
         }
-        showProgressBarAfterDelay() {
-            this.progressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
+        showFormProgressBarAfterDelay() {
+            if (this.formProgressBarTimeout == null) {
+                this.formProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
+            }
         }
-        hideProgressBar() {
+        hideFormProgressBar() {
             this.progressBar.hide();
-            if (this.progressBarTimeout != null) {
-                window.clearTimeout(this.progressBarTimeout);
-                delete this.progressBarTimeout;
+            if (this.formProgressBarTimeout != null) {
+                window.clearTimeout(this.formProgressBarTimeout);
+                delete this.formProgressBarTimeout;
             }
         }
         reload() {
@@ -1725,6 +1760,7 @@ Copyright © 2021 Basecamp, LLC
         linkClickIntercepted(element, url) {
             const frame = this.findFrameElement(element);
             if (frame) {
+                frame.setAttribute("reloadable", "");
                 frame.src = url;
             }
         }
@@ -1732,17 +1768,18 @@ Copyright © 2021 Basecamp, LLC
             return this.shouldRedirect(element, submitter);
         }
         formSubmissionIntercepted(element, submitter) {
-            const frame = this.findFrameElement(element);
+            const frame = this.findFrameElement(element, submitter);
             if (frame) {
+                frame.removeAttribute("reloadable");
                 frame.delegate.formSubmissionIntercepted(element, submitter);
             }
         }
         shouldRedirect(element, submitter) {
-            const frame = this.findFrameElement(element);
+            const frame = this.findFrameElement(element, submitter);
             return frame ? frame != element.closest("turbo-frame") : false;
         }
-        findFrameElement(element) {
-            const id = element.getAttribute("data-turbo-frame");
+        findFrameElement(element, submitter) {
+            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame");
             if (id && id != "_top") {
                 const frame = this.element.querySelector(`#${id}:not([disabled])`);
                 if (frame instanceof FrameElement) {
@@ -2454,12 +2491,14 @@ 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";
-                document.body.appendChild(form);
+                form.hidden = true;
+                (_a = link.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(form, link);
                 return dispatch("submit", { cancelable: true, target: form });
             }
             else {
@@ -2768,7 +2807,7 @@ 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);
+                this.navigateFrame(element, this.formSubmission.fetchRequest.url.href, submitter);
             }
             else {
                 const { fetchRequest } = this.formSubmission;
@@ -2805,7 +2844,7 @@ Copyright © 2021 Basecamp, LLC
             frame.setAttribute("busy", "");
         }
         formSubmissionSucceededWithResponse(formSubmission, response) {
-            const frame = this.findFrameElement(formSubmission.formElement);
+            const frame = this.findFrameElement(formSubmission.formElement, formSubmission.submitter);
             frame.delegate.loadResponse(response);
         }
         formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
@@ -2826,7 +2865,7 @@ Copyright © 2021 Basecamp, LLC
         viewInvalidated() {
         }
         async visit(url) {
-            const request = new FetchRequest(this, FetchMethod.get, expandURL(url));
+            const request = new FetchRequest(this, FetchMethod.get, expandURL(url), undefined, this.element);
             return new Promise(resolve => {
                 this.resolveVisitPromise = () => {
                     this.resolveVisitPromise = () => { };
@@ -2835,13 +2874,14 @@ Copyright © 2021 Basecamp, LLC
                 request.perform();
             });
         }
-        navigateFrame(element, url) {
-            const frame = this.findFrameElement(element);
+        navigateFrame(element, url, submitter) {
+            const frame = this.findFrameElement(element, submitter);
+            frame.setAttribute("reloadable", "");
             frame.src = url;
         }
-        findFrameElement(element) {
+        findFrameElement(element, submitter) {
             var _a;
-            const id = element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
             return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element;
         }
         async extractForeignFrameElement(container) {
@@ -2863,7 +2903,7 @@ Copyright © 2021 Basecamp, LLC
             return new FrameElement();
         }
         shouldInterceptNavigation(element, submitter) {
-            const id = element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
+            const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
             if (!this.enabled || id == "_top") {
                 return false;
             }
@@ -3126,4 +3166,3 @@ Copyright © 2021 Basecamp, LLC
     Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
-//# sourceMappingURL=turbo.es2017-umd.js.map