cdk-dia 0.2.0 → 0.6.0

package/dist/src/render/cytoscape/cytoscape-element.d.ts

@@ -0,0 +1,16 @@
+export interface CytoscapeElementNode {
+    data: {
+        id: string;
+        [x: string]: any;
+    };
+    [x: string]: any;
+}
+export interface CytoscapeElementEdge {
+    data: {
+        source: string;
+        target: string;
+        [x: string]: any;
+    };
+    [x: string]: any;
+}
+export declare type CytoscapeElement = CytoscapeElementNode | CytoscapeElementEdge;

package/dist/src/render/cytoscape/cytoscape-element.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=cytoscape-element.js.map

package/dist/src/render/cytoscape/cytoscape-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cytoscape-element.js","sourceRoot":"","sources":["../../../../src/render/cytoscape/cytoscape-element.ts"],"names":[],"mappings":""}

package/dist/src/render/cytoscape/cytoscape-generator.d.ts

@@ -0,0 +1,8 @@
+import * as diagram from "../../diagram";
+export declare class CytoscapeGenerator {
+    static generate(dia: diagram.Diagram): any[][];
+    private static styles;
+    private static elements;
+    private static generateNodes;
+    private static addEdges;
+}

package/dist/src/render/cytoscape/cytoscape-generator.js

@@ -0,0 +1,126 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CytoscapeGenerator = void 0;
+const _ = __importStar(require("lodash"));
+const styling_1 = require("../styling");
+class CytoscapeGenerator {
+    static generate(dia) {
+        const elements = this.elements(dia);
+        const styles = CytoscapeGenerator.styles();
+        return [elements, styles];
+    }
+    static styles() {
+        const styles = [
+            {
+                selector: 'node',
+                style: {
+                    'label': 'data(id)',
+                    'border-style': 'solid',
+                    'border-width': '1px',
+                    'border-color': 'green',
+                }
+            },
+            {
+                selector: 'edge',
+                style: {
+                    "width": 2,
+                    "line-color": "#D58714",
+                    "target-arrow-color": "#D58714",
+                    "target-arrow-shape": "circle",
+                    "curve-style": "taxi",
+                    "taxi-direction": "auto",
+                    "taxi-turn": 50,
+                    "taxi-turn-min-distance": 5
+                }
+            }
+        ];
+        for (let depth = 0; depth < 16; depth++) {
+            styles.push({
+                selector: `node.depth${depth}`,
+                style: {
+                    'background-color': styling_1.ColorPalette.byInd(depth)
+                }
+            });
+        }
+        return styles;
+    }
+    static elements(diagram) {
+        const nodes = this.generateNodes(diagram.root);
+        const edges = this.addEdges(diagram.root);
+        return [...nodes, ...edges];
+    }
+    static generateNodes(node, parentId = undefined) {
+        const data = {
+            id: node.id
+        };
+        if (parentId)
+            data.parent = parentId;
+        const style = {
+            'shape': 'rectangle',
+            'label': node.label
+        };
+        if (node.subComponents().length > 0) {
+            const nodeElement = {
+                data, style, classes: 'depth' + node.depth()
+            };
+            const subComponentsNodeElements = _.flatten(node.subComponents().map(sub => this.generateNodes(sub, node.id)));
+            return [nodeElement, ...subComponentsNodeElements];
+        }
+        else {
+            style.width = '100px';
+            style.height = '100px';
+            if (node.icon != null && node.icon.path != null) {
+                let cleanedIconPath = node.icon.path;
+                const iconsCleaningRe = /\/icons\/(.*)/;
+                const matches = node.icon.path.match(iconsCleaningRe);
+                if (matches) {
+                    cleanedIconPath = `icons/${matches[1]}`;
+                }
+                else {
+                    cleanedIconPath = `../${cleanedIconPath}`;
+                }
+                style['background-fit'] = 'cover';
+                style['background-image'] = cleanedIconPath;
+            }
+            const nodeElement = {
+                data, style, classes: 'depth' + node.depth()
+            };
+            return [nodeElement];
+        }
+    }
+    static addEdges(node) {
+        const linkedComponentEdges = node.links.getLinkedComponents().map(edgeNode => {
+            return {
+                data: {
+                    source: node.id,
+                    target: edgeNode.id
+                }
+            };
+        });
+        const subComponentEdges = node.subComponents().map(sub => {
+            return this.addEdges(sub);
+        });
+        return [...linkedComponentEdges, ..._.flatten(subComponentEdges)];
+    }
+}
+exports.CytoscapeGenerator = CytoscapeGenerator;
+//# sourceMappingURL=cytoscape-generator.js.map

