Fix uninstall

src/background/index.ts

@@ -7,13 +7,52 @@
   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, sender, sendResponse) {
+  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,
+              { greeting: 'Please do task while first install' },
+              (response) => {
+                console.log('Received response from content script:', response);
+              }
+            );
+          }
+        });
+    }
   }
 });
 
+// 监听插件即将停止或卸载的事件
+chrome.runtime.onSuspend.addListener(() => {
+  console.log('Extension is being suspended or uninstalled.');
+});
+
 export {};

src/content/index.tsx

@@ -2,7 +2,7 @@
 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';
@@ -58,3 +58,21 @@
     return <Provider store={proxyStore}>{children}</Provider>;
   });
 }
+
+// 监听来自 Background 脚本的消息
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  console.log('monitoring Background script messages');
+  useGlobalStore.getState().logout();
+  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/*'],