https://github.com/vstirbu/fsm-viewer

View finite state machines using fsm-as-promised library as UML diagrams in VSCode
https://github.com/vstirbu/fsm-viewer

javascript uml-diagram uml-state-machine vscode

Last synced: 2 months ago
JSON representation

View finite state machines using fsm-as-promised library as UML diagrams in VSCode

• Host: GitHub
• URL: https://github.com/vstirbu/fsm-viewer
• Owner: vstirbu
• License: mit
• Created: 2018-01-06T10:49:19.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T19:16:02.000Z (almost 3 years ago)
• Last Synced: 2025-05-06T14:38:16.254Z (5 months ago)
• Topics: javascript, uml-diagram, uml-state-machine, vscode
• Language: JavaScript
• Homepage:
• Size: 4.21 MB
• Stars: 27
• Watchers: 1
• Forks: 7
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# fsm-viewer

View finite state machines using [fsm-as-promised](https://github.com/vstirbu/fsm-as-promised) library as UML diagrams in VSCode

[![](http://vsmarketplacebadge.apphb.com/version/vstirbu.fsm-viewer.svg)](https://marketplace.visualstudio.com/itemdetails?itemName=vstirbu.fsm-viewer)

[![](http://vsmarketplacebadge.apphb.com/installs/vstirbu.fsm-viewer.svg)](https://marketplace.visualstudio.com/itemdetails?itemName=vstirbu.fsm-viewer)

[![](http://vsmarketplacebadge.apphb.com/trending-monthly/vstirbu.fsm-viewer.svg)](https://marketplace.visualstudio.com/itemdetails?itemName=vstirbu.fsm-viewer)

## Features

### Language support

The extension is able to process JavaScript files that contain the following proposed features:

- class properties

- object rest spread

and extensions:

- jsx

### View

Edit the file containing finite state machine implemented using the [fsm-as-promised](https://github.com/vstirbu/fsm-as-promised) library in the editor. Open the Command Palette and type `View FSM as UML diagram`. The extension will render the corresponding UML diagram in a new panel.

![feature X](images/docs/view-diagram.gif)

### Export SVG

The command is available while the FSM Preview editor is active.

![export svg](images/docs/export-svg.png)