feat: enhance trust domain management and improve code structure (#124)

* feat: enhance trust domain management and improve code structure

- Add functionality to get and delete trusted domains in trust-domain service
- Refactor import statements for better readability in index.ts
- Adjust image class order in popup for consistent styling

* feat: update popup behavior to redirect to dashboard

- Remove previous loading screen and options page redirection
- Implement direct navigation to the dashboard on popup open
- Simplify the popup component structure for better maintainability

* refactor: update base url

---------

Co-authored-by: cunkycheng <cunkycheng@gmail.com>

Author: harryisfish

src/background/index.ts

@@ -8,7 +8,13 @@ import {
   tabsManagerMessageHandler,
 } from './services/tabs';
 import QuantumEntanglementKeepAlive from '../utils/keep-alive';
-import { createTabsForPlatforms, getPlatformInfos, injectScriptsToTabs, type SyncData, type SyncDataPlatform } from '~sync/common';
+import {
+  createTabsForPlatforms,
+  getPlatformInfos,
+  injectScriptsToTabs,
+  type SyncData,
+  type SyncDataPlatform,
+} from '~sync/common';
 import { trustDomainMessageHandler } from './services/trust-domain';
 import { Storage } from '@plasmohq/storage';
 import { getAllAccountInfo } from '~sync/account';

src/background/services/trust-domain.ts

@@ -3,6 +3,30 @@ import { Storage } from '@plasmohq/storage';
 const storage = new Storage({ area: 'local' });
 
 export const trustDomainMessageHandler = async (request, sender, sendResponse) => {
+  // 获取信任域名列表
+  if (request.action === 'MUTLIPOST_EXTENSION_GET_TRUSTED_DOMAINS') {
+    const trustedDomains = (await storage.get<Array<{ id: string; domain: string }>>('trustedDomains')) || [];
+    return sendResponse({ trustedDomains });
+  }
+
+  // 删除特定信任域名
+  if (request.action === 'MUTLIPOST_EXTENSION_DELETE_TRUSTED_DOMAIN') {
+    const { domainId } = request.data;
+
+    console.log('request', request);
+    console.log('domainId', domainId);
+
+    if (!domainId) {
+      return sendResponse({ success: false, message: '缺少域名ID' });
+    }
+
+    const trustedDomains = (await storage.get<Array<{ id: string; domain: string }>>('trustedDomains')) || [];
+    const updatedDomains = trustedDomains.filter((item) => item.id !== domainId);
+
+    await storage.set('trustedDomains', updatedDomains);
+    return sendResponse({ success: true, trustedDomains: updatedDomains });
+  }
+
   if (request.action === 'MUTLIPOST_EXTENSION_REQUEST_TRUST_DOMAIN') {
     // 检查域名是否已经被信任
     const trustedDomains = (await storage.get<Array<{ domain: string }>>('trustedDomains')) || [];

src/popup/index.tsx

@@ -2,8 +2,6 @@ import '~style.css';
 import cssText from 'data-text:~style.css';
 import type { PlasmoCSConfig } from 'plasmo';
 import React, { useEffect } from 'react';
-import { Loader2 } from 'lucide-react';
-import icon from 'data-base64:~/../assets/icon.png';
 
 export const config: PlasmoCSConfig = {
   // matches: ["https://www.plasmo.com/*"]
@@ -15,6 +13,8 @@ export function getShadowContainer() {
 
 export const getShadowHostId = () => 'test-shadow';
 
+const BASE_URL = process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : 'https://multipost.app'
+
 export const getStyle = () => {
   const style = document.createElement('style');
 
@@ -24,29 +24,10 @@ export const getStyle = () => {
 
 const IndexPopup = () => {
   useEffect(() => {
-    if (process.env.NODE_ENV === 'development') {
-      chrome.runtime.openOptionsPage();
-      return;
-    }
-
-    const timer = setTimeout(() => {
-      chrome.runtime.openOptionsPage();
-    }, 2000);
-
-    return () => clearTimeout(timer);
+    chrome.tabs.create({ url: `${BASE_URL}/dashboard/publish` });
   }, []);
 
-  return (
-    <div className="w-[300px] h-[200px] flex flex-col items-center justify-center bg-white dark:bg-gray-900">
-      <img
-        src={icon}
-        alt={chrome.i18n.getMessage('popupLogoAlt')}
-        className="object-contain w-16 h-16 mb-4"
-      />
-      <Loader2 className="w-10 h-10 animate-spin text-primary-600" />
-      <p className="mt-4 text-sm text-gray-600 dark:text-gray-300">{chrome.i18n.getMessage('popupLoadingMessage')}</p>
-    </div>
-  );
+  return <div></div>;
 };
 
 export default IndexPopup;