Fix uninstall

package.json

@@ -39,6 +39,7 @@
     "@mui/material": "5.15.5",
     "@mui/system": "5.15.6",
     "@reduxjs/toolkit": "1.8.4",
+    "@types/chrome": "0.0.266",
     "@types/mockjs": "1.0.10",
     "@types/react-copy-to-clipboard": "5.0.7",
     "@types/redux-thunk": "2.1.0",

src/background/index.ts

@@ -1,19 +1,54 @@
 import browser from 'webextension-polyfill';
-
+import { FIRST_INSTALL_TASK } from '../constants';
 import store from '../app/store';
 import { isDev } from '../shared/utils';
 
 store.subscribe(() => {
   console.log('state', store.getState());
 });
 
+let firstInstall = false;
+
 // show welcome page on new install
 browser.runtime.onInstalled.addListener(async (details) => {
   if (details.reason === 'install') {
+    console.log('extension first install');
+    firstInstall = true;
+
     //show the welcome page
     const url = browser.runtime.getURL(isDev ? 'src/welcome/welcome.html' : 'welcome.html'); // TODO: better approach
     await browser.tabs.create({ url });
+  } else if (details.reason === 'update') {
+    // 插件更新时执行脚本
+    console.log('extension update');
   }
 });
 
+// background.js
+chrome.runtime.onMessage.addListener(function (request: any, sender: any, sendResponse: any) {
+  if (request.type === 'content_script_loaded') {
+    console.log('Content script loaded ');
+    if (firstInstall == true) {
+      firstInstall = false;
+      chrome.tabs // 查询所有活动的标签页
+        .query({ active: true, currentWindow: true }, (tabs) => {
+          // 获取当前活动标签页
+          const activeTab = tabs[0];
+
+          if (activeTab) {
+            // 发送消息到 Content 脚本, 处理首次安装的事物
+            chrome.tabs.sendMessage(activeTab.id ?? 0, FIRST_INSTALL_TASK, (response) => {
+              console.log('Received response from content script:', response);
+            });
+          }
+        });
+    }
+  }
+});
+
+// 监听插件即将停止或卸载的事件
+chrome.runtime.onSuspend.addListener(() => {
+  console.log('Extension is being suspended or uninstalled.');
+});
+
 export {};

src/constants.ts

@@ -7,7 +7,7 @@ export const OAUTH2 = 'oauth2';
 export const XFANS_DONE = 'Done';
 export const XFANS_VERIFY = 'Verify';
 export const XFANS_GO = 'GO';
-
+export const FIRST_INSTALL_TASK = 'FIRST_INSTALL_TASK';
 // table
 export const ROWS_PER_PAGE = 5;
 

src/content/index.tsx

@@ -2,10 +2,11 @@ import React, { ReactElement } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { Store } from '@eduardoac-skimlinks/webext-redux';
-
+import { XFANS_TOKEN } from '../constants';
 import { proxyStore as store } from '../app/proxyStore';
 import useGlobalStore from '../store/useGlobalStore';
 import { addTwitterComponent, addUserPagePriceComponent } from './addToTwitterHome';
+import { FIRST_INSTALL_TASK } from '../constants';
 import Content from './Content';
 
 import '../tailwind.css';
@@ -58,3 +59,29 @@ async function withProxyStore(children: ReactElement, proxyStore: Store): Promis
     return <Provider store={proxyStore}>{children}</Provider>;
   });
 }
+
+// 监听来自 Background 脚本的消息
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message === FIRST_INSTALL_TASK) {
+    console.log('monitoring Background script messages');
+    useGlobalStore.getState().logout();
+    /*
+    说明：
+    1. 如果在用户删除插件的时候，刚刚登陆过了插件，插件上会残留xfans_token的值，在我们的登录流程中，我们正是通过这个值，写入到globalStore的token值中。
+    2. 首次登录的时候，需要移除这个上一次登录产生的xfans_token的值，不然的话会触发自动登录逻辑。
+    */
+    const url = new URL(window.location.href); // 获取当前URL
+    url.searchParams.delete(XFANS_TOKEN); // 删除指定的查询参数
+    // 使用 history.replaceState 更新 URL
+    window.history.replaceState(null, '', url.toString());
+  }
+
+  // 如果消息不需要异步处理，直接返回 true
+  return true; // 如果异步处理，需要调用 sendResponse
+});
+
+// content_script.js
+chrome.runtime.sendMessage({ type: 'content_script_loaded' }, function (response) {
+  // 其他逻辑...
+  console.log('content script loaded');
+});

src/manifest.ts

@@ -12,7 +12,6 @@ const manifest: ManifestV3Export = {
     {
       matches: ['https://twitter.com/*'],
       js: ['src/content/index.tsx'],
-      run_at: 'document_end',
     },
   ],
   host_permissions: ['https://twitter.com/*', 'https://x.com/*'],