feat: Re-add context menu items and initialize context menu on startup

This commit reintroduces the context menu items that were removed in a previous commit. It also ensures that the context menu is initialized when the background script starts.

-   **Implementation:**
    -   Re-adds context menu items for "Summarize", "Explain", "Rephrase", "Translate", and "Custom" actions.
    -   Moves the context menu creation logic into the `initialize` function.
    -   Calls the `initialize` function at the end of the background script to ensure context menus are created on startup.

Author: n4ze3m

src/entries-firefox/background.ts

@@ -40,23 +40,46 @@ export default defineBackground({
         const data = await getInitialConfig()
         contextMenuClick = data.contextMenuClick
         actionIconClick = data.actionIconClick
-        browser.contextMenus.remove(
-          data.contextMenuClick === "sidePanel"
-            ? contextMenuId["webui"]
-            : contextMenuId["sidePanel"]
-        )
         browser.contextMenus.create({
           id: contextMenuId[contextMenuClick],
           title: contextMenuTitle[contextMenuClick],
           contexts: ["page", "selection"]
         })
-
+        browser.contextMenus.create({
+          id: "summarize-pa",
+          title: browser.i18n.getMessage("contextSummarize"),
+          contexts: ["selection"]
+        })
+    
+        browser.contextMenus.create({
+          id: "explain-pa",
+          title: browser.i18n.getMessage("contextExplain"),
+          contexts: ["selection"]
+        })
+    
+        browser.contextMenus.create({
+          id: "rephrase-pa",
+          title: browser.i18n.getMessage("contextRephrase"),
+          contexts: ["selection"]
+        })
+    
+        browser.contextMenus.create({
+          id: "translate-pg",
+          title: browser.i18n.getMessage("contextTranslate"),
+          contexts: ["selection"]
+        })
+    
+        browser.contextMenus.create({
+          id: "custom-pg",
+          title: browser.i18n.getMessage("contextCustom"),
+          contexts: ["selection"]
+        })
+    
       } catch (error) {
         console.error("Error in initLogic:", error)
       }
     }
 
-    initialize()
 
     browser.runtime.onMessage.addListener(async (message) => {
       if (message.type === "sidepanel") {
@@ -106,42 +129,6 @@ export default defineBackground({
       sidePanel: "open-side-panel-pa"
     }
 
-    browser.contextMenus.create({
-      id: contextMenuId["sidePanel"],
-      title: contextMenuTitle["sidePanel"],
-      contexts: ["page", "selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "summarize-pa",
-      title: browser.i18n.getMessage("contextSummarize"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "explain-pa",
-      title: browser.i18n.getMessage("contextExplain"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "rephrase-pa",
-      title: browser.i18n.getMessage("contextRephrase"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "translate-pg",
-      title: browser.i18n.getMessage("contextTranslate"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "custom-pg",
-      title: browser.i18n.getMessage("contextCustom"),
-      contexts: ["selection"]
-    })
-
 
     browser.contextMenus.onClicked.addListener((info, tab) => {
       if (info.menuItemId === "open-side-panel-pa") {
@@ -217,6 +204,9 @@ export default defineBackground({
           break
       }
     })
+
+    initialize()
+
   },
   persistent: true
 })

src/entries/background.ts

@@ -43,23 +43,46 @@ export default defineBackground({
         const data = await getInitialConfig()
         contextMenuClick = data.contextMenuClick
         actionIconClick = data.actionIconClick
-        browser.contextMenus.remove(
-          data.contextMenuClick === "sidePanel"
-            ? contextMenuId["webui"]
-            : contextMenuId["sidePanel"]
-        )
+
         browser.contextMenus.create({
           id: contextMenuId[contextMenuClick],
           title: contextMenuTitle[contextMenuClick],
           contexts: ["page", "selection"]
         })
-        
+        browser.contextMenus.create({
+          id: "summarize-pa",
+          title: browser.i18n.getMessage("contextSummarize"),
+          contexts: ["selection"]
+        })
+
+        browser.contextMenus.create({
+          id: "explain-pa",
+          title: browser.i18n.getMessage("contextExplain"),
+          contexts: ["selection"]
+        })
+
+        browser.contextMenus.create({
+          id: "rephrase-pa",
+          title: browser.i18n.getMessage("contextRephrase"),
+          contexts: ["selection"]
+        })
+
+        browser.contextMenus.create({
+          id: "translate-pg",
+          title: browser.i18n.getMessage("contextTranslate"),
+          contexts: ["selection"]
+        })
+
+        browser.contextMenus.create({
+          id: "custom-pg",
+          title: browser.i18n.getMessage("contextCustom"),
+          contexts: ["selection"]
+        })
       } catch (error) {
         console.error("Error in initLogic:", error)
       }
     }
 
-    initialize()
 
     browser.runtime.onMessage.addListener(async (message) => {
       if (message.type === "sidepanel") {
@@ -106,42 +129,6 @@ export default defineBackground({
       sidePanel: browser.i18n.getMessage("openSidePanelToChat")
     }
 
-    browser.contextMenus.create({
-      id: contextMenuId["sidePanel"],
-      title: contextMenuTitle["sidePanel"],
-      contexts: ["page", "selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "summarize-pa",
-      title: browser.i18n.getMessage("contextSummarize"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "explain-pa",
-      title: browser.i18n.getMessage("contextExplain"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "rephrase-pa",
-      title: browser.i18n.getMessage("contextRephrase"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "translate-pg",
-      title: browser.i18n.getMessage("contextTranslate"),
-      contexts: ["selection"]
-    })
-
-    browser.contextMenus.create({
-      id: "custom-pg",
-      title: browser.i18n.getMessage("contextCustom"),
-      contexts: ["selection"]
-    })
-
     browser.contextMenus.onClicked.addListener(async (info, tab) => {
       if (info.menuItemId === "open-side-panel-pa") {
         chrome.sidePanel.open({
@@ -245,6 +232,8 @@ export default defineBackground({
           break
       }
     })
+
+    initialize()
   },
   persistent: true
 })