nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat: use yaml instead of directive for new mermaid diagram types

Browse source 
mermaid is deprecating directives for new diagram types: https://github.com/mermaid-js/mermaid/issues/4630
This commit is contained in:
Marcel Beck 2023-07-28 21:13:56 +02:00
parent f0d7a38552
commit be45120c46
3 changed files with 27 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
layouts/partials/footer.html
View file

@ -62,6 +62,7 @@
<script src="{{"js/d3/d3-timer.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}" defer></script>
<script src="{{"js/d3/d3-transition.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}" defer></script>
<script src="{{"js/d3/d3-zoom.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}" defer></script>
<script src="{{"js/js-yaml.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}" defer></script>
{{- if isset .Params "custommermaidurl" }}
<script src="{{ .Params.customMermaidURL }}" defer></script>
{{- else if isset .Site.Params "custommermaidurl" }}

2
static/js/js-yaml.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

23
static/js/theme.js
View file

@ -166,11 +166,11 @@ function initMermaid( update, attrs ) {
var GRAPH=3;
var d = /^(?:\s*[\n\r])*(-{3}\s*[\n\r](?:.*?)[\n\r]-{3}(?:\s*[\n\r]+)+)?(?:\s*(?:%%\s*\{\s*\w+\s*:([^%]*?)%%\s*[\n\r]?))?(.*)$/s
var m = d.exec( graph );
var yaml = '';
var yaml = {};
var dir = {};
var content = graph;
if( m && m.length == 4 ){
yaml = m[YAML] ? m[YAML] : yaml;
yaml = m[YAML] ? jsyaml.load(m[YAML].replaceAll("---", "")) : yaml;
dir = m[INIT] ? JSON.parse( '{ "init": ' + m[INIT] ).init : dir;
content = m[GRAPH] ? m[GRAPH] : content;
}
@ -179,8 +179,10 @@ function initMermaid( update, attrs ) {
};
var serializeGraph = function( graph ){
var s = graph.yaml + '%%{init: ' + JSON.stringify( graph.dir ) + '}%%\n' + graph.content;
return s;
if (JSON.stringify(graph.dir) === "{}") {
return "---\n" + jsyaml.dump(graph.yaml) + "---\n" + graph.content;
}
return "---\n" + jsyaml.dump(graph.yaml) + "---\n" + "%%{init: " + JSON.stringify(graph.dir) + "}%%\n" + graph.content;
};
var init_func = function( attrs ){
@ -189,12 +191,21 @@ function initMermaid( update, attrs ) {
document.querySelectorAll('.mermaid').forEach( function( element ){
var parse = parseGraph( decodeHTML( element.innerHTML ) );
if (JSON.stringify(parse.dir) === "{}") {
if (parse.yaml.theme) {
parse.yaml.relearn_user_theme = true;
}
if (!parse.yaml.relearn_user_theme) {
parse.yaml.theme = theme;
}
} else {
if (parse.dir.theme) {
parse.dir.relearn_user_theme = true;
}
if (!parse.dir.relearn_user_theme) {
parse.dir.theme = theme;
}
}
is_initialized = true;
var graph = serializeGraph( parse );
@ -215,10 +226,10 @@ function initMermaid( update, attrs ) {
var code = e.querySelector( '.mermaid-code' );
var parse = parseGraph( decodeHTML( code.innerHTML ) );
if( parse.dir.relearn_user_theme ){
if (parse.dir.relearn_user_theme || parse.yaml.relearn_user_theme) {
return;
}
if( parse.dir.theme == theme ){
if (parse.dir.theme == theme || parse.yaml.theme == theme) {
return;
}
is_initialized = true;