Post event when popup is opened

src/gkApi.ts

@@ -185,3 +185,22 @@ export const fetchDraftCounts = async (prUniqueIds: string[]) => {
 	const payload = await res.json();
 	return payload.data as { counts: PullRequestDraftCounts };
 };
+
+export const postEvent = async (event: string, data?: Record<string, unknown>) => {
+	const token = await getAccessToken();
+	if (!token) {
+		return;
+	}
+
+	await fetch(`${gkApiUrl}/events`, {
+		headers: {
+			Authorization: `Bearer ${token}`,
+		},
+		method: 'POST',
+		body: JSON.stringify({
+			source: 'browser_extension',
+			event: event,
+			data: data,
+		}),
+	});
+};

src/popup/main.tsx

@@ -2,12 +2,15 @@
 
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import { postEvent } from '../gkApi';
 import { Popup } from './components/Popup';
 
 function main() {
 	const mainEl = document.getElementById('popup-container')!;
 	const root = createRoot(mainEl);
 	root.render(<Popup />);
+
+	void postEvent('browserExtensionPopupOpened');
 }
 
 main();