chore: check baseurl on images generation time

Author: alexdln

app/components/OgImage/BlogPost.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { ResolvedAuthor } from '#shared/schemas/blog'
 
-console.log('blog post 1')
-
 const props = withDefaults(
   defineProps<{
     title: string
@@ -16,10 +14,8 @@ const props = withDefaults(
     primaryColor: '#60a5fa',
   },
 )
-console.log('blog post 2', props)
 
 const formattedDate = computed(() => {
-  console.log('blog post 3', props.date)
   if (!props.date) return ''
   try {
     return new Date(props.date).toLocaleDateString('en-US', {
@@ -28,7 +24,6 @@ const formattedDate = computed(() => {
       day: 'numeric',
     })
   } catch {
-    console.log('blog post 4', props.date)
     return props.date
   }
 })
@@ -44,22 +39,16 @@ const getInitials = (name: string) =>
     .slice(0, 2)
 
 const visibleAuthors = computed(() => {
-  console.log('blog post 5')
-  props.authors.map(author => {
-    console.log('blog post 5', author.avatar, author.name, typeof author.avatar, typeof author.name)
-  })
   if (props.authors.length <= 3) return props.authors
   return props.authors.slice(0, MAX_VISIBLE_AUTHORS)
 })
 
 const extraCount = computed(() => {
-  console.log('blog post 6', props.authors)
   if (props.authors.length <= 3) return 0
   return props.authors.length - MAX_VISIBLE_AUTHORS
 })
 
 const formattedAuthorNames = computed(() => {
-  console.log('blog post 7', props.authors)
   const allNames = props.authors.map(a => a.name)
   if (allNames.length === 0) return ''
   if (allNames.length === 1) return allNames[0]
@@ -119,7 +108,7 @@ const formattedAuthorNames = computed(() => {
           >
             <img
               v-if="author.avatar"
-              :src="`${useRuntimeConfig().app.baseURL}${author.avatar.replace(/^\//, '')}`"
+              :src="author.avatar"
               :alt="author.name"
               class="w-full h-full object-cover"
             />

modules/blog.ts

@@ -26,6 +26,7 @@ import crypto from 'node:crypto'
  */
 async function fetchBlueskyAvatars(
   imagesDir: string,
+  publicAvatarBasePath: string,
   handles: string[],
 ): Promise<Map<string, string>> {
   const avatarMap = new Map<string, string>()
@@ -53,22 +54,20 @@ async function fetchBlueskyAvatars(
         const hash = crypto.createHash('sha256').update(profile.avatar).digest('hex')
         const dest = join(imagesDir, `${hash}.jpg`)
 
-        console.log('fetch bluesky avatars 1', dest)
         if (!existsSync(dest)) {
           const res = await fetch(profile.avatar)
-          console.log('fetch bluesky avatars 2', profile.avatar)
           await writeFile(join(imagesDir, `${hash}.jpg`), res.body!)
-          console.log('fetch bluesky avatars 3', join(imagesDir, `${hash}.jpg`))
         }
 
-        console.log('fetch bluesky avatars 4', `/blog/avatar/${hash}.jpg`)
-        avatarMap.set(profile.handle, `/blog/avatar/${hash}.jpg`)
+        avatarMap.set(profile.handle, join(publicAvatarBasePath, `${hash}.jpg`))
       }
     }
   } catch (error) {
     console.warn(`[blog] Failed to fetch Bluesky avatars:`, error)
   }
 
+  console.log('avatarMap', avatarMap);
+
   return avatarMap
 }
 
@@ -88,7 +87,11 @@ function resolveAuthors(authors: Author[], avatarMap: Map<string, string>): Reso
  * Returns all posts (including drafts) sorted by date descending.
  * Resolves Bluesky avatars at build time.
  */
-async function loadBlogPosts(blogDir: string, imagesDir: string): Promise<BlogPostFrontmatter[]> {
+async function loadBlogPosts(
+  blogDir: string,
+  imagesDir: string,
+  publicAvatarBasePath: string,
+): Promise<BlogPostFrontmatter[]> {
   const files: string[] = globSync(join(blogDir, '*.md'))
 
   // First pass: extract raw frontmatter and collect all Bluesky handles
@@ -122,8 +125,7 @@ async function loadBlogPosts(blogDir: string, imagesDir: string): Promise<BlogPo
   }
 
   // Batch-fetch all Bluesky avatars in a single request
-  const avatarMap = await fetchBlueskyAvatars(imagesDir, [...allHandles])
-  console.log('load blog posts 1', avatarMap)
+  const avatarMap = await fetchBlueskyAvatars(imagesDir, publicAvatarBasePath, [...allHandles])
 
   // Second pass: validate with raw schema, then enrich authors with avatars
   const posts: BlogPostFrontmatter[] = []
@@ -152,6 +154,7 @@ export default defineNuxtModule({
     const resolver = createResolver(import.meta.url)
     const blogDir = resolver.resolve('../app/pages/blog')
     const blogImagesDir = resolver.resolve('../public/blog/avatar')
+    const publicAvatarBasePath = join(nuxt.options.app.baseURL || '/', 'blog/avatar')
 
     nuxt.options.extensions.push('.md')
     nuxt.options.vite.vue = defu(nuxt.options.vite.vue, {
@@ -182,7 +185,7 @@ export default defineNuxtModule({
     )
 
     // Load posts once with resolved Bluesky avatars (shared across template + route rules)
-    const allPosts = await loadBlogPosts(blogDir, blogImagesDir)
+    const allPosts = await loadBlogPosts(blogDir, blogImagesDir, publicAvatarBasePath)
 
     // Expose frontmatter for the `/blog` listing page.
     const showDrafts = nuxt.options.dev || !isProduction

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

@@ -7,13 +7,10 @@ import * as app from '#shared/types/lexicons/app'
 
 export default defineCachedEventHandler(
   async event => {
-    console.log('bluesky author profiles 1')
     const query = getQuery(event)
     const authorsParam = query.authors
-    console.log('bluesky author profiles 2', authorsParam)
 
     if (!authorsParam || typeof authorsParam !== 'string') {
-      console.log('bluesky author profiles 3')
       throw createError({
         statusCode: 400,
         statusMessage: 'authors query parameter is required (JSON array)',
@@ -25,7 +22,6 @@ export default defineCachedEventHandler(
       const parsed = JSON.parse(authorsParam)
       authors = v.parse(v.array(AuthorSchema), parsed)
     } catch (error) {
-      console.log('bluesky author profiles 4', error)
       if (error instanceof v.ValiError) {
         throw createError({
           statusCode: 400,
@@ -37,14 +33,12 @@ export default defineCachedEventHandler(
         statusMessage: 'authors must be valid JSON',
       })
     }
-    console.log('bluesky author profiles 5', authors)
 
     if (!Array.isArray(authors) || authors.length === 0) {
       return { authors: [] }
     }
 
     const handles = authors.map(a => a.blueskyHandle).filter(v => v != null)
-    console.log('bluesky author profiles 6', handles)
 
     if (handles.length === 0) {
       return {
@@ -73,7 +67,6 @@ export default defineCachedEventHandler(
           : null,
       }),
     )
-    console.log('bluesky author profiles 7', resolvedAuthors)
 
     return { authors: resolvedAuthors }
   },