fix(ts): do not wrap @event detail in CustomEvent if it contains Cust…

…omEvent

src/writer/writer-ts-definitions.ts

@@ -101,10 +101,14 @@ function genSlotDef(def: Pick<ComponentDocApi, "slots">) {
 }
 
 function genEventDef(def: Pick<ComponentDocApi, "events">) {
+  const createDispatchedEvent = (detail: string = ANY_TYPE) => {
+    if (/CustomEvent/.test(detail)) return detail;
+    return `CustomEvent<${detail}>`;
+  };
   return def.events
     .map((event) => {
       return `${clampKey(event.name)}: ${
-        event.type === "dispatched" ? `CustomEvent<${event.detail || ANY_TYPE}>` : `WindowEventMap["${event.name}"]`
+        event.type === "dispatched" ? createDispatchedEvent(event.detail) : `WindowEventMap["${event.name}"]`
       };`;
     })
     .join("\n");

tests/snapshots/mixed-events/input.svelte

@@ -0,0 +1,19 @@
+<script>
+  /**
+   * @event {FocusEvent | number} custom-focus
+   * @event {FocusEvent | CustomEvent<FocusEvent>} blur
+   */
+  import { createEventDispatcher } from "svelte";
+
+  const dispatcher = createEventDispatcher();
+</script>
+
+<button
+  on:focus={(e) => {
+    dispatcher("custom-focus", e | 0);
+  }}
+  on:blur
+  on:blur={(e) => {
+    dispatcher("blur", e);
+  }}
+/>

tests/snapshots/mixed-events/output.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="svelte" />
+import { SvelteComponentTyped } from "svelte";
+
+export interface InputProps {}
+
+export default class Input extends SvelteComponentTyped<
+  InputProps,
+  { ["custom-focus"]: CustomEvent<FocusEvent | number>; blur: FocusEvent | CustomEvent<FocusEvent> },
+  {}
+> {}

tests/snapshots/mixed-events/output.json

@@ -0,0 +1,17 @@
+{
+  "props": [],
+  "slots": [],
+  "events": [
+    {
+      "type": "dispatched",
+      "name": "custom-focus",
+      "detail": "FocusEvent | number"
+    },
+    {
+      "type": "dispatched",
+      "name": "blur",
+      "detail": "FocusEvent | CustomEvent<FocusEvent>"
+    }
+  ],
+  "typedefs": []
+}