fix: remove md image from blog meta description (#417)

Co-authored-by: Tanner Linsley <[email protected]>

Author: depsimon

content-collections.ts

@@ -16,6 +16,7 @@ const posts = defineCollection({
       ...post,
       slug: post._meta.path,
       excerpt: frontMatter.excerpt,
+      description: frontMatter.data.description,
       content,
     }
   },

src/routes/_libraries/blog.$.tsx

@@ -34,7 +34,7 @@ const fetchBlogPost = createServerFn({ method: 'GET' })
 
     return {
       title: post.title,
-      description: post.excerpt,
+      description: post.description,
       published: post.published,
       content: post.content,
       authors: post.authors,

src/utils/documents.server.ts

@@ -312,9 +312,17 @@ export async function fetchRepoFile(
 }
 
 export function extractFrontMatter(content: string) {
-  return graymatter.default(content, {
-    excerpt: (file: any) => (file.excerpt = createExcerpt(file.content)),
+  const result = graymatter.default(content, {
+    excerpt: (file: any) => (file.excerpt = createRichExcerpt(file.content)),
   })
+
+  return {
+    ...result,
+    data: {
+      ...result.data,
+      description: createExcerpt(result.content)
+    } as { [key: string]: any } & { description: string }
+  }
 }
 
 function createExcerpt(text: string, maxLength = 200) {
@@ -335,6 +343,12 @@ function createExcerpt(text: string, maxLength = 200) {
     cleanText = cleanText.slice(0, maxLength).trim() + '...'
   }
 
+  return cleanText
+}
+
+function createRichExcerpt(text: string, maxLength = 200) {
+  let cleanText = createExcerpt(text, maxLength)
+
   const imageText = extractFirstImage(text)
 
   if (imageText) {