Format and refactor ServerPage

Author: milisp

tauri-app/src-tauri/src/lib.rs

@@ -4,11 +4,10 @@
     windows_subsystem = "windows"
 )]
 
-use std::env;
-use std::sync::{Arc, Mutex};
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
-use tauri_plugin_deep_link::DeepLinkExt;
+use std::env;
+use std::sync::{Arc, Mutex};
 
 mod client;
 mod cmd;
@@ -71,7 +70,6 @@ pub fn run() {
             encryption::generate_encryption_key,
             encryption::encrypt_data,
             encryption::decrypt_data,
-            get_latest_deep_link,
         ])
         .manage(Arc::new(Mutex::new(None::<String>)))
         .setup(|_app| {

tauri-app/src/components/common/AuthUnavailable.tsx

@@ -21,4 +21,4 @@ export default function AuthUnavailable() {
       </div>
     </div>
   );
-} 
+}

tauri-app/src/components/server/ui/index.tsx

@@ -0,0 +1,46 @@
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { openUrl } from "@/utils/urlHelper";
+
+export function ServerMeta({
+  icon: Icon,
+  value,
+}: {
+  icon: React.ElementType;
+  value?: string | number;
+}) {
+  if (!value) return null;
+  return (
+    <div className="flex items-center space-x-2">
+      <Icon size={16} />
+      <span>{typeof value === "number" ? value.toLocaleString() : value}</span>
+    </div>
+  );
+}
+
+export function ServerBadge({ isOfficial }: { isOfficial: boolean }) {
+  return (
+    <Badge variant={isOfficial ? "secondary" : "outline"} className="uppercase">
+      {isOfficial ? "Official" : "Community"}
+    </Badge>
+  );
+}
+
+export function ServerActions({
+  source,
+  onGetClick,
+}: {
+  source: string;
+  onGetClick: () => void;
+}) {
+  return (
+    <div className="flex gap-2">
+      <Button variant="outline" onClick={() => openUrl(source)}>
+        View Source
+      </Button>
+      <Button variant="outline" onClick={onGetClick}>
+        get
+      </Button>
+    </div>
+  );
+}

tauri-app/src/constants/clients.ts

@@ -11,4 +11,7 @@ const clients = [
 ];
 
 export const availableClients = clients;
-export const clientOptions = [...clients, { value: "custom", label: "Custom", free: true }];
+export const clientOptions = [
+  ...clients,
+  { value: "custom", label: "Custom", free: true },
+];

tauri-app/src/hooks/useDeepLink.ts

