Draft links page

content/links.tsx

@@ -0,0 +1,42 @@
+import { readFileSync } from "node:fs";
+import { BasePage } from "./bases.js";
+import type { Page } from "./types.js";
+
+interface LinkData {
+	title: string,
+	url: string,
+	tags: string[],
+	description?: string,
+	read?: string,
+	author?: string,
+}
+interface Data {
+	links: LinkData[];
+	to_read: string[],
+	authors: Record<string, {
+		urls: string[],
+	}>;
+}
+function Link(props: { link: LinkData }) {
+	const link = props.link;
+	return <>
+		<a href={link.url}>{link.title}</a>
+		{" "}
+		{link.tags.join(", ")}
+	</>
+}
+const data: Data = eval(`(${readFileSync("content/links.jsonc", "utf8")})`);
+data.links.pop(); // Remove template at the end
+const title = "Links!";
+export const links: Page = {
+	title,
+	ref: "/links.html",
+	content: <BasePage title={title}>
+		<main>
+			<h1>{title}</h1>
+			<ul>
+				{ data.links.map(link => <li><Link link={link} /></li>)}
+			</ul>
+		</main>
+	</BasePage>
+}