Skip to content

Commit

Permalink
revert: mermaid rendering code extracted into branch feat/mermaid-ren…
Browse files Browse the repository at this point in the history
…dering
  • Loading branch information
mattyg committed Jan 8, 2024
1 parent 41d1b46 commit fe6e852
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 18 deletions.
18 changes: 4 additions & 14 deletions 11ty-extensions/eleventy-transforms.js
Original file line number Diff line number Diff line change
Expand Up @@ -37,27 +37,17 @@ module.exports = function(eleventyConfig) {
if (this.page.outputPath.endsWith(".html")) {
const document = new dom(content);
const preBlocks = document.querySelectorAll('pre:has(code)');

preBlocks.forEach((pre) => {
pre.className += ' hljs-container';
const code = pre.querySelector('code');
const maybeLanguage = code.className.match(/(?<=\blanguage-)[A-Za-z0-9_-]+/);
const blockText = he.decode(code.textContent);

if (maybeLanguage[0] === "mermaid") {
// Render as mermaid chart
pre.className += ' mermaid';
pre.innerHTML = code.innerHTML;
} else if (maybeLanguage) {
// Render as syntax-highlighted code with known language
pre.className += ' hljs-container';
code.className += ' hljs';
code.innerHTML = hljs.highlight(blockText, {language: maybeLanguage[0]}).value;
if (maybeLanguage) {
code.innerHTML = hljs.highlight(blockText, {language: maybeLanguage[0]}).value;
} else {
// Render as syntax-highlighted code with autodetected language
pre.className += ' hljs-container';
code.className += ' hljs';
code.innerHTML = hljs.highlightAuto(blockText).value;
}
code.className += ' hljs';
});
return document.innerHTML;
}
Expand Down
4 changes: 0 additions & 4 deletions src/pages/_includes/base-layout.njk
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,5 @@
{% include "parts/footer.njk" %}
{% include "parts/templates.njk" %}
{% include "widgets/unsupported-brower-warning.njk" %}
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>
</body>
</html>

0 comments on commit fe6e852

Please sign in to comment.