chore: check logs in og image

Author: alexdln

app/components/OgImage/BlogPost.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { ResolvedAuthor } from '#shared/schemas/blog'
 
+console.log('blog post 1')
+
 const props = withDefaults(
   defineProps<{
     title: string
@@ -14,8 +16,10 @@ 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', {
@@ -24,6 +28,7 @@ const formattedDate = computed(() => {
       day: 'numeric',
     })
   } catch {
+    console.log('blog post 4', props.date)
     return props.date
   }
 })
@@ -39,16 +44,19 @@ const getInitials = (name: string) =>
     .slice(0, 2)
 
 const visibleAuthors = computed(() => {
+  console.log('blog post 5', props.authors)
   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]

app/components/global/BlogPostFederatedArticles.vue

@@ -22,7 +22,9 @@ const { resolvedAuthors } = useBlueskyAuthorProfiles(authors.value)
 // Merge the input data with the fetched avatars
 const federatedArticles = computed(() => {
   return props.articles.map((article, index) => {
+    console.log('blog post federated articles 1')
     const profile = resolvedAuthors.value[index]
+    console.log('blog post federated articles 2', profile)
 
     return {
       url: article.url,

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

@@ -7,10 +7,13 @@ 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)',
@@ -22,6 +25,7 @@ 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,
@@ -33,12 +37,14 @@ 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 {
@@ -67,6 +73,7 @@ export default defineCachedEventHandler(
           : null,
       }),
     )
+    console.log('bluesky author profiles 7', resolvedAuthors)
 
     return { authors: resolvedAuthors }
   },