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

package/dist/types/core/frames/frame_controller.d.ts

@@ -5,12 +5,16 @@ import { AppearanceObserver, AppearanceObserverDelegate } from "../../observers/
 import { FormSubmission, FormSubmissionDelegate } from "../drive/form_submission";
 import { Snapshot } from "../snapshot";
 import { ViewDelegate, ViewRenderOptions } from "../view";
+import { Locatable } from "../url";
 import { FormSubmitObserver, FormSubmitObserverDelegate } from "../../observers/form_submit_observer";
 import { FrameView } from "./frame_view";
 import { LinkClickObserver, LinkClickObserverDelegate } from "../../observers/link_click_observer";
 import { FormLinkClickObserver, FormLinkClickObserverDelegate } from "../../observers/form_link_click_observer";
+import { VisitOptions } from "../drive/visit";
+declare type VisitFallback = (location: Response | Locatable, options: Partial<VisitOptions>) => Promise<void>;
 export declare type TurboFrameMissingEvent = CustomEvent<{
-    fetchResponse: FetchResponse;
+    response: Response;
+    visit: VisitFallback;
 }>;
 export declare class FrameController implements AppearanceObserverDelegate, FetchRequestDelegate, FormSubmitObserverDelegate, FormSubmissionDelegate, FrameElementDelegate, FormLinkClickObserverDelegate, LinkClickObserverDelegate, ViewDelegate<FrameElement, Snapshot<FrameElement>> {
     readonly element: FrameElement;
@@ -51,7 +55,7 @@ export declare class FrameController implements AppearanceObserverDelegate, Fetc
     requestStarted(_request: FetchRequest): void;
     requestPreventedHandlingResponse(_request: FetchRequest, _response: FetchResponse): void;
     requestSucceededWithResponse(request: FetchRequest, response: FetchResponse): Promise<void>;
-    requestFailedWithResponse(request: FetchRequest, response: FetchResponse): void;
+    requestFailedWithResponse(request: FetchRequest, response: FetchResponse): Promise<void>;
     requestErrored(request: FetchRequest, error: Error): void;
     requestFinished(_request: FetchRequest): void;
     formSubmissionStarted({ formElement }: FormSubmission): void;
@@ -69,7 +73,8 @@ export declare class FrameController implements AppearanceObserverDelegate, Fetc
     private navigateFrame;
     private proposeVisitIfNavigatedWithAction;
     changeHistory(): void;
-    private sessionWillHandleMissingFrame;
+    private willHandleFrameMissingFromResponse;
+    private visitResponse;
     private findFrameElement;
     extractForeignFrameElement(container: ParentNode): Promise<FrameElement | null>;
     private formActionIsVisitable;
@@ -88,3 +93,4 @@ export declare class FrameController implements AppearanceObserverDelegate, Fetc
     private ignoringChangesToAttribute;
     private withCurrentNavigationElement;
 }
+export {};

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

@@ -15,9 +15,7 @@ export { navigator, session, cache, PageRenderer, PageSnapshot, FrameRenderer };
 export { TurboBeforeCacheEvent, TurboBeforeRenderEvent, TurboBeforeVisitEvent, TurboClickEvent, TurboFetchRequestErrorEvent, TurboFrameLoadEvent, TurboFrameRenderEvent, TurboLoadEvent, TurboRenderEvent, TurboVisitEvent, } from "./session";
 export { TurboSubmitStartEvent, TurboSubmitEndEvent } from "./drive/form_submission";
 export { TurboFrameMissingEvent } from "./frames/frame_controller";
-export { TurboBeforeFetchRequestEvent, TurboBeforeFetchResponseEvent } from "../http/fetch_request";
-export { TurboBeforeStreamRenderEvent } from "../elements/stream_element";
-export { StreamActions } from "./streams/stream_actions";
+export { StreamActions, TurboStreamAction, TurboStreamActions } from "./streams/stream_actions";
 export declare function start(): void;
 export declare function registerAdapter(adapter: Adapter): void;
 export declare function visit(location: Locatable, options?: Partial<VisitOptions>): Promise<void>;
@@ -26,5 +24,5 @@ export declare function disconnectStreamSource(source: StreamSource): void;
 export declare function renderStreamMessage(message: StreamMessage | string): void;
 export declare function clearCache(): void;
 export declare function setProgressBarDelay(delay: number): void;
-export declare function setConfirmMethod(confirmMethod: (message: string, element: HTMLFormElement) => Promise<boolean>): void;
+export declare function setConfirmMethod(confirmMethod: (message: string, element: HTMLFormElement, submitter: HTMLElement | undefined) => Promise<boolean>): void;
 export declare function setFormMode(mode: FormMode): void;

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

@@ -11,6 +11,7 @@ import { Navigator, NavigatorDelegate } from "./drive/navigator";
 import { PageObserver, PageObserverDelegate } from "../observers/page_observer";
 import { ScrollObserver } from "../observers/scroll_observer";
 import { StreamMessage } from "./streams/stream_message";
