refactor: clean up code formatting and improve readability in setup components

- Removed unnecessary blank lines and adjusted indentation for better code clarity in ExtensionLauncher and SetupContent components.
- Enhanced the formatting of utility function imports in extension-utils for consistency.
- Streamlined the handling of plugin ID and token saving logic to improve maintainability.

Author: cubxxw

frontend/components/setup/ExtensionLauncher.tsx

@@ -41,12 +41,12 @@ export function ExtensionLauncher({ onSidebarOpened }: ExtensionLauncherProps) {
 
     if (success) {
       setSidebarOpened(true);
-      
+
       // 如果提供了回调函数，则执行它
       if (onSidebarOpened) {
         onSidebarOpened();
       }
-      
+
       // 显示固定侧边栏的提示
       setTimeout(() => {
         setShowTooltip(true);

frontend/components/setup/SetupContent.tsx

@@ -15,9 +15,9 @@ import { useRouter } from "next/navigation";
 import { useSearchParams } from "next/navigation";
 import { ExtensionLauncher } from "./ExtensionLauncher";
 import { useAuth } from "@/lib/auth";
-import { 
-  getExtensionPluginId, 
-  saveTokenToExtension 
+import {
+  getExtensionPluginId,
+  saveTokenToExtension,
 } from "@/lib/extension-utils";
 import { useToast } from "@/components/ui/use-toast";
 
@@ -156,7 +156,7 @@ const CompleteStep = ({ fromExtension, onFinish }: CompleteStepProps) => (
       <p className="text-muted-foreground">
         您已成功完成 Nexus 的初始设置。现在您可以开始体验全部功能。
       </p>
-      
+
       {fromExtension && (
         <div className="mt-4 text-sm text-green-600 dark:text-green-400">
           您的浏览器扩展将自动配置，无需额外设置。
@@ -178,16 +178,20 @@ export function SetupContent() {
   const router = useRouter();
   const { user } = useAuth();
   const searchParams = useSearchParams();
-  const [extensionPluginId, setExtensionPluginId] = useState<string | null>(null);
-  const [extensionCallback, setExtensionCallback] = useState<string | null>(null);
+  const [extensionPluginId, setExtensionPluginId] = useState<string | null>(
+    null,
+  );
+  const [extensionCallback, setExtensionCallback] = useState<string | null>(
+    null,
+  );
   const [tokenSent, setTokenSent] = useState(false);
   const { toast } = useToast();
-  
+
   // 检查URL参数中是否包含plugin_id和extension_callback
   useEffect(() => {
     const pluginId = searchParams?.get("plugin_id");
     const callback = searchParams?.get("extension_callback");
-    
+
     // 如果URL中有plugin_id，则保存它
     if (pluginId) {
       console.log("Setup页面从URL获取了plugin_id:", pluginId);
@@ -203,27 +207,30 @@ export function SetupContent() {
       }
       fetchPluginId();
     }
-    
+
     if (callback) {
       setExtensionCallback(callback);
     }
   }, [searchParams]);
-  
+
   // 在完成设置时向扩展发送Token
   const handleFinish = async () => {
     if (user?.token && extensionPluginId && !tokenSent) {
       try {
         console.log("Setup页面尝试向扩展发送Token");
-        const success = await saveTokenToExtension(user.token, extensionPluginId);
-        
+        const success = await saveTokenToExtension(
+          user.token,
+          extensionPluginId,
+        );
+
         if (success) {
           setTokenSent(true);
           toast({
             title: "扩展配置成功",
             description: "Nexus扩展已完成设置",
             variant: "default",
           });
-          
+
           // 如果有回调URL，则重定向
           if (extensionCallback) {
             window.location.href = `${extensionCallback}?token=${encodeURIComponent(user.token)}`;
@@ -240,7 +247,7 @@ export function SetupContent() {
         console.error("发送Token到扩展时出错:", error);
       }
     }
-    
+
     // 如果没有扩展或发送失败，则正常重定向到仪表盘
     router.push("/dashboard");
   };
@@ -259,17 +266,19 @@ export function SetupContent() {
       setCurrentStep(currentStep - 1);
     }
   };
-  
+
   // 动态添加完成步骤组件
   const AllStepComponents = [
-    ...StepComponents, 
-    (props: CompleteStepProps) => <CompleteStep 
-      fromExtension={!!extensionPluginId} 
-      onFinish={handleFinish} 
-      {...props} 
-    />
+    ...StepComponents,
+    (props: CompleteStepProps) => (
+      <CompleteStep
+        fromExtension={!!extensionPluginId}
+        onFinish={handleFinish}
+        {...props}
+      />
+    ),
   ];
-  
+
   const CurrentStepComponent = AllStepComponents[currentStep];
 
   return (

frontend/lib/extension-utils.ts

@@ -154,18 +154,16 @@ export const getExtensionPluginId = async (): Promise<string | null> => {
               sendMessage: (
                 id: string,
                 msg: object,
-                cb: (response: ExtensionResponse & { pluginId?: string }) => void,
+                cb: (
+                  response: ExtensionResponse & { pluginId?: string },
+                ) => void,
               ) => void;
             };
           }
-        ).runtime.sendMessage(
-          extensionId,
-          { action: "ping" },
-          (response) => {
-            clearTimeout(timeoutId);
-            resolve(response?.pluginId || null);
-          },
-        );
+        ).runtime.sendMessage(extensionId, { action: "ping" }, (response) => {
+          clearTimeout(timeoutId);
+          resolve(response?.pluginId || null);
+        });
       } else {
         resolve(null);
       }
@@ -184,7 +182,7 @@ export const getExtensionPluginId = async (): Promise<string | null> => {
  */
 export const saveTokenToExtension = async (
   token: string,
-  pluginId: string | null
+  pluginId: string | null,
 ): Promise<boolean> => {
   // 确保代码在浏览器环境中运行
   if (typeof window === "undefined" || !window.chrome) {
@@ -219,12 +217,12 @@ export const saveTokenToExtension = async (
           }
         ).runtime.sendMessage(
           extensionId,
-          { 
-            action: "saveToken", 
-            data: { 
+          {
+            action: "saveToken",
+            data: {
               token,
-              pluginId 
-            }
+              pluginId,
+            },
           },
           (response) => {
             clearTimeout(timeoutId);