Export Diagram SVG at Server Side

[giuliano-marinelli]

Hello,

Is there a way to export SVG of the edited diagram at server side?
What I want to do is to obtain the visualized diagram SVG when the saveSourceModel action is called, so can save a preview of this model in the database. If it can be done on server side it will be more secure for my application.

I'm currently working with a standalone implementation based on node.js
Maybe it's necessary to run a glsp-client on the server for render the diagram and then export svg? Or it's possible from glsp-server to do this?

If there's no direct way to do this, can you guide me from where I can start?

Thanks,
Cheers

[martin-fleck-at]

Hello @giuliano-marinelli,

Currently, the SVG can only be created properly on the client side as all the view rendering (where GModel elements are translated into SVG) is done there. There are already actions that deal with the SVG export, mainly RequestExportSvgAction to trigger the SVG export from the client or the server and the ExportSvgAction which is then sent out with the generated SVG string.

In our standalone workflow example, we use the standalone export module to allow the user to hit Ctrl+Shift+E to export the current diagram as SVG to a file called diagram.svg. The actual saving to a file happens in the ExportSvgActionHandler which handles the ExportSvgAction.

I'd assume that you can do something similar:

• Send a RequestExportSvgAction from the server to the client when you save the source model.
• Register an action handler on the server for the ExportSvgAction using the configureActionHandlers method of your diagram module.
• In the action handler, you can save the textual SVG code into the database.

[giuliano-marinelli]

Hi @martin-fleck-at
Thanks for your answer!

I was trying to instantiate a GLSP client in server side but can't do it because of webpack css imports (I'm not using webpack in backend).
So finally decide to use some of your answer features. Particularly extend the GLSPSvgExporter for get the SVG the way I want, and use it with a custom SaveModelAction that allows me to send and extra param for the SVG.