package/dist/src/render/cytoscape/cytoscape-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cytoscape-generator.js","sourceRoot":"","sources":["../../../../src/render/cytoscape/cytoscape-generator.ts"],"names":[],"mappings":"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"}

package/dist/src/render/cytoscape/cytoscape.d.ts

@@ -0,0 +1,18 @@
+import * as diagram from "../../diagram";
+import { DiagramRenderer, RenderingOutput } from "../diagram-renderer";
+export declare class CytoscapeJsOutput implements RenderingOutput {
+    private staticFolderName;
+    private staticSiteFullPath;
+    constructor(staticFolderName: string, staticSiteFullPath: string);
+    userOutput(): void;
+}
+interface CytoscapeProps {
+    diagram: diagram.Diagram;
+    path: string;
+}
+export declare class Cytoscape implements DiagramRenderer {
+    render(props: CytoscapeProps): Promise<CytoscapeJsOutput>;
+    private renderToCytoscape;
+    private copyFolder;
+}
+export {};

package/dist/src/render/cytoscape/cytoscape.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cytoscape = exports.CytoscapeJsOutput = void 0;
+const fs = __importStar(require("fs"));
+const chalk_1 = __importDefault(require("chalk"));
+const path_1 = __importStar(require("path"));
+const cytoscape_generator_1 = require("./cytoscape-generator");
+const ncp = require('ncp').ncp;
+ncp.limit = 8;
+class CytoscapeJsOutput {
+    constructor(staticFolderName, staticSiteFullPath) {
+        this.staticFolderName = staticFolderName;
+        this.staticSiteFullPath = staticSiteFullPath;
+    }
+    userOutput() {
+        console.log(chalk_1.default.green(`generated a static website with your diagram at ${this.staticSiteFullPath}' }`));
+        console.log(chalk_1.default.green(`run 'npx http-server ${this.staticFolderName} -o' to view your interactive diagram`));
+    }
+}
+exports.CytoscapeJsOutput = CytoscapeJsOutput;
+class Cytoscape {
+    async render(props) {
+        const basePath = props.path.replace(/\.[^/.]+$/, "");
+        let iconsPath;
+        if (__dirname.includes("dist")) {
+            iconsPath = (0, path_1.dirname)((0, path_1.dirname)((0, path_1.dirname)((0, path_1.dirname)(__dirname))));
+        }
+        else {
+            iconsPath = (0, path_1.dirname)((0, path_1.dirname)((0, path_1.dirname)(__dirname)));
+        }
+        await this.renderToCytoscape(props.diagram, basePath, iconsPath);
+        return new CytoscapeJsOutput(path_1.default.basename(basePath), path_1.default.resolve(basePath));
+    }
+    async renderToCytoscape(dia, targetFolder, iconsPath) {
+        await this.copyFolder(__dirname + '/base', targetFolder);
+        await this.copyFolder(iconsPath + '/icons', targetFolder + '/icons');
+        const [cyElements, cyStyles] = cytoscape_generator_1.CytoscapeGenerator.generate(dia);
+        fs.writeFileSync(`${targetFolder}/cy-elements.json`, JSON.stringify(cyElements));
+        fs.writeFileSync(`${targetFolder}/cy-styles.json`, JSON.stringify(cyStyles));
+    }
+    copyFolder(src, dst) {
+        return new Promise((resolve, reject) => {
+            ncp(src, dst, function (err) {
+                if (err) {
+                    reject(err);
+                }
+                resolve(undefined);
+            });
+        });
+    }
+}
+exports.Cytoscape = Cytoscape;
+//# sourceMappingURL=cytoscape.js.map

