[cdp] add event forwarding and inject chobitsu page id

Author: velzie

frontend/src/CDP.ts

@@ -81,7 +81,23 @@ class CDPServer {
 				const callback = callbacks.get(msg.id)!;
 				callback(msg);
 				callbacks.delete(session.messageid);
+
+				return;
+			}
+			console.log("Forwawrding Evvent", msg);
+			if (msg.params?.context) {
+				msg.params.context.auxData = {
+					frameId: String(tab.id),
+					isDefault: true,
+				};
 			}
+			this.sendMessage(
+				JSON.stringify({
+					method: msg.method,
+					params: msg.params,
+					sessionId: sid,
+				})
+			);
 		};
 
 		return sid;

frontend/src/Tab.tsx

@@ -180,6 +180,10 @@ function injectChobitsu(client: ScramjetClient, tab: Tab) {
 	devtoolsScript.setAttribute("src", devtoolsUrl + "/chobitsu_inject.js");
 	client.global.document.head.appendChild(devtoolsScript);
 
+	// page needs to know what its id is so it can send to playwright properly
+	// @ts-expect-error
+	client.global.$chobitsuPageId = String(tab.id);
+
 	// @ts-expect-error
 	client.global.$onChobitsuMessage = (message: string) => {
 		if (tab.onChobitsuMessage) tab.onChobitsuMessage(message);