feat(theme-mermaid): support Mermaid 11+ including new types of diagr…

…ams (#10510)
facebook · Sep 19, 2024 · fd14d6a · fd14d6a
1 parent ce159b1
commit fd14d6a
Show file tree

Hide file tree

Showing 3 changed files with 309 additions and 350 deletions.
diff --git a/packages/docusaurus-theme-mermaid/package.json b/packages/docusaurus-theme-mermaid/package.json
@@ -38,7 +38,7 @@
     "@docusaurus/theme-common": "3.5.2",
     "@docusaurus/types": "3.5.2",
     "@docusaurus/utils-validation": "3.5.2",
-    "mermaid": "^10.4.0",
+    "mermaid": ">=10.4",
     "tslib": "^2.6.0"
   },
   "devDependencies": {

diff --git a/website/_dogfooding/_pages tests/diagrams.mdx b/website/_dogfooding/_pages tests/diagrams.mdx
@@ -428,3 +428,22 @@ quadrantChart
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
 ```
+
+## Architecture Diagram
+
+- See https://mermaid.js.org/syntax/architecture
+- See https://github.com/facebook/docusaurus/discussions/10508
+
+```mermaid
+architecture-beta
+    group api(cloud)[API]
+
+    service db(database)[Database] in api
+    service disk1(disk)[Storage] in api
+    service disk2(disk)[Storage] in api
+    service server(server)[Server] in api
+
+    db:L -- R:server
+    disk1:T -- B:server
+    disk2:T -- B:db
+```