[PS-2455] Catch and log contextmenu errors (#4699)

* Set initRunning to true

initRunning was checked and at the end set to false, but it never got set to true

* Catch and log contextmenu errors

apps/browser/src/autofill/browser/main-context-menu-handler.spec.ts

@@ -1,6 +1,7 @@
 import { mock, MockProxy } from "jest-mock-extended";
 
 import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/abstractions/log.service";
 import { CipherType } from "@bitwarden/common/vault/enums/cipher-type";
 import { Cipher } from "@bitwarden/common/vault/models/domain/cipher";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
@@ -12,6 +13,7 @@ import { MainContextMenuHandler } from "./main-context-menu-handler";
 describe("context-menu", () => {
   let stateService: MockProxy<BrowserStateService>;
   let i18nService: MockProxy<I18nService>;
+  let logService: MockProxy<LogService>;
 
   let removeAllSpy: jest.SpyInstance<void, [callback?: () => void]>;
   let createSpy: jest.SpyInstance<
@@ -24,6 +26,7 @@ describe("context-menu", () => {
   beforeEach(() => {
     stateService = mock();
     i18nService = mock();
+    logService = mock();
 
     removeAllSpy = jest
       .spyOn(chrome.contextMenus, "removeAll")
@@ -36,7 +39,7 @@ describe("context-menu", () => {
       return props.id;
     });
 
-    sut = new MainContextMenuHandler(stateService, i18nService);
+    sut = new MainContextMenuHandler(stateService, i18nService, logService);
   });
 
   afterEach(() => jest.resetAllMocks());

apps/browser/src/autofill/browser/main-context-menu-handler.ts

@@ -1,4 +1,5 @@
 import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/abstractions/log.service";
 import { StateFactory } from "@bitwarden/common/factories/stateFactory";
 import { Utils } from "@bitwarden/common/misc/utils";
 import { GlobalState } from "@bitwarden/common/models/domain/global-state";
@@ -10,6 +11,10 @@ import {
   i18nServiceFactory,
   I18nServiceInitOptions,
 } from "../../background/service_factories/i18n-service.factory";
+import {
+  logServiceFactory,
+  LogServiceInitOptions,
+} from "../../background/service_factories/log-service.factory";
 import {
   stateServiceFactory,
   StateServiceInitOptions,
@@ -36,7 +41,11 @@ export class MainContextMenuHandler {
 
   create: (options: chrome.contextMenus.CreateProperties) => Promise<void>;
 
-  constructor(private stateService: BrowserStateService, private i18nService: I18nService) {
+  constructor(
+    private stateService: BrowserStateService,
+    private i18nService: I18nService,
+    private logService: LogService
+  ) {
     if (chrome.contextMenus) {
       this.create = (options) => {
         return new Promise<void>((resolve, reject) => {
@@ -56,7 +65,8 @@ export class MainContextMenuHandler {
 
   static async mv3Create(cachedServices: CachedServices) {
     const stateFactory = new StateFactory(GlobalState, Account);
-    const serviceOptions: StateServiceInitOptions & I18nServiceInitOptions = {
+    const serviceOptions: StateServiceInitOptions & I18nServiceInitOptions & LogServiceInitOptions =
+      {
         cryptoFunctionServiceOptions: {
           win: self,
         },
@@ -79,7 +89,8 @@ export class MainContextMenuHandler {
 
     return new MainContextMenuHandler(
       await stateServiceFactory(cachedServices, serviceOptions),
-      await i18nServiceFactory(cachedServices, serviceOptions)
+      await i18nServiceFactory(cachedServices, serviceOptions),
+      await logServiceFactory(cachedServices, serviceOptions)
     );
   }
 
@@ -89,17 +100,17 @@ export class MainContextMenuHandler {
    */
   async init(): Promise<boolean> {
     const menuDisabled = await this.stateService.getDisableContextMenuItem();
-
-    if (this.initRunning) {
-      return menuDisabled;
-    }
-
-    try {
     if (menuDisabled) {
       await MainContextMenuHandler.removeAll();
       return false;
     }
 
+    if (this.initRunning) {
+      return true;
+    }
+    this.initRunning = true;
+
+    try {
       const create = async (options: Omit<chrome.contextMenus.CreateProperties, "contexts">) => {
         await this.create({ ...options, contexts: ["all"] });
       };
@@ -152,11 +163,12 @@ export class MainContextMenuHandler {
         parentId: ROOT_ID,
         title: this.i18nService.t("copyElementIdentifier"),
       });
-
+    } catch (error) {
-      return true;
+      this.logService.warning(error.message);
     } finally {
       this.initRunning = false;
     }
+    return true;
   }
 
   static async removeAll() {
@@ -190,6 +202,7 @@ export class MainContextMenuHandler {
       return;
     }
 
+    try {
       const sanitizedTitle = MainContextMenuHandler.sanitizeContextMenuTitle(title);
 
       const createChildItem = async (parent: string) => {
@@ -218,6 +231,9 @@ export class MainContextMenuHandler {
       if (canAccessPremium && (cipher == null || !Utils.isNullOrEmpty(cipher.login.totp))) {
         await createChildItem(COPY_VERIFICATIONCODE_ID);
       }
+    } catch (error) {
+      this.logService.warning(error.message);
+    }
   }
 
   static sanitizeContextMenuTitle(title: string): string {

apps/browser/src/background/main.background.ts

@@ -573,7 +573,11 @@ export default class MainBackground {
     this.avatarUpdateService = new AvatarUpdateService(this.apiService, this.stateService);
 
     if (!this.popupOnlyContext) {
-      this.mainContextMenuHandler = new MainContextMenuHandler(this.stateService, this.i18nService);
+      this.mainContextMenuHandler = new MainContextMenuHandler(
+        this.stateService,
+        this.i18nService,
+        this.logService
+      );
 
       this.cipherContextMenuHandler = new CipherContextMenuHandler(
         this.mainContextMenuHandler,