Support API in nodejs

Describe the solution you’d like

I see that mermaid provides API to operate on the browser side, but why similar API isn’t provided in nodejs?

For example:

const mermaid = require('mermaid');
var renderer = new marked.Renderer();
renderer.code = function (code, language) {
    if(code.match(/^sequenceDiagram/)||code.match(/^graph/)){
        return '<div class="mermaid">'+mermaid.render(code)+'</div>';
    }
    else{
        return '<pre><code>'+code+'</code></pre>';
    }
};

Many MD renderers will provide code blocks. We only need to render them into the SVG. Compared with introducting JS in the browser, this solution can improve the efficiency of page loading (after all, it has been processed in node )

[nkuehn]

I haven’t tried it, but JsDOM ( https://github.com/jsdom/jsdom ) provides a fairly complete DOM API implementation for node.js without having to use the full browser stack including the renderer and CSS implementation (like puppeteer).

So in its simplest form you could try to pass a JsDOM <div> element to mermaid API as that last parameter that allows to inject an own element to be used for the rendering.

Edits: Issue #559 covers the discussion but was auto-closed by the bot due to inactivity. summary: JsDom does not work because the layout algorithm relies on letting the browser engine calculate the size of the elements. Since any custom CSS is supported and the layout is SVG, i.e. absolute pixels it looks the mermaid architecture is actually constrained to browser engines .

[jgreywolf]

Closing as wont fix