FEAT: Add browser action menu to open the app page

Author: sheepzh

src/background/browser-action-menu-manager.ts

@@ -0,0 +1,16 @@
+import { APP_PAGE_URL } from "../util/constant/url"
+import { t2Chrome } from "../util/i18n/chrome/t"
+
+const properties: chrome.contextMenus.CreateProperties = {
+    id: '_timer_menu_item_app_link_',
+    contexts: ['browser_action'],
+    title: '🏷️ ' + t2Chrome(msg => msg.contextMenus.allFunctions),
+    visible: true,
+    onclick: () => chrome.tabs.create({ url: APP_PAGE_URL })
+}
+
+function init() {
+    chrome.contextMenus.create(properties)
+}
+
+export default init

src/background/index.ts

@@ -1,5 +1,6 @@
 import { openLog } from '../common/logger'
-import ContextMenusManager from './context-menus-manager'
+import WhitelistMenuManager from './whitelist-menu-manager'
+import BrowserActionMenuManager from './browser-action-menu-manager'
 import IconUrlCollector from './icon-url-collector'
 import MessageListener from './message-listener'
 import Timer from './timer'
@@ -21,4 +22,7 @@ new MessageListener().listen()
 new VersionManager().init()
 
 // Mange the context menus
-ContextMenusManager()
+WhitelistMenuManager()
+
+// Browser action menu
+BrowserActionMenuManager()

src/background/context-menus-manager.ts src/background/whitelist-menu-manager.tssrc/background/context-menus-manager.ts renamed to src/background/whitelist-menu-manager.ts

@@ -47,7 +47,8 @@ const placeholder: ChromeMessage = {
     },
     contextMenus: {
         add2Whitelist: '',
-        removeFromWhitelist: ''
+        removeFromWhitelist: '',
+        allFunctions: ''
     }
 }
 

src/util/i18n/chrome/message.ts

@@ -6,20 +6,24 @@ import { Messages } from ".."
 export type ContextMenusMessage = {
     add2Whitelist: string
     removeFromWhitelist: string
+    allFunctions: string
 }
 
 const _default: Messages<ContextMenusMessage> = {
     zh_CN: {
         add2Whitelist: '将{host}加入白名单',
-        removeFromWhitelist: '将{host}从白名单移出'
+        removeFromWhitelist: '将{host}从白名单移出',
+        allFunctions: '所有功能'
     },
     en: {
         add2Whitelist: 'Add {host} to the whitelist',
-        removeFromWhitelist: 'Remove {host} from the whitelist'
+        removeFromWhitelist: 'Remove {host} from the whitelist',
+        allFunctions: 'All Functions'
     },
     ja: {
         add2Whitelist: 'ホワイトリスト',
-        removeFromWhitelist: 'ホワイトリストから削除する'
+        removeFromWhitelist: 'ホワイトリストから削除する',
+        allFunctions: 'すべての機能'
     }
 }