Switch from markdown-it to Remark.

Author: jyasskin

webserver/package.json

@@ -37,18 +37,22 @@
     "dset": "^3.1.3",
     "express": "^4.18.2",
     "google-auth-library": "^9.6.2",
-    "markdown-it": "^14.0.0",
     "n3": "^1.17.2",
     "prisma": "^5.9.1",
     "rdf-dereference": "^2.2.0",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-stringify": "^10.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
     "solid-js": "^1.8.13",
     "typescript": "^5.3.3",
+    "unified": "^11.0.4",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@astrojs/check": "^0.5.2",
     "@playwright/test": "1.41.2",
-    "@types/markdown-it": "^13.0.7",
+    "@types/mdast": "^4.0.3",
     "@types/n3": "^1.16.4",
     "@types/node": "^20.11.16",
     "dotenv-cli": "^7.3.0"

webserver/pnpm-lock.yaml

@@ -6,6 +6,7 @@ type Props = {
 };
 
 const { source } = Astro.props;
+const processed = await md.process(source);
 ---
 
-<Fragment set:html={md.render(source)} />
+<Fragment set:html={String(processed)} />

webserver/src/components/Markdown.astro

@@ -1,7 +1,7 @@
 import { md } from "@lib/markdown";
-import { type Component, JSX, splitProps } from "solid-js";
+import { JSX, splitProps, type Component } from "solid-js";
 
 export const Markdown: Component<{ source: string } & JSX.HTMLAttributes<HTMLDivElement>> = (props) => {
   const [local, divProps] = splitProps(props, ["source"]);
-  return <div innerHTML={md.render(local.source)} {...divProps} />;
+  return <div innerHTML={String(md.processSync(local.source))} {...divProps} />;
 };

webserver/src/components/Markdown.tsx

@@ -1,3 +1,13 @@
-import MarkdownIt from "markdown-it";
 
-export const md = new MarkdownIt();
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+
+export const md = unified()
+  .use(remarkParse)
+  .use(remarkRehype)
+  .use(rehypeSanitize)
+  .use(rehypeStringify)
+  .freeze();