Sidharth Vinod 05bcfb13ca Merge branch 'develop' into daisyUI
* develop: (50 commits)
  update
  chore(deps-dev): bump tailwindcss from 2.2.7 to 2.2.9
  chore(deps-dev): bump prettier-plugin-svelte from 2.3.1 to 2.4.0
  chore(deps-dev): bump @typescript-eslint/eslint-plugin
  chore(deps-dev): bump mocha from 9.1.0 to 9.1.1
  chore(deps-dev): bump husky from 7.0.1 to 7.0.2
  Comment support
  Add variables, types, and multiple refactors and fixes
  colons are brackets in class diagrams
  Remove unneccessary groups
  Refactor syntax highlighting
  chore(deps-dev): bump svelte-preprocess from 4.7.4 to 4.8.0
  chore(deps-dev): bump cypress from 8.3.0 to 8.3.1
  chore(deps-dev): bump @typescript-eslint/eslint-plugin
  chore(deps-dev): bump typescript from 4.3.5 to 4.4.2
  chore(deps-dev): bump autoprefixer from 10.3.1 to 10.3.3
  chore(deps-dev): bump svelte from 3.42.2 to 3.42.3
  Gitgraph options
  Directives highlighting
  Requirement diagrams
  ...
2021-09-03 09:36:20 +05:30
2021-08-15 11:54:33 +05:30
2021-07-29 20:58:37 +05:30
2021-05-31 16:53:54 +05:30
2021-08-29 19:42:27 -07:00
2021-09-03 09:36:20 +05:30
2021-06-12 11:13:44 +05:30
2021-08-16 21:50:28 +05:30
2021-05-29 15:42:20 +05:30
2021-05-31 13:52:28 +05:30
2021-05-09 17:30:34 +05:30
2021-05-23 19:52:04 +05:30
2021-05-24 00:17:20 +05:30
2021-05-29 16:53:31 +05:30
2021-06-04 23:54:14 +05:30
2021-01-12 20:51:16 +01:00
2021-05-24 00:17:20 +05:30
2021-07-20 14:44:48 -07:00
2021-08-16 21:50:28 +05:30
2021-05-28 10:32:41 +05:30
2021-07-29 19:53:18 +05:30
2021-08-16 00:09:30 +05:30
2021-06-05 02:25:12 +05:30
2021-09-03 09:36:20 +05:30

Mermaid Live Editor Join our Slack!

Contributors are welcome!

If you want to speed up the progress for mermaid-live-editor, join the slack channel and contact knsv.

mermaid-live-editor

Edit, preview and share mermaid charts/diagrams.

Features

  • Edit and preview flowcharts, sequence diagrams, gantt diagrams in real time.
  • Save the result as a svg
  • Get a link to a viewer of the diagram so that you can share it with others.
  • Get a link to edit the diagram so that someone else can tweak it and send a new link back

Live demo

You can try out a live version here.

Docker

docker run --publish 8000:80 ghcr.io/mermaid-js/mermaid-live-editor

Then open http://localhost:8000

Setup

Volta is used for managing node and yarn versions.

This project is set up using Yarn:

yarn install

Development

yarn dev -- --open

This app is created with Svelte Kit.

Release

When a PR is created targeting master, it will be built and deployed as a beta in http://mermaid-js.github.io/mermaid-live-editor/beta

Once the PR is merged, it will automatically be released.

S
Description
Edit, preview and share mermaid charts/diagrams.
Readme MIT
146 MiB
Languages
TypeScript 50%
Svelte 45.1%
JavaScript 2.3%
CSS 1.5%
HTML 0.4%
Other 0.7%