KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #claude-code #codex #typescript #ai-agents #dsh #dsh-plugin #deepseek-harness #ai-agent #mcp #agent-skills #macos

mermaid-previewer

★ 31 Open GitHub ↗

A chrome extension for previewing and exporting mermaid in bitbucket or other sites

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Mermaid Previewer

[![GitHub release (latest by date)](https://img.shields.io/github/v/release/zephyraft/mermaid-previewer)](https://github.com/zephyraft/mermaid-previewer/releases)
[![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/zephyraft/mermaid-previewer/mermaid)](https://github.com/mermaid-js/mermaid)
[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/oidjnlhbegipkcklbdfnbkikplpghfdl)](https://chrome.google.com/webstore/detail/mermaid-previewer/oidjnlhbegipkcklbdfnbkikplpghfdl)
[![Chrome Web Store](https://img.shields.io/chrome-web-store/users/oidjnlhbegipkcklbdfnbkikplpghfdl)](https://chrome.google.com/webstore/detail/mermaid-previewer/oidjnlhbegipkcklbdfnbkikplpghfdl)

A chrome extension for previewing and exporting mermaid images in web pages, fully rendering mermaid locally without involving remote api calls.

On websites that meet the preset rules, you can preview or export by setting the code block language in markdown to mermaid:
```mermaid
graph LR
A --> B
```

At the same time, it also provides the function of custom rule configuration.

## Preset Rules

- Exclude Urls
  - `https:\/\/.*chrome\.google\.com.*`
  - `chrome:\/\/.*`
  - `chrome-extension:\/\/.*`
- Matching Selectors
  - `div.codehilite > pre` under `.*bitbucket\.org.*`
    - Support Bitbucket preview and export
  - `body > pre` under `file:\/\/.*.mmd` and `file:\/\/.*.mermaid`
    - Support preview and export of `.mmd` and `.mermaid` files
- Download Selectors
  - `div.mermaid-view div.mermaid` under `https:\/\/viewscreen\.githubusercontent\.com.*`
    - Support GitHub export
  - `div#app` under `https:\/\/.*gitlab\.com.*`
    - Support Gitlab export
  - `div.highlight-source-mermaid > pre.notranslate` under `.*gist\.github\.com.*`
    - Support Gist export

## Changelog
- [1.5.2]  Fix https://github.com/zephyraft/mermaid-previewer/issues/304 (Manually inject content scripts now, only effective for matching URLs)
- [1.5.1]  Fix bug.(Remove zenuml support and fix the CSS style leakage caused by it)
- [1.5.0]  Update mermaid to version 11.4.1. Modify the injection method of mermaid. Since Gist natively supports preview, adjust preset rules to Download Selectors. Add support for zenuml, sankey-beta, xychart-beta, block-beta, packet-beta, kanban, and architecture-beta.
- [1.4.4]  Updated mermaid version to 10.5.0. Added experimental feature sandbox mode. Added preset rules for gist comment.
- [1.4.3]  Fix bug.
- [1.4.2]  Update mermaid version to 10.2.3, and adapt to quadrantChart, C4, mindmap, timeline charts.
- [1.4.1]  Fix floating button display bug, add copy code button.
- [1.4.0]  Update mermaid version to 10.2.0, use the plasmo framework to refactor the code, adjust the configuration page, and use the floating button to provide the export function.
- [1.3.0]  Update mermaid version to 10.1.0, the export function is changed to export svg to support more styles and font-awesome.
- [1.2.9]  Update mermaid version to 10.0.2, support font-awesome and gitGraph.
- [1.2.8]  Update mermaid version to 9.1.3, fix repeat toast & modify toast style.
- [1.2.7]  Update mermaid version to 8.14.0, support GitHub native mermaid download.
- [1.2.6]  Update mermaid version to 8.13.8, optimize configuration page interaction and style.
- [1.2.5]  Update mermaid version to 8.13.5, fix preview issue of Bitbucket.
- [1.2.4]  Added popup options page, providing domain exclusion and dom selector configuration.
- [1.2.3]  Update mermaid version to 8.13.3.
- [1.2.2]  Update mermaid version to 8.13.2.
- [1.2.1]  Fix Toast.
- [1.2.0]  Mermaid graph export.
- [1.1.0]  Added bitbucket support, updated mermaid version to 8.12.1.
- [1.0.1]  Update mermaid version to 8.12.0.
- [1.0.0]  First released, mermaid version 8.11.5.

## TODO

- [x] Support fontawesome.
- [x] Support [mmd format](https://github.com/mermaid-js/mermaid-cli) files.
- [x] Add floating button for export.
- [x] Add floating button for copying code.
- [x] Automation test.
- [x] Support comment for gist.
- [ ] More test cases.

mermaid-previewer

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README