event.js updated for dark mode and puppet.js introduced for download html function

public/js/extra.js

@@ -1490,3 +1490,31 @@ md.use(pdfPlugin)
 export default {
   md
 }
+// Function to determine the Mermaid theme based on system or custom theme settings
+function getMermaidTheme() {
+  // Check if dark mode is preferred
+  const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  return isDarkMode ? 'dark' : 'default';  // 'dark' for dark mode, 'default' for light mode
+}
+
+// Function to initialize Mermaid with the correct theme
+function initializeMermaid() {
+  // Initialize Mermaid with the chosen theme
+  window.mermaid.initialize({
+    theme: getMermaidTheme(),
+  });
+
+  // Select Mermaid elements and re-initialize them
+  const $ele = document.querySelectorAll('.mermaid'); // Adjust selector as needed
+  $ele.forEach(ele => {
+    window.mermaid.init(undefined, ele); // Re-render each diagram
+  });
+}
+
+// Call the initialize function once the page has fully loaded
+document.addEventListener('DOMContentLoaded', initializeMermaid);
+
+// Listen for changes in the system's color scheme and re-render the diagrams accordingly
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+  initializeMermaid();  // Re-initialize with the new theme
+});

pupeter.js

@@ -0,0 +1,21 @@
+const puppeteer = require('puppeteer');
+
+(async () => {
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+
+  // Replace with the URL of your HackMD document
+  await page.goto('https://hackmd.io/YOUR_DOCUMENT_URL');
+
+  // Wait for the content to be fully rendered
+  await page.waitForSelector('body'); // Adjust the selector based on the element that signals the page has loaded
+
+  // Extract the HTML
+  const html = await page.evaluate(() => document.documentElement.outerHTML);
+
+  // Save the HTML to a file or output it
+  const fs = require('fs');
+  fs.writeFileSync('protocol.html', html);
+
+  await browser.close();
+})();