From ffd33049d92ee67443082995a3b123e5eae5dc21 Mon Sep 17 00:00:00 2001
From: Leyla Becker <git@jan-leila.com>
Date: Fri, 13 Feb 2026 20:57:38 -0600
Subject: [PATCH] feat: fixed mermaid diagrams

---
 _includes/base.njk      |  7 +++++++
 eleventy.config.js      |  1 +
 posts/posts.11tydata.js | 12 ++++++++++++
 3 files changed, 20 insertions(+)

diff --git a/_includes/base.njk b/_includes/base.njk
index 93e5035..1af94d9 100644
--- a/_includes/base.njk
+++ b/_includes/base.njk
@@ -60,6 +60,13 @@
     {{ content | safe }}
   </main>
   
+  {% if mermaid %}
+  <script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
+    mermaid.initialize({ startOnLoad: true });
+  </script>
+  {% endif %}
+  
   <footer>
     <div>
       <!-- Social Things -->
diff --git a/eleventy.config.js b/eleventy.config.js
index 6f1975a..477b1a4 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -121,6 +121,7 @@ md.use(markdownItContainer, 'details', {
     }
   }
 });
+
 md.use(markdownItFootnote);
 md.use(markdownItHashtag);
 md.use(markdownItMermaid);
diff --git a/posts/posts.11tydata.js b/posts/posts.11tydata.js
index 4d8d3bd..e04af33 100644
--- a/posts/posts.11tydata.js
+++ b/posts/posts.11tydata.js
@@ -33,6 +33,15 @@ const getGitModifiedTime = (filePath) => {
   return null;
 };
 
+const hasMermaidContent = (filePath) => {
+  try {
+    const content = fs.readFileSync(filePath, 'utf-8');
+    return /```mermaid/i.test(content);
+  } catch (e) {
+    return false;
+  }
+};
+
 const getTitleFromFilename = (filePath) => {
   const basename = path.basename(filePath, '.md');
   return basename
@@ -115,6 +124,9 @@ module.exports = {
         getGitModifiedTime(data.page.inputPath) ?? 
         getFileModifiedTime(data.page.inputPath);
     },
+    mermaid: (data) => {
+      return hasMermaidContent(data.page.inputPath);
+    },
     permalink: (data) => {
       const title = data.title || getTitleFromFilename(data.page.inputPath);
       const slug = title.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]/g, '');