feat(chrome): added content script scraping to obtain course data from Albert page

apps/browser/package.json

@@ -12,6 +12,7 @@
     "check:types": "tsc -noEmit"
   },
   "dependencies": {
+    "@albert-plus/server": "workspace:*",
     "@clerk/chrome-extension": "^2.7.8",
     "convex": "^1.28.0",
     "plasmo": "0.90.5",
@@ -31,11 +32,15 @@
   "manifest": {
     "permissions": [
       "cookies",
-      "storage"
+      "storage",
+      "activeTab",
+      "sidePanel"
     ],
     "host_permissions": [
       "$PLASMO_PUBLIC_CLERK_SYNC_HOST/*",
-      "$CLERK_FRONTEND_API/*"
+      "$CLERK_FRONTEND_API/*",
+      "https://sis.nyu.edu/*",
+      "https://albert.nyu.edu/*"
     ]
   }
 }

apps/browser/src/background.ts

@@ -0,0 +1,40 @@
+chrome.runtime.onMessage.addListener((request, _sender, sendResponse) => {
+
+  switch (request.type) {
+    case "SAVE_ENROLLED_COURSES":
+      chrome.storage.local.set({
+        enrolledCourses: request.payload,
+        lastSync: new Date().toISOString()
+      }, () => {
+        console.log("Saved enrolled course offerings to local storage:", request.payload);
+      });
+      break;
+    case "SAVE_COMPLETED_COURSES":
+      chrome.storage.local.set({
+        completedCourses: request.payload,
+        gradesLastSync: new Date().toISOString()
+      }, () => {
+        console.log("Saved completed courses to local storage:", request.payload);
+      });
+      break;
+    case "SAVE_COURSE_SEARCH":
+      chrome.storage.local.get("courseSearchSaved", (result) => {
+        const courseSearchSaved = result.courseSearchSaved || [];
+        courseSearchSaved.push(request.payload);
+        chrome.storage.local.set({
+          courseSearchSaved: courseSearchSaved,
+          savedAt: new Date().toISOString()
+        }, () => {
+          console.log("Saved course search to local storage:", request.payload);
+        });
+      });
+      break;
+    default:
+      console.log("Unknown message type:", request.type);
+      sendResponse({ error: "Unknown message type" });
+  }
+});
+
+chrome.runtime.onInstalled.addListener(() => {
+  chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true });
+});

apps/browser/src/components/Course.tsx

@@ -0,0 +1,27 @@
+interface CourseProps {
+  courseCode: string;
+  title: string;
+  timeStart: string;
+  timeEnd: string;
+  instructor: string;
+}
+
+const Course = ({
+  courseCode,
+  title,
+  timeStart,
+  timeEnd,
+  instructor,
+}: CourseProps) => {
+  return (
+    <div className="plasmo-flex plasmo-flex-row plasmo-items-center plasmo-justify-between plasmo-gap-2 plasmo-text-md plasmo-font-medium plasmo-rounded-md plasmo-p-2 plasmo-bg-gray-50">
+      <div className="plasmo-flex plasmo-flex-col">
+        <span className="plasmo-font-normal">{courseCode}</span>
+        <span className="plasmo-font-semibold">{title}</span>
+      </div>
+      <div>Details</div>
+    </div>
+  );
+};
+
+export default Course;