From f135a3a5e73d672e2d3f386bfffc0c8f6609c755 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Sat, 23 Mar 2024 15:07:21 +0530
Subject: [PATCH] chore: Add example page link in index

---
 demos/dev/example.html | 2 ++
 demos/index.html       | 1 +
 2 files changed, 3 insertions(+)

diff --git a/demos/dev/example.html b/demos/dev/example.html
index 4ece7efa8..27d31e177 100644
--- a/demos/dev/example.html
+++ b/demos/dev/example.html
@@ -39,6 +39,8 @@ graph TB
 
     <script type="module">
       import mermaid from '/mermaid.esm.mjs';
+      import flowchartELK from '/mermaid-flowchart-elk.esm.mjs';
+      await mermaid.registerExternalDiagrams([flowchartELK]);
       async function render(str) {
         const { svg } = await mermaid.render('dynamic', str);
         document.getElementById('dynamicDiagram').innerHTML = svg;
diff --git a/demos/index.html b/demos/index.html
index b333ac3ff..a5a1a9b30 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -18,6 +18,7 @@
     <p>
       Some of these pages have duplicates; some are slow to load because they have so many graphs.
     </p>
+    <p>You can test custom code in the <a href="./dev/example.html">development page</a>.</p>
     <p>
       If you'd like to clean up one of the pages, please feel free to
       <a href="https://github.com/mermaid-js/mermaid/pulls">submit a pull request (PR).</a>