@gregoriusrippenstein/node-red-contrib-flow2uml 0.1.13

Convert Node-RED to Mermaid UML flowchart diagram.

npm install @gregoriusrippenstein/node-red-contrib-flow2uml

Flow to UML (Mermaid flowchart)

Convert the current flow tab to a Mermaid UML flowchart diagram.

Generating diagram

Either use the Action List drop down, selecting Convert flow to UML:

img

Or using the sidebar, first select the Flow to UML menu point

img

Then select a drection - either TB - top to bottom or LR - left to right and press the generate button:

img

There is a link to the mermaid.live editor, the link incorporates the currently generated Mermaid diagram. This link is updated with each click on the generate button.

There is now a direct link to the Mermaid live editor with the UML diagram generated from the flow:

img

Discussion

This is a purely editor-based node with no interaction with the Node-RED server. The diagram generated is based on the current flow in the editor not the flow that has been deployed. Therefore any changes made in the editor will be reflected in the diagram generated.

This allows for the construction of flows in the editor that can be used for Mermaid diagrams but that are not deployed to the server.

Artifacts

Node Info

Version: 0.1.13
Updated 1 month, 2 weeks ago
License: Don't do Evil. -> https://github.com/gorenje/node-red-contrib-flow2uml/blob/main/LICENSE
Rating: not yet rated

Actions

Rate:

Downloads

24 in the last week

Nodes

  • Flow2MermaidCfg

Keywords

  • node-red
  • uml
  • mermaid

Maintainers