New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@gregoriusrippenstein/node-red-contrib-flow2uml

Package Overview
Dependencies
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gregoriusrippenstein/node-red-contrib-flow2uml

Convert current flow tab to Mermaid flow diagram.

  • 0.0.5
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

Flow to UML (Mermaid flowchart)

Convert the current flow tab to a Mermaid flowchart diagram.

Warning: will replace the contents the info panel of the node.

Also this is best used with Node-RED 3.1.x because that has inbuilt support for rendering Mermaid diagrams.

Generating diagram

In the property panel, hit the generate button:

img

Save the changes by clicking done and then there should be an image in the info box:

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.

Mermaid Syntax

Beaware that Node-RED supports v9.4.3 of Mermaid and that the the live editor, at time of writing, at 10.4.0 - there are differences.

If there is a syntax error:

img

Then you can edit the Mermaid code in the info tab:

img

Save the changes and the info box will either show the image or not.

Artifacts

Keywords

FAQs

Package last updated on 08 Oct 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc