Parse PlantUML with JavaScript or TypeScript
npm install plantuml-parserThe aim of this project is to provide a feature-complete, well tested and
maintainable Parsing Expression Grammar (PEG)
for the PlantUML syntax. The parser is designed
to be used as JavaScript library or from the Command Line.
Important: The parser is not yet feature-complete. But we focus on writing a
robust implementation which can parse parts of diagrams without knowing the full
syntax. This means that the parser probably still parses just about enough to get
you started. If not, please contribute :heart:.
```
$ npm install --save plantuml-parser
PlantUML is not a formally defined language - something we would like to change.
This means we have to build this parser by reverse engineering from examples.
For this reason we keep a large set of PlantUML diagrams (in.plantuml) and the correspondingparse[File]-out.
formatted output () in test/fixtures/.
We even have diagrams which exposed bugs in the parser or diagrams which contain known
broken PlantUML syntax. Please help us expand that collection by contributing
your own diagrams. Every diagram counts :rocket:.
`javascript
const { parse, parseFile, formatters } = require('plantuml-parser');
// Example PlantUML
const data =
@startuml
class A
class B
A --|> B
@enduml;
// parse PlantUML
const result = parse(data);
// Format and print parse result
console.log(
formatters.default(result)
);
`
`Output
javascript`
[
{
"elements": [
{
"name": "A",
"title": "A",
"isAbstract": false,
"members": [],
"extends_": [],
"implements_": [],
"generics": [],
"stereotypes": []
},
{
"name": "B",
"title": "B",
"isAbstract": false,
"members": [],
"extends_": [],
"implements_": [],
"generics": [],
"stereotypes": []
},
{
"left": "A",
"right": "B",
"leftType": "Unknown",
"rightType": "Unknown",
"leftArrowHead": "",
"rightArrowHead": "|>",
"leftArrowBody": "-",
"rightArrowBody": "-",
"leftCardinality": "",
"rightCardinality": "",
"label": "",
"hidden": false
}
]
}
]
Parse PlantUML in data. Returns the parse result.
* data: data to parseoptions
* : supports all [PEG.js parser options]. Enable tracing withoptions.verbose = true. If tracing is enabled, options is also forwarded to the
tracer object. See [pegjs-backtrace options] for a full list of supported tracer options.
Parse all PlantUML diagrams in the files matching pattern. If given, the callback function cb will make this function behave asynchronous.
pattern: files to parse, supports globbing, e.g.: /.plantuml.options
* : supports all [PEG.js parser options]. Enable tracing withoptions.verbose = true. If tracing is enabled, options is also forwarded to thecb
tracer object. See [pegjs-backtrace options] for a full list of supported tracer options.
* : (optional) asynchronous callback. Called with: cb(err, result)
For a detailed description of all the formatters see src/formatters.
``npm install --global plantuml-parser
``
Options:
--version Show version number [boolean]
--formatter, -f formatter to use
[choices: "default", "graph"] [default: "default"]
--input, -i input file(s) to read, supports globbing
[string] [default: stdin]
--output, -o output file to write [string] [default: stdout]
--color, -c colorful output [boolean] [default: false]
--verbose, -v 1x print verbose output, 2x print parser tracing
[count] [default: 0]
--help Show help [boolean]
- Diagram Types:
- [x] Class
- [x] Component
- [x] Use Case
- [ ] Sequence
- [ ] Activity
- [ ] State
- [ ] Object
- [ ] Deployment
- [ ] Timing
- Support for StdLibs:
- [x] C4 (v2.4.0)
- Formatters:
- [x] JSON
- [x] Graph
- Testing, CI/CD:
- [x] Fixtures for all formatters
- [x] Code coverage
- [x] Code formatting
- [x] Code linting
- [x] Error case testing
- [ ] Dependency audit
- Misc
- [x] Typescript support
- [x] Fully typed parser result
- [ ] Internally typed parser
``
$ npm test
This will run:
* unit tests
* code coverage
* eslint
Every contribution counts. Please,
* ... submit unparsable diagrams via new issue.
* ... extend the parser by forking and creating a Pull Request
When contributing code, always also update the fixtures and run tests.
```
$ npm run fixtures
$ npm test
$ git commit
For more information see our contribution guidelines.
* PEG.js: Parser Generator for JavaScript
* ts-pegjs: Plugin for pegjs to generate TypeScript parsers
* PlantUML code generator: Provides a command line utility to generate code in various languages given a PlantUML class diagram.
[PEG.js parser options]:https://pegjs.org/documentation#using-the-parser
[pegjs-backtrace options]:https://github.com/okaxaki/pegjs-backtrace#options