@hotwired/turbo 7.2.0-rc.1 → 7.2.0-rc.2

package/dist/turbo.es2017-esm.js

@@ -448,9 +448,6 @@ function getVisitAction(...elements) {
     const action = getAttribute("data-turbo-action", ...elements);
     return isAction(action) ? action : null;
 }
-function getBodyElementId() {
-    return getMetaContent("turbo-body");
-}
 function getMetaElement(name) {
     return document.querySelector(`meta[name="${name}"]`);
 }
@@ -526,7 +523,9 @@ class FetchRequest {
         }
         catch (error) {
             if (error.name !== "AbortError") {
-                this.delegate.requestErrored(this, error);
+                if (this.willDelegateErrorHandling(error)) {
+                    this.delegate.requestErrored(this, error);
+                }
                 throw error;
             }
         }
@@ -592,6 +591,14 @@ class FetchRequest {
         if (event.defaultPrevented)
             await requestInterception;
     }
+    willDelegateErrorHandling(error) {
+        const event = dispatch("turbo:fetch-request-error", {
+            target: this.target,
+            cancelable: true,
+            detail: { request: this, error: error },
+        });
+        return !event.defaultPrevented;
+    }
 }
 
 class AppearanceObserver {
@@ -789,10 +796,6 @@ class FormSubmission {
     }
     requestErrored(request, error) {
         this.result = { success: false, error };
-        dispatch("turbo:fetch-request-error", {
-            target: this.formElement,
-            detail: { request, error },
-        });
         this.delegate.formSubmissionErrored(this, error);
     }
     requestFinished(_request) {
@@ -2562,19 +2565,16 @@ class ErrorRenderer extends Renderer {
 }
 
 class PageRenderer extends Renderer {
-    static async renderElement(currentElement, newElement) {
-        await nextEventLoopTick();
+    static renderElement(currentElement, newElement) {
         if (document.body && newElement instanceof HTMLBodyElement) {
-            const currentBody = PageRenderer.getBodyElement(currentElement);
-            const newBody = PageRenderer.getBodyElement(newElement);
-            currentBody.replaceWith(newBody);
+            document.body.replaceWith(newElement);
         }
         else {
             document.documentElement.appendChild(newElement);
         }
     }
     get shouldRender() {
-        return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical && this.bodyElementMatches;
+        return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical;
     }
     get reloadReason() {
         if (!this.newSnapshot.isVisitable) {
@@ -2587,11 +2587,6 @@ class PageRenderer extends Renderer {
                 reason: "tracked_element_mismatch",
             };
         }
-        if (!this.bodyElementMatches) {
-            return {
-                reason: "body_element_mismatch",
-            };
-        }
     }
     async prepareToRender() {
         await this.mergeHead();
@@ -2632,16 +2627,6 @@ class PageRenderer extends Renderer {
     get trackedElementsAreIdentical() {
         return this.currentHeadSnapshot.trackedElementSignature == this.newHeadSnapshot.trackedElementSignature;
     }
-    get bodyElementMatches() {
-        return PageRenderer.getBodyElement(this.newElement) !== null;
-    }
-    static get bodySelector() {
-        const bodyId = getBodyElementId();
-        return bodyId ? `#${bodyId}` : "body";
-    }
-    static getBodyElement(element) {
-        return element.querySelector(this.bodySelector) || element;
-    }
     async copyNewHeadStylesheetElements() {
         const loadingElements = [];
         for (const element of this.newHeadStylesheetElements) {
@@ -3414,10 +3399,6 @@ class FrameController {
     }
     requestErrored(request, error) {
         console.error(error);
-        dispatch("turbo:fetch-request-error", {
-            target: this.element,
-            detail: { request, error },
-        });
         this.resolveVisitPromise();
     }
     requestFinished(_request) {

package/dist/turbo.es2017-umd.js

@@ -454,9 +454,6 @@ Copyright © 2022 Basecamp, LLC
         const action = getAttribute("data-turbo-action", ...elements);
         return isAction(action) ? action : null;
     }
-    function getBodyElementId() {
-        return getMetaContent("turbo-body");
-    }
     function getMetaElement(name) {
         return document.querySelector(`meta[name="${name}"]`);
     }
@@ -532,7 +529,9 @@ Copyright © 2022 Basecamp, LLC
             }
             catch (error) {
                 if (error.name !== "AbortError") {
-                    this.delegate.requestErrored(this, error);
+                    if (this.willDelegateErrorHandling(error)) {
+                        this.delegate.requestErrored(this, error);
+                    }
                     throw error;
                 }
             }
@@ -598,6 +597,14 @@ Copyright © 2022 Basecamp, LLC
             if (event.defaultPrevented)
                 await requestInterception;
         }
+        willDelegateErrorHandling(error) {
+            const event = dispatch("turbo:fetch-request-error", {
+                target: this.target,
+                cancelable: true,
+                detail: { request: this, error: error },
+            });
+            return !event.defaultPrevented;
+        }
     }
 
     class AppearanceObserver {
@@ -795,10 +802,6 @@ Copyright © 2022 Basecamp, LLC
         }
         requestErrored(request, error) {
             this.result = { success: false, error };
-            dispatch("turbo:fetch-request-error", {
-                target: this.formElement,
-                detail: { request, error },
-            });
             this.delegate.formSubmissionErrored(this, error);
         }
         requestFinished(_request) {
@@ -2568,19 +2571,16 @@ Copyright © 2022 Basecamp, LLC
     }
 
     class PageRenderer extends Renderer {
-        static async renderElement(currentElement, newElement) {
-            await nextEventLoopTick();
+        static renderElement(currentElement, newElement) {
             if (document.body && newElement instanceof HTMLBodyElement) {
-                const currentBody = PageRenderer.getBodyElement(currentElement);
-                const newBody = PageRenderer.getBodyElement(newElement);
-                currentBody.replaceWith(newBody);
+                document.body.replaceWith(newElement);
             }
             else {
                 document.documentElement.appendChild(newElement);
             }
         }
         get shouldRender() {
-            return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical && this.bodyElementMatches;
+            return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical;
         }
         get reloadReason() {
             if (!this.newSnapshot.isVisitable) {
@@ -2593,11 +2593,6 @@ Copyright © 2022 Basecamp, LLC
                     reason: "tracked_element_mismatch",
                 };
             }
-            if (!this.bodyElementMatches) {
-                return {
-                    reason: "body_element_mismatch",
-                };
-            }
         }
         async prepareToRender() {
             await this.mergeHead();
@@ -2638,16 +2633,6 @@ Copyright © 2022 Basecamp, LLC
         get trackedElementsAreIdentical() {
             return this.currentHeadSnapshot.trackedElementSignature == this.newHeadSnapshot.trackedElementSignature;
         }
-        get bodyElementMatches() {
-            return PageRenderer.getBodyElement(this.newElement) !== null;
-        }
-        static get bodySelector() {
-            const bodyId = getBodyElementId();
-            return bodyId ? `#${bodyId}` : "body";
-        }
-        static getBodyElement(element) {
-            return element.querySelector(this.bodySelector) || element;
-        }
         async copyNewHeadStylesheetElements() {
             const loadingElements = [];
             for (const element of this.newHeadStylesheetElements) {
@@ -3420,10 +3405,6 @@ Copyright © 2022 Basecamp, LLC
         }
         requestErrored(request, error) {
             console.error(error);
-            dispatch("turbo:fetch-request-error", {
-                target: this.element,
-                detail: { request, error },
-            });
             this.resolveVisitPromise();
         }
         requestFinished(_request) {

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

@@ -2,7 +2,7 @@ import { Renderer } from "../renderer";
 import { PageSnapshot } from "./page_snapshot";
 import { ReloadReason } from "../native/browser_adapter";
 export declare class PageRenderer extends Renderer<HTMLBodyElement, PageSnapshot> {
-    static renderElement(currentElement: HTMLBodyElement, newElement: HTMLBodyElement): Promise<void>;
+    static renderElement(currentElement: HTMLBodyElement, newElement: HTMLBodyElement): void;
     get shouldRender(): boolean;
     get reloadReason(): ReloadReason;
     prepareToRender(): Promise<void>;
@@ -14,9 +14,6 @@ export declare class PageRenderer extends Renderer<HTMLBodyElement, PageSnapshot
     mergeHead(): Promise<void>;
     replaceBody(): void;
     get trackedElementsAreIdentical(): boolean;
-    get bodyElementMatches(): boolean;
-    static get bodySelector(): string;
-    static getBodyElement(element: HTMLElement): HTMLElement;
     copyNewHeadStylesheetElements(): Promise<void>;
     copyNewHeadScriptElements(): void;
     removeCurrentHeadProvisionalElements(): void;

package/dist/types/core/index.d.ts

@@ -12,7 +12,7 @@ declare const session: Session;
 declare const cache: Cache;
 declare const navigator: import("./drive/navigator").Navigator;
 export { navigator, session, cache, PageRenderer, PageSnapshot, FrameRenderer };
-export { TurboBeforeCacheEvent, TurboBeforeRenderEvent, TurboBeforeVisitEvent, TurboClickEvent, TurboFetchRequestErrorEvent, TurboFrameLoadEvent, TurboFrameRenderEvent, TurboLoadEvent, TurboRenderEvent, TurboVisitEvent, } from "./session";
+export { TurboBeforeCacheEvent, TurboBeforeRenderEvent, TurboBeforeVisitEvent, TurboClickEvent, TurboFrameLoadEvent, TurboFrameRenderEvent, TurboLoadEvent, TurboRenderEvent, TurboVisitEvent, } from "./session";
 export { TurboSubmitStartEvent, TurboSubmitEndEvent } from "./drive/form_submission";
 export { TurboFrameMissingEvent } from "./frames/frame_controller";
 export { StreamActions, TurboStreamAction, TurboStreamActions } from "./streams/stream_actions";

package/dist/types/core/session.d.ts

@@ -21,7 +21,6 @@ import { FrameElement } from "../elements/frame_element";
 import { FrameViewRenderOptions } from "./frames/frame_view";
 import { FetchResponse } from "../http/fetch_response";
 import { Preloader, PreloaderDelegate } from "./drive/preloader";
-import { FetchRequest } from "../http/fetch_request";
 export declare type FormMode = "on" | "off" | "optin";
 export declare type TimingData = unknown;
 export declare type TurboBeforeCacheEvent = CustomEvent;
@@ -39,10 +38,6 @@ export declare type TurboFrameLoadEvent = CustomEvent;
 export declare type TurboBeforeFrameRenderEvent = CustomEvent<{
     newFrame: FrameElement;
 } & FrameViewRenderOptions>;
-export declare type TurboFetchRequestErrorEvent = CustomEvent<{
-    request: FetchRequest;
-    error: Error;
-}>;
 export declare type TurboFrameRenderEvent = CustomEvent<{
     fetchResponse: FetchResponse;
 }>;

package/dist/types/http/fetch_request.d.ts

@@ -7,6 +7,10 @@ export declare type TurboBeforeFetchRequestEvent = CustomEvent<{
 export declare type TurboBeforeFetchResponseEvent = CustomEvent<{
     fetchResponse: FetchResponse;
 }>;
+export declare type TurboFetchRequestErrorEvent = CustomEvent<{
+    request: FetchRequest;
+    error: Error;
+}>;
 export interface FetchRequestDelegate {
     referrer?: URL;
     prepareHeadersForRequest?(headers: FetchRequestHeaders, request: FetchRequest): void;
@@ -58,4 +62,5 @@ export declare class FetchRequest {
     get abortSignal(): AbortSignal;
     acceptResponseType(mimeType: string): void;
     private allowRequestToBeIntercepted;
+    private willDelegateErrorHandling;
 }

package/dist/types/http/index.d.ts

@@ -1 +1 @@
-export { TurboBeforeFetchRequestEvent, TurboBeforeFetchResponseEvent } from "./fetch_request";
+export { TurboBeforeFetchRequestEvent, TurboBeforeFetchResponseEvent, TurboFetchRequestErrorEvent, } from "./fetch_request";

package/dist/types/util.d.ts

@@ -20,7 +20,6 @@ export declare function clearBusyState(...elements: Element[]): void;
 export declare function waitForLoad(element: HTMLLinkElement, timeoutInMilliseconds?: number): Promise<void>;
 export declare function getHistoryMethodForAction(action: Action): (data: any, unused: string, url?: string | URL | null | undefined) => void;
 export declare function getVisitAction(...elements: (Element | undefined)[]): Action | null;
-export declare function getBodyElementId(): string | null;
 export declare function getMetaElement(name: string): HTMLMetaElement | null;
 export declare function getMetaContent(name: string): string | null;
 export declare function setMetaContent(name: string, content: string): HTMLMetaElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotwired/turbo",
-  "version": "7.2.0-rc.1",
+  "version": "7.2.0-rc.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",