Update blog RSS feed with rendered content

After migrating to Next.js in #2656, the blog RSS feed was missing the rendered markdown content for the blog. This uses the unified package, similar to how we render the blog entires, to render the entries to HTML inside the feed.

Signed-off-by: Joe Adams <[email protected]>

Author: sysadmind

package-lock.json

@@ -37,6 +37,7 @@
     "rehype-autolink-headings": "^7.1.0",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
+    "rehype-stringify": "^10.0.1",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "semver": "^7.7.1",

package.json

@@ -1,7 +1,27 @@
-import { getAllPosts } from "@/blog-helpers";
+import { getAllPosts, getPostFileContent } from "@/blog-helpers";
 import { Feed } from "feed";
+
+import {unified} from 'unified';
+import remarkParse from 'remark-parse';
+import remarkFrontmatter from "remark-frontmatter";
+import remarkGfm from 'remark-gfm';
+import remarkRehype from 'remark-rehype';
+import rehypeStringify from 'rehype-stringify';
+
 import docsConfig from "../../../../docs-config";
 
+function processPostContent(content: string): string {
+  const processor = unified()
+    .use(remarkParse)
+    .use(remarkFrontmatter) // Parse YAML frontmatter
+    .use(remarkGfm) // GitHub Flavored Markdown
+    .use(remarkRehype) // Convert Markdown to HTML
+    .use(rehypeStringify); // Convert HTML to string
+
+  const result = processor.processSync(content);
+  return result.toString();
+}
+
 export const dynamic = "force-static";
 export async function GET() {
   const allPosts = getAllPosts();
@@ -30,7 +50,11 @@ export async function GET() {
     },
   });
 
-  allPosts.forEach(({ frontmatter, path }) => {
+  allPosts.forEach(({ frontmatter, path, params }) => {
+    // Get the content for the post and render the markdown to HTML
+    const rawContent = getPostFileContent(params);
+    const renderedContent = processPostContent(rawContent);
+
     feed.addItem({
       title: frontmatter.title,
       id: `${docsConfig.siteUrl}${path}`,
@@ -44,7 +68,7 @@ export async function GET() {
           link: `${docsConfig.siteUrl}/blog/`,
         },
       ],
-      // TODO: Include rendered Markdown as content.
+      content: renderedContent,
     });
   });
   const xml = feed.atom1();