package/dist/src/render/cytoscape/cytoscape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cytoscape.js","sourceRoot":"","sources":["../../../../src/render/cytoscape/cytoscape.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwB;AACxB,kDAAyB;AACzB,6CAAkC;AAGlC,+DAAwD;AAExD,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAA;AAC9B,GAAG,CAAC,KAAK,GAAG,CAAC,CAAA;AAEb,MAAa,iBAAiB;IAC1B,YAAoB,gBAAwB,EAAU,kBAA0B;QAA5D,qBAAgB,GAAhB,gBAAgB,CAAQ;QAAU,uBAAkB,GAAlB,kBAAkB,CAAQ;IAAG,CAAC;IAEpF,UAAU;QACF,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,KAAK,CAAC,mDAAmD,IAAI,CAAC,kBAAkB,KAAK,CAAC,CAAC,CAAA;QACzG,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,KAAK,CAAC,wBAAwB,IAAI,CAAC,gBAAgB,uCAAuC,CAAC,CAAC,CAAA;IACtH,CAAC;CACJ;AAPD,8CAOC;AAOD,MAAa,SAAS;IAElB,KAAK,CAAC,MAAM,CAAC,KAAqB;QAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;QAEpD,IAAI,SAAiB,CAAA;QACrB,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAC;YAC3B,SAAS,GAAG,IAAA,cAAO,EAAC,IAAA,cAAO,EAAC,IAAA,cAAO,EAAC,IAAA,cAAO,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;SAC5D;aAAM;YACH,SAAS,GAAG,IAAA,cAAO,EAAC,IAAA,cAAO,EAAC,IAAA,cAAO,EAAC,SAAS,CAAC,CAAC,CAAC,CAAA;SACnD;QAED,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QAChE,OAAO,IAAI,iBAAiB,CAAC,cAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAG,cAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClF,CAAC;IAKO,KAAK,CAAC,iBAAiB,CAAC,GAAoB,EAAE,YAAoB,EAAE,SAAiB;QAGzF,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,EAAE,YAAY,CAAC,CAAA;QAExD,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,QAAQ,EAAG,YAAY,GAAE,QAAQ,CAAC,CAAA;QAGpE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,wCAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAC/D,EAAE,CAAC,aAAa,CAAC,GAAG,YAAY,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;QAChF,EAAE,CAAC,aAAa,CAAC,GAAG,YAAY,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;IAChF,CAAC;IAEO,UAAU,CAAC,GAAW,EAAE,GAAW;QACvC,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACzC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,GAAG;gBACnB,IAAI,GAAG,EAAE;oBACL,MAAM,CAAC,GAAG,CAAC,CAAA;iBACd;gBACD,OAAO,CAAC,SAAS,CAAC,CAAC;YACvB,CAAC,CACJ,CAAA;QACL,CAAC,CAAC,CAAA;IACN,CAAC;CACJ;AA3CD,8BA2CC"}

package/dist/src/render/cytoscape/index.d.ts

@@ -0,0 +1 @@
+export * from "./cytoscape";

package/{src/graphviz → dist/src/render/cytoscape}/index.js

