84ffd2a132
* feat: add side panel with navigation and storage cleaner functionality * feat: add OpenUrlPage and integrate into app navigation * feat: 添加 GlobalSnackbar 组件并在多个页面中集成,替换原有 Snackbar 实现 * feat: fix OpenUrl sidebar issue with architecture refactor - 修复原问题:不再直接替换侧边栏 URL,保持插件导航可见 - 采用配置页 + 查看页分离架构:OpenUrlPage (配置) + OpenUrlViewerPage (查看) - 支持多个 URL 快捷方式管理(添加/删除) - 每个 URL 提供两种打开方式:在侧边栏打开 / 在新标签页打开 - 侧边栏查看页使用 iframe 占满全部剩余空间 - 更新 TypeScript 类型定义 - 保留原有混合内容警告检查 - 数据持久化到 Chrome Storage * refactor: centralized route management - consolidate routing config into single source * feat: 更换logo * refactor: code review fixes - security and race condition improvements Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Changes: - wxt.config.ts: Remove unused `debugger` permission (no code uses it) - OpenUrlPage.tsx: Fix unreachable showMessage after window.close() - OpenUrlPage.tsx: Replace unnecessary div wrapper with Fragment to reduce DOM nesting - OpenUrlViewerPage.tsx: Add URL validation to prevent XSS via javascript:/data: URLs - OpenUrlViewerPage.tsx: Add sandbox attribute to iframe for security isolation - OpenUrlViewerPage.tsx: Add error handling for invalid URLs - StorageCleanerPage.tsx: Fix race condition in handleOptionChange preference saving - StorageCleanerPage.tsx: Remove unnecessary storage reads when saving preferences (use state directly) - StorageCleanerPage.tsx: Add timeout cleanup for setTimeout to follow React best practices * feat: implement drill-down navigation with master-detail dashboard * feat: enhance dashboard dynamism and refine options UI * feat: overhaul storage cleaner UI with real-time size estimation and modern aesthetics * feat: overhaul TimestampPage UI/UX and fix GlobalSnackbar positioning * fix: decouple popup routing from storage sync and enhance OpenUrlPage UI * fix: avoid closing sidepanel when opening URL preview from within sidepanel
63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
import '../.wxt/types/imports.d.ts';
|
|
import { browser } from 'wxt/browser';
|
|
|
|
export default defineBackground(() => {
|
|
// 监听扩展图标点击事件,打开侧边栏
|
|
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);
|
|
}
|
|
}
|
|
});
|
|
|
|
// 监听扩展安装或更新事件
|
|
browser.runtime.onInstalled.addListener(async ({ reason }) => {
|
|
if (reason === 'install') {
|
|
console.log('Extension installed for the first time');
|
|
} else if (reason === 'update') {
|
|
console.log('Extension updated to a new version');
|
|
}
|
|
|
|
// 获取所有标签页
|
|
const tabs = await browser.tabs.query({});
|
|
|
|
// 过滤不合法或受限制的 URL
|
|
const targetTabs = tabs.filter((tab) => {
|
|
if (!tab.id || !tab.url) return false;
|
|
const restrictedProtocols = [
|
|
'chrome:',
|
|
'chrome-extension:',
|
|
'about:',
|
|
'edge:',
|
|
'view-source:',
|
|
];
|
|
return !restrictedProtocols.some((protocol) => tab.url!.startsWith(protocol));
|
|
});
|
|
|
|
const results = await Promise.allSettled(
|
|
targetTabs.map((tab) =>
|
|
browser.scripting
|
|
.executeScript({
|
|
target: { tabId: tab.id! },
|
|
files: ['/content-scripts/content.js'],
|
|
})
|
|
.catch((err) => {
|
|
console.warn(`Failed to inject script into tab ${tab.id}:`, err.message);
|
|
}),
|
|
),
|
|
);
|
|
|
|
const successCount = results.filter((r) => r.status === 'fulfilled').length;
|
|
console.log(
|
|
`Successfully injected content script into ${successCount}/${targetTabs.length} tabs.`,
|
|
);
|
|
});
|
|
|
|
chrome.tabs.onUpdated.addListener((tabId) => {
|
|
console.log('加载完成的 Tab ID:', tabId);
|
|
});
|
|
});
|