laingsimon/render-diagram

Render draw.io diagrams from a URL or embedded into a webpage

render-diagram's Issues

Restructure readme

Content should flow better headings should be

• Description
• Usage
  • examples next to each usage
  • link to working examples (new page)
• Motivation
  • other tools, mention gavizo
• Known limitations

Mention other tools

E.g. https://github.com/jgraph/drawio/wiki/Embed-Diagrams

Support layers and pages

div.setAttribute("data-mxgraph", JSON.stringify({
		highlight: "none",
		target: "self",
		lightbox: false,
		nav: true,
		xml: "<mxfile version=\"10.6.5\"><diagram>" + diagramData + "</diagram></mxfile>"
	}));

Support modifying the above via a data attribute

options

• highlight: colour of link highlight
• target: where to open links
• lightbox: whether lightbox is enabled
• nav: whether links are enabled
• xml: diagram data (shouldn't be modifiable)
• toolbar: toolbar features (pages, layers, zoom, etc.)

Diagrams do not render correctly (SVG / PNG)

Draw.io offloads PDF rendering to a webservice, https://exp-pdf.draw.io/ImageExport4/export, it may be possible to re-use this - or identify how it works to achieve the same result in-house.

Reproduction steps

http://localhost:8080/?url=https://laingsimon.github.io/render-diagram/Sample%20file.xml&format=png

actual	expected

POST https://exp-pdf.draw.io/ImageExport4/export HTTP/1.1
Host: exp-pdf.draw.io
Content-Type: application/x-www-form-urlencoded

format=png&allPages=1&bg=none&base64=0&embedXml=0&xml=<url encoded file content>

This method works for PDF & PNG exports, but doesn't support SVG

Some drawings cannot be rendered

Error appears with message:

Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

This is from a URL file which contains a <mxfile> element, maybe the data (element content) needs to be extracted from the response and passed along?

The samples contain a file which is returned in this format and works without issue, it could be a deflate/inflate versioning issue?

Mention the motivation

I.e. to maintain drawing as a file, and easily maintainable