Independent viewer component for embedding

[Hydragyrum]

Would it be possible to separate the viewer component such that it can take a JSON file and display it as an embedded format à la mermaidJS? This will make it easier to embed a read-only version for documentation purposes.

[honzaap]

This could be possible, there is a similar Issue that will export the board as png except what you're saying would be perphaps SVG. I mean something like drawio File->Embed->SVG function.

[Hydragyrum]

I was thinking more exporting the json and rendering it on the fly, though exporting an svg might be a reasonable fallback. Rendering it on the fly would make updating the document much easier though, as the source simply needs to be imported, modified and re-exported.

[honzaap]

There are certainly a lot of pros this would bring, however I don't think that it would be possible now. It would mean a lot of changes and I'm not sure I even know where to start. I will try to look into more way to export the system outside the app after creating the "export as png/svg" and maybe even try this method. It will take some time though...

[Hydragyrum]

No problem, it'll probably mean decoupling the board view from the rest of the app somehow

[honzaap]

Most of the UI was decoupled, only things that are essential for the board are present in the component. The <app-board> can now take in a JSON object, like: <app-board [loadedSave]="saveObject"></app-board>. If this object is provided, it will be loaded instead of the last modified save. You can also pass in [isReadOnly]="true", which will render the board without component and options menu, and will provide a bottom menu for controls. This is the method used for IFrame embedding that was made in the c417412 commit. Even though it's not exactly like the example of mermaidJS I believe that this Issue can be closed with this. Any future embedding options will be also done with this method. If you have any issues, feel free to ask, create a new Issue or reopen this one.