Visual Studio Code Sequence Diagram

README

Preview Sequence Diagrams (previewseqdiag-vscode) is an extension for vscode specialized for the preview function of mscgen and mermaid.

Features

• Support to preview of Mermaid format.
• Support to preview of MscGen, MsGenny format.

Special feature

• In you .mmd file, you can this following to import an other file inside:

This is usefull to avoid multipicate the same code on many files.

Release Notes

0.3.0

• Bugfix: Support vscode ^1.54.0
• Refactoring: A great many things..
• Update dependencies.
  • mermaid 8.9.2 from 8.4.7
  • mscgenjs 5.0.4 from 4.0.2
  • etc.

0.2.4

• Update dependencies.
  • mermaid 8.4.7 from 8.4.4
  • Thank you for PR, https://github.com/XavierBoubert

0.2.3

• Bugfix: Webpack support was broken and fixed from 0.2.2.

0.2.2

• Change of link to official mermaid site.
  • Thank you for PR, https://github.com/silenti0
• Update dependencies to latest.
  • mermaid 8.4.4, mscgenjs 4.0.2, mscgenjs-inpage 2.0.12 .

0.2.1

• Update document. only..

0.2.0

• Support vscode ^1.33.0
• Update dependencies.

0.1.1

• Add Special feature.
  • In the .mmd file, it corresponds to the special notation of importing external files.
• Update latest modules.
  • mermaid 8.0.0-rc.8, mscgenjs 1.15.2, mscgenjs-inpage 1.13.1 .

0.1.0

• Support mermaid previewing on Mac.
  • In order to implement this function, I disabled the function of automatically selecting styles according to theme.
• Fixed configuration intellisense problem
• Change configuration format. (Backward compatible) see -> Settings
• Refactoring.

0.0.1

• Initial release.

Known Issues

• SVG or PNG downloading is not supported. If you want to download by SVG or PNG, It is good to use lang's official websites. see, Appendix
• In the preview of Mermaid's Dark and Neutral style, some displays become black.

Requirements

Settings

This extension contributes the following User Settings:

• previewSeqDiag.mermaid.fixedStyle: Setting to force usage for Mermaid's preview's rendering style.

  • Set dark, forest or neutral (default is forest, is force recommended. The dark or neutral theme of Mermaid 7.0.3 does incomplete rendering.)

• previewSeqDiag.mermaid.fixedBackgroundColor: Setting to force usage for Mermaid's preview's background colo.

  • Set #rrggbb e.g. #ffffff, transparent (default is #fafaf6)

• previewSeqDiag.mscgen.fixedNamedStyle: Setting to force usage for Mscgen, MsGenny, xu's preview's rendering style.

  • Set lazy, classic, cygne, pegasseor fountainpen (default is cygne). (see Name Style)

• previewSeqDiag.mscgen.horizontalAlignment: Setting to force usage for Mscgen's rendering style. Indicates where an element should be displayed on the horizontal axis relative to the allocated layout slot of the peview window.

  LED Cube Clock with Wood Grain Finish KACLKWDCUBA Quick Start Guide Features. Display Mode: DP-1 Time, date, temperature on rotation. Calendar: 2000 – 2099 years. 12/24 hour format display. Alarm function. Selectable display brightness. DC5V/500MA power supply by USB or 3 x AAA battery operation. Sony cube clock radio.

  • Set fixedor stretch(default is stretch)

Toro weed trimmer replacement spool. e.g. add to User Settings,

result is.

Appendix

Great thanks to

• @XavierBoubert
  • Thanks PR for Great Special feature
• @silenti0
  • Thanks PR for Updates

mermaid

• mermaid live editor you can download by SVG.

mscgen

• mscgen_js you can download by SVG or PNG.

samples

MscGen, msc, cygne, with dark theme.

Mermaid, graph.

Mermaid, gantt.