builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

upgrade mermaid to latest version

This commit is contained in:
Gamosoft 2025-12-06 13:06:23 +01:00
parent b529d90b5c
commit 25db76f494
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/app.js
View File

@ -2573,7 +2573,21 @@ function noteApp() {
startOnLoad: false, startOnLoad: false,
theme: mermaidTheme, theme: mermaidTheme,
securityLevel: 'strict', // Use strict for better security securityLevel: 'strict', // Use strict for better security
fontFamily: 'inherit' fontFamily: 'inherit',
// v11 changed useMaxWidth defaults - restore responsive behavior
flowchart: { useMaxWidth: true },
sequence: { useMaxWidth: true },
gantt: { useMaxWidth: true },
journey: { useMaxWidth: true },
timeline: { useMaxWidth: true },
class: { useMaxWidth: true },
state: { useMaxWidth: true },
er: { useMaxWidth: true },
pie: { useMaxWidth: true },
quadrantChart: { useMaxWidth: true },
requirement: { useMaxWidth: true },
mindmap: { useMaxWidth: true },
gitGraph: { useMaxWidth: true }
}); });
this.lastMermaidTheme = mermaidTheme; this.lastMermaidTheme = mermaidTheme;
} }
@ -3659,15 +3673,23 @@ function noteApp() {
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script>
<!-- Mermaid.js for diagrams (v10.9.0) --> <!-- Mermaid.js for diagrams -->
<script type="module"> <script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11.12.2/dist/mermaid.esm.min.mjs';
const isDark = ${this.getThemeType() === 'dark'}; const isDark = ${this.getThemeType() === 'dark'};
mermaid.initialize({ mermaid.initialize({
startOnLoad: false, startOnLoad: false,
theme: isDark ? 'dark' : 'default', theme: isDark ? 'dark' : 'default',
securityLevel: 'strict', securityLevel: 'strict',
fontFamily: 'inherit' fontFamily: 'inherit',
flowchart: { useMaxWidth: true },
sequence: { useMaxWidth: true },
gantt: { useMaxWidth: true },
state: { useMaxWidth: true },
er: { useMaxWidth: true },
pie: { useMaxWidth: true },
mindmap: { useMaxWidth: true },
gitGraph: { useMaxWidth: true }
}); });
// Render any Mermaid code blocks // Render any Mermaid code blocks

4
frontend/index.html
View File

@ -57,9 +57,9 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/css.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/http.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/http.min.js"></script>
<!-- Mermaid.js for diagram rendering (v10.9.0) --> <!-- Mermaid.js for diagram rendering -->
<script type="module"> <script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11.12.2/dist/mermaid.esm.min.mjs';
// Note: Mermaid is initialized dynamically by app.js renderMermaid() based on current theme // Note: Mermaid is initialized dynamically by app.js renderMermaid() based on current theme
window.mermaid = mermaid; window.mermaid = mermaid;
</script> </script>