revert to gatsby mermaid 3

leic-pt · Jan 10, 2024 · c4f040a · c4f040a
1 parent c76fc38
commit c4f040a
Show file tree

Hide file tree

Showing 4 changed files with 286 additions and 417 deletions.
diff --git a/flake.nix b/flake.nix
@@ -17,8 +17,8 @@
           ];
 
           shellHook = ''
-            export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}
-            export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true
+            export PUPPETEER_SKIP_DOWNLOAD=1
+            export PUPPETEER_EXECUTABLE_PATH=${pkgs.chromium.outPath}/bin/chromium
           '';
         };
       }

diff --git a/gatsby-config.js b/gatsby-config.js
@@ -1,4 +1,4 @@
-// const puppeteer = require('puppeteer');
+const puppeteer = require('puppeteer');
 
 module.exports = {
   siteMetadata: {
@@ -109,11 +109,10 @@ module.exports = {
           {
             resolve: `gatsby-remark-mermaid`,
             options: {
-              css: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap',
-              mermaidConfig: {
-                fontFamily: 'Roboto, sans-serif',
+              launchOptions: {
+                executablePath: puppeteer.executablePath(),
               },
-              prefix: 'remark-mermaid',
+              svgo: false, // it doesn't like lines breaks in diagram text boxes
             },
           },
           `gatsby-remark-embed-snippet`,

diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
     "gatsby-remark-external-links": "^0.0.4",
     "gatsby-remark-images": "^7.4.0",
     "gatsby-remark-katex": "^7.4.0",
-    "gatsby-remark-mermaid": "^4.0.0",
+    "gatsby-remark-mermaid": "^3.0.1",
     "gatsby-remark-prismjs": "^7.4.0",
     "gatsby-remark-table-of-contents": "^2.0.0",
     "gatsby-source-filesystem": "^5.4.0",
@@ -50,6 +50,7 @@
     "meilisearch": "^0.30.0",
     "mini-svg-data-uri": "^1.4.4",
     "prismjs": "^1.29.0",
+    "puppeteer": "^19.5.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark-directive": "^1.0.1"