MermaidScope by Shipwright — Free Azure Repos Mermaid (.mmd / .mermaid) File Preview & Visual PR Diff
Stop reviewing raw .mmd text files in Azure Repos or debugging broken ::: mermaid Wiki blocks.
MermaidScope hooks directly into Azure Repos (ms.vss-code-web.content-renderer & ms.vss-web.hub) to render interactive, pan-and-zoom Mermaid diagrams for .mmd, .mermaid, and multi-block .md files 100% client-side in your browser—with Zero External Data Egress (never transmitting proprietary diagrams to mermaid.ink or third-party servers).
Key Capabilities
- Native Azure Repos
.mmd & .mermaid File Preview (ms.vss-code-web.content-renderer):
- Click any
.mmd or .mermaid file in Azure Repos -> Files or inside a Pull Request to view an interactive, vector-rendered diagram with 35%–250% zoom, TD ↔ LR layout switching, and dark/light blueprint themes.
- Visual Pull Request Diagram Diff (
main vs. PR Branch):
- Instead of reading cryptic text diffs on
.mmd files during PR reviews, inspect Added Nodes (+ Emerald), Modified Nodes (~ Amber), Removed Nodes (- Crimson Ghost), and Added/Removed Sequence Messages in a Unified Diff Overlay or Side-by-Side view.
- Real-Time Mermaid Syntax Linter & 1-Click Auto-Fixer:
- Automatically detects unquoted parentheses in node labels (
AKS[Cluster (PROD)] → AKS["Cluster (PROD)"]), unclosed subgraph/alt blocks, and converts between Azure DevOps Wiki (::: mermaid) and Azure Repos Markdown (```mermaid) in 1 click.
- Interactive Node Dependency Highlighting & 8 Mermaid Diagram Types:
- Supports Flowcharts (
flowchart/graph), Sequence Diagrams (sequenceDiagram), Entity-Relationship Schemas (erDiagram), State Machines (stateDiagram-v2), UML Class Diagrams (classDiagram), Gantt Charts (gantt), Pie Charts (pie), and Git Graphs (gitGraph).
- Click any node on the canvas to highlight its upstream callers and downstream connections.
- 1-Click Vector
.svg & 2x Retina .png Export:
- Export crisp SVG or 2x Retina PNG diagrams for Azure DevOps Wikis, READMEs, Confluence, and slide decks.
100% Free Forever — Built by Shipwright
MermaidScope is completely free for anyone to install and use — with no license key required, no user caps, and no feature paywalls.
Looking for enterprise governance across the rest of your Azure DevOps organization? Check out the Shipwright suite on the Visual Studio Marketplace:
- EnvMatrix by Shipwright — Multi-Environment Variable Group Diff, Cloner, Azure Key Vault & Entra ID OIDC Expiry Radar
- PolicyGuard by Shipwright — Cross-Repo Branch Policy Enforcer, Entra ID
CODEOWNERS Sync & AI-Assisted PR Governance
- EngPulse by Shipwright — Zero-Egress DORA 4-Keys, 5-Pillar SPACE DevEx, AI Copilot ROI Radar & ASC 350-40 FinOps
Trademark Notice: "Mermaid" is a trademark of Mermaid Chart Inc. MermaidScope by Shipwright is an independent Azure DevOps extension and is not affiliated with or endorsed by Mermaid Chart Inc. or the core Mermaid.js maintainers.
| |
