Skip to content

Commit 66469c5

Browse files
committed
Add format info for excalidraw and draw.io
1 parent 190617a commit 66469c5

File tree

4 files changed

+109
-1
lines changed

4 files changed

+109
-1
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,4 @@ This is a command-line interface (CLI) to convert a diagram from one of the foll
1616
## ToDo:
1717

1818
- Add support for other diagram types (class diagram, sequence, etc)
19-
- Add support for other file types (Lucid Chart, Draw.io, Excalidraw, PlantUML, ...)
19+
- Add support for other file types (Lucidchart, [drawio](drawio.md), [Excalidraw](excalidraw.md), PlantUML, others ...)

cspell.json

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"language": "en",
44
"words": [
55
"Bkgnd",
6+
"Excalidraw",
67
"Foregnd",
78
"githubusercontent",
89
"mkdirp",

drawio.md

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
## draw.io file format info
2+
3+
Simple flowchart with 2 rectangles with a connector in between. First rectangle is a grey color with white text, and connectior should be red.
4+
5+
```
6+
<mxfile host="app.diagrams.net" modified="2024-10-19T19:32:33.067Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0" etag="4OHbGgMhRqlOBmAU3_WF" version="24.4.8" type="device">
7+
<diagram name="Page-1" id="wn0e15gmHAJFKrwYaARw">
8+
<mxGraphModel dx="1050" dy="626" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
9+
<root>
10+
<mxCell id="0" />
11+
<mxCell id="1" parent="0" />
12+
<mxCell id="_5xJdOhSlpbQAjnFqhUo-4" value="" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
13+
<mxGeometry x="330" y="690" width="120" height="60" as="geometry" />
14+
</mxCell>
15+
<mxCell id="F7vi46eRVVwoKnTOABEj-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;strokeColor=#CC0066;" edge="1" parent="1" source="F7vi46eRVVwoKnTOABEj-1" target="F7vi46eRVVwoKnTOABEj-2">
16+
<mxGeometry relative="1" as="geometry" />
17+
</mxCell>
18+
<mxCell id="F7vi46eRVVwoKnTOABEj-4" value="&lt;div&gt;connect1&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="F7vi46eRVVwoKnTOABEj-3">
19+
<mxGeometry x="0.2667" y="2" relative="1" as="geometry">
20+
<mxPoint as="offset" />
21+
</mxGeometry>
22+
</mxCell>
23+
<mxCell id="F7vi46eRVVwoKnTOABEj-1" value="Rect1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#CCCCCC;fontColor=#FFFFFF;" vertex="1" parent="1">
24+
<mxGeometry x="200" y="200" width="120" height="60" as="geometry" />
25+
</mxCell>
26+
<mxCell id="F7vi46eRVVwoKnTOABEj-2" value="Rect2" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
27+
<mxGeometry x="440" y="200" width="120" height="60" as="geometry" />
28+
</mxCell>
29+
</root>
30+
</mxGraphModel>
31+
</diagram>
32+
</mxfile>
33+
```

excalidraw.md

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
## Excalidraw file format info
2+
3+
Simple flowchart with 2 rectangles with a connector in between. First rectangle is a grey color with white text, and connectior should be red.
4+
5+
```
6+
{
7+
"type": "excalidraw",
8+
"version": 2,
9+
"source": "https://excalidraw.com",
10+
"elements": [
11+
{
12+
"type": "rectangle",
13+
"version": 23,
14+
"versionNonce": 1196567691,
15+
"index": "a0",
16+
"isDeleted": false,
17+
"id": "_zieYgNQQRXMRHw1aef5C",
18+
"fillStyle": "solid",
19+
"strokeWidth": 2,
20+
"strokeStyle": "dotted",
21+
"roughness": 1,
22+
"opacity": 100,
23+
"angle": 0,
24+
"x": 490,
25+
"y": 175,
26+
"strokeColor": "#f08c00",
27+
"backgroundColor": "transparent",
28+
"width": 410,
29+
"height": 355,
30+
"seed": 110240566,
31+
"groupIds": [],
32+
"frameId": null,
33+
"roundness": null,
34+
"boundElements": [],
35+
"updated": 1715102025348,
36+
"link": null,
37+
"locked": false
38+
},
39+
{
40+
"type": "diamond",
41+
"version": 18,
42+
"versionNonce": 798815653,
43+
"index": "a1",
44+
"isDeleted": false,
45+
"id": "7dw6abRgRh6G8uDOFtj4o",
46+
"fillStyle": "solid",
47+
"strokeWidth": 2,
48+
"strokeStyle": "dotted",
49+
"roughness": 1,
50+
"opacity": 100,
51+
"angle": 0,
52+
"x": 1055,
53+
"y": 189,
54+
"strokeColor": "#f08c00",
55+
"backgroundColor": "transparent",
56+
"width": 314,
57+
"height": 272,
58+
"seed": 1585141761,
59+
"groupIds": [],
60+
"frameId": null,
61+
"roundness": null,
62+
"boundElements": [],
63+
"updated": 1715102025348,
64+
"link": null,
65+
"locked": false
66+
}
67+
],
68+
"appState": {
69+
"gridSize": null,
70+
"viewBackgroundColor": "#ffffff"
71+
},
72+
"files": {}
73+
}
74+
```

0 commit comments

Comments
 (0)