3fb99ea49f
- 新增 utils/contextMenu.ts 封装菜单配置和解析函数 - 在 background.ts 监听 onInstalled 初始化菜单 - 实现 contextMenus.onClicked 点击事件处理 - 分流逻辑:优先发送到侧边栏,否则打开 options 页面 - 添加 contextMenu 单元测试(15个测试用例) - 更新 vitest.setup.ts 添加 contextMenus mock
64 lines
1.9 KiB
TypeScript
64 lines
1.9 KiB
TypeScript
import '../.wxt/types/imports.d.ts';
|
|
import { browser } from 'wxt/browser';
|
|
import { MessageAction, onMessage, sendMessage } from '@/utils/messages';
|
|
import { createAllContextMenus, parseContextMenuClick } from '@/utils/contextMenu';
|
|
|
|
export default defineBackground(() => {
|
|
browser.runtime.onInstalled.addListener(() => {
|
|
createAllContextMenus();
|
|
});
|
|
|
|
browser.contextMenus.onClicked.addListener(async (info, _tab) => {
|
|
const result = parseContextMenuClick(info.menuItemId as string, info);
|
|
if (!result) return;
|
|
|
|
const { featureKey, payload } = result;
|
|
|
|
try {
|
|
const sidePanelState = await browser.storage.local.get('sidePanelOpen');
|
|
const isSidePanelOpen = sidePanelState.sidePanelOpen === true;
|
|
|
|
if (isSidePanelOpen) {
|
|
await sendMessage(MessageAction.CONTEXT_MENU_CLICKED, { featureKey, payload });
|
|
return;
|
|
}
|
|
} catch {
|
|
// sidepanel 未打开或无法通信,继续执行其他方案
|
|
}
|
|
|
|
const optionsUrl = chrome.runtime.getURL('/entrypoints/options/index.html');
|
|
const params = new URLSearchParams({ feature: featureKey, payload });
|
|
await browser.tabs.create({ url: `${optionsUrl}?${params.toString()}` });
|
|
});
|
|
|
|
// 监听扩展图标点击事件,打开侧边栏
|
|
browser.action.onClicked.addListener(async (tab) => {
|
|
if (tab.id) {
|
|
try {
|
|
await browser.sidePanel.open({ tabId: tab.id });
|
|
} catch (err) {
|
|
console.error('Failed to open side panel:', err);
|
|
}
|
|
}
|
|
});
|
|
|
|
// 使用 @webext-core/messaging 处理消息
|
|
onMessage(MessageAction.RELOAD_TAB, async (message) => {
|
|
const { tabId, delay = 0 } = message.data;
|
|
|
|
const executeReload = () => {
|
|
browser.tabs.reload(tabId).catch((err) => {
|
|
console.error('Failed to reload tab:', err);
|
|
});
|
|
};
|
|
|
|
if (delay > 0) {
|
|
setTimeout(executeReload, delay);
|
|
} else {
|
|
executeReload();
|
|
}
|
|
|
|
return { success: true, message: '刷新请求已接收' };
|
|
});
|
|
});
|