refactor(#194): mermaid in client script file

jannis-baum · Jan 21, 2025 · eb1bc83 · eb1bc83
1 parent 1385a85
commit eb1bc83
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/src/routes/viewer.ts b/src/routes/viewer.ts
@@ -88,20 +88,6 @@ router.get(/.*/, async (req: Request, res: Response) => {
 
             ${config.scripts ? `<script type="text/javascript">${config.scripts}</script>` : ''}
 
-            <script type="module">
-                import mermaid from '/static/mermaid/mermaid.esm.min.mjs';
-                const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
-                mermaid.initialize({ startOnLoad: true, theme: darkModePreference.matches ? 'dark' : 'default' })
-
-                function updateTheme() {
-                    if (document.getElementsByClassName('mermaid').length > 0) {
-                        window.location.reload()
-                    }
-                }
-                darkModePreference.addEventListener("change", () => updateTheme());
-                // deprecated method for backward compatibility
-                darkModePreference.addEventListener(() => updateTheme());
-            </script>
             <script type="module" src="/static/client.mjs"></script>
         </html>
     `);

diff --git a/static/client.mjs b/static/client.mjs
@@ -1,3 +1,22 @@
+import mermaid from '/static/mermaid/mermaid.esm.min.mjs';
+
+const darkModePreference = window.matchMedia('(prefers-color-scheme: dark)');
+mermaid.initialize({ startOnLoad: true, theme: darkModePreference.matches ? 'dark' : 'default' });
+
+function updateTheme() {
+    if (document.getElementsByClassName('mermaid').length > 0) {
+        window.location.reload();
+    }
+}
+try {
+    darkModePreference.addEventListener('change', () => updateTheme());
+} catch {
+    try {
+        // deprecated method for backward compatibility
+        darkModePreference.addEventListener(() => updateTheme());
+    } catch {}
+}
+
 function viv_scrollTo(value) {
     let line = parseInt(value);
     while (line) {