commit 31fd7342743ed05542ef064276c453ad2aa2b39a · indexx.dev/plc-bench

+2 -2

index.html

···

       3
       3
        
         <head>

     

       4
       4
        
           <meta charset="UTF-8" />

     

       5
       5
        
           <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     

       6
       6
       -
           <title>186e5104-4723-467c-a30c-826aab8e6c65</title>

     

       7
       7
       -
           <meta name="description" content="Lovable Generated Project" />

     

       6
       6
       +
           <title>PLC Mirror Benchmark - ATProto</title>

     

       7
       7
       +
           <meta name="description" content="Benchmark and compare PLC.directory mirrors for ATProto DIDs" />

     

       8
       8
        
           <meta name="author" content="Lovable" />

     

       9
       9
        
       

     

       10
       10
        
           <meta property="og:title" content="186e5104-4723-467c-a30c-826aab8e6c65" />

+98

src/components/BenchmarkTable.tsx

···

       1
       1
       +
       import { BenchmarkResult } from "@/types/benchmark";

     

       2
       2
       +
       import {

     

       3
       3
       +
         Table,

     

       4
       4
       +
         TableBody,

     

       5
       5
       +
         TableCell,

     

       6
       6
       +
         TableHead,

     

       7
       7
       +
         TableHeader,

     

       8
       8
       +
         TableRow,

     

       9
       9
       +
       } from "@/components/ui/table";

     

       10
       10
       +
       import { Badge } from "@/components/ui/badge";

     

       11
       11
       +
       import { CheckCircle2, XCircle } from "lucide-react";

     

       12
       12
       +
       

     

       13
       13
       +
       interface BenchmarkTableProps {

     

       14
       14
       +
         results: BenchmarkResult[];

     

       15
       15
       +
       }

     

       16
       16
       +
       

     

       17
       17
       +
       export const BenchmarkTable = ({ results }: BenchmarkTableProps) => {

     

       18
       18
       +
         // Sort by response time (fastest first)

     

       19
       19
       +
         const sortedResults = [...results].sort((a, b) => {

     

       20
       20
       +
           if (a.status === "error" && b.status === "success") return 1;

     

       21
       21
       +
           if (a.status === "success" && b.status === "error") return -1;

     

       22
       22
       +
           return a.responseTime - b.responseTime;

     

       23
       23
       +
         });

     

       24
       24
       +
       

     

       25
       25
       +
         return (

     

       26
       26
       +
           <div className="rounded-lg border border-border bg-card overflow-hidden">

     

       27
       27
       +
             <Table>

     

       28
       28
       +
               <TableHeader>

     

       29
       29
       +
                 <TableRow className="bg-muted/50">

     

       30
       30
       +
                   <TableHead className="font-semibold">Mirror</TableHead>

     

       31
       31
       +
                   <TableHead className="font-semibold">URL</TableHead>

     

       32
       32
       +
                   <TableHead className="font-semibold text-right">Response Time</TableHead>

     

       33
       33
       +
                   <TableHead className="font-semibold">Status</TableHead>

     

       34
       34
       +
                   <TableHead className="font-semibold">HTTP Code</TableHead>

     

       35
       35
       +
                 </TableRow>

     

       36
       36
       +
               </TableHeader>

     

       37
       37
       +
               <TableBody>

     

       38
       38
       +
                 {sortedResults.map((result, index) => (

     

       39
       39
       +
                   <TableRow key={index} className="hover:bg-muted/30 transition-colors">

     

       40
       40
       +
                     <TableCell className="font-medium">{result.mirrorName}</TableCell>

     

       41
       41
       +
                     <TableCell className="font-mono text-sm text-muted-foreground">

     

       42
       42
       +
                       {result.mirrorUrl}

     

       43
       43
       +
                     </TableCell>

     

       44
       44
       +
                     <TableCell className="text-right font-mono text-sm">

     

       45
       45
       +
                       {result.status === "success" ? (

     

       46
       46
       +
                         <span className="text-foreground font-medium">

     

       47
       47
       +
                           {result.responseTime.toFixed(0)}ms

     

       48
       48
       +
                         </span>

     

       49
       49
       +
                       ) : (

     

       50
       50
       +
                         <span className="text-muted-foreground">—</span>

     

       51
       51
       +
                       )}

     

       52
       52
       +
                     </TableCell>

     

       53
       53
       +
                     <TableCell>

     

       54
       54
       +
                       {result.status === "success" ? (

     

       55
       55
       +
                         <Badge

     

       56
       56
       +
                           variant="outline"

     

       57
       57
       +
                           className="bg-success/10 text-success border-success/20 gap-1"

     

       58
       58
       +
                         >

     

       59
       59
       +
                           <CheckCircle2 className="w-3 h-3" />

     

       60
       60
       +
                           Success

     

       61
       61
       +
                         </Badge>

     

       62
       62
       +
                       ) : (

     

       63
       63
       +
                         <Badge

     

       64
       64
       +
                           variant="outline"

     

       65
       65
       +
                           className="bg-destructive/10 text-destructive border-destructive/20 gap-1"

     

       66
       66
       +
                         >

     

       67
       67
       +
                           <XCircle className="w-3 h-3" />

     

       68
       68
       +
                           Error

     

       69
       69
       +
                         </Badge>

     

       70
       70
       +
                       )}

     

       71
       71
       +
                     </TableCell>

     

       72
       72
       +
                     <TableCell className="font-mono text-sm">

     

       73
       73
       +
                       {result.statusCode ? (

     

       74
       74
       +
                         <span

     

       75
       75
       +
                           className={

     

       76
       76
       +
                             result.statusCode >= 200 && result.statusCode < 300

     

       77
       77
       +
                               ? "text-success"

     

       78
       78
       +
                               : "text-destructive"

     

       79
       79
       +
                           }

     

       80
       80
       +
                         >

     

       81
       81
       +
                           {result.statusCode}

     

       82
       82
       +
                         </span>

     

       83
       83
       +
                       ) : (

     

       84
       84
       +
                         <span className="text-muted-foreground">—</span>

     

       85
       85
       +
                       )}

     

       86
       86
       +
                     </TableCell>

     

       87
       87
       +
                   </TableRow>

     

       88
       88
       +
                 ))}

     

       89
       89
       +
               </TableBody>

     

       90
       90
       +
             </Table>

     

       91
       91
       +
             {sortedResults.length === 0 && (

     

       92
       92
       +
               <div className="text-center py-12 text-muted-foreground">

     

       93
       93
       +
                 No results yet. Enter a DID and run the benchmark.

     

       94
       94
       +
               </div>

     

       95
       95
       +
             )}

     

       96
       96
       +
           </div>

     

       97
       97
       +
         );

     

       98
       98
       +
       };

