refactor: Add series filter on `getPosts`

.pre-commit-config.yaml

@@ -11,7 +11,7 @@ repos:
   hooks:
   - id: conventional-pre-commit
     stages: [commit-msg]
-    args: [feat, fix, chore, test, build, merge, refactor, doc]
+    args: [feat, fix, chore, test, build, merge, refactor]
 - repo: local
   hooks:
   - id: eslint

README.md

@@ -19,18 +19,6 @@ To insert custom content, create a directory with a similar structure to
 directory. The website will be built statically in `build/`. Note that changing
 `favicon.svg` will require modifying the `static/` folder.
 
-Set `metadata.json` based on the example to have a custom avatar and background
-image.
-- `name`: Displayed name on the home page
-- `blogName`: Displayed name of the blog
-- `url`: The site url
-- `frontDescription`: The text above the main navbar
-- `frontCover`: Path to the cover image
-- `picture`: Avatar
-- `links`: A map of brands to links
-- `extra`: Extra pages showing on the navbar
-- `markdown`: `{ "highlighterLangs": [ ... ], "katex": [ ... ] }`
-
 ## Developing
 
 Install [pre-commit](https://pre-commit.com/).

src/content/metadata.json

@@ -12,12 +12,5 @@
 	},
 	"extra": [
 		{ "route": "/archives", "name": "Archives" }
-	],
-	"markdown": {
-		"highlighterLangs": [
-			"python",
-			"lean",
-			"tex"
-		]
-	}
+	]
 }

src/content/post/the-perfect-math-class.md

@@ -26,7 +26,3 @@ $$
 $$
 \vec z^{(l+1)} = \mat M\vec z^{(l)} + \vec b
 $$
-
-```tex
-\\newcommand{\\cirno}{9}
-```

src/lib/posts.ts

@@ -15,7 +15,8 @@ export function transformPostMeta(metadata: PostMetadata, slug: string) : Post {
 	};
 }
 
-export async function getPosts(tag: string | null = null) : Promise<Post[]> {
+// Generates a list of all posts filtering by tags and series
+export async function getPosts(filter: { tag?: string, series?: string }) : Promise<Post[]> {
 	const allPostFiles = import.meta.glob('$content/post/*.md');
 	const iterablePostFiles = Object.entries(allPostFiles);
 
@@ -27,8 +28,10 @@ export async function getPosts(tag: string | null = null) : Promise<Post[]> {
 			return transformPostMeta(metadata, slug);
 		})
 	);
-	if (tag)
-		posts = posts.filter(post => post.tags.includes(tag))
+	if (filter?.tag)
+		posts = posts.filter(post => post.tags.includes(filter.tag!))
+	if (filter?.series)
+		posts = posts.filter(post => post.series?.includes(filter.series!) ?? false)
 
 	posts.sort((post1, post2) => {
 		const date1: Date = post1.date;

src/routes/+page.svelte

@@ -19,22 +19,15 @@
 
 	import metadata from '$content/metadata.json';
 	const iconMap: Map<string, string> = {
-		"orcid": "fa-brands fa-orcid",
-		"google-scholar": "fa-brands fa-google-scholar",
-
+		"bitbucket": "fa-brands fa-bitbucket",
 		"discord": "fa-brands fa-discord",
 		"email": "fa-solid fa-envelope",
-
-		"bitbucket": "fa-brands fa-bitbucket",
 		"github": "fa-brands fa-github",
 		"gitlab": "fa-brands fa-gitlab",
-		"open-source": "fa-brands fa-osi",
-
-		"bluesky": "fa-brands fa-bluesky",
-		"youtube": "fa-brands fa-youtube",
+		"google-scholar": "fa-brands fa-google-scholar",
 		"instagram": "fa-brands fa-instagram",
-		"bandcamp": "fa-brands fa-bandcamp",
-		"pixiv": "fa-brands fa-pixiv",
+		"open-source": "fa-brands fa-osi",
+		"orcid": "fa-brands fa-orcid",
 	};
 	const iconLinks: [string, string][] = Object.entries(metadata.links).map(
 		([key, link]) => [iconMap[key], link]);

src/routes/tag/[slug]/+page.ts

@@ -2,7 +2,7 @@ import type { PageLoad } from './$types';
 import { getPosts } from '$lib/posts';
 
 export const load: PageLoad = async ({ params }) => {
-	const posts = await getPosts(params.slug);
+	const posts = await getPosts({ tag: params.slug });
 	return {
 		name: params.slug,
 		posts,

svelte.config.js

@@ -1,6 +1,5 @@
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import adapter from '@sveltejs/adapter-static';
-import fs from 'fs';
 
 import { mdsvex, escapeSvelte } from 'mdsvex';
 import remarkAlert from './src/lib/markdown.js'
@@ -13,9 +12,7 @@ import remarkMath from 'remark-math'
 
 const contentDir = process.env?.CHRYSOBLOG_CONTENT ?? "src/content";
 
-const metadata = await fs.promises.readFile(contentDir + "/metadata.json")
-                         .then((file) => JSON.parse(file.toString()));
-const langs = metadata?.markdown.highlighterLangs ?? [
+const langs = [
    "javascript",
    "lean",
    "lisp",
@@ -29,7 +26,11 @@ const langs = metadata?.markdown.highlighterLangs ?? [
    "c++",
    "sh",
 ];
-const katexOptions = metadata?.markdown.katex ?? {
+const highlightingThemes = {
+   light: 'vitesse-light',
+   dark: 'vitesse-dark',
+};
+const katexOptions = {
    macros: {
       "\\Nat": "\\mathbb N",
       "\\Complex": "\\mathbb C",
@@ -38,10 +39,6 @@ const katexOptions = metadata?.markdown.katex ?? {
       "\\rv": "\\mathrm",
    },
 };
-const highlightingThemes = {
-   light: 'vitesse-light',
-   dark: 'vitesse-dark',
-};
 
 const themes = Object.keys(highlightingThemes).map(function(k){ return highlightingThemes[k] });
 const highlighter = await getHighlighter({