From 100123b43e19ee3e3af98afd4d09bd5e1219a2ad 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

---
 cypress/integration/rendering/flowchart-elk.spec.js | 1 -
 demos/dev/example.html                              | 2 ++
 demos/index.html                                    | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/cypress/integration/rendering/flowchart-elk.spec.js b/cypress/integration/rendering/flowchart-elk.spec.js
index b18690441..2314e6179 100644
--- a/cypress/integration/rendering/flowchart-elk.spec.js
+++ b/cypress/integration/rendering/flowchart-elk.spec.js
@@ -863,7 +863,6 @@ describe('Title and arrow styling #4813', () => {
   });
 
   it('Render with stylized arrows', () => {
-    const titleString = 'Test Title';
     renderGraph(
       `
       flowchart LR
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>