marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-30 04:39:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

sync last changes

Browse Source
This commit is contained in:
Emerson Bottero
2022-10-25 17:54:07 -03:00
parent 563aff2d72 10ba3b612e
commit b62873a195
112 changed files with 7426 additions and 2363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
docs/.vitepress/mermaid-markdown-all.ts
View File

@@ -1,32 +1,54 @@
import { MermaidMarkdown } from 'vitepress-plugin-mermaid';
// import { deflate } from 'pako';
// import { fromUint8Array } from 'js-base64';
import shiki from 'shiki';
export default {
config: async (md) => {
MermaidMarkdown(md);
const fence = md.renderer.rules.fence.bind(md.renderer.rules);
// const serializeState = (state: State, serde: SerdeType = 'pako'): string => {
// if (serdes[serde] === undefined) {
// throw new Error(`Unknown serde type: ${serde}`);
// }
// const json = JSON.stringify(state);
// const serialized = serdes[serde].serialize(json);
// return `${serde}:${serialized}`;
// };
const highlighter = await shiki.getHighlighter({ theme: 'material-palenight' });
// const serialize = (state: string): string => {
// const data = new TextEncoder().encode(state);
// const compressed = deflate(data, { level: 9 });
// return fromUint8Array(compressed, true);
// };
md.renderer.rules.fence = (tokens, index, options, env, slf) => {
const token = tokens[index];
const MermaidExample = async (md) => {
const fence = md.renderer.rules.fence.bind(md.renderer.rules);
if (token.info.trim() === 'mermaid-example') {
let code = highlighter.codeToHtml(token.content, { lang: 'mermaid' });
code = code.replace('#2e3440ff', 'transparent');
code = code.replace('#292D3E', 'transparent');
code =
'<h5>Code:</h5>' +
'<div class="language-mermaid"><button class="copy"></button><span class="lang">mermaid</span>' +
code +
'</div>';
const highlighter = await shiki.getHighlighter({ theme: 'material-palenight' });
// return code;
return `${code}
md.renderer.rules.fence = (tokens, index, options, env, slf) => {
const token = tokens[index];
// console.log("==>",token.info);
if (token.info.trim() === 'mermaid-example') {
let code = highlighter.codeToHtml(token.content, { lang: 'mermaid' });
code = code.replace('#2e3440ff', 'transparent');
code = code.replace('#292D3E', 'transparent');
code =
'<h5>Code:</h5>' +
`<div class="language-mermaid">` +
// TODO: compute edit link!
// `<a class="edit" href="https://mermaid.live/edit#pako:${serialize(
// token.content
// )}" target=”_blank”>✒️</a>` +
`<button class="copy"></button><span class="lang">mermaid</span>` +
code +
'</div>';
// return code;
return `${code}
<h5>Render:</h5>
<Mermaid id="me${index}" graph="${encodeURIComponent(token.content)}"></Mermaid>`;
}
return fence(tokens, index, options, env, slf);
};
},
}
return fence(tokens, index, options, env, slf);
};
};
export default MermaidExample;