雨霖铃
b41cfb2a02
Replace over-cached simple computations with direct expressions: - popup/App.tsx: getEntryPointType() and routerConfig (values are stable) - Dashboard/index.tsx: visibleSet, visibleFeatures, recentFeatures (Set creation + array filter/map are cheaper than useMemo overhead) - useTextStatistics.ts: getTextStats(text) (simple string processing) - ThemeModeProvider.tsx: contextValue object (setMode is stable via useCallback) -39 lines, +28 lines (net -11 lines) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
providers/
React Context Provider 目录，为整个应用提供全局共享状态。
文件说明
| 文件 | 用途 |
|---|---|
AppRoot.tsx |
应用根 Provider 组合器 |
RouterProvider.tsx |
路由 Context Provider |
ThemeModeProvider.tsx |
主题模式 Provider |
AppRoot.tsx
应用根 Provider 组合器，按顺序包裹：
React.StrictMode
└── ThemeModeProvider
└── RouterProvider
└── children
RouterProvider.tsx
路由 Context Provider，管理：
- 当前页面：
currentPage（PageType） - 可见页面列表：
visiblePages - 页面排序：
pageOrder - 加载状态：
isLoaded
核心特性：
- 通过
chrome.storage持久化路由状态 - 使用
localStorage快照实现首屏 0 闪烁 - 支持 popup/sidepanel/tab 三种入口的独立路由同步（通过
syncKey、visiblePagesKey、pageOrderKey配置） - 处理右键菜单待处理数据的路由跳转
- 监听
chrome.storage.onChanged实现跨端同步
导出：
RouterProvider组件useRouter()Hook — 获取currentPage、visiblePages、pageOrder、navigateTo、goBack等
ThemeModeProvider.tsx
主题模式 Provider，管理：
- 主题模式：
light/dark/system - 解析后的主题：
resolvedTheme（light/dark）
核心特性：
- 使用
localStorage快照实现首屏 0 闪烁 - 监听系统级暗色模式变化（
matchMedia） - 通过
chrome.storage跨端同步主题偏好 - 自动在
document.documentElement上切换darkclass
导出：
ThemeModeProvider组件useThemeMode()Hook — 获取themeMode、resolvedTheme、setThemeMode