Add debugEventTarget function

packages/seqflow-js/src/debug.ts

@@ -0,0 +1,18 @@
+export function debugEventTarget(ev: EventTarget): EventTarget {
+	const oldAddEventListener = ev.addEventListener;
+	ev.addEventListener = (
+		type: string,
+		listener: EventListenerOrEventListenerObject,
+		options?: boolean | AddEventListenerOptions,
+	) => {
+		console.log("addEventListener", type);
+		return oldAddEventListener.call(ev, type, listener, options);
+	};
+	const oldDispatchEvent = ev.dispatchEvent;
+	ev.dispatchEvent = (event: Event) => {
+		console.log("dispatchEvent", event.type);
+		return oldDispatchEvent.call(ev, event);
+	};
+
+	return ev;
+}

packages/seqflow-js/src/index.ts

@@ -7,6 +7,7 @@ import {
 	type Router,
 } from "./router";
 import { domEvent, domainEvent, navigationEvent } from "./typedEvents";
+export { debugEventTarget } from "./debug";
 
 export { BrowserRouter, type Router, NavigationEvent, InMemoryRouter };
 export type { EventAsyncGenerator, CustomEventAsyncGenerator } from "./events";

packages/seqflow-js/tests/types.test.tsx

@@ -15,7 +15,5 @@ test("render simple button", async () => {
 		},
 		{},
 	);
-	expect(document.body.innerHTML).toBe(
-		'<input type="button" list="button">',
-	);
+	expect(document.body.innerHTML).toBe('<input type="button" list="button">');
 });