+import { StreamMessageRenderer } from "./streams/stream_message_renderer";
 import { StreamObserver } from "../observers/stream_observer";
 import { Action, Position, StreamSource } from "./types";
 import { PageView, PageViewDelegate, PageViewRenderOptions } from "./drive/page_view";
@@ -68,6 +69,7 @@ export declare class Session implements FormSubmitObserverDelegate, HistoryDeleg
     readonly streamObserver: StreamObserver;
     readonly formLinkClickObserver: FormLinkClickObserver;
     readonly frameRedirector: FrameRedirector;
+    readonly streamMessageRenderer: StreamMessageRenderer;
     drive: boolean;
     enabled: boolean;
     progressBarDelay: number;
@@ -92,7 +94,7 @@ export declare class Session implements FormSubmitObserverDelegate, HistoryDeleg
     submittedFormLinkToLocation(): void;
     willFollowLinkToLocation(link: Element, location: URL, event: MouseEvent): boolean;
     followedLinkToLocation(link: Element, location: URL): void;
-    allowsVisitingLocationWithAction(location: URL, action?: Action): boolean;
+    allowsVisitingLocation(location: URL, options?: Partial<VisitOptions>): boolean;
     visitProposedToLocation(location: URL, options: Partial<VisitOptions>): Promise<void>;
     visitStarted(visit: Visit): void;
     visitCompleted(visit: Visit): void;
@@ -111,17 +113,16 @@ export declare class Session implements FormSubmitObserverDelegate, HistoryDeleg
     viewInvalidated(reason: ReloadReason): void;
     frameLoaded(frame: FrameElement): void;
     frameRendered(fetchResponse: FetchResponse, frame: FrameElement): void;
-    frameMissing(frame: FrameElement, fetchResponse: FetchResponse): Promise<void>;
     applicationAllowsFollowingLinkToLocation(link: Element, location: URL, ev: MouseEvent): boolean;
-    applicationAllowsVisitingLocation(location: URL): boolean;
+    applicationAllowsVisitingLocation(location: URL, options?: Partial<VisitOptions>): boolean;
     notifyApplicationAfterClickingLinkToLocation(link: Element, location: URL, event: MouseEvent): CustomEvent<{
         url: string;
         originalEvent: MouseEvent;
     }>;
