feat: static documentation pages

Foxnouns.Frontend/src/lib/markdown.ts

@@ -7,11 +7,7 @@ const md = new MarkdownIt({
 	linkify: true,
 }).disable(["heading", "lheading", "link", "table", "blockquote"]);
 
-const unsafeMd = new MarkdownIt({
-	html: false,
-	breaks: true,
-	linkify: true,
-});
+const unsafeMd = new MarkdownIt();
 
 export const renderMarkdown = (src: string | null) => (src ? sanitize(md.render(src)) : null);
 

Foxnouns.Frontend/src/routes/page/[page]/+page.server.ts

@@ -0,0 +1,14 @@
+import { baseRequest } from "$api";
+import ApiError from "$api/error";
+
+export const load = async ({ fetch, params }) => {
+	const resp = await baseRequest("GET", `/meta/page/${params.page}`, { fetch });
+	if (resp.status < 200 || resp.status > 299) {
+		const err = await resp.json();
+		if ("code" in err) throw new ApiError(err);
+		else throw new ApiError();
+	}
+
+	const pageText = await resp.text();
+	return { page: params.page, text: pageText };
+};

Foxnouns.Frontend/src/routes/page/[page]/+page.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { renderUnsafeMarkdown } from "$lib/markdown";
+	import type { PageData } from "./$types";
+
+	type Props = { data: PageData };
+	let { data }: Props = $props();
+
+	let md = $derived(renderUnsafeMarkdown(data.text));
+	let title = $derived.by(() => {
+		let title = data.text.split("\n")[0];
+		if (title.startsWith("# ")) title = title.substring("# ".length);
+		return title;
+	});
+</script>
+
+<svelte:head>
+	<title>{title} • pronouns.cc</title>
+</svelte:head>
+
+<div class="container">
+	{@html md}
+</div>