@@ -5,8 +5,8 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "sonner";
 
 function debugLog(msg: string) {
-  if (import.meta.env.VITE_IS_DEV === 'true') {
-    alert(msg)
+  if (import.meta.env.VITE_IS_DEV === "true") {
+    alert(msg);
   }
 }
 
@@ -17,7 +17,6 @@ export const useDeepLink = () => {
   const navigate = useNavigate();
   const [isHandlingDeepLink, setIsHandlingDeepLink] = useState(false);
 
-
   useEffect(() => {
     const urlObj = new URL(window.location.href);
     const searchParams = new URLSearchParams(urlObj.search);
@@ -48,7 +47,8 @@ export const useDeepLink = () => {
 
         const code = searchParams.get("code");
         if (code && supabase) {
-          const { data, error } = await supabase.auth.exchangeCodeForSession(code);
+          const { data, error } =
+            await supabase.auth.exchangeCodeForSession(code);
           if (error) throw error;
           if (data.session) {
             toast.success("User authenticated successfully");

tauri-app/src/hooks/useGithubReadmeJson.ts

@@ -13,13 +13,15 @@ export function useGithubReadmeJson() {
    * @param githubUrl The GitHub repository URL
    * @returns Array of parsed JSON objects (or null for failed parses)
    */
-  const fetchAllJsonBlocks = async (githubUrl: string): Promise<any[] | null> => {
+  const fetchAllJsonBlocks = async (
+    githubUrl: string,
+  ): Promise<any[] | null> => {
     setError(null);
     setLoading(true);
     try {
       // Parse GitHub repo url
       const match = githubUrl.match(
-        /github.com\/(?<owner>[^/]+)\/(?<repo>[^/?#]+)(?:[/?#]|$)/
+        /github.com\/(?<owner>[^/]+)\/(?<repo>[^/?#]+)(?:[/?#]|$)/,
       );
       if (!match || !match.groups) {
         setError("Invalid GitHub repository URL");
@@ -78,4 +80,4 @@ export function useGithubReadmeJson() {
   };
 
   return { loading, error, fetchAllJsonBlocks, fetchJson };
-} 
+}

tauri-app/src/hooks/useMcpConfig.ts

@@ -107,7 +107,11 @@ export function useMcpConfig(
   }, [selectedClient, selectedPath, executeMcpOperation]);
 
   const updateConfig = useCallback(
-    async (key: string, updatedConfig: ConfigType["mcpServers"][string], isDisabled?: boolean) => {
+    async (
+      key: string,
+      updatedConfig: ConfigType["mcpServers"][string],
+      isDisabled?: boolean,
+    ) => {
       try {
         if (isDisabled) {
           await executeMcpOperation(
@@ -223,11 +227,11 @@ export function useMcpConfig(
       try {
         setIsLoading(true);
         setError(null);
-        
+
         // Get paths for both clients
         const fromPath = getClientPath(fromClient);
         const toPath = getClientPath(toClient);
-        
+
         await executeMcpOperation(
           invoke("sync_mcp_config", {
             fromClient,
@@ -251,7 +255,13 @@ export function useMcpConfig(
         setIsLoading(false);
       }
     },
-    [selectedClient, selectedPath, executeMcpOperation, loadConfig, getClientPath],
+    [
+      selectedClient,
+      selectedPath,
+      executeMcpOperation,
+      loadConfig,
+      getClientPath,
+    ],
   );
 
   const batchDeleteServers = useCallback(

tauri-app/src/hooks/useTeamTrial.ts

@@ -19,7 +19,9 @@ export function useTeamTrial() {
   const isTrialActive = !!user?.trialActive;
   // Whether the trial has expired
   const isTrialExpired =
-    isTrialActive && user?.trialEndsAt && new Date(user.trialEndsAt).getTime() <= Date.now();
+    isTrialActive &&
+    user?.trialEndsAt &&
+    new Date(user.trialEndsAt).getTime() <= Date.now();
   // Whether the user is eligible to start a trial
   const isEligibleForTrial = !isTeamUser && !isTrialActive;
 
@@ -35,7 +37,9 @@ export function useTeamTrial() {
         navigate(0);
       }, 1200);
     } catch (e: any) {
-      toast.error(e?.message || "Failed to start trial. Please try again later.");
+      toast.error(
+        e?.message || "Failed to start trial. Please try again later.",
+      );
       setLoading(false);
     }
   }, [navigate]);
@@ -50,4 +54,4 @@ export function useTeamTrial() {
     startTrial,
     fetchUser,
   };
-} 
+}

tauri-app/src/hooks/useTeamTrialStatus.ts

@@ -13,10 +13,13 @@ export function useTeamTrialStatus(providedUser?: any) {
 
   // Memoize the status calculation
   return useMemo(() => {
-    const trialExpired = actualUser?.trialActive && actualUser?.trialEndsAt && new Date(actualUser.trialEndsAt) <= new Date();
+    const trialExpired =
+      actualUser?.trialActive &&
+      actualUser?.trialEndsAt &&
+      new Date(actualUser.trialEndsAt) <= new Date();
     const hasTrial = actualUser?.trialActive;
     const isTeamUser = actualUser?.tier === "TEAM";
     const isTeamOrTrialActive = isTeamUser || (hasTrial && !trialExpired);
     return { trialExpired, hasTrial, isTeamUser, isTeamOrTrialActive };
   }, [actualUser]);
-} 
+}

tauri-app/src/hooks/useTier.ts

@@ -6,4 +6,4 @@ export function useIsFreeUser() {
   const { isAuthenticated } = useAuth();
   const { user } = useUserStore();
   return isAuthenticated && user?.tier === "FREE";
-}
+}