-    notifyApplicationBeforeVisitingLocation(location: URL): CustomEvent<{
+    notifyApplicationBeforeVisitingLocation(location: URL, element?: Element): CustomEvent<{
         url: string;
     }>;
-    notifyApplicationAfterVisitingLocation(location: URL, action: Action): CustomEvent<{
+    notifyApplicationAfterVisitingLocation(location: URL, action: Action, element?: Element): CustomEvent<{
         url: string;
         action: Action;
     }>;

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

@@ -7,8 +7,10 @@ export declare class Snapshot<E extends Element = Element> {
     getElementForAnchor(anchor: string | undefined): Element | null;
     get isConnected(): boolean;
     get firstAutofocusableElement(): Element | null;
-    get permanentElements(): Element[];
+    get permanentElements(): NodeListOf<Element>;
     getPermanentElementById(id: string): Element | null;
     getPermanentElementMapForSnapshot(snapshot: Snapshot): PermanentElementMap;
 }
+export declare function getPermanentElementById(node: ParentNode, id: string): Element | null;
+export declare function queryPermanentElementsAll(node: ParentNode): NodeListOf<Element>;
 export declare type PermanentElementMap = Record<string, [Element, Element]>;

package/dist/types/core/streams/stream_actions.d.ts

@@ -1,4 +1,6 @@
 import { StreamElement } from "../../elements/stream_element";
-export declare const StreamActions: {
-    [action: string]: (this: StreamElement) => void;
+export declare type TurboStreamAction = (this: StreamElement) => void;
+export declare type TurboStreamActions = {
+    [action: string]: TurboStreamAction;
 };
+export declare const StreamActions: TurboStreamActions;

package/dist/types/core/streams/stream_message_renderer.d.ts

@@ -0,0 +1,7 @@
+import { StreamMessage } from "./stream_message";
+import { BardoDelegate } from "../bardo";
+export declare class StreamMessageRenderer implements BardoDelegate {
+    render({ fragment }: StreamMessage): void;
+    enteringBardo(currentPermanentElement: Element, newPermanentElement: Element): void;
+    leavingBardo(): void;
+}

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

@@ -1,2 +1,3 @@
 export * from "./frame_element";
 export * from "./stream_element";
+export * from "./stream_source_element";

package/dist/types/elements/stream_element.d.ts

@@ -1,14 +1,17 @@
+declare type Render = (currentElement: StreamElement) => Promise<void>;
 export declare type TurboBeforeStreamRenderEvent = CustomEvent<{
     newStream: StreamElement;
+    render: Render;
 }>;
 export declare class StreamElement extends HTMLElement {
+    static renderElement(newElement: StreamElement): Promise<void>;
     connectedCallback(): Promise<void>;
     private renderPromise?;
     render(): Promise<void>;
     disconnect(): void;
     removeDuplicateTargetChildren(): void;
     get duplicateChildren(): any[];
-    get performAction(): (this: StreamElement) => void;
+    get performAction(): import("../core/streams/stream_actions").TurboStreamAction;
     get targetElements(): any[];
     get templateContent(): DocumentFragment;
     get templateElement(): HTMLTemplateElement;
@@ -21,3 +24,4 @@ export declare class StreamElement extends HTMLElement {
     private get targetElementsById();
     private get targetElementsByQuery();
 }
+export {};

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

@@ -1,5 +1,4 @@
 import { FetchResponse } from "./fetch_response";
-import { FrameElement } from "../elements/frame_element";
 export declare type TurboBeforeFetchRequestEvent = CustomEvent<{
     fetchOptions: RequestInit;
     url: URL;
@@ -41,10 +40,10 @@ export declare class FetchRequest {
     readonly headers: FetchRequestHeaders;
     readonly url: URL;
     readonly body?: FetchRequestBody;
-    readonly target?: FrameElement | HTMLFormElement | null;
+    readonly target?: Element | null;
     readonly abortController: AbortController;
     private resolveRequestPromise;
-    constructor(delegate: FetchRequestDelegate, method: FetchMethod, location: URL, body?: FetchRequestBody, target?: FrameElement | HTMLFormElement | null);
+    constructor(delegate: FetchRequestDelegate, method: FetchMethod, location: URL, body?: FetchRequestBody, target?: Element | null);
     get location(): URL;
     get params(): URLSearchParams;
     get entries(): [string, FormDataEntryValue][];

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

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

package/dist/types/index.d.ts

@@ -2,3 +2,5 @@ import "./polyfills";
 import "./elements";
 import "./script_warning";
 export * from "./core";
+export * from "./elements";
+export * from "./http";

package/dist/types/tests/functional/drive_custom_body_tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/helpers/page.d.ts

@@ -1,6 +1,11 @@
 import { JSHandle, Locator, Page } from "@playwright/test";
-declare type EventLog = [string, any, string | null];
-declare type MutationLog = [string, string | null, string | null];
+declare type Target = string | null;
+declare type EventType = string;
+declare type EventDetail = any;
+declare type EventLog = [EventType, EventDetail, Target];
+declare type MutationAttributeName = string;
+declare type MutationAttributeValue = string | null;
+declare type MutationLog = [MutationAttributeName, Target, MutationAttributeValue];
 export declare function attributeForSelector(page: Page, selector: string, attributeName: string): Promise<string | null>;
 export declare function clickWithoutScrolling(page: Page, selector: string, options?: {}): Promise<false | void>;
 export declare function clearLocalStorage(page: Page): Promise<void>;
@@ -16,6 +21,7 @@ export declare function nextBody(_page: Page, timeout?: number): Promise<void>;
 export declare function nextEventNamed(page: Page, eventName: string): Promise<any>;
 export declare function nextEventOnTarget(page: Page, elementId: string, eventName: string): Promise<any>;
 export declare function nextAttributeMutationNamed(page: Page, elementId: string, attributeName: string): Promise<string | null>;
+export declare function noNextAttributeMutationNamed(page: Page, elementId: string, attributeName: string): Promise<boolean>;
 export declare function noNextEventNamed(page: Page, eventName: string): Promise<boolean>;
 export declare function noNextEventOnTarget(page: Page, elementId: string, eventName: string): Promise<boolean>;
 export declare function outerHTMLForSelector(page: Page, selector: string): Promise<string>;

package/dist/types/util.d.ts

@@ -14,11 +14,13 @@ export declare function parseHTMLDocument(html?: string): Document;
 export declare function unindent(strings: TemplateStringsArray, ...values: any[]): string;
 export declare function uuid(): string;
 export declare function getAttribute(attributeName: string, ...elements: (Element | undefined)[]): string | null;
+export declare function hasAttribute(attributeName: string, ...elements: (Element | undefined)[]): boolean;
 export declare function markAsBusy(...elements: Element[]): void;
 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-beta.2",
+  "version": "7.2.0-rc.1",
   "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",
@@ -37,7 +37,7 @@
   "devDependencies": {
     "@playwright/test": "^1.22.2",
     "@rollup/plugin-node-resolve": "13.1.3",
-    "@rollup/plugin-typescript": "8.3.1",
+    "@rollup/plugin-typescript": "^8.5.0",
     "@types/multer": "^1.4.5",
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",
@@ -50,8 +50,8 @@
     "multer": "^1.4.2",
     "prettier": "2.6.2",
     "rollup": "^2.35.1",
-    "tslib": "^2.0.3",
-    "typescript": "^4.6.3"
+    "tslib": "^2.4.0",
+    "typescript": "^4.8.2"
   },
   "scripts": {
     "clean": "rm -fr dist",