drawio_dsl 0.11.8 → 0.12.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.rubocop.yml +1 -1
- data/CHANGELOG.md +7 -0
- data/Gemfile +1 -1
- data/config/configuration.json +32 -4
- data/docs/printspeak-architecture-generator.drawio +153 -153
- data/docs/project-plan/project.drawio +93 -90
- data/docs/project-plan/project_in_progress.svg +1 -1
- data/docs/samples/styles-sketch.svg +1 -1
- data/docs/samples/themes-random.svg +1 -1
- data/docs/samples/willoughby-council.svg +1 -1
- data/docs/tailwind_domain_model-custom.drawio +21 -15
- data/lib/drawio_dsl/formatters/base_formatter.rb +19 -0
- data/lib/drawio_dsl/formatters/interface_formatter.rb +21 -1
- data/lib/drawio_dsl/formatters/klass_formatter.rb +20 -1
- data/lib/drawio_dsl/schema/page.rb +2 -0
- data/lib/drawio_dsl/schema/shape.rb +4 -20
- data/lib/drawio_dsl/version.rb +1 -1
- data/lib/drawio_dsl.rb +1 -1
- data/package-lock.json +2 -2
- data/package.json +1 -1
- metadata +2 -4
- data/docs/tailwind_domain_model.json +0 -288
- data/docs/tailwind_domain_model.svg +0 -3
@@ -1,263 +1,266 @@
|
|
1
|
-
<mxfile host="
|
2
|
-
<diagram id="
|
1
|
+
<mxfile host="T7X">
|
2
|
+
<diagram id="mxG" name="In progress">
|
3
3
|
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
4
4
|
<root>
|
5
|
-
<mxCell id="
|
6
|
-
<mxCell id="
|
7
|
-
<mxCell id="
|
5
|
+
<mxCell id="page_root_mxG" parent="mxG"/>
|
6
|
+
<mxCell id="node_root_mxG" parent="page_root_mxG"/>
|
7
|
+
<mxCell id="mxG-1" value="DrawIO DSL" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fontColor=#1F2D3D;text;fontSize=28;fontStyle=1;fillColor=none" vertex="1" parent="node_root_mxG">
|
8
8
|
<mxGeometry x="300" y="0" width="400" height="80" as="geometry"/>
|
9
9
|
</mxCell>
|
10
|
-
<mxCell id="
|
10
|
+
<mxCell id="mxG-3" value="refactor save_json data file so that it can easily be read by external DSL tools, make sure osave_json is work" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
11
11
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
12
12
|
</mxCell>
|
13
|
-
<mxCell id="
|
13
|
+
<mxCell id="mxG-4" value="line connectors can take an object reference as an alternative to an id" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
14
14
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
15
15
|
</mxCell>
|
16
|
-
<mxCell id="
|
16
|
+
<mxCell id="mxG-5" value="merge category and classification into one property" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
17
17
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
18
18
|
</mxCell>
|
19
|
-
<mxCell id="
|
19
|
+
<mxCell id="mxG-6" value="line connector aliases gives a simple way to use predefined line configurations" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
20
20
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
21
21
|
</mxCell>
|
22
|
-
<mxCell id="
|
22
|
+
<mxCell id="mxG-7" value="line connectors need to support autolinking using ids" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
23
23
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
24
24
|
</mxCell>
|
25
|
-
<mxCell id="
|
25
|
+
<mxCell id="mxG-8" value="new format for connectors - connect(:a, :b, :solid)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
26
26
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
27
27
|
</mxCell>
|
28
|
-
<mxCell id="
|
28
|
+
<mxCell id="mxG-9" value="add help messages when invalid lookups are used for stroke, design etc." style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
29
29
|
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
30
30
|
</mxCell>
|
31
|
-
<mxCell id="
|
31
|
+
<mxCell id="mxG-10" value="improve coverage" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
32
32
|
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
33
33
|
</mxCell>
|
34
|
+
<mxCell id="mxG-11" value="class html builder to support include/extend modules, class methods" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_mxG">
|
35
|
+
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
36
|
+
</mxCell>
|
34
37
|
</root>
|
35
38
|
</mxGraphModel>
|
36
39
|
</diagram>
|
37
|
-
<diagram id="
|
40
|
+
<diagram id="QBp" name="To Do">
|
38
41
|
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
39
42
|
<root>
|
40
|
-
<mxCell id="
|
41
|
-
<mxCell id="
|
42
|
-
<mxCell id="
|
43
|
+
<mxCell id="page_root_QBp" parent="QBp"/>
|
44
|
+
<mxCell id="node_root_QBp" parent="page_root_QBp"/>
|
45
|
+
<mxCell id="QBp-2" value="add active flag to shapes" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
43
46
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
44
47
|
</mxCell>
|
45
|
-
<mxCell id="
|
48
|
+
<mxCell id="QBp-3" value="rename entry/exit compass point to start/end point to be consistent with the arrows" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
46
49
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
47
50
|
</mxCell>
|
48
|
-
<mxCell id="
|
51
|
+
<mxCell id="QBp-4" value="does x, y, w, h need to be on lines (yes for connectors, but other lines?)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
49
52
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
50
53
|
</mxCell>
|
51
|
-
<mxCell id="
|
54
|
+
<mxCell id="QBp-5" value="update domain model with all the recent architecture changes" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
52
55
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
53
56
|
</mxCell>
|
54
|
-
<mxCell id="
|
57
|
+
<mxCell id="QBp-6" value="replace generated methods for shapes, texts and lines with meta programming" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
55
58
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
56
59
|
</mxCell>
|
57
|
-
<mxCell id="
|
60
|
+
<mxCell id="QBp-7" value="refactor HTML builder to custom GEM or use existing ruby GEM" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
58
61
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
59
62
|
</mxCell>
|
60
|
-
<mxCell id="
|
63
|
+
<mxCell id="QBp-8" value="add page background to theme, use it whenever the theme is set at a diagram/page level" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
61
64
|
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
62
65
|
</mxCell>
|
63
|
-
<mxCell id="
|
66
|
+
<mxCell id="QBp-9" value="move DrawioDsl::Formatters::Factory::FORMATTERS to resource file" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
64
67
|
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
65
68
|
</mxCell>
|
66
|
-
<mxCell id="
|
69
|
+
<mxCell id="QBp-10" value="move DrawioDsl::Formatters::StyleBuilder::MAPPINGS to resource file" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
67
70
|
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
68
71
|
</mxCell>
|
69
|
-
<mxCell id="
|
72
|
+
<mxCell id="QBp-11" value="write SVG directly into other projects" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
70
73
|
<mxGeometry x="10" y="250" width="300" height="60" as="geometry"/>
|
71
74
|
</mxCell>
|
72
|
-
<mxCell id="
|
75
|
+
<mxCell id="QBp-12" value="Nodes need to support child nodes - aka namespaces, groupings" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
73
76
|
<mxGeometry x="330" y="250" width="300" height="60" as="geometry"/>
|
74
77
|
</mxCell>
|
75
|
-
<mxCell id="
|
78
|
+
<mxCell id="QBp-13" value="Grid layout does not position itself in relation to the last element" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
76
79
|
<mxGeometry x="650" y="250" width="300" height="60" as="geometry"/>
|
77
80
|
</mxCell>
|
78
|
-
<mxCell id="
|
81
|
+
<mxCell id="QBp-14" value="Grid layout should not be affected by connector lines" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
79
82
|
<mxGeometry x="10" y="330" width="300" height="60" as="geometry"/>
|
80
83
|
</mxCell>
|
81
|
-
<mxCell id="
|
84
|
+
<mxCell id="QBp-15" value="Grid layout should support flow break (break to next section if less then boundary)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
82
85
|
<mxGeometry x="330" y="330" width="300" height="60" as="geometry"/>
|
83
86
|
</mxCell>
|
84
|
-
<mxCell id="
|
87
|
+
<mxCell id="QBp-16" value="Grid layout should support hard break (break to next section)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
85
88
|
<mxGeometry x="650" y="330" width="300" height="60" as="geometry"/>
|
86
89
|
</mxCell>
|
87
|
-
<mxCell id="
|
90
|
+
<mxCell id="QBp-17" value="Dynamic sized shapes that expand to the size of their text" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
88
91
|
<mxGeometry x="10" y="410" width="300" height="60" as="geometry"/>
|
89
92
|
</mxCell>
|
90
|
-
<mxCell id="
|
93
|
+
<mxCell id="QBp-18" value="Control of text padding left, right, top and bottom" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
91
94
|
<mxGeometry x="330" y="410" width="300" height="60" as="geometry"/>
|
92
95
|
</mxCell>
|
93
|
-
<mxCell id="
|
96
|
+
<mxCell id="QBp-19" value="Improve the theme control over text-only shapes" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
94
97
|
<mxGeometry x="650" y="410" width="300" height="60" as="geometry"/>
|
95
98
|
</mxCell>
|
96
|
-
<mxCell id="
|
99
|
+
<mxCell id="QBp-20" value="x,y settings do not work for shapes within a grid layout" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
97
100
|
<mxGeometry x="10" y="490" width="300" height="60" as="geometry"/>
|
98
101
|
</mxCell>
|
99
|
-
<mxCell id="
|
102
|
+
<mxCell id="QBp-21" value="page layout so that you drop elements on and they are positioned correctly, e.g centered, left, right, etc, maybe a grid layout with a wrap of 1 and a width of the page is sufficient" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_QBp">
|
100
103
|
<mxGeometry x="330" y="490" width="300" height="60" as="geometry"/>
|
101
104
|
</mxCell>
|
102
105
|
</root>
|
103
106
|
</mxGraphModel>
|
104
107
|
</diagram>
|
105
|
-
<diagram id="
|
108
|
+
<diagram id="db5" name="Done">
|
106
109
|
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
107
110
|
<root>
|
108
|
-
<mxCell id="
|
109
|
-
<mxCell id="
|
110
|
-
<mxCell id="
|
111
|
+
<mxCell id="page_root_db5" parent="db5"/>
|
112
|
+
<mxCell id="node_root_db5" parent="page_root_db5"/>
|
113
|
+
<mxCell id="db5-2" value="line connectors should not effect the grid positioning systems" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
111
114
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
112
115
|
</mxCell>
|
113
|
-
<mxCell id="
|
116
|
+
<mxCell id="db5-3" value="bg_theme does not work OR at least make it better (see willoughby example)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
114
117
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
115
118
|
</mxCell>
|
116
|
-
<mxCell id="
|
119
|
+
<mxCell id="db5-4" value="settings style attributes need to de-duplicate, might be best to utilize the new StyleBuilder class" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
117
120
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
118
121
|
</mxCell>
|
119
|
-
<mxCell id="
|
122
|
+
<mxCell id="db5-5" value="add support for :design to line" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
120
123
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
121
124
|
</mxCell>
|
122
|
-
<mxCell id="
|
125
|
+
<mxCell id="db5-6" value="add support for :arrow to line" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
123
126
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
124
127
|
</mxCell>
|
125
|
-
<mxCell id="
|
128
|
+
<mxCell id="db5-7" value="add support for :waypoint to line" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
126
129
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
127
130
|
</mxCell>
|
128
|
-
<mxCell id="
|
131
|
+
<mxCell id="db5-8" value="add support for :exit, :entry to line" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
129
132
|
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
130
133
|
</mxCell>
|
131
|
-
<mxCell id="
|
134
|
+
<mxCell id="db5-9" value="add support for :design to line" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
132
135
|
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
133
136
|
</mxCell>
|
134
|
-
<mxCell id="
|
137
|
+
<mxCell id="db5-10" value="refactor shapes to use configuration file and split into elements, lines and texts" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
135
138
|
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
136
139
|
</mxCell>
|
137
|
-
<mxCell id="
|
140
|
+
<mxCell id="db5-11" value="add new shapes related to line connectors, plus add stroke: configuration" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
138
141
|
<mxGeometry x="10" y="250" width="300" height="60" as="geometry"/>
|
139
142
|
</mxCell>
|
140
|
-
<mxCell id="
|
143
|
+
<mxCell id="db5-12" value="rename type to key" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
141
144
|
<mxGeometry x="330" y="250" width="300" height="60" as="geometry"/>
|
142
145
|
</mxCell>
|
143
|
-
<mxCell id="
|
146
|
+
<mxCell id="db5-13" value="headings do not appear to be working?" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
144
147
|
<mxGeometry x="650" y="250" width="300" height="60" as="geometry"/>
|
145
148
|
</mxCell>
|
146
|
-
<mxCell id="
|
149
|
+
<mxCell id="db5-14" value="add sample for backgrounds with text on top, add support for favourite backgrounds" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
147
150
|
<mxGeometry x="10" y="330" width="300" height="60" as="geometry"/>
|
148
151
|
</mxCell>
|
149
|
-
<mxCell id="
|
152
|
+
<mxCell id="db5-15" value="add background themes, with foreground text color" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
150
153
|
<mxGeometry x="330" y="330" width="300" height="60" as="geometry"/>
|
151
154
|
</mxCell>
|
152
|
-
<mxCell id="
|
155
|
+
<mxCell id="db5-16" value="refactor shapes configuration so that it reads from custom file" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
153
156
|
<mxGeometry x="650" y="330" width="300" height="60" as="geometry"/>
|
154
157
|
</mxCell>
|
155
|
-
<mxCell id="
|
158
|
+
<mxCell id="db5-17" value="fix :text" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
156
159
|
<mxGeometry x="10" y="410" width="300" height="60" as="geometry"/>
|
157
160
|
</mxCell>
|
158
|
-
<mxCell id="
|
161
|
+
<mxCell id="db5-18" value="configuration for lines" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
159
162
|
<mxGeometry x="330" y="410" width="300" height="60" as="geometry"/>
|
160
163
|
</mxCell>
|
161
|
-
<mxCell id="
|
164
|
+
<mxCell id="db5-19" value="configuration for text" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
162
165
|
<mxGeometry x="650" y="410" width="300" height="60" as="geometry"/>
|
163
166
|
</mxCell>
|
164
|
-
<mxCell id="
|
167
|
+
<mxCell id="db5-20" value="configuration for elements" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
165
168
|
<mxGeometry x="10" y="490" width="300" height="60" as="geometry"/>
|
166
169
|
</mxCell>
|
167
|
-
<mxCell id="
|
170
|
+
<mxCell id="db5-21" value="configuration for line strokes" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
168
171
|
<mxGeometry x="330" y="490" width="300" height="60" as="geometry"/>
|
169
172
|
</mxCell>
|
170
|
-
<mxCell id="
|
173
|
+
<mxCell id="db5-22" value="configuration for connector compass direction" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
171
174
|
<mxGeometry x="650" y="490" width="300" height="60" as="geometry"/>
|
172
175
|
</mxCell>
|
173
|
-
<mxCell id="
|
176
|
+
<mxCell id="db5-23" value="configuration for connector design" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
174
177
|
<mxGeometry x="10" y="570" width="300" height="60" as="geometry"/>
|
175
178
|
</mxCell>
|
176
|
-
<mxCell id="
|
179
|
+
<mxCell id="db5-24" value="configuration for connector arrows" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
177
180
|
<mxGeometry x="330" y="570" width="300" height="60" as="geometry"/>
|
178
181
|
</mxCell>
|
179
|
-
<mxCell id="
|
182
|
+
<mxCell id="db5-25" value="configuration for connector waypoints" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
180
183
|
<mxGeometry x="650" y="570" width="300" height="60" as="geometry"/>
|
181
184
|
</mxCell>
|
182
|
-
<mxCell id="
|
185
|
+
<mxCell id="db5-26" value="export_json will output a diagram in machine readable format" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
183
186
|
<mxGeometry x="10" y="650" width="300" height="60" as="geometry"/>
|
184
187
|
</mxCell>
|
185
|
-
<mxCell id="
|
188
|
+
<mxCell id="db5-27" value="class html formatter to support regular html nodes such as p, h1.. ul, li that are found on the builder" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
186
189
|
<mxGeometry x="330" y="650" width="300" height="60" as="geometry"/>
|
187
190
|
</mxCell>
|
188
|
-
<mxCell id="
|
191
|
+
<mxCell id="db5-28" value="group box, like a regular box but with a top aligned h1 style title" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
189
192
|
<mxGeometry x="650" y="650" width="300" height="60" as="geometry"/>
|
190
193
|
</mxCell>
|
191
|
-
<mxCell id="
|
194
|
+
<mxCell id="db5-29" value="build a domain (class) diagram" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
192
195
|
<mxGeometry x="10" y="730" width="300" height="60" as="geometry"/>
|
193
196
|
</mxCell>
|
194
|
-
<mxCell id="
|
197
|
+
<mxCell id="db5-30" value="build configuration for line strokes %i[dashed dotted dashdot dashdotdot dotdotdot longdash)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
195
198
|
<mxGeometry x="330" y="730" width="300" height="60" as="geometry"/>
|
196
199
|
</mxCell>
|
197
|
-
<mxCell id="
|
200
|
+
<mxCell id="db5-31" value="build configuration for line compass %i[n ne e se s sw w nw]" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
198
201
|
<mxGeometry x="650" y="730" width="300" height="60" as="geometry"/>
|
199
202
|
</mxCell>
|
200
|
-
<mxCell id="
|
203
|
+
<mxCell id="db5-32" value="build configuration for line shape %i[style1 style2 style3 style4]" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
201
204
|
<mxGeometry x="10" y="810" width="300" height="60" as="geometry"/>
|
202
205
|
</mxCell>
|
203
|
-
<mxCell id="
|
206
|
+
<mxCell id="db5-33" value="build configuration for arrows %i[straight triangle diamond circle cross short default none plain skewed_dash concave er_many er_one er_one_optional er_one_mandatory er_many_optional er_many_mandatory]" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
204
207
|
<mxGeometry x="330" y="810" width="300" height="60" as="geometry"/>
|
205
208
|
</mxCell>
|
206
|
-
<mxCell id="
|
209
|
+
<mxCell id="db5-34" value="refactor the shape->text_only (boolean) to category (symbol)" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
207
210
|
<mxGeometry x="650" y="810" width="300" height="60" as="geometry"/>
|
208
211
|
</mxCell>
|
209
|
-
<mxCell id="
|
212
|
+
<mxCell id="db5-35" value="ensure that ids are working as expected" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
210
213
|
<mxGeometry x="10" y="890" width="300" height="60" as="geometry"/>
|
211
214
|
</mxCell>
|
212
|
-
<mxCell id="
|
215
|
+
<mxCell id="db5-36" value="alter the initial parameter of all shapes so that it can be an ID, without named attribute" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
213
216
|
<mxGeometry x="330" y="890" width="300" height="60" as="geometry"/>
|
214
217
|
</mxCell>
|
215
|
-
<mxCell id="
|
218
|
+
<mxCell id="db5-37" value="move project-plan files" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
216
219
|
<mxGeometry x="650" y="890" width="300" height="60" as="geometry"/>
|
217
220
|
</mxCell>
|
218
|
-
<mxCell id="
|
221
|
+
<mxCell id="db5-38" value="alter configure_shape so it sets the default shape key and use that for selecting the default HTML formatter" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
219
222
|
<mxGeometry x="10" y="970" width="300" height="60" as="geometry"/>
|
220
223
|
</mxCell>
|
221
|
-
<mxCell id="
|
224
|
+
<mxCell id="db5-39" value="add todo shape to simplify project plan drawing" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
222
225
|
<mxGeometry x="330" y="970" width="300" height="60" as="geometry"/>
|
223
226
|
</mxCell>
|
224
|
-
<mxCell id="
|
227
|
+
<mxCell id="db5-40" value="introduce .value property to shape and let it use either formatted HTML or plain text title" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
225
228
|
<mxGeometry x="650" y="970" width="300" height="60" as="geometry"/>
|
226
229
|
</mxCell>
|
227
|
-
<mxCell id="
|
230
|
+
<mxCell id="db5-41" value="formatter DSL that can render HTML directly into the value property" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
228
231
|
<mxGeometry x="10" y="1050" width="300" height="60" as="geometry"/>
|
229
232
|
</mxCell>
|
230
|
-
<mxCell id="
|
233
|
+
<mxCell id="db5-42" value="formatter DSL for class and interface generation" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
231
234
|
<mxGeometry x="330" y="1050" width="300" height="60" as="geometry"/>
|
232
235
|
</mxCell>
|
233
|
-
<mxCell id="
|
236
|
+
<mxCell id="db5-43" value="generate extension based graphics based on drawio extensions.js" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
234
237
|
<mxGeometry x="650" y="1050" width="300" height="60" as="geometry"/>
|
235
238
|
</mxCell>
|
236
|
-
<mxCell id="
|
239
|
+
<mxCell id="db5-44" value="active? flag on page defaulting to true. set to false to exclude page from diagram." style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
237
240
|
<mxGeometry x="10" y="1130" width="300" height="60" as="geometry"/>
|
238
241
|
</mxCell>
|
239
|
-
<mxCell id="
|
242
|
+
<mxCell id="db5-45" value="first level child nodes need to hang of node 1" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
240
243
|
<mxGeometry x="330" y="1130" width="300" height="60" as="geometry"/>
|
241
244
|
</mxCell>
|
242
|
-
<mxCell id="
|
245
|
+
<mxCell id="db5-46" value="node has child nodes and add_node will set a nodes parent" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
243
246
|
<mxGeometry x="650" y="1130" width="300" height="60" as="geometry"/>
|
244
247
|
</mxCell>
|
245
|
-
<mxCell id="
|
248
|
+
<mxCell id="db5-47" value="nodes can belong to a parent node, the top level node responds with truthy to root?" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
246
249
|
<mxGeometry x="10" y="1210" width="300" height="60" as="geometry"/>
|
247
250
|
</mxCell>
|
248
|
-
<mxCell id="
|
251
|
+
<mxCell id="db5-48" value="add sample diagram for the github readme file" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
249
252
|
<mxGeometry x="330" y="1210" width="300" height="60" as="geometry"/>
|
250
253
|
</mxCell>
|
251
|
-
<mxCell id="
|
254
|
+
<mxCell id="db5-49" value="write samples into docs folder and display in readme" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
252
255
|
<mxGeometry x="650" y="1210" width="300" height="60" as="geometry"/>
|
253
256
|
</mxCell>
|
254
|
-
<mxCell id="
|
257
|
+
<mxCell id="db5-50" value="add export as .PNG, needs to take a page number as the PNG will not support multiple pages" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
255
258
|
<mxGeometry x="10" y="1290" width="300" height="60" as="geometry"/>
|
256
259
|
</mxCell>
|
257
|
-
<mxCell id="
|
260
|
+
<mxCell id="db5-51" value="add export as .SVG, needs to take a page number as the SVG will not support multiple pages" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
258
261
|
<mxGeometry x="330" y="1290" width="300" height="60" as="geometry"/>
|
259
262
|
</mxCell>
|
260
|
-
<mxCell id="
|
263
|
+
<mxCell id="db5-52" value="add save as .drawio" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_db5">
|
261
264
|
<mxGeometry x="650" y="1290" width="300" height="60" as="geometry"/>
|
262
265
|
</mxCell>
|
263
266
|
</root>
|
@@ -1,3 +1,3 @@
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
2
2
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
3
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="232px" viewBox="-0.5 -0.5 942 232"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#1F2D3D" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connectors can take an object reference as an alternative to an id</div></div></div></foreignObject><text x="150" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connectors can take an object reference as an...</text></switch></g><rect x="320" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 9 Q 319 9 319 20.15 L 319 34 Q 470 52 621 34 L 621 20.15 Q 621 9 609.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">merge category and classification into one property</div></div></div></foreignObject><text x="470" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">merge category and classification into one property</text></switch></g><rect x="640" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 650.15 9 Q 639 9 639 20.15 L 639 34 Q 790 52 941 34 L 941 20.15 Q 941 9 929.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connector aliases gives a simple way to use predefined line configurations</div></div></div></foreignObject><text x="790" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connector aliases gives a simple way to use p...</text></switch></g><rect x="0" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 89 Q -1 89 -1 100.15 L -1 114 Q 150 132 301 114 L 301 100.15 Q 301 89 289.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connectors need to support autolinking using ids</div></div></div></foreignObject><text x="150" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connectors need to support autolinking using...</text></switch></g><rect x="320" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 89 Q 319 89 319 100.15 L 319 114 Q 470 132 621 114 L 621 100.15 Q 621 89 609.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">new format for connectors - connect(:a, :b, :solid)</div></div></div></foreignObject><text x="470" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">new format for connectors - connect(:a, :b, :solid)</text></switch></g><rect x="640" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 650.15 89 Q 639 89 639 100.15 L 639 114 Q 790 132 941 114 L 941 100.15 Q 941 89 929.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add help messages when invalid lookups are used for stroke, design etc.</div></div></div></foreignObject><text x="790" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add help messages when invalid lookups are used fo...</text></switch></g><rect x="0" y="170" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 169 Q -1 169 -1 180.15 L -1 194 Q 150 212 301 194 L 301 180.15 Q 301 169 289.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">improve coverage</div></div></div></foreignObject><text x="150" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">improve coverage</text></switch></g><rect x="320" y="170" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 169 Q 319 169 319 180.15 L 319 194 Q 470 212 621 194 L 621 180.15 Q 621 169 609.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">class html builder to support include/extend modules, class methods</div></div></div></foreignObject><text x="470" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">class html builder to support include/extend modul...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="232px" viewBox="-0.5 -0.5 942 232"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#1F2D3D" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">refactor save_json data file so that it can easily be read by external DSL tools, make sure osave_json is work</div></div></div></foreignObject><text x="150" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">refactor save_json data file so that it can easily...</text></switch></g><rect x="320" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 9 Q 319 9 319 20.15 L 319 34 Q 470 52 621 34 L 621 20.15 Q 621 9 609.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connectors can take an object reference as an alternative to an id</div></div></div></foreignObject><text x="470" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connectors can take an object reference as an...</text></switch></g><rect x="640" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 650.15 9 Q 639 9 639 20.15 L 639 34 Q 790 52 941 34 L 941 20.15 Q 941 9 929.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">merge category and classification into one property</div></div></div></foreignObject><text x="790" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">merge category and classification into one property</text></switch></g><rect x="0" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 89 Q -1 89 -1 100.15 L -1 114 Q 150 132 301 114 L 301 100.15 Q 301 89 289.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connector aliases gives a simple way to use predefined line configurations</div></div></div></foreignObject><text x="150" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connector aliases gives a simple way to use p...</text></switch></g><rect x="320" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 89 Q 319 89 319 100.15 L 319 114 Q 470 132 621 114 L 621 100.15 Q 621 89 609.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">line connectors need to support autolinking using ids</div></div></div></foreignObject><text x="470" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">line connectors need to support autolinking using...</text></switch></g><rect x="640" y="90" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 650.15 89 Q 639 89 639 100.15 L 639 114 Q 790 132 941 114 L 941 100.15 Q 941 89 929.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">new format for connectors - connect(:a, :b, :solid)</div></div></div></foreignObject><text x="790" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">new format for connectors - connect(:a, :b, :solid)</text></switch></g><rect x="0" y="170" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 169 Q -1 169 -1 180.15 L -1 194 Q 150 212 301 194 L 301 180.15 Q 301 169 289.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add help messages when invalid lookups are used for stroke, design etc.</div></div></div></foreignObject><text x="150" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add help messages when invalid lookups are used fo...</text></switch></g><rect x="320" y="170" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 169 Q 319 169 319 180.15 L 319 194 Q 470 212 621 194 L 621 180.15 Q 621 169 609.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">improve coverage</div></div></div></foreignObject><text x="470" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">improve coverage</text></switch></g><rect x="640" y="170" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 650.15 169 Q 639 169 639 180.15 L 639 194 Q 790 212 941 194 L 941 180.15 Q 941 169 929.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">class html builder to support include/extend modules, class methods</div></div></div></foreignObject><text x="790" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">class html builder to support include/extend modul...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
|