chore: small fixes

Author: danielroe

app/pages/pds.vue

@@ -58,7 +58,7 @@ const usersWithAvatars = computed(() => {
         </p>
       </header>
 
-      <section class="prose prose-invert max-w-none space-y-12">
+      <section class="max-w-none space-y-12">
         <div>
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">Join the Community</h2>
           <p class="text-fg-muted leading-relaxed mb-4">
@@ -69,7 +69,8 @@ const usersWithAvatars = computed(() => {
           <div class="mt-6">
             <LinkBase
               to="https://pdsmoover.com/moover/npmx.social"
-              class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md border border-border hover:border-border-hover bg-bg-muted hover:bg-bg transition-colors"
+              class="gap-2 px-4 py-2 text-sm font-medium rounded-md border border-border hover:border-border-hover bg-bg-muted hover:bg-bg"
+              no-underline
             >
               <span class="i-lucide:arrow-right-left w-4 h-4 text-fg-muted" aria-hidden="true" />
               Migrate with PDS MOOver
@@ -126,10 +127,10 @@ const usersWithAvatars = computed(() => {
           <div v-else-if="pdsStatus === 'error'" class="text-fg-subtle text-sm" role="alert">
             Failed to load PDS community.
           </div>
-          <ul
-            v-else-if="usersWithAvatars.length"
-            class="grid grid-cols-[repeat(auto-fill,48px)] gap-2 list-none p-0"
-          >
+          <div v-else-if="!usersWithAvatars.length" class="text-fg-subtle text-sm">
+            No community members to display.
+          </div>
+          <ul v-else class="grid grid-cols-[repeat(auto-fill,48px)] gap-2 list-none p-0">
             <li v-for="user in usersWithAvatars" :key="user.handle" class="block group relative">
               <a
                 :href="`https://bsky.app/profile/${user.handle}`"

server/api/atproto/pds-graphs.get.ts

@@ -1,39 +1,46 @@
-import type { AtprotoProfile } from '~~/server/api/atproto/pds-users.get'
+import type { AtprotoProfile } from '#shared/types/atproto'
+
+import {
+  ONE_THOUSAND_NPMX_USER_ACCOUNTS_XRPC,
+  BSKY_APP_VIEW_USER_PROFILES_XRPC,
+  ERROR_PDS_FETCH_FAILED,
+} from '#shared/utils/constants'
 
 interface GraphLink {
   source: string
   target: string
 }
 
+const USER_BATCH_AMOUNT = 25
+
 export default defineCachedEventHandler(
   async (): Promise<{ nodes: AtprotoProfile[]; links: GraphLink[] }> => {
-    const response = await fetch('https://npmx.social/xrpc/com.atproto.sync.listRepos?limit=1000')
+    const response = await fetch(ONE_THOUSAND_NPMX_USER_ACCOUNTS_XRPC)
 
     if (!response.ok) {
       throw createError({
         statusCode: response.status,
-        message: 'Failed to fetch PDS repos',
+        message: ERROR_PDS_FETCH_FAILED,
       })
     }
 
     const listRepos = (await response.json()) as { repos: { did: string }[] }
     const dids = listRepos.repos.map(repo => repo.did)
     const localDids = new Set(dids)
 
-    const getProfilesUrl = 'https://public.api.bsky.app/xrpc/app.bsky.actor.getProfiles'
     const nodes: AtprotoProfile[] = []
     const links: GraphLink[] = []
 
-    for (let i = 0; i < dids.length; i += 25) {
-      const batch = dids.slice(i, i + 25)
+    for (let i = 0; i < dids.length; i += USER_BATCH_AMOUNT) {
+      const batch = dids.slice(i, i + USER_BATCH_AMOUNT)
 
-      const params = new URLSearchParams()
+      const url = new URL(BSKY_APP_VIEW_USER_PROFILES_XRPC)
       for (const did of batch) {
-        params.append('actors', did)
+        url.searchParams.append('actors', did)
       }
 
       try {
-        const profilesResponse = await fetch(`${getProfilesUrl}?${params.toString()}`)
+        const profilesResponse = await fetch(url.toString())
 
         if (!profilesResponse.ok) {
           console.warn(`Failed to fetch atproto profiles: ${profilesResponse.status}`)
@@ -56,7 +63,7 @@ export default defineCachedEventHandler(
       )
 
       if (!followResponse.ok) {
-        console.warn(`Failed to fetch atproto profiles: ${followResponse.status}`)
+        console.warn(`Failed to fetch follows: ${followResponse.status}`)
         continue
       }
 
@@ -73,4 +80,9 @@ export default defineCachedEventHandler(
       links,
     }
   },
+  {
+    maxAge: 3600,
+    name: 'pds-graphs',
+    getKey: () => 'pds-graphs',
+  },
 )