···

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

     

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

     

       
15
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
16
       
 
       
  const handleBenchmark = async () => {

     

       
17
       
 
       
    if (!did.trim()) {

     

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

     

       
19
       
 
       
      return;

     

       
20
       
 
       
    }

     

       
21
       
 
       


     
···

       
23
       
 
       
    setResults([]);

     

       
24
       
 
       


     

       
25
       
 
       
    try {

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
27
       
 
       
      setResults(benchmarkResults);

     

       
28
       
 
       
      

     

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

     
···

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

     

       
62
       
 
       
            <div>

     

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

     

       
64
       
-
       
                ATProto DID

     

       
65
       
 
       
              </label>

     

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

     

       
67
       
 
       
                <Input

     

       
68
       
 
       
                  id="did-input"

     

       
69
       
 
       
                  type="text"

     

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

     

       
71
       
 
       
                  value={did}

     

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

     

       
73
       
 
       
                  onKeyPress={handleKeyPress}

     
···

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

     

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

     

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

     

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

     

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

     

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

     

       
116
       
 
       
            </ol>

     

···

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

     

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

     

       
15
       
 
       


     

       
16
       
+
       
  const resolveHandle = async (handle: string): Promise<string | null> => {

     

       
17
       
+
       
    try {

     

       
18
       
+
       
      const response = await fetch(

     

       
19
       
+
       
        `https://quickdid.smokesignal.tools/xrpc/com.atproto.identity.resolveHandle?handle=${encodeURIComponent(handle)}`

     

       
20
       
+
       
      );

     

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

     

       
22
       
+
       
      

     

       
23
       
+
       
      if (data.error) {

     

       
24
       
+
       
        toast.error(`Unable to resolve handle: ${data.message || "Invalid handle"}`);

     

       
25
       
+
       
        return null;

     

       
26
       
+
       
      }

     

       
27
       
+
       
      

     

       
28
       
+
       
      return data.did;

     

       
29
       
+
       
    } catch (error) {

     

       
30
       
+
       
      toast.error("Failed to resolve handle");

     

       
31
       
+
       
      console.error(error);

     

       
32
       
+
       
      return null;

     

       
33
       
+
       
    }

     

       
34
       
+
       
  };

     

       
35
       
+
       


     

       
36
       
 
       
  const handleBenchmark = async () => {

     

       
37
       
 
       
    if (!did.trim()) {

     

       
38
       
+
       
      toast.error("Please enter a DID or handle");

     

       
39
       
 
       
      return;

     

       
40
       
 
       
    }

     

       
41
       
 
       


     
···

       
43
       
 
       
    setResults([]);

     

       
44
       
 
       


     

       
45
       
 
       
    try {

     

       
46
       
+
       
      let resolvedDid = did.trim();

     

       
47
       
+
       
      

     

       
48
       
+
       
      // If input doesn't start with "did:plc", treat it as a handle

     

       
49
       
+
       
      if (!resolvedDid.startsWith("did:plc")) {

     

       
50
       
+
       
        const resolved = await resolveHandle(resolvedDid);

     

       
51
       
+
       
        if (!resolved) {

     

       
52
       
+
       
          setLoading(false);

     

       
53
       
+
       
          return;

     

       
54
       
+
       
        }

     

       
55
       
+
       
        resolvedDid = resolved;

     

       
56
       
+
       
        toast.success(`Resolved to ${resolvedDid}`);

     

       
57
       
+
       
      }

     

       
58
       
+
       


     

       
59
       
+
       
      const benchmarkResults = await benchmarkAllMirrors(mirrors, resolvedDid);

     

       
60
       
 
       
      setResults(benchmarkResults);

     

       
61
       
 
       
      

     

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

     
···

       
94
       
 
       
          <div className="space-y-4">

     

       
95
       
 
       
            <div>

     

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

     

       
97
       
+
       
                ATProto DID or Handle

     

       
98
       
 
       
              </label>

     

       
99
       
 
       
              <div className="flex gap-3">

     

       
100
       
 
       
                <Input

     

       
101
       
 
       
                  id="did-input"

     

       
102
       
 
       
                  type="text"

     

       
103
       
+
       
                  placeholder="did:plc:example123... or handle.bsky.social"

     

       
104
       
 
       
                  value={did}

     

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

     

       
106
       
 
       
                  onKeyPress={handleKeyPress}

     
···

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

     

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

     

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

     

       
146
       
+
       
              <li>Enter an ATProto DID or handle (e.g., did:plc:z72i7hdynmk6r22z27h6tvur or handle.bsky.social)</li>

     

       
147
       
 
       
              <li>Click "Run Benchmark" or press Enter</li>

     

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

     

       
149
       
 
       
            </ol>