GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

Docs with lazy loading using rc bundles

Browse Source
This commit is contained in:
Knut Sveidqvist 2022-10-14 16:10:57 +02:00
parent 7881d1e457
commit 957e64fe8a
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/index.html
View File

@ -50,8 +50,8 @@
<div id="app"></div> <div id="app"></div>
<script type="module"> <script type="module">
// import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.esm.min.mjs'; // import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.esm.min.mjs';
// import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc6/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc6/dist/mermaid.esm.min.mjs';
import mermaid from 'http://localhost:9000/mermaid.esm.mjs'; // import mermaid from 'http://localhost:9000/mermaid.esm.mjs';
console.log(mermaid); // eslint-disable-line console.log(mermaid); // eslint-disable-line
window.mermaid = mermaid; window.mermaid = mermaid;
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
@ -61,8 +61,8 @@
startOnLoad: true, startOnLoad: true,
themeCSS: '.label { font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif; }', themeCSS: '.label { font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif; }',
lazyLoadedDiagrams: [ lazyLoadedDiagrams: [
// 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc5/dist/mermaid.esm.min.mjs', 'https://cdn.jsdelivr.net/npm/@mermaid-js/mermaid-mindmap@9.2.0-rc3/dist/mermaid-mindmap-detector.esm.mjs',
'http://localhost:9000/mermaid-mindmap-detector.esm.mjs', // 'http://localhost:9000/mermaid-mindmap-detector.esm.mjs',
], ],
}; };
if (isDarkMode) conf.theme = 'dark'; if (isDarkMode) conf.theme = 'dark';

2
packages/mermaid/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "mermaid", "name": "mermaid",
"version": "9.2.0-rc2", "version": "9.2.0-rc6",
"description": "Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.", "description": "Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.",
"main": "./dist/mermaid.core.mjs", "main": "./dist/mermaid.core.mjs",
"module": "./dist/mermaid.core.mjs", "module": "./dist/mermaid.core.mjs",

8
packages/mermaid/src/docs/index.html
View File

@ -50,8 +50,8 @@
<div id="app"></div> <div id="app"></div>
<script type="module"> <script type="module">
// import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@<MERMAID_VERSION>/dist/mermaid.esm.min.mjs'; // import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@<MERMAID_VERSION>/dist/mermaid.esm.min.mjs';
// import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc6/dist/mermaid.esm.min.mjs'; import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc6/dist/mermaid.esm.min.mjs';
import mermaid from 'http://localhost:9000/mermaid.esm.mjs'; // import mermaid from 'http://localhost:9000/mermaid.esm.mjs';
console.log(mermaid); // eslint-disable-line console.log(mermaid); // eslint-disable-line
window.mermaid = mermaid; window.mermaid = mermaid;
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
@ -61,8 +61,8 @@
startOnLoad: true, startOnLoad: true,
themeCSS: '.label { font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif; }', themeCSS: '.label { font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif; }',
lazyLoadedDiagrams: [ lazyLoadedDiagrams: [
// 'https://cdn.jsdelivr.net/npm/mermaid@9.2.0-rc5/dist/mermaid.esm.min.mjs', 'https://cdn.jsdelivr.net/npm/@mermaid-js/mermaid-mindmap@9.2.0-rc3/dist/mermaid-mindmap-detector.esm.mjs',
'http://localhost:9000/mermaid-mindmap-detector.esm.mjs', // 'http://localhost:9000/mermaid-mindmap-detector.esm.mjs',
], ],
}; };
if (isDarkMode) conf.theme = 'dark'; if (isDarkMode) conf.theme = 'dark';