feat: add notifications UI

build/esbuild-server.ts

@@ -0,0 +1,16 @@
+import esbuild from "esbuild";
+import { esBuildContext } from "./esbuild-build";
+(async () => {
+  await server();
+})().catch((error) => {
+  console.error("Unhandled error:", error);
+  process.exit(1);
+});
+export async function server() {
+  const _context = await esbuild.context(esBuildContext);
+  const { port } = await _context.serve({
+    servedir: "static",
+    port: 8080,
+  });
+  console.log(`http://localhost:${port}`);
+}

package.json

@@ -1,17 +1,15 @@
 {
-  "name": "@ubiquity/work.ubq.fi",
+  "name": "@ubiquity/nofications.ubq.fi",
   "version": "1.0.0",
-  "description": "The DevPool Directory for UbiquityOS.",
+  "description": "The GitHub notifications viewer for UbiquityOS.",
   "main": "build/index.ts",
   "author": "Ubiquity DAO",
   "license": "MIT",
   "engines": {
     "node": ">=20.10.0"
   },
   "scripts": {
-    "start": "run-p start-wrangler watch",
-    "start-wrangler": "npx wrangler pages dev static --port 8080",
-    "watch": "tsx build/esbuild-watch.ts",
+    "start": "tsx build/esbuild-server.ts",
     "build": "tsx build/esbuild-build.ts",
     "format": "run-s format:lint format:prettier format:cspell",
     "format:lint": "eslint --fix .",

src/home/authentication.ts

@@ -1,7 +1,6 @@
 import { getGitHubAccessToken } from "./getters/get-github-access-token";
 import { getGitHubUser } from "./getters/get-github-user";
 import { GitHubUser } from "./github-types";
-import { trackReferralCode } from "./register-referral";
 import { displayGitHubUserInformation } from "./rendering/display-github-user-information";
 import { renderGitHubLoginButton } from "./rendering/render-github-login-button";
 
@@ -18,7 +17,6 @@ export async function authentication() {
 
   const gitHubUser: null | GitHubUser = await getGitHubUser();
   if (gitHubUser) {
-    await trackReferralCode();
     await displayGitHubUserInformation(gitHubUser);
   }
 }

src/home/fetch-github/fetch-avatar.ts

@@ -2,9 +2,8 @@ import { Octokit } from "@octokit/rest";
 import { getGitHubAccessToken } from "../getters/get-github-access-token";
 import { getImageFromCache, saveImageToCache } from "../getters/get-indexed-db";
 import { renderErrorInModal } from "../rendering/display-popup-modal";
-import { organizationImageCache } from "./fetch-issues-full";
-import { GitHubIssue } from "../github-types";
-import { taskManager } from "../home";
+import { organizationImageCache } from "./fetch-data";
+import { GitHubAggregated, GitHubNotification, GitHubNotifications } from "../github-types";
 
 // Map to track ongoing avatar fetches
 const pendingFetches: Map<string, Promise<Blob | void>> = new Map();
@@ -100,12 +99,10 @@ export async function fetchAvatar(orgName: string): Promise<Blob | void> {
 }
 
 // fetches avatars for all tasks (issues) cached. it will fetch only once per organization, remaining are returned from cache
-export async function fetchAvatars() {
-  const cachedTasks = taskManager.getTasks();
-
+export async function fetchAvatars(notifications: GitHubAggregated[]) {
   // fetches avatar for each organization for each task, but fetchAvatar() will only fetch once per organization, remaining are returned from cache
-  const avatarPromises = cachedTasks.map(async (task: GitHubIssue) => {
-    const [orgName] = task.repository_url.split("/").slice(-2);
+  const avatarPromises = notifications.map(async (task: GitHubAggregated) => {
+    const [orgName] = task.notification.repository.url.split("/").slice(-2);
     if (orgName) {
       return fetchAvatar(orgName);
     }