A Node.js module and CLI for running PlantUML.
PlantUML is a popular diagramming tool that uses simple textual descriptions to draw UML diagrams. With the API provided by this module you can easily generate PlantUML diagrams directly from your Node.js application. It can also be used to encode and decode PlantUML source files.
This module also provides an easy to use and flexible command line interface for doing the same kind of operations as enabled by the API.
Install Graphviz to be able to generate all diagram types.
npm install node-plantuml
If you want to use the CLI node-plantuml can be install it globally:
npm install node-plantuml -g
Diagrams can be created from source files.
var plantuml = require('node-plantuml');
var fs = require('fs');
var gen = plantuml.generate("input-file");
gen.out.pipe(fs.createWriteStream("output-file.png");If your application will be making multiple PlantUML requests, it might be a good idea to enable the usage of Nailgun.
Following is an example of a simple web server for generating images from encoded PlantUML source.
var express = require('express');
var plantuml = require('node-plantuml');
var app = express();
plantuml.useNailgun(); // Activate the usage of Nailgun
app.get('/png/:uml', function(req, res) {
res.set('Content-Type', 'image/png');
var decode = plantuml.decode(req.params.uml);
var gen = plantuml.generate({format: 'png'});
decode.out.pipe(gen.in);
gen.out.pipe(res);
});
app.get('/svg/:uml', function(req, res) {
res.set('Content-Type', 'image/svg+xml');
var decode = plantuml.decode(req.params.uml);
var gen = plantuml.generate({format: 'svg'});
decode.out.pipe(gen.in);
gen.out.pipe(res);
});
app.listen(8080);The node-plantuml CLI can be accessed with the puml command.
puml generate file.puml -o file.pngIt's also possible to use stdin and stdout for input and output.
puml decode UDfpLD2rKt0200GS0Iy0 | puml generate > file.pngSimple textual one-liners can also be used as input.
puml generate --unicode --text "A -> B: Hello"
┌─┐ ┌─┐
│A│ │B│
└┬┘ └┬┘
│ Hello │
│───────────>│
┌┴┐ ┌┴┐
│A│ │B│
└─┘ └─┘There are multiple options for input and for output. And the output can be in multiple different formats.
Usage: puml [options] [command]
Commands:
generate [options] [file] Generate an UML diagram from PlantUML source
encode [options] [file] Encodes PlantUML source
decode <url> Decodes PlantUML source
testdot Test the installation of Graphviz dot
Options:
-h, --help output usage information
-V, --version output the version number
Usage: generate [options] [file]
Generate an UML diagram from PlantUML source
Options:
-h, --help output usage information
-p, --png ouput an UML diagram as a PNG image
-s, --svg ouput an UML diagram as an SVG image
-e, --eps ouput an UML diagram as an EPS image
-u, --unicode ouput an UML diagram in unicode text
-a, --ascii ouput an UML diagram in ASCII text
-o --output [file] the file in which to save the diagram
-c, --config [file] config file read before the diagram
-t, --text [text] UML text to generate from
-d, --dot [file] specify Graphviz dot executable
-i, --include [path] specify the path to include from
-C, --charset [charset] specify the charset of PlantUML source
Usage: encode [options] [file]
Encodes PlantUML source
Options:
-h, --help output usage information
-t, --text [text] UML text to encode
Usage: decode [options] <url>
Decodes PlantUML source
Options:
-h, --help output usage information
With predefined configuration templates the looks of the diagrams can be altered. For a more classic black and white look the classic configuration template can be used.
Compared to the standard PlantUML look:
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent