Post event when popup is opened (#36)

src/gkApi.ts

@@ -175,3 +175,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

@@ -3,6 +3,7 @@
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import { postEvent } from '../gkApi';
 import { Popup } from './components/Popup';
 import { asyncStoragePersister, queryClient } from './queryClient';
 
@@ -14,6 +15,8 @@ function main() {
 			<Popup />
 		</PersistQueryClientProvider>,
 	);
+
+	void postEvent('browserExtensionPopupOpened');
 }
 
 main();