feat: add context menus

Author: geekdada

src/manifest.json

@@ -1,6 +1,12 @@
 {
  "name": "A Translator",
- "permissions": ["http://*/*", "https://*/*", "storage", "activeTab"],
+ "permissions": [
+ "http://*/*",
+ "https://*/*",
+ "storage",
+ "activeTab",
+ "contextMenus"
+ ],
  "options_ui": {
  "page": "options.html",
  "chrome_style": false,

src/pages/Background/index.ts

@@ -35,6 +35,22 @@ const toggleOCR = (): void => {
  })
 }
 
+const translateText = (text: string): void => {
+ cc(chrome.tabs, 'query', { active: true, currentWindow: true })
+ .then((tabs: chrome.tabs.Tab[]) => {
+ const client = createClient(tabs[0].id)
+
+ client.send('translate_text', {
+ text,
+ })
+ })
+ .catch((err) => {
+ logger.error({
+ err,
+ })
+ })
+}
+
 chrome.browserAction.onClicked.addListener(openExtension)
 
 chrome.commands.onCommand.addListener(function (command) {
@@ -49,3 +65,38 @@ chrome.commands.onCommand.addListener(function (command) {
  // no default
  }
 })
+
+chrome.contextMenus.create({
+ id: 'ate',
+ title: 'A Translator',
+ contexts: ['page'],
+})
+
+chrome.contextMenus.create({
+ id: 'ate-open_application',
+ parentId: 'ate',
+ title: 'Open application',
+ onclick() {
+ openExtension()
+ },
+})
+
+chrome.contextMenus.create({
+ id: 'ate-toggle_ocr',
+ parentId: 'ate',
+ title: 'Toggle OCR',
+ onclick() {
+ toggleOCR()
+ },
+})
+
+chrome.contextMenus.create({
+ id: 'ate-translate_selection',
+ contexts: ['selection'],
+ title: 'Translate selection',
+ onclick(payload) {
+ if (payload.selectionText) {
+ translateText(payload.selectionText)
+ }
+ },
+})

src/pages/Content/index.tsx

@@ -181,6 +181,15 @@ const attachListeners = () => {
  }, 50)
  }
  })
+
+ client.on('translate_text', (payload: { text: string }) => {
+ initApp()
+ translationStack.push({
+ type: 'translate',
+ id: uuid(),
+ text: payload.text,
+ })
+ })
  })
 }