From 655ccf1d0f2c7deab3cb8b1040c112439162a388 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Mon, 3 Jun 2024 20:31:50 +0200
Subject: [PATCH] Add a new plain marked instance

---
 src/components/Markdown.svelte |  5 ++---
 src/lib/markdown.ts            | 24 +++++++++++++-----------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/Markdown.svelte b/src/components/Markdown.svelte
index 9989f1d8d..ad834474f 100644
--- a/src/components/Markdown.svelte
+++ b/src/components/Markdown.svelte
@@ -9,8 +9,7 @@
   import * as modal from "@app/lib/modal";
   import * as router from "@app/lib/router";
   import ErrorModal from "@app/modals/ErrorModal.svelte";
-  import markdown from "@app/lib/markdown";
-  import { Renderer } from "@app/lib/markdown";
+  import { Renderer, markdownWithExtensions } from "@app/lib/markdown";
   import { activeUnloadedRouteStore } from "@app/lib/router";
   import { highlight } from "@app/lib/syntax";
   import {
@@ -93,7 +92,7 @@
 
   function render(content: string): string {
     return dompurify.sanitize(
-      markdown.parse(content, {
+      markdownWithExtensions.parse(content, {
         renderer: new Renderer($activeUnloadedRouteStore, {
           stripEmphasizedStyling: false,
         }),
diff --git a/src/lib/markdown.ts b/src/lib/markdown.ts
index 874d6c3f4..de4c1fc41 100644
--- a/src/lib/markdown.ts
+++ b/src/lib/markdown.ts
@@ -1,4 +1,4 @@
-import type { Tokens } from "marked";
+import type { MarkedExtension, Tokens } from "marked";
 import type { Route } from "@app/lib/router";
 
 import dompurify from "dompurify";
@@ -75,9 +75,7 @@ const footnoteMarkedExtension = {
   renderer: (token: Tokens.Generic): string =>
     `<p class="txt-small footnote" id="${footnotePrefix}:${
       token.reference
-    }"><span class="marker">${
-      token.reference
-    }.</span> ${markedInstance.parseInline(
+    }"><span class="marker">${token.reference}.</span> ${markdownWithExtensions.parseInline(
       token.text,
     )} <a class="txt-tiny ref-arrow no-underline" href="#${referencePrefix}:${
       token.reference
@@ -159,17 +157,21 @@ export class Renderer extends BaseRenderer {
   }
 }
 
-const markedInstance = new Marked(
-  katexMarkedExtension({ throwOnError: false }),
-  markedLinkifyIt({}, { fuzzyLink: false }),
-  {
+function markedCustomExtensions(): MarkedExtension {
+  return {
     extensions: [
       emojisMarkedExtension,
       footnoteMarkedExtension,
       footnoteReferenceMarkedExtension,
       anchorMarkedExtension,
     ],
-  },
-);
+  };
+}
 
-export default markedInstance;
+export default new Marked();
+
+export const markdownWithExtensions = new Marked(
+  katexMarkedExtension({ throwOnError: false }),
+  markedLinkifyIt({}, { fuzzyLink: false }),
+  markedCustomExtensions(),
+);