@@ -10,6 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./generator"), exports);
-__exportStar(require("./rendering-error"), exports);
+__exportStar(require("./cytoscape"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/render/cytoscape/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/render/cytoscape/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA2B"}

package/dist/src/render/cytoscape/tests/generator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/render/cytoscape/tests/generator.test.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs"));
+const testCases_1 = require("../../../test-fixtures/testCases");
+const generator_test_1 = require("../../../diagram/tests/generator.test");
+const cytoscape_1 = require("../cytoscape");
+const basePath = `${process.cwd()}/test-generated`;
+describe('Cytoscape static website generated as expected', () => {
+    it.each(testCases_1.testCases)(`%# - %p`, async (testCase) => {
+        const diagram = (0, generator_test_1.givenDiagram)(testCase);
+        const filePath = `${basePath}/${testCase.jsonTreeFile}-${testCase.id}`;
+        await new cytoscape_1.Cytoscape().render({
+            diagram: diagram,
+            path: filePath
+        });
+        const index = new File(`${filePath}/index.html`);
+        expect(index.stats.size).toBeGreaterThanOrEqual(300);
+        expect(index.body).toContain("CDK-Dia");
+        const icons = new File(`${filePath}/icons`);
+        expect(icons.stats.isDirectory()).toBeTruthy();
+        const js = new File(`${filePath}/js`);
+        expect(js.stats.isDirectory()).toBeTruthy();
+        const elementsJson = new File(`${filePath}/cy-elements.json`);
+        expect(JSON.parse(elementsJson.body).length).toBeGreaterThanOrEqual(2);
+        const stylesJson = new File(`${filePath}/cy-styles.json`);
+        expect(JSON.parse(stylesJson.body).length).toBeGreaterThanOrEqual(15);
+    }, 100000);
+});
+class File {
+    constructor(path) {
+        this.stats = fs.statSync(path);
+        if (!this.stats.isDirectory()) {
+            this.body = fs.readFileSync(path).toString();
+        }
+    }
+}
+//# sourceMappingURL=generator.test.js.map

package/dist/src/render/cytoscape/tests/generator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.test.js","sourceRoot":"","sources":["../../../../../src/render/cytoscape/tests/generator.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwB;AACxB,gEAA0D;AAC1D,0EAAkE;AAClE,4CAAsC;AAGtC,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,iBAAiB,CAAA;AAElD,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAE5D,EAAE,CAAC,IAAI,CAAC,qBAAS,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;QAE7C,MAAM,OAAO,GAAG,IAAA,6BAAY,EAAC,QAAQ,CAAC,CAAA;QAEtC,MAAM,QAAQ,GAAG,GAAG,QAAQ,IAAI,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAA;QAEtE,MAAM,IAAI,qBAAS,EAAE,CAAC,MAAM,CAAC;YACzB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAA;QAEF,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,GAAG,QAAQ,aAAa,CAAC,CAAA;QAChD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAA;QACpD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;QAEvC,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAA;QAC3C,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAE,CAAA;QAE9C,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,QAAQ,KAAK,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAE,CAAA;QAE3C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,GAAG,QAAQ,mBAAmB,CAAC,CAAA;QAC7D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAA;QAEtE,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,GAAG,QAAQ,iBAAiB,CAAC,CAAA;QACzD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAA;IACzE,CAAC,EAAE,MAAM,CAAC,CAAA;AACd,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI;IAIN,YAAY,IAAY;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAE9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE;YAC3B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAA;SAC/C;IACL,CAAC;CACJ"}

package/dist/src/render/diagram-renderer.d.ts

@@ -0,0 +1,15 @@
+import * as diagram from "../diagram/index";
+export interface DiagramRenderer {
+    render(props: RenderingProps): Promise<RenderingOutput>;
+}
+export declare abstract class RenderingProps {
+    diagram: diagram.Diagram;
+}
+export interface RenderingOutput {
+    userOutput(): any;
+}
+export declare class RenderingError extends Error {
+    readonly debugInfo: string[];
+    readonly fixTips: string[];
+    constructor(message: string, debugInfo?: string[], fixTips?: string[]);
+}

package/{src/graphviz/rendering-error.js → dist/src/render/diagram-renderer.js}

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderingError = void 0;
+exports.RenderingError = exports.RenderingProps = void 0;
+class RenderingProps {
+}
+exports.RenderingProps = RenderingProps;
 class RenderingError extends Error {
     constructor(message, debugInfo = [], fixTips = []) {
         super(message);
@@ -11,4 +14,4 @@ class RenderingError extends Error {
     }
 }
 exports.RenderingError = RenderingError;
-//# sourceMappingURL=rendering-error.js.map
+//# sourceMappingURL=diagram-renderer.js.map

package/dist/src/render/diagram-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagram-renderer.js","sourceRoot":"","sources":["../../../src/render/diagram-renderer.ts"],"names":[],"mappings":";;;AAMA,MAAsB,cAAc;CAEnC;AAFD,wCAEC;AAKD,MAAa,cAAe,SAAQ,KAAK;IAKrC,YAAY,OAAe,EAAE,YAAsB,EAAE,EAAE,UAAoB,EAAE;QACzE,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;QAEhC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IAC1B,CAAC;CACJ;AAdD,wCAcC"}

package/dist/src/render/graphviz/GraphvizGenerator.d.ts

@@ -0,0 +1,11 @@
+import { Digraph } from "ts-graphviz";
+import * as diagram from "../../diagram";
+export declare class GraphvizGenerator {
+    generate(dia: diagram.Diagram): Digraph;
+    private breakLineEveryMaxChars;
+    private wordsToLabel;
+    private diagramGraph;
+    private addToGraph;
+    private addEdges;
+    private findFirstArbitraryClusterDirectLeaf;
+}

package/{src/graphviz/generator.js → dist/src/render/graphviz/GraphvizGenerator.js}

@@ -22,51 +22,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Generator = void 0;
-const fs = __importStar(require("fs"));
-const util = __importStar(require("util"));
-const _ = __importStar(require("lodash"));
-const hasbin = __importStar(require("hasbin"));
-const word_wrap_1 = __importDefault(require("word-wrap"));
-const child_process_1 = __importDefault(require("child_process"));
+exports.GraphvizGenerator = void 0;
 const ts_graphviz_1 = require("ts-graphviz");
 const styling = __importStar(require("./styling"));
-const rendering_error_1 = require("./rendering-error");
-const exec = util.promisify(child_process_1.default.exec);
-class Generator {
-    constructor(dia) {
-        this.rootGraph = ts_graphviz_1.digraph('Diagram');
-        styling.applyBaseGraphStyling(this.rootGraph);
-        this.diagramGraph(dia);
-    }
-    async generatePng(path) {
-        const dotFileName = this.generateDot(path);
-        try {
-            await this.dotToPng(dotFileName, path);
-        }
-        catch (e) {
-            if (!hasbin.sync(Generator.graphvizBinary)) {
-                throw new rendering_error_1.RenderingError("Graphvig '" + Generator.graphvizBinary + "' binary does not exist locally or in PATH", [], [
-                    "Install Graphviz and make sure it is available in PATH",
-                    "Using brew: 'brew install graphviz'"
-                ]);
-            }
-            else {
-                if (e instanceof rendering_error_1.RenderingError) {
-                    throw e;
-                }
-                else {
-                    throw new rendering_error_1.RenderingError(e.message);
-                }
-            }
-        }
-        return path;
-    }
-    generateDot(path) {
-        const data = ts_graphviz_1.toDot(this.rootGraph);
-        const fullPath = `${path}.dot`;
-        fs.writeFileSync(fullPath, data);
-        return fullPath;
+const _ = __importStar(require("lodash"));
+const word_wrap_1 = __importDefault(require("word-wrap"));
+class GraphvizGenerator {
+    generate(dia) {
+        const rootGraph = (0, ts_graphviz_1.digraph)('Diagram');
+        styling.applyBaseGraphStyling(rootGraph);
+        this.diagramGraph(rootGraph, dia);
+        return rootGraph;
     }
     breakLineEveryMaxChars(label, charsPerLine) {
         let fullWords;
@@ -109,7 +75,7 @@ class Generator {
                 words.push(word);
             }
             else {
-                const wrapped = word_wrap_1.default(word, {
+                const wrapped = (0, word_wrap_1.default)(word, {
                     cut: true,
                     width: charsPerLine
                 }).trim();
@@ -118,10 +84,10 @@ class Generator {
         });
         return words;
     }
-    diagramGraph(d) {
-        const root = this.rootGraph.createSubgraph(d.root.id);
-        this.addToGraph(root, d.root);
-        this.addEdges(this.rootGraph, d.root);
+    diagramGraph(rootGraph, diagram1) {
+        const root = rootGraph.createSubgraph(diagram1.root.id);
+        this.addToGraph(root, diagram1.root);
+        this.addEdges(rootGraph, diagram1.root);
     }
     addToGraph(g, node) {
         const labelFontSize = 12;
@@ -168,25 +134,6 @@ class Generator {
     findFirstArbitraryClusterDirectLeaf(node) {
         return node.subComponents().find(sub => { return sub.subComponents().length == 0; });
     }
-    async dotToPng(sourceDotFile, targetPngFile) {
-        const cmd = `${Generator.graphvizBinary} ${sourceDotFile} -T png > ${targetPngFile}`;
-        try {
-            const { stdout, stderr } = await exec(cmd);
-            const fileExists = fs.existsSync(targetPngFile);
-            if (!fileExists) {
-                throw new rendering_error_1.RenderingError("Failed to generate PNG: file does not exist.");
-            }
-            const stats = fs.lstatSync(targetPngFile);
-            if (stats.size < 2) {
-                throw new rendering_error_1.RenderingError("Generated PNG doesn't seem valid: file size is too small.", [stdout, stderr], [". make sure Graphviz is installed and available in the PATH"]);
-            }
-        }
-        catch (e) {
-            throw new rendering_error_1.RenderingError(e.message);
-        }
-        return true;
-    }
 }
-exports.Generator = Generator;
-Generator.graphvizBinary = "dot";
-//# sourceMappingURL=generator.js.map
+exports.GraphvizGenerator = GraphvizGenerator;
+//# sourceMappingURL=GraphvizGenerator.js.map

package/dist/src/render/graphviz/GraphvizGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphvizGenerator.js","sourceRoot":"","sources":["../../../../src/render/graphviz/GraphvizGenerator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAE9D,mDAAoC;AACpC,0CAA2B;AAC3B,0DAA4B;AAE5B,MAAa,iBAAiB;IAK1B,QAAQ,CAAC,GAAoB;QAEzB,MAAM,SAAS,GAAG,IAAA,qBAAO,EAAC,SAAS,CAAC,CAAA;QACpC,OAAO,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAA;QAExC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;QACjC,OAAO,SAAS,CAAA;IACpB,CAAC;IAEO,sBAAsB,CAAC,KAAe,EAAE,YAAoB;QAEhE,IAAI,SAAmB,CAAA;QACvB,IAAI,KAAK,IAAI,SAAS;YAClB,SAAS,GAAG,CAAC,EAAE,CAAC,CAAA;;YAEhB,SAAS,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA;QAE5F,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,MAAM,CAAE,IAAI,CAAC,EAAE,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAE,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;QAExG,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAC;YAClB,MAAM,UAAU,GAAa,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,CAAA,CAAC,CAAC,CAAC,CAAA;YAElH,KAAK,GAAG,UAAU,CAAC,GAAG,CAAE,IAAI,CAAC,EAAE,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,EAAC,YAAY,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;SAC1E;QAED,MAAM,KAAK,GAAa,EAAE,CAAA;QAC1B,IAAI,OAAO,GAAG,EAAE,CAAA;QAEhB,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,EAAE;gBACnD,OAAO,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;aAC5B;iBAAM;gBACH,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,EAAE;oBACjC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBACnB,OAAO,GAAG,EAAE,CAAA;oBACZ,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;iBACvB;qBAAM;oBACH,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBACnB,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;iBACrB;aACJ;YACD,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACzB;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAE3C,OAAO,KAAK,CAAA;IAChB,CAAC;IAEO,YAAY,CAAC,SAAmB,EAAE,YAAoB;QAC1D,MAAM,KAAK,GAAa,EAAE,CAAA;QAC1B,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAErB,IAAI,IAAI,CAAC,MAAM,IAAI,YAAY,EAAE;gBAC7B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;aACnB;iBAAM;gBACH,MAAM,OAAO,GAAG,IAAA,mBAAI,EAAC,IAAI,EAAE;oBACvB,GAAG,EAAE,IAAI;oBACT,KAAK,EAAE,YAAY;iBACtB,CAAC,CAAC,IAAI,EAAE,CAAA;gBACT,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;aAClE;QACL,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IAChB,CAAC;IAEO,YAAY,CAAC,SAAkB,EAAE,QAAyB;QAE9D,MAAM,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAEvD,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;QAEpC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC;IAEO,UAAU,CAAC,CAAY,EAAE,IAAuB;QAEpD,MAAM,aAAa,GAAG,EAAE,CAAA;QACxB,MAAM,YAAY,GAAG,aAAa,GAAG,GAAG,CAAA;QAExC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;YAEjC,MAAM,QAAQ,GAAG,CAAC,CAAC,cAAc,CAAC,oBAAoB,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YAEnE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;YAE5D,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YAGnD,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;SAEtE;aAAM;YACH,MAAM,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAEnC,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;YACxE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAEpD,OAAO,CAAC,qBAAqB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;YAEnD,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;gBAC7C,OAAO,CAAC,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;aACvF;SACJ;IACL,CAAC;IAEO,QAAQ,CAAC,CAAQ,EAAE,IAAuB;QAE9C,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAGhD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAG,CAAC,EAAE;gBAQ3C,MAAM,kBAAkB,GAAG,IAAI,CAAC,mCAAmC,CAAC,IAAI,CAAC,CAAA;gBACzE,MAAM,sBAAsB,GAAG,IAAI,CAAC,mCAAmC,CAAC,QAAQ,CAAC,CAAA;gBACjF,IAAI,kBAAkB,KAAK,SAAS,IAAI,sBAAsB,KAAK,SAAS,EAAG;oBAC3E,CAAC,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,sBAAsB,CAAC,EAAE,CAAC,EAAE;wBAC7D,GAAG,EAAE,MAAM;wBACX,KAAK,EAAE,oBAAoB,IAAI,CAAC,EAAE,EAAE;wBACpC,KAAK,EAAE,oBAAoB,QAAQ,CAAC,EAAE,EAAE;wBACxC,KAAK,EAAE,OAAO;wBACd,QAAQ,EAAE,CAAC;qBACd,CAAC,CAAA;iBACL;aACJ;iBAAK;gBAEF,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC,CAAA;aACtD;QACL,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QACzB,CAAC,CAAC,CAAA;IACN,CAAC;IAEO,mCAAmC,CAAC,IAAuB;QAC/D,OAAQ,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAE,GAAG,CAAC,EAAE,GAAG,OAAO,GAAG,CAAC,aAAa,EAAE,CAAC,MAAM,IAAI,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;IACzF,CAAC;CAEJ;AArJD,8CAqJC"}

package/dist/src/render/graphviz/graphviz.d.ts

@@ -0,0 +1,20 @@
+import * as diagram from "../../diagram";
+import { DiagramRenderer, RenderingOutput, RenderingProps } from "../diagram-renderer";
+export declare class GraphvizRenderingProps extends RenderingProps {
+    diagram: diagram.Diagram;
+    path: string;
+}
+export declare class GraphvizRenderingOutput implements RenderingOutput {
+    private imagePath;
+    private imageType;
+    constructor(imagePath: string, imageType: string);
+    userOutput(): void;
+}
+export declare class Graphviz implements DiagramRenderer {
+    render(props: GraphvizRenderingProps): Promise<GraphvizRenderingOutput>;
+    renderToDot(dia: diagram.Diagram, targetDotPath: string): void;
+    private static generatePng;
+    private static sanitizeAndResolvePath;
+    private static dotToPng;
+    private static GRAPHVIZ_BINARY;
+}