🐛 修复开启用户脚本通知显示异常的问题 (#1086)

* 处理 只显示提示，不显示感叹号 的问题

* 优化弹出窗口的userscripts提示

* 该错误为预期内情况，无需记录 debug 日志

* 通过测试

* 删除日志

* 通过测试

* default isUserScriptsAvailableState to null

* 要求用户重启扩展/浏览器，会重置badge状态的

---------

Co-authored-by: cyfung1031 <44498510+cyfung1031@users.noreply.github.com>

Author: CodFrm

packages/chrome-extension-mock/action.ts

@@ -0,0 +1,6 @@
+export default class Action {
+  getBadgeText() {
+    // 简单返回key作为测试值
+    return "";
+  }
+}

packages/chrome-extension-mock/index.ts

@@ -10,6 +10,7 @@ import DeclarativeNetRequest from "./declarativ_net_request";
 import Permissions from "./permissions";
 import Extension from "./extension";
 import MockUserScripts from "./user_scripts";
+import Action from "./action";
 
 const chromeMock = {
   tabs: new MockTab(),
@@ -24,6 +25,7 @@ const chromeMock = {
   permissions: new Permissions(),
   extension: new Extension(),
   userScripts: new MockUserScripts(),
+  action: new Action(),
   init() {},
 };
 

src/app/service/service_worker/runtime.ts

@@ -337,6 +337,8 @@ export class RuntimeService {
     try {
       const res = await chrome.userScripts?.getScripts({ ids: ["scriptcat-content", "scriptcat-inject"] });
       registered = res?.length === 2;
+    } catch {
+      // 该错误为预期内情况，无需记录 debug 日志
     } finally {
       // 考虑 UserScripts API 不可使用等情况
       runtimeGlobal.registered = registered;

src/pages/components/PopupWarnings/index.tsx

@@ -10,20 +10,28 @@ interface PopupWarningsProps {
 
 function PopupWarnings({ isBlacklist }: PopupWarningsProps) {
   const { t } = useTranslation();
-  const [isUserScriptsAvailableState, setIsUserScriptsAvailableState] = useState(false);
+  const [isUserScriptsAvailableState, setIsUserScriptsAvailableState] = useState<boolean | null>(null);
   const [showRequestButton, setShowRequestButton] = useState(false);
   const [permissionReqResult, setPermissionReqResult] = useState("");
 
   const updateIsUserScriptsAvailableState = async () => {
-    const flag = await checkUserScriptsAvailable();
-    setIsUserScriptsAvailableState(flag);
+    const badgeText = await chrome.action.getBadgeText({});
+    let displayState;
+    if (badgeText === "!") {
+      // 要求用户重启扩展/浏览器，会重置badge状态的
+      displayState = false;
+    } else {
+      displayState = await checkUserScriptsAvailable();
+    }
+    setIsUserScriptsAvailableState(displayState);
   };
 
   useEffect(() => {
     updateIsUserScriptsAvailableState();
   }, []);
 
   const warningMessageHTML = useMemo(() => {
+    if (isUserScriptsAvailableState === null) return "";
     // 可使用UserScript的话，不查browserType
     const browserType = !isUserScriptsAvailableState ? getBrowserType() : null;
 

tests/pages/popup/App.test.tsx

@@ -112,6 +112,7 @@ beforeEach(() => {
     callback?.(mockTabs);
     return Promise.resolve(mockTabs);
   });
+  vi.spyOn(chrome.action, "getBadgeText").mockImplementation(() => Promise.resolve(""));
 });
 
 afterEach(() => {