+19

src/config/mirrors.ts

···

       1
       1
       +
       export interface Mirror {

     

       2
       2
       +
         name: string;

     

       3
       3
       +
         url: string;

     

       4
       4
       +
       }

     

       5
       5
       +
       

     

       6
       6
       +
       export const mirrors: Mirror[] = [

     

       7
       7
       +
         {

     

       8
       8
       +
           name: "plc.directory",

     

       9
       9
       +
           url: "https://plc.directory",

     

       10
       10
       +
         },

     

       11
       11
       +
         {

     

       12
       12
       +
           name: "plc.bsky-mirror.dev",

     

       13
       13
       +
           url: "https://plc.bsky-mirror.dev",

     

       14
       14
       +
         },

     

       15
       15
       +
         {

     

       16
       16
       +
           name: "plc.us-east.host.bsky.network",

     

       17
       17
       +
           url: "https://plc.us-east.host.bsky.network",

     

       18
       18
       +
         },

     

       19
       19
       +
       ];

+44 -36

src/index.css

···

       8
       8
        
       

     

       9
       9
        
       @layer base {

     

       10
       10
        
         :root {

     

       11
       11
       -
           --background: 0 0% 100%;

     

       12
       12
       -
           --foreground: 222.2 84% 4.9%;

     

       11
       11
       +
           --background: 220 15% 97%;

     

       12
       12
       +
           --foreground: 220 15% 15%;

     

       13
       13
        
       

     

       14
       14
        
           --card: 0 0% 100%;

     

       15
       15
       -
           --card-foreground: 222.2 84% 4.9%;

     

       15
       15
       +
           --card-foreground: 220 15% 15%;

     

       16
       16
        
       

     

       17
       17
        
           --popover: 0 0% 100%;

     

       18
       18
       -
           --popover-foreground: 222.2 84% 4.9%;

     

       18
       18
       +
           --popover-foreground: 220 15% 15%;

     

       19
       19
        
       

     

       20
       20
       -
           --primary: 222.2 47.4% 11.2%;

     

       21
       21
       -
           --primary-foreground: 210 40% 98%;

     

       20
       20
       +
           --primary: 217 91% 60%;

     

       21
       21
       +
           --primary-foreground: 0 0% 100%;

     

       22
       22
        
       

     

       23
       23
       -
           --secondary: 210 40% 96.1%;

     

       24
       24
       -
           --secondary-foreground: 222.2 47.4% 11.2%;

     

       23
       23
       +
           --secondary: 220 15% 95%;

     

       24
       24
       +
           --secondary-foreground: 220 15% 15%;

     

       25
       25
        
       

     

       26
       26
       -
           --muted: 210 40% 96.1%;

     

       27
       27
       -
           --muted-foreground: 215.4 16.3% 46.9%;

     

       26
       26
       +
           --muted: 220 15% 95%;

     

       27
       27
       +
           --muted-foreground: 220 10% 45%;

     

       28
       28
        
       

     

       29
       29
       -
           --accent: 210 40% 96.1%;

     

       30
       30
       -
           --accent-foreground: 222.2 47.4% 11.2%;

     

       29
       29
       +
           --accent: 217 91% 60%;

     

       30
       30
       +
           --accent-foreground: 0 0% 100%;

     

       31
       31
        
       

     

       32
       32
       -
           --destructive: 0 84.2% 60.2%;

     

       33
       33
       -
           --destructive-foreground: 210 40% 98%;

     

       32
       32
       +
           --destructive: 0 84% 60%;

     

       33
       33
       +
           --destructive-foreground: 0 0% 100%;

     

       34
       34
        
       

     

       35
       35
       -
           --border: 214.3 31.8% 91.4%;

     

       36
       36
       -
           --input: 214.3 31.8% 91.4%;

     

       37
       37
       -
           --ring: 222.2 84% 4.9%;

     

       35
       35
       +
           --border: 220 15% 88%;

     

       36
       36
       +
           --input: 220 15% 88%;

     

       37
       37
       +
           --ring: 217 91% 60%;

     

       38
       38
       +
           

     

       39
       39
       +
           --success: 142 76% 36%;

     

       40
       40
       +
           --warning: 38 92% 50%;

     

       41
       41
       +
           --mono: 220 15% 25%;

     

       38
       42
        
       

     

       39
       43
        
           --radius: 0.5rem;

     

       40
       44
        
       

     
···

       56
       60
        
         }

     

       57
       61
        
       

     

       58
       62
        
         .dark {

     

       59
       59
       -
           --background: 222.2 84% 4.9%;

     

       60
       60
       -
           --foreground: 210 40% 98%;

     

       63
       63
       +
           --background: 220 20% 10%;

     

       64
       64
       +
           --foreground: 220 15% 95%;

     

       61
       65
        
       

     

       62
       62
       -
           --card: 222.2 84% 4.9%;

     

       63
       63
       -
           --card-foreground: 210 40% 98%;

     

       66
       66
       +
           --card: 220 20% 12%;

     

       67
       67
       +
           --card-foreground: 220 15% 95%;

     

       64
       68
        
       

     

       65
       65
       -
           --popover: 222.2 84% 4.9%;

     

       66
       66
       -
           --popover-foreground: 210 40% 98%;

     

       69
       69
       +
           --popover: 220 20% 12%;

     

       70
       70
       +
           --popover-foreground: 220 15% 95%;

     

       67
       71
        
       

     

       68
       68
       -
           --primary: 210 40% 98%;

     

       69
       69
       -
           --primary-foreground: 222.2 47.4% 11.2%;

     

       72
       72
       +
           --primary: 217 91% 60%;

     

       73
       73
       +
           --primary-foreground: 0 0% 100%;

     

       70
       74
        
       

     

       71
       71
       -
           --secondary: 217.2 32.6% 17.5%;

     

       72
       72
       -
           --secondary-foreground: 210 40% 98%;

     

       75
       75
       +
           --secondary: 220 20% 16%;

     

       76
       76
       +
           --secondary-foreground: 220 15% 95%;

     

       73
       77
        
       

     

       74
       74
       -
           --muted: 217.2 32.6% 17.5%;

     

       75
       75
       -
           --muted-foreground: 215 20.2% 65.1%;

     

       78
       78
       +
           --muted: 220 20% 16%;

     

       79
       79
       +
           --muted-foreground: 220 10% 60%;

     

       76
       80
        
       

     

       77
       77
       -
           --accent: 217.2 32.6% 17.5%;

     

       78
       78
       -
           --accent-foreground: 210 40% 98%;

     

       81
       81
       +
           --accent: 217 91% 60%;

     

       82
       82
       +
           --accent-foreground: 0 0% 100%;

     

       79
       83
        
       

     

       80
       80
       -
           --destructive: 0 62.8% 30.6%;

     

       81
       81
       -
           --destructive-foreground: 210 40% 98%;

     

       84
       84
       +
           --destructive: 0 84% 60%;

     

       85
       85
       +
           --destructive-foreground: 0 0% 100%;

     

       82
       86
        
       

     

       83
       83
       -
           --border: 217.2 32.6% 17.5%;

     

       84
       84
       -
           --input: 217.2 32.6% 17.5%;

     

       85
       85
       -
           --ring: 212.7 26.8% 83.9%;

     

       87
       87
       +
           --border: 220 20% 20%;

     

       88
       88
       +
           --input: 220 20% 20%;

     

       89
       89
       +
           --ring: 217 91% 60%;

     

       90
       90
       +
           

     

       91
       91
       +
           --success: 142 76% 36%;

     

       92
       92
       +
           --warning: 38 92% 50%;

     

       93
       93
       +
           --mono: 220 15% 85%;

     

       86
       94
        
           --sidebar-background: 240 5.9% 10%;

     

       87
       95
        
           --sidebar-foreground: 240 4.8% 95.9%;

     

       88
       96
        
           --sidebar-primary: 224.3 76.3% 48%;

+120 -5

src/pages/Index.tsx

···

       1
       1
       -
       // Update this page (the content is just a fallback if you fail to update the page)

     

       1
       1
       +
       import { useState } from "react";

     

       2
       2
       +
       import { Button } from "@/components/ui/button";

     

       3
       3
       +
       import { Input } from "@/components/ui/input";

     

       4
       4
       +
       import { BenchmarkTable } from "@/components/BenchmarkTable";

     

       5
       5
       +
       import { mirrors } from "@/config/mirrors";

     

       6
       6
       +
       import { benchmarkAllMirrors } from "@/utils/benchmark";

     

       7
       7
       +
       import { BenchmarkResult } from "@/types/benchmark";

     

       8
       8
       +
       import { toast } from "sonner";

     

       9
       9
       +
       import { Activity, Zap } from "lucide-react";

     

       2
       10
        
       

     

       3
       11
        
       const Index = () => {

     

       12
       12
       +
         const [did, setDid] = useState("");

     

       13
       13
       +
         const [loading, setLoading] = useState(false);

     

       14
       14
       +
         const [results, setResults] = useState<BenchmarkResult[]>([]);

     

       15
       15
       +
       

     

       16
       16
       +
         const handleBenchmark = async () => {

     

       17
       17
       +
           if (!did.trim()) {

     

       18
       18
       +
             toast.error("Please enter a DID");

     

       19
       19
       +
             return;

     

       20
       20
       +
           }

     

       21
       21
       +
       

     

       22
       22
       +
           setLoading(true);

     

       23
       23
       +
           setResults([]);

     

       24
       24
       +
       

     

       25
       25
       +
           try {

     

       26
       26
       +
             const benchmarkResults = await benchmarkAllMirrors(mirrors, did.trim());

     

       27
       27
       +
             setResults(benchmarkResults);

     

       28
       28
       +
             

     

       29
       29
       +
             const successCount = benchmarkResults.filter(r => r.status === "success").length;

     

       30
       30
       +
             toast.success(`Benchmark complete! ${successCount}/${benchmarkResults.length} mirrors responded`);

     

       31
       31
       +
           } catch (error) {

     

       32
       32
       +
             toast.error("Failed to run benchmark");

     

       33
       33
       +
             console.error(error);

     

       34
       34
       +
           } finally {

     

       35
       35
       +
             setLoading(false);

     

       36
       36
       +
           }

     

       37
       37
       +
         };

     

       38
       38
       +
       

     

       39
       39
       +
         const handleKeyPress = (e: React.KeyboardEvent) => {

     

       40
       40
       +
           if (e.key === "Enter" && !loading) {

     

       41
       41
       +
             handleBenchmark();

     

       42
       42
       +
           }

     

       43
       43
       +
         };

     

       44
       44
       +
       

     

       4
       45
        
         return (

     

       5
       5
       -
           <div className="flex min-h-screen items-center justify-center bg-background">

     

       6
       6
       -
             <div className="text-center">

     

       7
       7
       -
               <h1 className="mb-4 text-4xl font-bold">Welcome to Your Blank App</h1>

     

       8
       8
       -
               <p className="text-xl text-muted-foreground">Start building your amazing project here!</p>

     

       46
       46
       +
           <div className="min-h-screen bg-background py-8 px-4">

     

       47
       47
       +
             <div className="max-w-6xl mx-auto space-y-8">

     

       48
       48
       +
               {/* Header */}

     

       49
       49
       +
               <header className="text-center space-y-3">

     

       50
       50
       +
                 <div className="flex items-center justify-center gap-2 text-primary">

     

       51
       51
       +
                   <Activity className="w-8 h-8" />

     

       52
       52
       +
                   <h1 className="text-4xl font-bold">PLC Mirror Benchmark</h1>

     

       53
       53
       +
                 </div>

     

       54
       54
       +
                 <p className="text-muted-foreground text-lg max-w-2xl mx-auto">

     

       55
       55
       +
                   Test and compare response times across different PLC.directory mirrors

     

       56
       56
       +
                 </p>

     

       57
       57
       +
               </header>

     

       58
       58
       +
       

     

       59
       59
       +
               {/* Input Section */}

     

       60
       60
       +
               <div className="bg-card border border-border rounded-lg p-6 shadow-sm">

     

       61
       61
       +
                 <div className="space-y-4">

     

       62
       62
       +
                   <div>

     

       63
       63
       +
                     <label htmlFor="did-input" className="block text-sm font-medium mb-2">

     

       64
       64
       +
                       ATProto DID

     

       65
       65
       +
                     </label>

     

       66
       66
       +
                     <div className="flex gap-3">

     

       67
       67
       +
                       <Input

     

       68
       68
       +
                         id="did-input"

     

       69
       69
       +
                         type="text"

     

       70
       70
       +
                         placeholder="did:plc:example123..."

     

       71
       71
       +
                         value={did}

     

       72
       72
       +
                         onChange={(e) => setDid(e.target.value)}

     

       73
       73
       +
                         onKeyPress={handleKeyPress}

     

       74
       74
       +
                         className="flex-1 font-mono"

     

       75
       75
       +
                         disabled={loading}

     

       76
       76
       +
                       />

     

       77
       77
       +
                       <Button

     

       78
       78
       +
                         onClick={handleBenchmark}

     

       79
       79
       +
                         disabled={loading || !did.trim()}

     

       80
       80
       +
                         className="gap-2"

     

       81
       81
       +
                       >

     

       82
       82
       +
                         <Zap className="w-4 h-4" />

     

       83
       83
       +
                         {loading ? "Benchmarking..." : "Run Benchmark"}

     

       84
       84
       +
                       </Button>

     

       85
       85
       +
                     </div>

     

       86
       86
       +
                   </div>

     

       87
       87
       +
                   <div className="text-sm text-muted-foreground">

     

       88
       88
       +
                     Testing {mirrors.length} mirrors: {mirrors.map(m => m.name).join(", ")}

     

       89
       89
       +
                   </div>

     

       90
       90
       +
                 </div>

     

       91
       91
       +
               </div>

     

       92
       92
       +
       

     

       93
       93
       +
               {/* Results Section */}

     

       94
       94
       +
               {(results.length > 0 || loading) && (

     

       95
       95
       +
                 <div className="space-y-4">

     

       96
       96
       +
                   <h2 className="text-2xl font-semibold">Results</h2>

     

       97
       97
       +
                   {loading ? (

     

       98
       98
       +
                     <div className="bg-card border border-border rounded-lg p-12 text-center">

     

       99
       99
       +
                       <div className="inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-primary mb-4"></div>

     

       100
       100
       +
                       <p className="text-muted-foreground">Benchmarking mirrors...</p>

     

       101
       101
       +
                     </div>

     

       102
       102
       +
                   ) : (

     

       103
       103
       +
                     <BenchmarkTable results={results} />

     

       104
       104
       +
                   )}

     

       105
       105
       +
                 </div>

     

       106
       106
       +
               )}

     

       107
       107
       +
       

     

       108
       108
       +
               {/* Info Section */}

     

       109
       109
       +
               {results.length === 0 && !loading && (

     

       110
       110
       +
                 <div className="bg-muted/30 border border-border rounded-lg p-6">

     

       111
       111
       +
                   <h3 className="font-semibold mb-2">How to use:</h3>

     

       112
       112
       +
                   <ol className="list-decimal list-inside space-y-1 text-sm text-muted-foreground">

     

       113
       113
       +
                     <li>Enter an ATProto DID (e.g., did:plc:z72i7hdynmk6r22z27h6tvur)</li>

     

       114
       114
       +
                     <li>Click "Run Benchmark" or press Enter</li>

     

       115
       115
       +
                     <li>View response times and status for each mirror</li>

     

       116
       116
       +
                   </ol>

     

       117
       117
       +
                   <div className="mt-4 pt-4 border-t border-border">

     

       118
       118
       +
                     <p className="text-sm text-muted-foreground">

     

       119
       119
       +
                       Mirrors can be configured in <code className="bg-background px-2 py-1 rounded text-mono">src/config/mirrors.ts</code>

     

       120
       120
       +
                     </p>

     

       121
       121
       +
                   </div>

     

       122
       122
       +
                 </div>

     

       123
       123
       +
               )}

     

       9
       124
        
             </div>

     

       10
       125
        
           </div>

     

       11
       126
        
         );

src/types/benchmark.ts

···

       1
       1
       +
       export interface BenchmarkResult {

     

       2
       2
       +
         mirrorName: string;

     

       3
       3
       +
         mirrorUrl: string;

     

       4
       4
       +
         responseTime: number;

     

       5
       5
       +
         status: "success" | "error";

     

       6
       6
       +
         statusCode?: number;

     

       7
       7
       +
         error?: string;

     

       8
       8
       +
         data?: any;

     

       9
       9
       +
       }

+55

src/utils/benchmark.ts

···

       1
       1
       +
       import { Mirror } from "@/config/mirrors";

     

       2
       2
       +
       import { BenchmarkResult } from "@/types/benchmark";

     

       3
       3
       +
       

     

       4
       4
       +
       export const benchmarkMirror = async (

     

       5
       5
       +
         mirror: Mirror,

     

       6
       6
       +
         did: string

     

       7
       7
       +
       ): Promise<BenchmarkResult> => {

     

       8
       8
       +
         const url = `${mirror.url}/${did}`;

     

       9
       9
       +
         const startTime = performance.now();

     

       10
       10
       +
       

     

       11
       11
       +
         try {

     

       12
       12
       +
           const response = await fetch(url);

     

       13
       13
       +
           const endTime = performance.now();

     

       14
       14
       +
           const responseTime = endTime - startTime;

     

       15
       15
       +
       

     

       16
       16
       +
           if (!response.ok) {

     

       17
       17
       +
             return {

     

       18
       18
       +
               mirrorName: mirror.name,

     

       19
       19
       +
               mirrorUrl: mirror.url,

     

       20
       20
       +
               responseTime,

     

       21
       21
       +
               status: "error",

     

       22
       22
       +
               statusCode: response.status,

     

       23
       23
       +
               error: `HTTP ${response.status}`,

     

       24
       24
       +
             };

     

       25
       25
       +
           }

     

       26
       26
       +
       

     

       27
       27
       +
           const data = await response.json();

     

       28
       28
       +
       

     

       29
       29
       +
           return {

     

       30
       30
       +
             mirrorName: mirror.name,

     

       31
       31
       +
             mirrorUrl: mirror.url,

     

       32
       32
       +
             responseTime,

     

       33
       33
       +
             status: "success",

     

       34
       34
       +
             statusCode: response.status,

     

       35
       35
       +
             data,

     

       36
       36
       +
           };

     

       37
       37
       +
         } catch (error) {

     

       38
       38
       +
           const endTime = performance.now();

     

       39
       39
       +
           return {

     

       40
       40
       +
             mirrorName: mirror.name,

     

       41
       41
       +
             mirrorUrl: mirror.url,

     

       42
       42
       +
             responseTime: endTime - startTime,

     

       43
       43
       +
             status: "error",

     

       44
       44
       +
             error: error instanceof Error ? error.message : "Unknown error",

     

       45
       45
       +
           };

     

       46
       46
       +
         }

     

       47
       47
       +
       };

     

       48
       48
       +
       

     

       49
       49
       +
       export const benchmarkAllMirrors = async (

     

       50
       50
       +
         mirrors: Mirror[],

     

       51
       51
       +
         did: string

     

       52
       52
       +
       ): Promise<BenchmarkResult[]> => {

     

       53
       53
       +
         const promises = mirrors.map((mirror) => benchmarkMirror(mirror, did));

     

       54
       54
       +
         return Promise.all(promises);

     

       55
       55
       +
       };

tailwind.config.ts

···

       57
       57
        
                 border: "hsl(var(--sidebar-border))",

     

       58
       58
        
                 ring: "hsl(var(--sidebar-ring))",

     

       59
       59
        
               },

     

       60
       60
       +
               success: "hsl(var(--success))",

     

       61
       61
       +
               warning: "hsl(var(--warning))",

     

       62
       62
       +
               mono: "hsl(var(--mono))",

     

       60
       63
        
             },

     

       61
       64
        
             borderRadius: {

     

       62
       65
        
               lg: "var(--radius)",