fix mermaid initialization

Jacky Zhao

2023-08-05 9e76b257d4be4b9e6ea7b514074ef74d8d125f4b

fix mermaid initialization

 quartz/bootstrap-cli.mjs

@@ -121,7 +121,7 @@
}

function gitPull(origin, branch) {
  const flags = ["-s", "recursive", "-X", "ours"]
  const flags = ["-s", "recursive", "-X", "ours", "--no-edit"]
  spawnSync("git", ["pull", ...flags, origin, branch], { stdio: "inherit" })
}

@@ -334,7 +334,6 @@
                    sourcefile,
                  },
                  write: false,
                  minify: true,
                  bundle: true,
                  platform: "browser",
                  format: "esm",

 quartz/plugins/transformers/ofm.ts

@@ -414,7 +414,13 @@
        js.push({
          script: `
          import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
          mermaid.initialize({ startOnLoad: true });
          document.addEventListener('nav', async () => {
            const darkMode = document.documentElement.getAttribute('saved-theme') === 'dark'
            mermaid.initialize({ 
              securityLevel: 'loose',
              theme: darkMode ? 'dark' : 'default'
            });
          });
          `,
          loadTime: "afterDOMReady",
          moduleType: "module",

 quartz/styles/base.scss

@@ -310,6 +310,7 @@

  &:has(> code.mermaid) {
    border: none;
    position: relative;
  }

  & > code {