Add mermaid support

background/storage.js

@@ -53,6 +53,7 @@ md.storage.defaults = (compilers) => {
       toc: false,
       mathjax: false,
       autoreload: false,
+      mermaid: false,
     },
     origins: {
       'file://': {
@@ -106,4 +107,7 @@ md.storage.migrations = (state) => {
   if (state.remark.pedantic !== undefined) {
     delete state.remark.pedantic
   }
+  if (state.content.mermaid === undefined) {
+    state.content.mermaid = false
+  }
 }

content/index.js

@@ -98,6 +98,21 @@ function mount () {
               src: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js'
             }))
           }
+          if (state.content.mermaid) {
+            dom.push(m('script', {
+              src: 'https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.8.4/mermaid.min.js'
+            }))
+            dom.push(m('script', {type: 'text/javascript'}, `
+              ;(() => {
+                var timeout = setInterval(() => {
+                  if (!!(mermaid && mermaid.init)) {
+                    clearInterval(timeout)
+                    mermaid.init({}, 'code.language-mmd, code.language-mermaid')
+                  }
+                }, 50)
+              })()
+            `))
+          }
         }
       }
 

popup/index.js

@@ -18,6 +18,7 @@ var state = {
       scroll: 'Remember scroll position',
       toc: 'Generate Table of Contents',
       mathjax: 'Render MathJax formulas',
+      mermaid: 'Mermaid diagrams',
     }
   }
 }