feat: replace mermaid with D2

Author: zlataovce

.github/workflows/build-preview.yaml

@@ -22,6 +22,8 @@ jobs:
         with:
           cache: "pnpm"
           node-version: 20
+      - name: "setup d2"
+        run: "curl -fsSL https://d2lang.com/install.sh | sh -s --"
       - name: "install dependencies"
         run: "pnpm install"
       - name: "build"

.github/workflows/deploy.yaml

@@ -24,6 +24,8 @@ jobs:
         with:
           cache: "pnpm"
           node-version: 20
+      - name: "setup d2"
+        run: "curl -fsSL https://d2lang.com/install.sh | sh -s --"
       - name: "install dependencies"
         run: "pnpm install"
       - name: "build"

.prettierignore

@@ -4,6 +4,7 @@ pnpm-workspace.yaml
 *.mdx
 !README.md
 !CONTRIBUTING.md
+public/d2
 
 # TODO: remove
 old

README.md

@@ -11,6 +11,7 @@ How to get docs running on your local machine for development.
 
 - [node](https://nodejs.org)
 - [pnpm](https://pnpm.io/installation)
+- [d2](https://d2lang.com/) (optional for development - used for generating diagrams)
 
 ### Local Development
 

astro.config.ts

@@ -1,4 +1,5 @@
 import starlight from "@astrojs/starlight";
+import d2 from "astro-d2";
 import { defineConfig } from "astro/config";
 // import starlightLinksValidator from "starlight-links-validator";
 import starlightSidebarTopics from "starlight-sidebar-topics";
@@ -251,6 +252,9 @@ export default defineConfig({
         ),
       ],
     }),
+    d2({
+      skipGeneration: !prod, // comment out if you have D2 locally and want to use it during dev
+    }),
   ],
   markdown: {
     remarkPlugins: [

package.json

@@ -17,6 +17,7 @@
     "@fontsource/jetbrains-mono": "^5.2.5",
     "@fontsource/poppins": "^5.2.5",
     "astro": "^5.6.1",
+    "astro-d2": "^0.7.0",
     "sharp": "^0.34.1",
     "starlight-contributor-list": "^0.3.0",
     "starlight-links-validator": "^0.15.1",