UNPKG

3.43 kBJavaScriptView Raw
1#!/usr/bin/env node
2'use strict';
3
4function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
5
6const commander = require('commander');
7const chalk = require('chalk');
8const fs = require('fs');
9const path = require('path');
10const puppeteer = require('puppeteer');
11
12const pkg = require('./package.json');
13
14const error = message => {
15 console.log(chalk.red(`\n${message}\n`));
16 process.exit(1);
17};
18
19commander.version(pkg.version).option('-t, --theme [name]', 'Theme of the chart, could be default, forest, dark or neutral. Optional. Default: default', /^default|forest|dark|neutral$/, 'default').option('-w, --width [width]', 'Width of the page. Optional. Default: 800', /^\d+$/, '800').option('-H, --height [height]', 'Height of the page. Optional. Default: 600', /^\d+$/, '600').option('-i, --input <input>', 'Input mermaid file. Required.').option('-o, --output [output]', 'Output file. It should be either svg, png or pdf. Optional. Default: input + ".svg"').option('-b, --backgroundColor [backgroundColor]', 'Background color. Example: transparent, red, \'#F0F0F0\'. Optional. Default: white').parse(process.argv);
20
21let { theme, width, height, input, output, backgroundColor } = commander;
22
23// check input file
24if (!input) {
25 error('Please specify input file: -i <input>');
26}
27if (!fs.existsSync(input)) {
28 error(`Input file "${input}" doesn't exist`);
29}
30
31// check output file
32if (!output) {
33 output = input + '.svg';
34}
35if (!/\.(?:svg|png|pdf)$/.test(output)) {
36 error(`Output file must end with ".svg", ".png" or ".pdf"`);
37}
38const outputDir = path.dirname(output);
39if (!fs.existsSync(outputDir)) {
40 error(`Output directory "${outputDir}/" doesn't exist`);
41}
42
43// normalize args
44width = parseInt(width);
45height = parseInt(height);
46backgroundColor = backgroundColor || 'white';_asyncToGenerator(function* () {
47 const browser = yield puppeteer.launch();
48 const page = yield browser.newPage();
49 page.setViewport({ width, height });
50 yield page.goto(`file://${path.join(__dirname, 'index.html')}`);
51
52 yield page.evaluate(`document.body.style.background = '${backgroundColor}'`);
53
54 const definition = fs.readFileSync(input, 'utf-8');
55 yield page.$eval('#container', function (container, definition, theme) {
56 container.innerHTML = definition;
57 window.mermaid_config = { theme };
58 window.mermaid.init(undefined, container);
59 }, definition, theme);
60
61 if (output.endsWith('svg')) {
62 const svg = yield page.$eval('#container', function (container) {
63 return container.innerHTML;
64 });
65 fs.writeFileSync(output, svg);
66 } else if (output.endsWith('png')) {
67 const clip = yield page.$eval('svg', function (svg) {
68 const react = svg.getBoundingClientRect();
69 return { x: react.left, y: react.top, width: react.width, height: react.height };
70 });
71 yield page.screenshot({ path: output, clip, omitBackground: backgroundColor === 'transparent' });
72 } else {
73 // pdf
74 yield page.pdf({ path: output, printBackground: backgroundColor !== 'transparent' });
75 }
76
77 browser.close();
78})();