Refactor state management by removing ignoreHref and replacing it with ignoreDomain for improved domain handling. Updated related components and hooks to reflect this change, ensuring consistent state usage across the application.

Author: HaloWang

chrome-extension/src/background/index.ts

@@ -1,8 +1,7 @@
 import 'webextension-polyfill';
 import { startListenTabs } from './tabs';
-import { ignoreHref } from '@extension/shared';
 import { exampleThemeStorage, translationModeStorage, contentUIStateStorage } from '@extension/storage';
-import type { AllMessage, QueryResponse, State, ElementPosition } from '@extension/shared';
+import type { AllMessage, QueryResponse, State } from '@extension/shared';
 
 console.log('Background loaded');
 console.log("Edit 'chrome-extension/src/background/index.ts' and save to reload.");
@@ -28,7 +27,6 @@ const waitingQuery: { [key: string]: { resolves: [(value: AllMessage) => void] }
 const state: State = {
   interactionMode: 'full',
   demoMode: false,
-  ignored: false,
   running: false,
   ignoreHref,
   inspecting: false,
@@ -47,7 +45,6 @@ const initializeStateFromStorage = async () => {
     state.demoMode = storedState.demoMode;
     state.inspecting = storedState.inspecting;
     state.showBBox = storedState.showBBox;
-    state.ignored = storedState.ignored;
     state.running = false; // 初始时设为 false，等 WebSocket 连接成功后再设为 true
 
     console.log('background: 状态已恢复', state);
@@ -119,7 +116,6 @@ const listenMessageForUI = (
         // 同步到 storage
         contentUIStateStorage.updateGlobalState({
           running: state.running,
-          ignored: state.ignored,
           interactionMode,
           demoMode,
           inspecting,
@@ -202,7 +198,6 @@ const connectWebSocket = () => {
       // 更新 storage 中的 running 状态
       contentUIStateStorage.updateGlobalState({
         running: true,
-        ignored: state.ignored,
         interactionMode: state.interactionMode,
         demoMode: state.demoMode,
         inspecting: state.inspecting,
@@ -233,7 +228,6 @@ const connectWebSocket = () => {
       // 更新 storage 中的 running 状态
       contentUIStateStorage.updateGlobalState({
         running: false,
-        ignored: state.ignored,
         interactionMode: state.interactionMode,
         demoMode: state.demoMode,
         inspecting: state.inspecting,
@@ -252,7 +246,6 @@ const connectWebSocket = () => {
       // 更新 storage 中的 running 状态
       contentUIStateStorage.updateGlobalState({
         running: false,
-        ignored: state.ignored,
         interactionMode: state.interactionMode,
         demoMode: state.demoMode,
         inspecting: state.inspecting,
@@ -272,7 +265,6 @@ const connectWebSocket = () => {
     // 更新 storage 中的 running 状态
     contentUIStateStorage.updateGlobalState({
       running: false,
-      ignored: state.ignored,
       interactionMode: state.interactionMode,
       demoMode: state.demoMode,
       inspecting: state.inspecting,

packages/shared/lib/utils/ignoreHref.ts

@@ -0,0 +1,47 @@
+export const ignoreDomain = [
+  // 🔮 LLM 相关平台
+  'chatgpt.com',
+  'chat.openai.com', // ✅ 实际用户更多使用此地址
+  'chat.deepseek.com',
+  'deepseek.com',
+  'gemini.google.com/app',
+  'kimi.com',
+  'claude.ai',
+  'grok.com',
+
+  // 🇨🇳 中文网站（内容大概率为中文，不建议翻译）
+  '163.com', // 网易
+  'qq.com', // 腾讯
+  'weixin.qq.com', // 微信官网
+  'jd.com', // 京东
+  'taobao.com', // 淘宝
+  'tmall.com', // 天猫
+  'sina.com.cn', // 新浪新闻
+  'weibo.com', // 微博
+  'zhihu.com', // 知乎
+  'bilibili.com', // 哔哩哔哩
+  'douyin.com', // 抖音网页版
+  'kuaishou.com', // 快手
+  'xhs.com', // 小红书
+  'huxiu.com', // 虎嗅
+  '36kr.com', // 36氪
+  'cctv.com', // 央视网
+  'people.com.cn', // 人民网
+  'chinanews.com.cn', // 中国新闻网
+  'gov.cn', // 中国政府网
+  'gamersky.com',
+  'bilibili.com',
+  't.bilibili.com',
+  'zh.wikipedia.org',
+
+  'oa.rwkvos.com',
+];
+
+export const isSameDomain = (href: string, domain: string): boolean => {
+  try {
+    const url = new URL(href);
+    return url.hostname === domain;
+  } catch (_) {
+    return false; // 无效 URL
+  }
+};

packages/shared/lib/utils/ignoredDomains.ts

@@ -2,7 +2,7 @@ export * from './colorful-logger.js';
 export * from './formatQueryText.js';
 export * from './formatTranslation.js';
 export * from './helpers.js';
-export * from './ignoreHref.js';
+export * from './ignoredDomains.js';
 export * from './init-app-with-shadow.js';
 export * from './is-chinese.js';
 export * from './is-url.js';

packages/shared/lib/utils/index.ts

@@ -69,9 +69,8 @@ export type AllMessage =
 export interface State {
   interactionMode: 'hover' | 'full';
   demoMode: boolean;
-  ignored: boolean;
   running: boolean;
-  ignoreHref: string[];
+  ignoreDomain: string[];
   inspecting: boolean;
   showBBox: boolean;
 }

packages/shared/lib/utils/types.ts

@@ -82,12 +82,5 @@ export type ContentUIStorageType = BaseStorageType<ContentUIStateType> & {
   toggleDemoMode: () => Promise<void>;
   toggleDiagnoseMode: () => Promise<void>;
   toggleBBox: () => Promise<void>;
-  updateGlobalState: (state: {
-    running: boolean;
-    ignored: boolean;
-    interactionMode: 'hover' | 'full';
-    demoMode: boolean;
-    inspecting: boolean;
-    showBBox: boolean;
-  }) => Promise<void>;
+  updateGlobalState: (state: Partial<ContentUIStateType>) => Promise<void>;
 };

packages/storage/lib/base/types.ts

@@ -10,11 +10,10 @@ export const Dashboard: FC = () => {
     // 状态
     hovered,
     shouldShowOthers,
-    running,
-    inspecting, // 添加缺失的 inspecting 状态
     // 操作方法
     setHovered,
     setHoveringOthers,
+    isIgnored,
   } = useContentUIState();
 
   // 全屏检测
@@ -73,6 +72,9 @@ export const Dashboard: FC = () => {
     return null;
   }
 
+  const showInteractionMode = false;
+  const showDemoMode = false;
+
   return (
     <div style={dashboardStyle}>
       <div onMouseEnter={handleEntryMouseEnter} onMouseLeave={handleEntryMouseLeave}>
@@ -97,10 +99,10 @@ export const Dashboard: FC = () => {
         onMouseLeave={handleOthersMouseLeave}>
         <RunningStatus style={widgetAnimationStyle} />
         <IgnoredStatus style={widgetAnimationStyle} />
-        <InteractionMode style={widgetAnimationStyle} />
-        <DemoMode style={widgetAnimationStyle} />
-        <DiagnoseMode style={widgetAnimationStyle} />
-        <BBox style={widgetAnimationStyle} />
+        {showInteractionMode && <InteractionMode style={widgetAnimationStyle} />}
+        {showDemoMode && <DemoMode style={widgetAnimationStyle} />}
+        {!isIgnored && <DiagnoseMode style={widgetAnimationStyle} />}
+        {!isIgnored && <BBox style={widgetAnimationStyle} />}
       </div>
     </div>
   );

pages/content-ui/src/Dashboard.tsx

@@ -6,13 +6,13 @@ import type { FC } from 'react';
 export const IgnoredStatus: FC<{
   style?: React.CSSProperties;
 }> = ({ style }) => {
-  const { ignored } = useContentUIState();
+  const { isIgnored } = useContentUIState();
 
   return (
     <Base
-      icon={ignored ? <FaEyeSlash /> : <FaEye />}
+      icon={isIgnored ? <FaEyeSlash /> : <FaEye />}
       title="页面被忽略了"
-      value={ignored ? '是' : '否'}
+      value={isIgnored ? '是' : '否'}
       style={style}
     />
   );

pages/content-ui/src/components/IgnoredStatus.tsx

@@ -1,4 +1,4 @@
-import { useStorage, ignoreHref, rwkvEvent } from '@extension/shared';
+import { useStorage, rwkvEvent, ignoreDomain, isSameDomain } from '@extension/shared';
 import { contentUIStateStorage } from '@extension/storage';
 import { useEffect, useState } from 'react';
 
@@ -10,6 +10,9 @@ export const useContentUIState = () => {
   const [hovered, setHovered] = useState(false);
   const [hoveringOthers, setHoveringOthers] = useState(false);
 
+  // 计算当前页面是否被忽略
+  const isIgnored = ignoreDomain.some(domain => isSameDomain(window.location.href, domain));
+
   // 监听来自background的状态变化
   useEffect(() => {
     const handleStateChanged = (event: CustomEvent) => {
@@ -20,7 +23,6 @@ export const useContentUIState = () => {
         // 只更新从 background 传来的状态，保持本地状态不变
         contentUIStateStorage.updateGlobalState({
           running,
-          ignored: ignoreHref.some(href => window.location.href.startsWith(href)),
           interactionMode,
           demoMode,
           inspecting,
@@ -62,6 +64,9 @@ export const useContentUIState = () => {
     hovered,
     hoveringOthers,
 
+    // 页面状态
+    isIgnored,
+
     // UI状态计算属性 - 诊断模式或HUD诊断模式开启时保持显示
     shouldShowOthers: hovered || hoveringOthers || globalState.inspecting || globalState.showBBox,
 
@@ -71,6 +76,7 @@ export const useContentUIState = () => {
       hovered,
       hoveringOthers,
       shouldShowOthers: hovered || hoveringOthers || globalState.inspecting || globalState.showBBox,
+      isIgnored,
     },
 
     // 全局操作方法

pages/content-ui/src/hooks/useContentUIState.ts

@@ -2,7 +2,7 @@ import { injectCss } from './injectcss';
 import { parseNode } from './parseNode';
 import { startPositionMonitoring, stopPositionMonitoring, createTestPosition } from './positionMonitor';
 import { state } from './state';
-import { ignoreHref, rwkvClass, rwkvEvent } from '@extension/shared';
+import { isSameDomain, rwkvClass, rwkvEvent } from '@extension/shared';
 import type { AllMessage } from '@extension/shared';
 
 export const contentStart = () => {
@@ -206,10 +206,8 @@ export const contentStart = () => {
 
   const observer = new MutationObserver(mutationsList => {
     const currentUrl = window.location.href;
-    for (const href of ignoreHref) {
-      const startWith = currentUrl.startsWith(href);
-      if (startWith) return;
-    }
+    const isIgnored = state.ignoreDomain.some(domain => isSameDomain(currentUrl, domain));
+    if (isIgnored) return;
 
     for (const mutation of mutationsList) {
       const type = mutation.type;