fix: update @astrojs/rss and fast-xml-parser dependencies; enhance RSS feed item processing

Author: nicholasdbrady

package-lock.json

@@ -13,7 +13,7 @@
     "@astrojs/check": "^0.5.10",
     "@astrojs/markdoc": "^0.11.0",
     "@astrojs/mdx": "^2.3.1",
-    "@astrojs/rss": "^4.0.5",
+    "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.1.4",
     "astro": "^4.6.4",
     "typescript": "^5.4.5"

package.json

@@ -3,33 +3,45 @@ import { getCollection } from 'astro:content';
 import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 
 export async function GET(context) {
-  // Retrieve all published blog posts from the "blog" collection
-  const posts = await getCollection('blog', ({ data }) => !data.draft);
+	// Fetch all blog posts; filter out drafts (assuming you use a `draft` flag in frontmatter)
+	const posts = await getCollection('blog', ({ data }) => !data.draft);
 
-  // Map each post to an RSS feed item.
-  // Here we include the full content from the post body.
-  // (If you need to render Markdown to HTML, you may use post.render() with appropriate rendering logic.)
-  const items = posts.map((post) => ({
-    title: post.data.title,
-    // Link to the blog post page; adjust if your routing differs.
-    link: `/blog/${post.slug}/`,
-    // Publication date from frontmatter
-    pubDate: post.data.pubDate,
-    // A short summary/description for the feed item
-    description: post.data.description,
-    // Full post content – note that post.body is the raw Markdown.
-    // For proper HTML, ensure your collection loader converts it, or use post.render() to generate HTML.
-    content: post.body,
-    // Optional: add categories if available
-    categories: post.data.tags || [],
-    // Optionally, include the author field if present
-    author: post.data.author || undefined,
-  }));
+	// Get the absolute site URL from the context (configured in astro.config.mjs)
+	const siteUrl = context.site;
 
-  return rss({
-    title: SITE_TITLE,
-    description: SITE_DESCRIPTION,
-    site: context.site,
-    items,
-  });
+	// Process each post to create an RSS feed item.
+	const items = await Promise.all(posts.map(async (post) => {
+		// Render the post (if necessary) to get the HTML. 
+		// If your loader already produces HTML in post.body, you can skip this.
+		const { Content } = await post.render();
+
+		// If your frontmatter includes a heroImage (a relative path), convert it to an absolute URL
+		const heroImageHTML = post.data.heroImage
+			? `<p><img src="${new URL(post.data.heroImage, siteUrl).href}" alt="${post.data.title} Hero Image" /></p>`
+			: '';
+
+		return {
+			title: post.data.title,
+			// Construct the link using your collection's URL structure
+			link: `/blog/${post.slug}/`,
+			pubDate: post.data.pubDate,
+			// Use a short summary as description; if you want to include the full content, set it in content
+			description: post.data.description,
+			// Prepend the hero image (if available) to the post body
+			content: heroImageHTML + post.body,
+			// Include categories if available (from your frontmatter, e.g., tags)
+			categories: post.data.tags || [],
+			// (Optional) Add an author field if you want
+			author: post.data.author || undefined,
+		};
+	}));
+
+	return rss({
+		title: SITE_TITLE,                // Your feed title
+		description: SITE_DESCRIPTION,    // A short description of your feed
+		site: siteUrl,                    // The absolute base URL of your site
+		items,                           // The array of RSS feed items you just created
+		trailingSlash: false,
+	});
 }
+