Roadmap: Support mermaid graphs for Github

[Aetherinox]

Summary

At present, Github gists now support Mermaid diagrams. Github provides a share button to the top right which includes a javascript file you must include on your page. However, even on a stock HTML page with no engine, Github mermaid graphs do not render. Unknown if Github plans to fix this, but it currently has issues with:

• Firefox
• Opera
• Chrome

---

Proposal

An alternative way to render mermaid diagrams would be to utilize webviewer to render the diagram in the user's Obsidian note. It has been tested, and gives the user full control over viewing the diagram and navigating.

The downside is that webviewer treats the window as a full-blown browser, so they would be viewing the entire page for the gist. They would be unable to edit the diagram from their Obsidian note unless they physically sign into that browser window as they would on a normal browser.

This brings up the issue of also supporting cookies and storing them for the user.

---

Objectives

• Integrate electron web browser
• Support signin / cookies
• Integrate new integrated browser into gistr
• Add control options for user to modify how the window appears:
  • Zoom setting
  • Height setting