Post rebase changes

Author: mcmah309

docs-src/0.6/src/SUMMARY.md

@@ -94,7 +94,6 @@
   - [Resource](reference/use_resource.md)
   - [UseCoroutine](reference/use_coroutine.md)
   - [Spawn](reference/spawn.md)
-  - [Cheat Sheet](reference/cheat_sheet.md)
 
 ---
 - [Contributing](contributing/index.md)

docs-src/0.7/src/SUMMARY.md

@@ -125,6 +125,7 @@
   - [In-Depth](guides/depth/index.md)
     - [Asset Pipeline](guides/depth/assets.md)
     - [Custom Renderer](guides/depth/custom_renderer.md)
+  - [Cheat Sheet](guides/cheat_sheet.md)
   - [Migration](migration/index.md)
     - [To 0.7](migration/to_07.md)
     - [To 0.6](migration/to_06.md)

docs-src/0.6/src/reference/cheat_sheet.md renamed to docs-src/0.7/src/guides/cheat_sheet.md

@@ -1,4 +1,4 @@
-pub use crate::{DemoFrame, SandBoxFrame, ComponentWithLogs, FakePage, CodeBlock, log, LogState, TwoPanelComponent};
+pub use crate::{DemoFrame, SandBoxFrame, ComponentWithLogs, FakePage, CodeBlock, log, LogState, TwoPanelComponent, MermaidBlock};
 
 // Include any examples we compile into the docsite
 #[cfg(not(feature = "doc_test"))]

packages/docs-router/src/doc_examples/mod.rs

@@ -157,6 +157,51 @@ pub fn CodeBlock(contents: String, name: Option<String>) -> Element {
     }
 }
 
+#[component]
+pub fn MermaidBlock(chart: &'static str) -> Element {
+    rsx! {
+        div {
+            document::Link { rel: "stylesheet", href: asset!("assets/mermaid_block.css") }
+            div {
+                class: "mermaid min-h-[60vh]",
+                style: "background-color: #fff; ",
+                "value": "{chart}",
+            }
+            script { r#type: "module",
+                r#"
+import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/+esm';
+import Panzoom from 'https://cdn.jsdelivr.net/npm/@panzoom/[email protected]/+esm';
+
+mermaid.initialize({{
+    startOnLoad: false,
+}});
+
+const mermaidElements = document.querySelectorAll('.mermaid');
+let elements = [];
+mermaidElements.forEach((element, index) => {{
+    if (element.getAttribute('data-processed') === 'true') {{
+        return;
+    }}
+    element.textContent = element.value;
+    elements.push(element);
+}});
+
+mermaid.run().then(() => {{
+    elements.forEach((element, index) => {{
+        let svg = element.firstElementChild;
+        const panzoom = Panzoom(svg, {{
+            step: 1,
+            maxScale: 10,
+            minScale: 0.5,
+        }});
+        element.addEventListener('wheel', panzoom.zoomWithWheel);
+    }})
+}});"#
+            }
+        }
+    }
+}
+
 pub(crate) static Copy: Component<()> = |_| {
     rsx!(
         svg {