Add batch email resolution and APIs for account emails

Introduce the `get_account_emails` API to fetch emails for multiple DIDs in a single request. Updated the frontend logic to utilize batch resolution, improving efficiency and reducing API calls.

Author: TheRipperoni

src/App.tsx

@@ -106,31 +106,49 @@ function App() {
   const resolveHandles = useCallback(
     async (invitesList: InviteCode[]) => {
       const didsToResolve = new Set<string>();
+      const emailsToResolve = new Set<string>();
+      
       invitesList.forEach((invite) => {
         const usedBy = getUsedBy(invite);
-        if (usedBy && usedBy.startsWith('did:') && !handles[usedBy]) {
-          didsToResolve.add(usedBy);
+        if (usedBy && usedBy.startsWith('did:')) {
+          if (!handles[usedBy]) {
+            didsToResolve.add(usedBy);
+          }
+          if (!emails[usedBy]) {
+            emailsToResolve.add(usedBy);
+          }
         }
       });
 
-      for (const did of didsToResolve) {
+      // Resolve emails in batch first
+      if (emailsToResolve.size > 0) {
         try {
-          // Resolve email first if not already present
-          if (!emails[did]) {
-            try {
-              const emailResponse = await activeService.getAccountEmail(did);
-              if (emailResponse.data?.email) {
-                setEmails((prev) => ({ ...prev, [did]: emailResponse.data.email! }));
-              } else {
-                setEmails((prev) => ({ ...prev, [did]: '-' }));
-              }
-            } catch (err) {
-              console.error(`Failed to resolve email for DID: ${did}`, err);
-              setEmails((prev) => ({ ...prev, [did]: '-' }));
-            }
-          }
+          const emailResponse = await activeService.getAccountEmails(Array.from(emailsToResolve));
+          const resolvedEmails = emailResponse.data?.emails || {};
+          
+          setEmails((prev) => {
+            const next = { ...prev };
+            emailsToResolve.forEach((did) => {
+              next[did] = resolvedEmails[did] || '-';
+            });
+            return next;
+          });
+        } catch (err) {
+          console.error('Failed to resolve emails in batch', err);
+          // Fallback: mark as unresolved so we don't keep trying
+          setEmails((prev) => {
+            const next = { ...prev };
+            emailsToResolve.forEach((did) => {
+              next[did] = '-';
+            });
+            return next;
+          });
+        }
+      }
 
-          // Then resolve handle
+      // Then resolve handles individually (PLC directory doesn't seem to have a batch API)
+      for (const did of didsToResolve) {
+        try {
           const response = await activeService.resolveDid(did);
           // PLC directory response has 'alsoKnownAs' array with 'at://handle'
           const alsoKnownAs = response.data?.alsoKnownAs || [];

src/api.ts

@@ -111,6 +111,9 @@ export const apiService = {
 
   getAccountEmail: (did: string): Promise<AxiosResponse<{ email: string | null }>> =>
     api.get(`/api/account/email`, { params: { did } }),
+
+  getAccountEmails: (dids: string[]): Promise<AxiosResponse<{ emails: Record<string, string | null> }>> =>
+    api.get(`/api/account/emails`, { params: { dids } }),
 };
 
 export const mockApiService = {
@@ -252,4 +255,13 @@ export const mockApiService = {
     await new Promise((resolve) => setTimeout(resolve, 100));
     return { data: { email: `${did.replace('did:plc:', '')}@example.com` } };
   },
+
+  getAccountEmails: async (dids: string[]): Promise<{ data: { emails: Record<string, string | null> } }> => {
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    const emails: Record<string, string | null> = {};
+    dids.forEach((did) => {
+      emails[did] = `${did.replace('did:plc:', '')}@example.com`;
+    });
+    return { data: { emails } };
+  },
 };