Blog implementation

Author: simshadows

src/blog-posts/test1.md

@@ -0,0 +1,9 @@
+---
+title: "Test post foobar"
+description: "kekw"
+keywords: []
+
+hidetoc: true
+---
+
+barbaz

src/content.config.ts

@@ -0,0 +1,18 @@
+import {glob} from "astro/loaders";
+import {z, defineCollection} from "astro:content";
+
+const blogPosts = defineCollection({
+    loader: glob({pattern: "**/[^_]*.md", base: "./src/blog-posts"}),
+    schema: z.object({
+        title: z.string(),
+        description: z.string(),
+        keywords: z.array(z.string()),
+
+        hidetoc: z.boolean().optional(),
+        wip: z.boolean().optional(),
+    }),
+});
+
+export const collections = {
+    blogPosts,
+};

src/danger.ts

@@ -53,3 +53,14 @@ export function isViteGlobObject(obj: unknown): obj is ViteGlobObject {
 
     return true;
 }
+
+/*
+ * Workaround for casting arbitrary objects to { [key: string]: unknown; }
+ */
+//export function toObjMappingUnknowns(obj: unknown): {[key: string]: unknown;} {
+//    if (!obj || typeof obj !== "object") {
+//        throw new Error("Failed to cast object to { [key: string]: unknown; }");
+//    }
+//    return obj as {[key: string]: unknown;};
+//}
+

src/helpers/experimental-glob.ts

@@ -67,6 +67,7 @@ function makeFullTree(): PageTree {
         "/src/pages/**/*.mdx",
         "!/src/pages/**/_*",
         "!/src/pages/**/_*/**/*",
+        "!/src/pages/**/\\[*.astro",
     ], {eager: true});
 
     const reprocessedResult = Object.entries(globResult).map(([k, v]) => {

src/pages/blog/[...slug].astro

@@ -0,0 +1,23 @@
+---
+import {getCollection, render} from "astro:content";
+import Layout from "@layouts/GeneralLayout.astro";
+
+import {makeFrontmatter} from "@helpers/frontmatter";
+
+export async function getStaticPaths() {
+    const posts = await getCollection("blogPosts");
+    return posts.map(post => ({
+        params: {slug: post.id},
+        props: {post},
+    }));
+}
+
+const {post} = Astro.props;
+const {Content} = await render(post);
+
+const frontmatter = makeFrontmatter({...post.data});
+---
+
+<Layout {...frontmatter}>
+    <Content/>
+</Layout>

src/pages/blog/index.astro

@@ -1,7 +1,11 @@
 ---
 import Layout from "@layouts/BaseLayout.astro";
+import {getCollection} from "astro:content";
+
 import {fm} from "@helpers/frontmatter";
 
+const allPosts = await getCollection("blogPosts");
+
 export const frontmatter = fm({
     title: "Sim's Blog",
     description: "Sim's blog.",
@@ -15,5 +19,13 @@ export const frontmatter = fm({
 
     <p><em>This is an early WIP focused on experimenting with ways to manage my blog posts before migrating <a href="https://blog.simshadows.com/">my old blog</a> to this website.</em></p>
 
+    <ul>
+        {
+            allPosts.map((post) => (
+                <li><a href={`/blog/${post.id}/`}>{post.data.title}</a></li>
+            ))
+        }
+    </ul>
+
 </Layout>