initial work

apps/browser/src/platform/system-notifications/browser-system-notification.service.ts

@@ -0,0 +1,82 @@
+import { Observable, Subject } from "rxjs";
+
+import { DeviceType } from "@bitwarden/common/enums";
+import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
+import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
+import {
+  ButtonLocation,
+  SystemNotificationClearInfo,
+  SystemNotificationCreateInfo,
+  SystemNotificationEvent,
+  SystemNotificationService,
+} from "@bitwarden/common/platform/notifications/system-notification-service";
+
+export class BrowserSystemNotificationService implements SystemNotificationService {
+  private systemNotificationClickedSubject = new Subject<SystemNotificationEvent>();
+  notificationClicked$: Observable<SystemNotificationEvent>;
+
+  constructor(
+    private logService: LogService,
+    private platformUtilsService: PlatformUtilsService,
+  ) {
+    this.notificationClicked$ = this.systemNotificationClickedSubject.asObservable();
+  }
+
+  async create(createInfo: SystemNotificationCreateInfo): Promise<undefined> {
+    if (!this.isSupported()) {
+      this.logService.error("While trying to create, found that it is not supported");
+    }
+
+    chrome.notifications.create(createInfo.id, {
+      iconUrl: "https://avatars.githubusercontent.com/u/15990069?s=200",
+      message: createInfo.title,
+      type: "basic",
+      title: createInfo.title,
+      buttons: createInfo.buttons.map((value) => {
+        return { title: value.title };
+      }),
+    });
+
+    // ESLint: Using addListener in the browser popup produces a memory leak in Safari, use `BrowserApi. addListener` instead (no-restricted-syntax)
+    // eslint-disable-next-line no-restricted-syntax
+    chrome.notifications.onButtonClicked.addListener(
+      (notificationId: string, buttonIndex: number) => {
+        this.systemNotificationClickedSubject.next({
+          id: notificationId,
+          type: createInfo.type,
+          buttonIdentifier: buttonIndex,
+        });
+      },
+    );
+
+    // eslint-disable-next-line no-restricted-syntax
+    chrome.notifications.onClicked.addListener((notificationId: string) => {
+      this.systemNotificationClickedSubject.next({
+        id: notificationId,
+        type: createInfo.type,
+        buttonIdentifier: ButtonLocation.NotificationButton,
+      });
+    });
+    return;
+  }
+
+  clear(clearInfo: SystemNotificationClearInfo): undefined {
+    if (!this.isSupported()) {
+      this.logService.error("While trying to clear, found that it is not supported");
+    }
+
+    chrome.notifications.clear(clearInfo.id);
+  }
+
+  isSupported(): boolean {
+    switch (this.platformUtilsService.getDevice()) {
+      case DeviceType.EdgeExtension:
+      case DeviceType.VivaldiExtension:
+      case DeviceType.OperaExtension:
+      case DeviceType.ChromeExtension:
+        return true;
+      default:
+        return false;
+    }
+  }
+}