chore: check orig avatar usage

Author: alexdln

app/components/OgImage/BlogPost.vue

@@ -108,7 +108,7 @@ const formattedAuthorNames = computed(() => {
           >
             <img
               v-if="author.avatar"
-              :src="author.avatar"
+              :src="author.origAvatar ?? author.avatar"
               :alt="author.name"
               class="w-full h-full object-cover"
             />

modules/blog.ts

@@ -27,8 +27,8 @@ import crypto from 'node:crypto'
 async function fetchBlueskyAvatars(
   imagesDir: string,
   handles: string[],
-): Promise<Map<string, string>> {
-  const avatarMap = new Map<string, string>()
+): Promise<Map<string, { localPath: string; remotePath: string }>> {
+  const avatarMap = new Map<string, { localPath: string; remotePath: string }>()
   if (handles.length === 0) return avatarMap
 
   try {
@@ -58,7 +58,10 @@ async function fetchBlueskyAvatars(
           await writeFile(join(imagesDir, `${hash}.jpg`), res.body!)
         }
 
-        avatarMap.set(profile.handle, `/blog/avatar/${hash}.jpg`)
+        avatarMap.set(profile.handle, {
+          localPath: `/blog/avatar/${hash}.jpg`,
+          remotePath: profile.avatar,
+        })
       }
     }
   } catch (error) {
@@ -71,10 +74,16 @@ async function fetchBlueskyAvatars(
 /**
  * Resolves authors with their Bluesky avatars and profile URLs.
  */
-function resolveAuthors(authors: Author[], avatarMap: Map<string, string>): ResolvedAuthor[] {
+function resolveAuthors(
+  authors: Author[],
+  avatarMap: Map<string, { localPath: string; remotePath: string }>,
+): ResolvedAuthor[] {
   return authors.map(author => ({
     ...author,
-    avatar: author.blueskyHandle ? (avatarMap.get(author.blueskyHandle) ?? null) : null,
+    avatar: author.blueskyHandle ? (avatarMap.get(author.blueskyHandle)?.localPath ?? null) : null,
+    origAvatar: author.blueskyHandle
+      ? (avatarMap.get(author.blueskyHandle)?.remotePath ?? null)
+      : null,
     profileUrl: author.blueskyHandle ? `https://bsky.app/profile/${author.blueskyHandle}` : null,
   }))
 }
@@ -195,7 +204,6 @@ export default defineNuxtModule({
     })
 
     nuxt.options.alias['#blog/posts'] = join(nuxt.options.buildDir, 'blog/posts')
-    nuxt.options.alias['/blog/avatar'] = join(nuxt.options.dir.public, 'blog/avatar')
 
     // Add X-Robots-Tag header for draft posts to prevent indexing
     for (const post of allPosts) {

server/api/atproto/bluesky-author-profiles.get.ts

@@ -62,6 +62,7 @@ export default defineCachedEventHandler(
     const resolvedAuthors: ResolvedAuthor[] = authors.map(author =>
       Object.assign(author, {
         avatar: author.blueskyHandle ? avatarMap.get(author.blueskyHandle) || null : null,
+        origAvatar: author.blueskyHandle ? avatarMap.get(author.blueskyHandle) || null : null,
         profileUrl: author.blueskyHandle
           ? `https://bsky.app/profile/${author.blueskyHandle}`
           : null,

shared/schemas/blog.ts

@@ -31,6 +31,7 @@ export const ResolvedAuthorSchema = object({
     ),
   ),
   avatar: nullable(string()),
+  origAvatar: nullable(string()),
   profileUrl: nullable(string()),
 })