feat: add blog slug routes

Signed-off-by: Kieran Klukas <[email protected]>

Author: taciturnaxolotl

index.ts

@@ -1,6 +1,6 @@
 import express from "express";
 import http from "http";
-import { getPosts } from "./utils/vrite.ts";
+import { getPostSummaries, getPostDetail } from "./utils/vrite.ts";
 import { getMessage } from "./utils/files.ts";
 import { streamData } from "./utils/streaming.ts";
 
@@ -23,10 +23,15 @@ app.get("/", async (req, res) => {
 
 // create blog mirror
 app.get("/blog", async (req, res) => {
-  const posts = await getPosts();
+  const posts = await getPostSummaries();
   streamData(req, res, posts);
 });
 
+app.get("/blog/:slug", async (req, res) => {
+  const post = await getPostDetail(req.params.slug);
+  streamData(req, res, post);
+});
+
 // Create HTTP server
 const server = http.createServer(app);
 

utils/vrite.ts

@@ -1,10 +1,11 @@
 import { createClient } from "@vrite/sdk/api";
+import { gfmOutputTransformer } from "@vrite/sdk/transformers";
 
 const vrite = createClient({
   token: process.env.VRITE_ACCESS_TOKEN || "",
 });
 
-export async function getPosts(): Promise<any> {
+export async function getPostSummaries(): Promise<any> {
   const vritePosts = await vrite.contentPieces.list({
     contentGroupId: process.env.VRITE_CONTENT_GROUP_ID || "",
   });
@@ -16,9 +17,35 @@ export async function getPosts(): Promise<any> {
       id: post.id,
       content: true,
     });
-    body += `\n---\n## ${contentPiece.title}\n${contentPiece.description?.replace("<p>", "").replace("</p>", "")}`;
+    body += `\n---\n## ${contentPiece.title}\n${contentPiece.description?.replace("<p>", "").replace("</p>", "")}\n{slug: "/blog/${post.slug}"}`;
   }
 
   body += "\n---";
   return body;
 }
+
+export async function getPostDetail(slug: string): Promise<any> {
+  const vritePosts = await vrite.contentPieces.list({
+    contentGroupId: process.env.VRITE_CONTENT_GROUP_ID || "",
+  });
+
+  const vritePost = vritePosts.find((post) => post.slug === slug);
+
+  if (!vritePost) {
+    return `huh? looks like you found a broken link or are snooping around ^_^`;
+  }
+
+  const postData = await vrite.contentPieces.get({
+    id: vritePost.id,
+    content: true,
+  });
+
+  // get the content of the post in markdown format and remove any images
+  const content = gfmOutputTransformer(postData.content).replace(
+    /!\[.*\]\(.*\)/g,
+    "",
+  );
+  const body = `# ${postData.title}\n${content}`;
+
+  return body;
+}