Markdown footnotes

apps/client/package.json

@@ -40,13 +40,15 @@
     "@tauri-apps/plugin-opener": "^2",
     "@tauri-apps/plugin-window-state": "~2",
     "@types/markdown-it": "^14.1.2",
+    "@types/markdown-it-footnote": "^3.0.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "highlight.js": "^11.11.1",
     "immer": "^10.1.1",
     "lucide-react": "^0.525.0",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
+    "markdown-it-footnote": "^4.0.0",
     "markdown-it-highlightjs": "^4.2.0",
     "markdown-it-mathjax3": "^4.3.2",
     "markdown-it-mathjax3-pro": "^1.0.0",

apps/client/src/lib/markdown/setup.ts

@@ -2,6 +2,7 @@ import MarkdownIt from "markdown-it";
 import anchor from "markdown-it-anchor";
 // @ts-expect-error no types
 import taskLists from "@hackmd/markdown-it-task-lists";
+import footnote from "markdown-it-footnote";
 import hljs from "markdown-it-highlightjs";
 import markdownItMathjax from "markdown-it-mathjax3";
 
@@ -41,6 +42,7 @@ export function createBaseMarkdownIt(
       code: true
     })
     .use(taskLists)
+    .use(footnote)
     .use(markdownItMathjax, {
       tex: {
         inlineMath: [

apps/client/vite.config.ts

@@ -7,7 +7,14 @@ const host = process.env.TAURI_DEV_HOST;
 
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
-  plugins: [react(), tailwindcss()],
+  plugins: [
+    // Exclude worker and non-React markdown utils from React Fast Refresh
+    react({
+      fastRefresh: true,
+      exclude: [/src\/workers\//, /src\/lib\/markdown\//]
+    }),
+    tailwindcss()
+  ],
 
   build: {
     sourcemap: !!process.env.TAURI_ENV_DEBUG