feat: open an injected course page on course block click in popup main (#146)

* feat: Imports to popupcourseblock.tsx

* changing the blocks to accept parameters for clicking functionality which may or may not open the calendar

* put the click parameter in the div of popupcourseblock

* safely calling for onCourseClick in the event it is an undefined function

* handled other calls of popupcourseblock with empty functions for now, and i think popupmain opens calendar now when the course block is clicked

* feat: Testing out passing params to handleOpenCalendar

* url that takes in params to open calendar with params

* further work on url params; from popup main to handleopencalendar to calendar using urlsearchparams

* feat: small calendar shifting after merge:

* fix: merge handling and then references to new click parameter

* fix: optional params

* feat: split into two functions instead

* fix: changing proper usage of handleOpenCalendarWithCourse

* feat: show course popup when calendar opened

* chore: remove useless commented out code

* feat: close popup on calendar nav, fix build errors, remove useless comments/logs

* chore: chromatic so dumb fr why aren't you chrome

* fix: refactor listeners to build properly

* feat: exit early when not in chrome extension

* fix: function return type

* fix: function return type x2

* fix: generic type for useState

* refactor: extract calendar opening on click functions

* refactor: chrome runtime mock, omit question mark if no query params, rename calendar event

* refactor: move course click event into component directly instead of prop

* refactor: removed useless wrapper functions, made popup course block more accessible

* fix: i dont wanna talk about it

---------

Co-authored-by: Samuel Gunter <sgunter@utexas.edu>

src/pages/background/background.ts

@@ -7,6 +7,7 @@ import onInstall from './events/onInstall';
 import onServiceWorkerAlive from './events/onServiceWorkerAlive';
 import onUpdate from './events/onUpdate';
 import browserActionHandler from './handler/browserActionHandler';
+import calendarBackgroundHandler from './handler/calendarBackgroundHandler';
 import CESHandler from './handler/CESHandler';
 import tabManagementHandler from './handler/tabManagementHandler';
 import userScheduleHandler from './handler/userScheduleHandler';
@@ -36,6 +37,7 @@ const messageListener = new MessageListener<BACKGROUND_MESSAGES>({
     ...tabManagementHandler,
     ...userScheduleHandler,
     ...CESHandler,
+    ...calendarBackgroundHandler,
 });
 
 messageListener.listen();

src/pages/background/handler/calendarBackgroundHandler.ts

@@ -0,0 +1,44 @@
+import openNewTab from '@background/util/openNewTab';
+import { tabs } from '@shared/messages';
+import type { CalendarBackgroundMessages } from '@shared/messages/CalendarMessages';
+import type { MessageHandler } from 'chrome-extension-toolkit';
+
+const getAllTabInfos = async () => {
+    const openTabs = await chrome.tabs.query({});
+    const results = await Promise.allSettled(openTabs.map(tab => tabs.getTabInfo(undefined, tab.id)));
+    return results
+        .map((result, index) => ({ result, index }))
+        .filter(({ result }) => result.status === 'fulfilled')
+        .map(({ result, index }) => {
+            if (result.status !== 'fulfilled') throw new Error('Will never happen, typescript dumb');
+            return {
+                ...result.value,
+                tab: openTabs[index],
+            };
+        });
+};
+
+const calendarBackgroundHandler: MessageHandler<CalendarBackgroundMessages> = {
+    async switchToCalendarTab({ data, sendResponse }) {
+        const { uniqueId } = data;
+        const calendarUrl = chrome.runtime.getURL(`calendar.html`);
+
+        const allTabs = await getAllTabInfos();
+
+        const openCalendarTabInfo = allTabs.find(tab => tab.url.startsWith(calendarUrl));
+
+        if (openCalendarTabInfo !== undefined) {
+            chrome.tabs.update(openCalendarTabInfo.tab.id, { active: true });
+            if (uniqueId !== undefined) await tabs.openCoursePopup({ uniqueId }, openCalendarTabInfo.tab.id);
+            sendResponse(openCalendarTabInfo.tab);
+        } else {
+            const urlParams = new URLSearchParams();
+            if (uniqueId !== undefined) urlParams.set('uniqueId', uniqueId.toString());
+            const url = `${calendarUrl}?${urlParams.toString()}`.replace(/\?$/, '');
+            const tab = await openNewTab(url);
+            sendResponse(tab);
+        }
+    },
+};
+
+export default calendarBackgroundHandler;