🤖 Merge PR DefinitelyTyped#71699 Teach TS turbo-frame, turbo-stream tags by @myabc

Author: myabc

types/hotwired__turbo/hotwired__turbo-tests.ts

@@ -1,6 +1,9 @@
-import { FrameElement, StreamActions, StreamElement, visit } from "@hotwired/turbo";
+import { StreamActions, visit } from "@hotwired/turbo";
 
-const turboFrame = document.querySelector<FrameElement>("turbo-frame")!;
+const turboFrame = document.querySelector("turbo-frame")!;
+
+// $ExpectType FrameElement
+turboFrame;
 
 // @ts-expect-error
 turboFrame.complete = true;
@@ -16,7 +19,10 @@ turboFrame.loading = "slow";
 
 turboFrame.reload().catch(console.error);
 
-const turboStream = document.querySelector<StreamElement>("turbo-stream")!;
+const turboStream = document.querySelector("turbo-stream")!;
+
+// $ExpectType StreamElement
+turboStream;
 
 // @ts-expect-error
 turboStream.action = "123";

types/hotwired__turbo/index.d.ts

@@ -218,6 +218,11 @@ export type TurboFetchRequestErrorEvent = CustomEvent<{
     error: Error;
 }>;
 
+export interface TurboElementTagNameMap {
+    "turbo-frame": FrameElement;
+    "turbo-stream": StreamElement;
+}
+
 export interface TurboElementEventMap {
     "turbo:before-frame-render": TurboBeforeFrameRenderEvent;
     "turbo:before-fetch-request": TurboBeforeFetchRequestEvent;
@@ -245,6 +250,7 @@ export interface TurboGlobalEventHandlersEventMap extends TurboElementEventMap {
 
 declare global {
     /* eslint-disable @typescript-eslint/no-empty-interface */
+    interface HTMLElementTagNameMap extends TurboElementTagNameMap {}
     interface ElementEventMap extends TurboElementEventMap {}
     interface GlobalEventHandlersEventMap extends TurboGlobalEventHandlersEventMap {}
     /* eslint-enable @typescript-eslint/no-empty-interface */