From 4ef766748440891f1182e87a6d8568f84ab10933 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 24 Oct 2025 19:09:19 +0300
Subject: [PATCH] chore(share): bring back inline mermaid rendering

---
 apps/client/src/share.ts                                  | 3 ---
 packages/share-theme/package.json                         | 3 +++
 packages/share-theme/src/scripts/index.ts                 | 2 ++
 .../share-theme/src/scripts/modules}/mermaid.ts           | 0
 pnpm-lock.yaml                                            | 8 ++++++++
 5 files changed, 13 insertions(+), 3 deletions(-)
 rename {apps/client/src/share => packages/share-theme/src/scripts/modules}/mermaid.ts (100%)

diff --git a/apps/client/src/share.ts b/apps/client/src/share.ts
index b438f0c0c..d073baca1 100644
--- a/apps/client/src/share.ts
+++ b/apps/client/src/share.ts
@@ -32,9 +32,6 @@ async function formatCodeBlocks() {
 async function setupTextNote() {
     formatCodeBlocks();
     applyMath();
-
-    const setupMermaid = (await import("./share/mermaid.js")).default;
-    setupMermaid();
 }
 
 /**
diff --git a/packages/share-theme/package.json b/packages/share-theme/package.json
index a521b66aa..515a6fc02 100644
--- a/packages/share-theme/package.json
+++ b/packages/share-theme/package.json
@@ -21,6 +21,9 @@
     "Zerebos <me@zerebos.com>"
   ],
   "license": "Apache-2.0",
+  "dependencies": {
+    "mermaid": "11.12.0"
+  },
   "devDependencies": {
     "@digitak/esrun": "3.2.26",
     "@types/swagger-ui": "5.21.1",
diff --git a/packages/share-theme/src/scripts/index.ts b/packages/share-theme/src/scripts/index.ts
index 7b71fcb8f..03c5c101c 100644
--- a/packages/share-theme/src/scripts/index.ts
+++ b/packages/share-theme/src/scripts/index.ts
@@ -3,6 +3,7 @@ import setupExpanders from "./modules/expanders";
 import setupMobileMenu from "./modules/mobile";
 import setupSearch from "./modules/search";
 import setupThemeSelector from "./modules/theme";
+import setupMermaid from "./modules/mermaid";
 
 function $try<T extends (...a: unknown[]) => unknown>(func: T, ...args: Parameters<T>) {
     try {
@@ -18,3 +19,4 @@ $try(setupToC);
 $try(setupExpanders);
 $try(setupMobileMenu);
 $try(setupSearch);
+$try(setupMermaid);
diff --git a/apps/client/src/share/mermaid.ts b/packages/share-theme/src/scripts/modules/mermaid.ts
similarity index 100%
rename from apps/client/src/share/mermaid.ts
rename to packages/share-theme/src/scripts/modules/mermaid.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4b3dbf218..e2755aca2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1328,6 +1328,10 @@ importers:
         version: 1.2.0
 
   packages/share-theme:
+    dependencies:
+      mermaid:
+        specifier: 11.12.0
+        version: 11.12.0
     devDependencies:
       '@digitak/esrun':
         specifier: 3.2.26
@@ -15335,6 +15339,8 @@ snapshots:
       '@ckeditor/ckeditor5-utils': 47.1.0
       ckeditor5: 47.1.0(patch_hash=8331a09d41443b39ea1c784daaccfeb0da4f9065ed556e7de92e9c77edd9eb41)
       es-toolkit: 1.39.5
+    transitivePeerDependencies:
+      - supports-color
 
   '@ckeditor/ckeditor5-editor-multi-root@47.1.0':
     dependencies:
@@ -15831,6 +15837,8 @@ snapshots:
       '@ckeditor/ckeditor5-ui': 47.1.0
       '@ckeditor/ckeditor5-utils': 47.1.0
       ckeditor5: 47.1.0(patch_hash=8331a09d41443b39ea1c784daaccfeb0da4f9065ed556e7de92e9c77edd9eb41)
+    transitivePeerDependencies:
+      - supports-color
 
   '@ckeditor/ckeditor5-restricted-editing@47.1.0':
     dependencies: