feat: add a tags field to the New Blog Post form

src/routes/blog/new/+page.server.ts

@@ -1,15 +1,15 @@
-import { BlogController } from '$lib/blog/BlogController.js';
-import type { Actions } from '@sveltejs/kit';
-import { error, redirect } from '@sveltejs/kit';
-import { dump as dumpYaml } from 'js-yaml';
-import { resolve } from 'path';
+import { BlogController } from "$lib/blog/BlogController.js";
+import type { Actions } from "@sveltejs/kit";
+import { error, redirect } from "@sveltejs/kit";
+import { dump as dumpYaml } from "js-yaml";
+import { resolve } from "path";
 
 export const prerender = false;
 const thisDirectory = import.meta.url
-    .replace('file://', '')
-    .split('/')
-    .filter((part) => part !== '+server.ts')
-    .join('/');
+  .replace("file://", "")
+  .split("/")
+  .filter((part) => part !== "+server.ts")
+  .join("/");
 
 export const actions = {
   default: async ({ getClientAddress, request }) => {
@@ -19,38 +19,53 @@ export const actions = {
     let title: string;
     let slug: string;
     let author: string;
+    let commaSeparatedTags: string;
 
     try {
       const requestBody = await request.formData();
-            markdownContent = requestBody.get('content') as string;
-            title = requestBody.get('title') as string;
-            slug = requestBody.get('slug') as string;
-            author = requestBody.get('author') as string;
+      markdownContent = requestBody.get("content") as string;
+      title = requestBody.get("title") as string;
+      slug = requestBody.get("slug") as string;
+      author = requestBody.get("author") as string;
+      commaSeparatedTags = requestBody.get("tags") as string;
     } catch (e: any) {
       console.log(`Caught error destructuring request body`);
       console.error(e);
-            error(400, 'Error in request body.');
+      error(400, "Error in request body.");
     }
 
     if ([markdownContent, title, slug, author].includes(undefined)) {
       error(400, `Missing parameters.`);
-        } else if (!['127.0.0.1', '::1'].includes(address)) {
+    } else if (!["127.0.0.1", "::1"].includes(address)) {
       console.log(address);
       error(403, `Forbidden.`);
     }
 
     const controller = await BlogController.singleton();
 
-        const worryinglyManualFrontMatter = [`---`, dumpYaml({ title, date: new Date(), slug, author }), `---`].join(
-            `\n`
+    const tags = commaSeparatedTags
+      .split(",")
+      .map((s) => s.trim())
+      .filter((s) => s.length > 0);
+
+    const worryinglyManualFrontMatter = [
+      `---`,
+      dumpYaml({ title, date: new Date(), slug, author, tags }),
+      `---`,
+    ].join(`\n`);
+
+    const escapedMarkdown = markdownContent.replaceAll(/\\n/g, "\n");
+
+    const contentWithFrontmatter = [
+      worryinglyManualFrontMatter,
+      escapedMarkdown,
+    ].join(`\n`);
+
+    const resolvedFileName = resolve(
+      thisDirectory,
+      `../../../../content/blog/${slug}.md`,
     );
 
-        const escapedMarkdown = markdownContent.replaceAll(/\\n/g, '\n');
-
-        const contentWithFrontmatter = [worryinglyManualFrontMatter, escapedMarkdown].join(`\n`);
-
-        const resolvedFileName = resolve(thisDirectory, `../../../../content/blog/${slug}.md`);
-
     console.log({ resolvedFileName });
     console.log(`\n${contentWithFrontmatter}\n`);
 

src/routes/blog/new/+page.svelte

@@ -6,6 +6,7 @@
   let date = new Date();
   let content = $state("");
   let slug = $state("");
+  let tags = $state("");
   let blogPost: BlogPost | null = null;
 
   function slugifyString(originalString: string): string {
@@ -63,6 +64,11 @@
       <input type="text" name="slug" id="slug" required bind:value={slug} />
     </div>
 
+    <div class="field">
+      <label class="field__label" for="tags">Tags (comma-separate)</label>
+      <input type="text" name="tags" id="slitags" bind:value={tags} />
+    </div>
+
     <div class="field">
       <label class="field__label" for="content">Content</label>
       <textarea