feat: add @mermaid-js/mermaid-interactive diagrams package

.changeset/add-mermaid-interactive.md

@@ -0,0 +1,10 @@
+---
+'@mermaid-js/mermaid-interactive': minor
+---
+
+feat: add @mermaid-js/mermaid-interactive package
+
+New package providing a preprocessor and post-render interaction binder
+for parameterised, interactive Mermaid diagrams using the `.mermid` file
+format. Supports template expansion, interaction metadata encoding, and
+click-to-collapse/expand node groups in rendered diagrams.

.cspell/mermaid-terms.txt

@@ -24,8 +24,10 @@ kanban
 marginx
 marginy
 Markdownish
+mermaid-interactive
 mermaidchart
 mermaidjs
+mermid
 mindmap
 mindmaps
 mrtree

.prettierignore

@@ -20,3 +20,5 @@ demos/dev/**
 !/demos/dev/example.html
 # TODO: Lots of errors to fix
 cypress/platform/state-refactor.html
+# Custom mermaid diagram files (no prettier parser available)
+**/*.mermid

demos/index.html

@@ -25,6 +25,9 @@ <h1>Mermaid quick test and demo pages</h1>
     </p>
 
     <ul>
+      <li>
+        <h2><a href="./interactive.html">Interactive &amp; Parameterised Diagrams ✨</a></h2>
+      </li>
       <li>
         <h2><a href="./c4context.html">C4 Context</a></h2>
       </li>