drawio_dsl 0.8.7 → 0.8.10
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 -0
- data/.vscode/settings.json +2 -1
- data/CHANGELOG.md +22 -0
- data/README.md +0 -7
- data/{.builders/.data/shapes.json → config/configuration.json} +49 -49
- data/docs/domain-modal/domain_model_custom.drawio +134 -134
- data/docs/domain-modal/domain_model_custom.svg +1 -1
- data/docs/domain_model.drawio +265 -0
- data/docs/domain_model.json +1038 -0
- data/docs/domain_model.svg +3 -0
- data/docs/parking_app.drawio +24 -24
- data/docs/parking_app.svg +1 -1
- data/docs/printspeak-architecture-controllers-custom.drawio +93 -0
- data/docs/printspeak-architecture-controllers-fat.svg +1 -0
- data/docs/printspeak-architecture-controllers-thin.svg +1 -0
- data/docs/printspeak-architecture-controllers.drawio +48 -0
- data/docs/printspeak-architecture-generator.drawio +91 -15
- data/docs/printspeak-architecture-generator.svg +1 -1
- data/docs/project-plan/project.drawio +94 -55
- data/docs/project-plan/project_done.svg +1 -1
- data/docs/project-plan/project_in_progress.svg +1 -1
- data/docs/project-plan/project_todo.svg +1 -1
- data/lib/drawio_dsl/configuration.rb +146 -0
- data/lib/drawio_dsl/drawio.rb +16 -0
- data/lib/drawio_dsl/version.rb +1 -1
- data/lib/drawio_dsl.rb +2 -0
- data/package-lock.json +2 -2
- data/package.json +1 -1
- metadata +10 -31
- data/.builders/.templates/basic/configuration_shapes.rb +0 -27
- data/.builders/.templates/basic/dom_builder_shapes.rb +0 -17
- data/.builders/.templates/basic/drawio_extensions.rb +0 -58
- data/.builders/.templates/basic/drawio_shapes.rb +0 -23
- data/.builders/.templates/basic/schema_require.rb +0 -19
- data/.builders/.templates/basic/schema_shape.rb +0 -9
- data/.builders/.templates/basic/schema_shape_spec.rb +0 -13
- data/.builders/_.rb +0 -1
- data/.builders/blueprint/shapes.rb +0 -173
- data/.builders/boot.rb +0 -72
- data/.builders/generators/01-bootstrap.rb +0 -130
- data/.builders/generators/02-generate-app.rb +0 -47
- data/.builders/generators/10-transform-drawio-js.rb +0 -195
- data/.builders/generators/20-drawio-extensions.rb +0 -41
- data/.builders/generators/domain_diagram.rb +0 -473
- data/.builders/generators/parking-map.png +0 -0
- data/.builders/generators/parking_app.rb +0 -110
- data/.builders/generators/printspeak-architecture-generator.rb +0 -45
- data/.builders/generators/project-plan.rb +0 -82
- data/.builders/generators/sample_diagrams/05-samples.rb +0 -36
- data/.builders/generators/sample_diagrams/10-page-margin.rb +0 -42
- data/.builders/generators/sample_diagrams/15-grid-direction.rb +0 -34
- data/.builders/generators/sample_diagrams/16-grid-alignment.rb +0 -70
- data/.builders/generators/sample_diagrams/20-styles.rb +0 -61
- data/.builders/generators/sample_diagrams/25-themes.rb +0 -37
- data/.builders/generators/sample_diagrams/30-html-shapes.rb +0 -70
- data/.builders/generators/sample_diagrams/35-ids-and-arrows.rb +0 -28
- data/.builders/generators/sample_diagrams/50-willoughby-council.rb +0 -51
|
@@ -1,29 +1,105 @@
|
|
|
1
1
|
<mxfile host="65bd71144e">
|
|
2
|
-
<diagram id="
|
|
3
|
-
<mxGraphModel dx="
|
|
2
|
+
<diagram id="mBj" name="Thin Controllers">
|
|
3
|
+
<mxGraphModel dx="1172" dy="583" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" background="#fafafa" math="0" shadow="0">
|
|
4
4
|
<root>
|
|
5
|
-
<mxCell id="
|
|
6
|
-
<mxCell id="
|
|
7
|
-
<mxCell id="
|
|
5
|
+
<mxCell id="page_root_mBj"/>
|
|
6
|
+
<mxCell id="node_root_mBj" parent="page_root_mBj"/>
|
|
7
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-0" style="edgeStyle=none;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;fillColor=#f8cecc;strokeColor=#b85450;" edge="1" parent="node_root_mBj" source="mBj-2" target="mBj-3">
|
|
8
|
+
<mxGeometry relative="1" as="geometry"/>
|
|
9
|
+
</mxCell>
|
|
10
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-1" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.027;entryY=0.547;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=default;fontFamily=Helvetica;fontSize=11;fontColor=default;endArrow=classic;strokeColor=#b85450;fillColor=#f8cecc;" edge="1" parent="node_root_mBj" source="mBj-2" target="mBj-4">
|
|
11
|
+
<mxGeometry relative="1" as="geometry"/>
|
|
12
|
+
</mxCell>
|
|
13
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-2" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0.017;entryY=0.455;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=default;fontFamily=Helvetica;fontSize=11;fontColor=default;endArrow=classic;strokeColor=#b85450;fillColor=#f8cecc;" edge="1" parent="node_root_mBj" source="mBj-2" target="mBj-5">
|
|
14
|
+
<mxGeometry relative="1" as="geometry"/>
|
|
15
|
+
</mxCell>
|
|
16
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-5" style="edgeStyle=none;shape=connector;rounded=1;html=1;entryX=0.002;entryY=0.48;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=default;fontFamily=Helvetica;fontSize=11;fontColor=default;endArrow=classic;strokeColor=#b85450;fillColor=#f8cecc;exitX=0.987;exitY=1.02;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="node_root_mBj" source="mBj-3" target="21RrXMzRurO5l1FjHA6U-4">
|
|
17
|
+
<mxGeometry relative="1" as="geometry"/>
|
|
18
|
+
</mxCell>
|
|
19
|
+
<mxCell id="mBj-2" value="<p style="margin:0px;margin-left:4px;margin-bottom:4px;text-align:center"><b>Reports#sales_by_profit</b></p><hr size="1"/><h3 style="margin:0px;margin-left:4px;margin-bottom:6.912px">Thin Controller</h3><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Param marshalling</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">my_action_params()</p><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Call query</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">MyActionQuery.query(scope, **inputs)</p><hr size="1"/><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Present</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">@vm = MyActionPresenter.new(**outputs)</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" parent="node_root_mBj" vertex="1">
|
|
20
|
+
<mxGeometry x="72" y="167" width="249" height="196" as="geometry"/>
|
|
21
|
+
</mxCell>
|
|
22
|
+
<mxCell id="mBj-3" value="<b>Param marshaling</b><br><br>@sales_by_profit_params ||= <br>params.permit(...)<br>&nbsp;&nbsp;.symbolize_keys" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" parent="node_root_mBj" vertex="1">
|
|
23
|
+
<mxGeometry x="448" y="59" width="200" height="120" as="geometry"/>
|
|
24
|
+
</mxCell>
|
|
25
|
+
<mxCell id="mBj-4" value="<b>Call Query</b><br><br>SalesByProfitQuery<br>&nbsp;&nbsp;.query(scope, **custom, **params)" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" parent="node_root_mBj" vertex="1">
|
|
26
|
+
<mxGeometry x="448" y="202" width="200" height="120" as="geometry"/>
|
|
27
|
+
</mxCell>
|
|
28
|
+
<mxCell id="mBj-5" value="<b>Present</b><br><br>SalesByProfitPresenter<br>&nbsp;&nbsp;.new(**query.outputs)" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" parent="node_root_mBj" vertex="1">
|
|
29
|
+
<mxGeometry x="448" y="351" width="200" height="120" as="geometry"/>
|
|
30
|
+
</mxCell>
|
|
31
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-3" value="<b>Form Object</b><br><br>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_mBj">
|
|
32
|
+
<mxGeometry x="671" y="59" width="200" height="53" as="geometry"/>
|
|
33
|
+
</mxCell>
|
|
34
|
+
<mxCell id="21RrXMzRurO5l1FjHA6U-4" value="<b>Query#contract</b>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_mBj">
|
|
35
|
+
<mxGeometry x="671" y="169" width="200" height="53" as="geometry"/>
|
|
36
|
+
</mxCell>
|
|
37
|
+
</root>
|
|
38
|
+
</mxGraphModel>
|
|
39
|
+
</diagram>
|
|
40
|
+
<diagram id="hn6" name="Fat Controllers">
|
|
41
|
+
<mxGraphModel dx="0" dy="0" background="#fafafa" 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">
|
|
42
|
+
<root>
|
|
43
|
+
<mxCell id="page_root_hn6" parent="hn6"/>
|
|
44
|
+
<mxCell id="node_root_hn6" parent="page_root_hn6"/>
|
|
45
|
+
<mxCell id="hn6-2" value="<p style="margin:0px;margin-left:4px;margin-bottom:4px;text-align:center"><b>Reports#sales_by_profit</b></p><hr size="1"/><h3 style="margin:0px;margin-left:4px;margin-bottom:6.912px">Fat Controller</h3><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Param marshalling</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:date_from]</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:date_to]</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:sort] || "gross_sales"</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:direction] || "desc"</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:filter_str]</p><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Dynamic query construction</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">switch params[:filter_str]</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">invoice_date_query</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">ugly query</p><hr size="1"/><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Query in controller</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">ActiveRecord::Base.connection.execute(query)</p><hr size="1"/><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Build outputs</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">@net_sales_total</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">@vat_total</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">@gross_sales_total</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">@document_data</p><h5 style="margin:0px;margin-left:4px;margin-bottom:4.8px">Composite outputs</h5><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:sort]</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">params[:direction]</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_hn6">
|
|
8
46
|
<mxGeometry x="30" y="30" width="160" height="160" as="geometry"/>
|
|
9
47
|
</mxCell>
|
|
10
|
-
<mxCell id="
|
|
48
|
+
<mxCell id="hn6-3" value="<b>Paramater marshalling</b><br><br>reading the params[] object<br>setting sane defaults<br><i>do not alter and reuse params[]</i>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_hn6">
|
|
49
|
+
<mxGeometry x="230" y="50" width="200" height="120" as="geometry"/>
|
|
50
|
+
</mxCell>
|
|
51
|
+
<mxCell id="hn6-4" value="<b>Dynamic query construction</b><br><br>query = "select ..."<br><i>ActiveRelation vs interpolation</i>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_hn6">
|
|
52
|
+
<mxGeometry x="450" y="50" width="200" height="120" as="geometry"/>
|
|
53
|
+
</mxCell>
|
|
54
|
+
<mxCell id="hn6-5" value="<b>Query in controller</b><br><i>Move out to Query object</i>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_hn6">
|
|
55
|
+
<mxGeometry x="670" y="50" width="200" height="120" as="geometry"/>
|
|
56
|
+
</mxCell>
|
|
57
|
+
<mxCell id="hn6-6" value="<b>Build outputs</b><br>Multiple @instance vars<br><i>single view model @vm</i>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_hn6">
|
|
58
|
+
<mxGeometry x="10" y="270" width="200" height="120" as="geometry"/>
|
|
59
|
+
</mxCell>
|
|
60
|
+
<mxCell id="hn6-7" value="<b>Composite outputs</b><br>sort, direction, page_no, page_size<br><i>single order, page or list object</i>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_hn6">
|
|
61
|
+
<mxGeometry x="230" y="270" width="200" height="120" as="geometry"/>
|
|
62
|
+
</mxCell>
|
|
63
|
+
</root>
|
|
64
|
+
</mxGraphModel>
|
|
65
|
+
</diagram>
|
|
66
|
+
<diagram id="yyO" name="Style-Plain">
|
|
67
|
+
<mxGraphModel dx="0" dy="0" background="#fafafa" 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">
|
|
68
|
+
<root>
|
|
69
|
+
<mxCell id="page_root_yyO" parent="yyO"/>
|
|
70
|
+
<mxCell id="node_root_yyO" parent="page_root_yyO"/>
|
|
71
|
+
<mxCell id="yyO-2" value="Data Sources (Documents)" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;fontSize=20;verticalAlign=top" vertex="1" parent="node_root_yyO">
|
|
72
|
+
<mxGeometry x="5" y="5" width="210" height="210" as="geometry"/>
|
|
73
|
+
</mxCell>
|
|
74
|
+
<mxCell id="yyO-3" value="schema.rb" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
75
|
+
<mxGeometry x="250" y="90" width="160" height="40" as="geometry"/>
|
|
76
|
+
</mxCell>
|
|
77
|
+
<mxCell id="yyO-4" value="db_schema.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
11
78
|
<mxGeometry x="470" y="90" width="160" height="40" as="geometry"/>
|
|
12
79
|
</mxCell>
|
|
13
|
-
<mxCell id="
|
|
14
|
-
<mxGeometry x="
|
|
80
|
+
<mxCell id="yyO-5" value="sql_count.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
81
|
+
<mxGeometry x="690" y="90" width="160" height="40" as="geometry"/>
|
|
15
82
|
</mxCell>
|
|
16
|
-
<mxCell id="
|
|
17
|
-
<mxGeometry x="
|
|
83
|
+
<mxCell id="yyO-6" value="robocop.txt" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
84
|
+
<mxGeometry x="910" y="90" width="160" height="40" as="geometry"/>
|
|
18
85
|
</mxCell>
|
|
19
|
-
<mxCell id="
|
|
86
|
+
<mxCell id="yyO-7" value="rubocop.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
20
87
|
<mxGeometry x="1130" y="90" width="160" height="40" as="geometry"/>
|
|
21
88
|
</mxCell>
|
|
22
|
-
<mxCell id="
|
|
23
|
-
<mxGeometry x="
|
|
89
|
+
<mxCell id="yyO-8" value="domain_model.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
90
|
+
<mxGeometry x="30" y="310" width="160" height="40" as="geometry"/>
|
|
91
|
+
</mxCell>
|
|
92
|
+
<mxCell id="yyO-9" value="data_context.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
93
|
+
<mxGeometry x="250" y="310" width="160" height="40" as="geometry"/>
|
|
94
|
+
</mxCell>
|
|
95
|
+
<mxCell id="yyO-10" value="routes.json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;shape=mxgraph.flowchart.database;strokeWidth=1" vertex="1" parent="node_root_yyO">
|
|
96
|
+
<mxGeometry x="470" y="310" width="160" height="40" as="geometry"/>
|
|
97
|
+
</mxCell>
|
|
98
|
+
<mxCell id="yyO-11" value="<p style="margin:0px;margin-left:4px;margin-bottom:4px;text-align:center"><b>Container</b></p><hr size="1"/>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_yyO">
|
|
99
|
+
<mxGeometry x="690" y="250" width="160" height="160" as="geometry"/>
|
|
24
100
|
</mxCell>
|
|
25
|
-
<mxCell id="
|
|
26
|
-
<mxGeometry x="
|
|
101
|
+
<mxCell id="yyO-12" value="<p style="margin:0px;margin-left:4px;margin-bottom:4px;text-align:center"><i>&lt;&lt; Subsystems &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-bottom:4px;text-align:center"><b>Block Processor</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-bottom:4px">block: proc</p><p style="margin:0px;margin-left:4px;margin-bottom:4px">block_state: symbol</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-bottom:4px">depend_on()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_yyO">
|
|
102
|
+
<mxGeometry x="910" y="250" width="160" height="160" as="geometry"/>
|
|
27
103
|
</mxCell>
|
|
28
104
|
</root>
|
|
29
105
|
</mxGraphModel>
|
|
@@ -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="1262px" height="382px" viewBox="-0.5 -0.5 1262 382"><defs/><g><rect x="0" y="0" width="160" height="160" fill="#f5f5f5" stroke="#666666" 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: 158px; height: 1px; padding-top: 80px; 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;">Data Documents</div></div></div></foreignObject><text x="80" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Data Documents</text></switch></g><rect x="220" y="0" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" 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 flex-start; width: 162px; height: 160px; padding-top: 0px; margin-left: 220px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;"><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px ; text-align: center"><b>Container</b></p><hr size="1" /></div></div></div></foreignObject><text x="220" y="84" fill="#333333" font-family="Helvetica" font-size="12px">Container</text></switch></g><path d="M 440 93.33 L 440 66.67 C 440 62.98 475.82 60 520 60 C 564.18 60 600 62.98 600 66.67 L 600 93.33 C 600 97.02 564.18 100 520 100 C 475.82 100 440 97.02 440 93.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 440 66.67 C 440 70.35 475.82 73.33 520 73.33 C 564.18 73.33 600 70.35 600 66.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 80px; margin-left: 441px;"><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;">db_schema.json</div></div></div></foreignObject><text x="520" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">db_schema.json</text></switch></g><path d="M 660 93.33 L 660 66.67 C 660 62.98 695.82 60 740 60 C 784.18 60 820 62.98 820 66.67 L 820 93.33 C 820 97.02 784.18 100 740 100 C 695.82 100 660 97.02 660 93.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 660 66.67 C 660 70.35 695.82 73.33 740 73.33 C 784.18 73.33 820 70.35 820 66.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 80px; margin-left: 661px;"><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;">domain_model.json</div></div></div></foreignObject><text x="740" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">domain_model.json</text></switch></g><path d="M 880 93.33 L 880 66.67 C 880 62.98 915.82 60 960 60 C 1004.18 60 1040 62.98 1040 66.67 L 1040 93.33 C 1040 97.02 1004.18 100 960 100 C 915.82 100 880 97.02 880 93.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 880 66.67 C 880 70.35 915.82 73.33 960 73.33 C 1004.18 73.33 1040 70.35 1040 66.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 80px; margin-left: 881px;"><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;">sql_count.json</div></div></div></foreignObject><text x="960" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">sql_count.json</text></switch></g><path d="M 1100 93.33 L 1100 66.67 C 1100 62.98 1135.82 60 1180 60 C 1224.18 60 1260 62.98 1260 66.67 L 1260 93.33 C 1260 97.02 1224.18 100 1180 100 C 1135.82 100 1100 97.02 1100 93.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 1100 66.67 C 1100 70.35 1135.82 73.33 1180 73.33 C 1224.18 73.33 1260 70.35 1260 66.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 80px; margin-left: 1101px;"><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;">rubocop.json</div></div></div></foreignObject><text x="1180" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rubocop.json</text></switch></g><path d="M 0 313.33 L 0 286.67 C 0 282.98 35.82 280 80 280 C 124.18 280 160 282.98 160 286.67 L 160 313.33 C 160 317.02 124.18 320 80 320 C 35.82 320 0 317.02 0 313.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 286.67 C 0 290.35 35.82 293.33 80 293.33 C 124.18 293.33 160 290.35 160 286.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 300px; 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;">data_context.json</div></div></div></foreignObject><text x="80" y="304" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">data_context.json</text></switch></g><path d="M 220 313.33 L 220 286.67 C 220 282.98 255.82 280 300 280 C 344.18 280 380 282.98 380 286.67 L 380 313.33 C 380 317.02 344.18 320 300 320 C 255.82 320 220 317.02 220 313.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 220 286.67 C 220 290.35 255.82 293.33 300 293.33 C 344.18 293.33 380 290.35 380 286.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 300px; margin-left: 221px;"><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;">routes.json</div></div></div></foreignObject><text x="300" y="304" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">routes.json</text></switch></g><rect x="440" y="220" width="160" height="160" fill="#dae8fc" stroke="#6c8ebf" 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 flex-start; width: 162px; height: 160px; padding-top: 220px; margin-left: 440px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;"><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px ; text-align: center"><i><< Subsystems >></i></p><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px ; text-align: center"><b>Block Processor</b></p><hr size="1" /><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px">block: proc</p><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px">block_state: symbol</p><hr size="1" /><p style="margin: 0px ; margin-left: 4px ; margin-top: 4px">depend_on()</p></div></div></div></foreignObject><text x="440" y="304" fill="#333333" font-family="Helvetica" font-size="12px"><< Subsystems >>...</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="402px" height="162px" viewBox="-0.5 -0.5 402 162"><defs/><g><rect x="0" y="0" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" 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 flex-start; width: 162px; height: 160px; padding-top: 0px; margin-left: 0px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;"><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px ; text-align: center"><b>FatController</b></p><hr size="1" /><h5 style="margin: 0px ; margin-left: 4px ; margin-bottom: 4.8px">Param marshalling</h5><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">params[:date_from]</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">params[:date_to]</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">params[:sort] || "gross_sales"</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">params[:direction] || "desc"</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">params[:filter_str]</p><h5 style="margin: 0px ; margin-left: 4px ; margin-bottom: 4.8px">Dynamic query construction</h5><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">switch params[:filter_str]</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">invoice_date_query</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">ugly query</p><hr size="1" /><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">ActiveRecord::Base.connection.execute(query)</p><hr size="1" /><h5 style="margin: 0px ; margin-left: 4px ; margin-bottom: 4.8px">Build outputs</h5><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">@net_sales_total</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">@vat_total</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">@gross_sales_total</p><p style="margin: 0px ; margin-left: 4px ; margin-bottom: 4px">@document_data</p></div></div></div></foreignObject><text x="0" y="84" fill="#333333" font-family="Helvetica" font-size="12px">FatController...</text></switch></g><ellipse cx="300" cy="80" rx="100" ry="60" fill="#ffe6cc" stroke="#d79b00" 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: 198px; height: 1px; padding-top: 80px; margin-left: 201px;"><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;"><b>paramater marshalling</b><br />reading the params[] object<br />setting sane defaults<br />do not alter and reuse params[]</div></div></div></foreignObject><text x="300" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">paramater marshalling...</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>
|
|
@@ -1,160 +1,199 @@
|
|
|
1
|
-
<mxfile host="
|
|
2
|
-
<diagram id="
|
|
1
|
+
<mxfile host="XrD">
|
|
2
|
+
<diagram id="b57" name="In progress">
|
|
3
3
|
<mxGraphModel dx="0" dy="0" background="#FFFACD" 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_b57" parent="b57"/>
|
|
6
|
+
<mxCell id="node_root_b57" parent="page_root_b57"/>
|
|
7
|
+
<mxCell id="b57-3" value="configuration for lines" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
8
8
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
|
9
9
|
</mxCell>
|
|
10
|
-
<mxCell id="
|
|
10
|
+
<mxCell id="b57-4" value="configuration for text" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
11
11
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
|
12
12
|
</mxCell>
|
|
13
|
-
<mxCell id="
|
|
13
|
+
<mxCell id="b57-5" value="refactor shapes configuration so that it reads from custom file" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
14
14
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
|
15
15
|
</mxCell>
|
|
16
|
-
<mxCell id="
|
|
16
|
+
<mxCell id="b57-6" value="fix :text" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
17
17
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
|
18
18
|
</mxCell>
|
|
19
|
-
<mxCell id="
|
|
19
|
+
<mxCell id="b57-7" value="add :shape, :line and :text to random shape generator, note: you can see the issue in the samples/20-styled-shapes.rb where the text is not rendered" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
20
20
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
|
21
21
|
</mxCell>
|
|
22
|
-
<mxCell id="
|
|
22
|
+
<mxCell id="b57-8" value="add new shapes related to line connectors" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
23
23
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
|
24
24
|
</mxCell>
|
|
25
|
+
<mxCell id="b57-9" 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_b57">
|
|
26
|
+
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
|
27
|
+
</mxCell>
|
|
28
|
+
<mxCell id="b57-10" 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_b57">
|
|
29
|
+
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
|
30
|
+
</mxCell>
|
|
31
|
+
<mxCell id="b57-11" value="line connectors should not effect the grid positioning systems" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
32
|
+
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
|
33
|
+
</mxCell>
|
|
34
|
+
<mxCell id="b57-12" value="headings do not appear to be working?" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
35
|
+
<mxGeometry x="10" y="250" width="300" height="60" as="geometry"/>
|
|
36
|
+
</mxCell>
|
|
37
|
+
<mxCell id="b57-13" value="improve coverage" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_b57">
|
|
38
|
+
<mxGeometry x="330" y="250" width="300" height="60" as="geometry"/>
|
|
39
|
+
</mxCell>
|
|
40
|
+
<mxCell id="b57-14" 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_b57">
|
|
41
|
+
<mxGeometry x="650" y="250" width="300" height="60" as="geometry"/>
|
|
42
|
+
</mxCell>
|
|
25
43
|
</root>
|
|
26
44
|
</mxGraphModel>
|
|
27
45
|
</diagram>
|
|
28
|
-
<diagram id="
|
|
46
|
+
<diagram id="plU" name="To Do">
|
|
29
47
|
<mxGraphModel dx="0" dy="0" background="#FFFACD" 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">
|
|
30
48
|
<root>
|
|
31
|
-
<mxCell id="
|
|
32
|
-
<mxCell id="
|
|
33
|
-
<mxCell id="
|
|
49
|
+
<mxCell id="page_root_plU" parent="plU"/>
|
|
50
|
+
<mxCell id="node_root_plU" parent="page_root_plU"/>
|
|
51
|
+
<mxCell id="plU-2" 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_plU">
|
|
34
52
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
|
35
53
|
</mxCell>
|
|
36
|
-
<mxCell id="
|
|
54
|
+
<mxCell id="plU-3" 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_plU">
|
|
37
55
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
|
38
56
|
</mxCell>
|
|
39
|
-
<mxCell id="
|
|
57
|
+
<mxCell id="plU-4" 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_plU">
|
|
40
58
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
|
41
59
|
</mxCell>
|
|
42
|
-
<mxCell id="
|
|
60
|
+
<mxCell id="plU-5" 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_plU">
|
|
43
61
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
|
44
62
|
</mxCell>
|
|
45
|
-
<mxCell id="
|
|
63
|
+
<mxCell id="plU-6" 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=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_plU">
|
|
46
64
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
|
47
65
|
</mxCell>
|
|
48
|
-
<mxCell id="
|
|
66
|
+
<mxCell id="plU-7" 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_plU">
|
|
49
67
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
|
50
68
|
</mxCell>
|
|
51
|
-
<mxCell id="
|
|
69
|
+
<mxCell id="plU-8" value="Nodes need to support child nodes" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_plU">
|
|
52
70
|
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
|
53
71
|
</mxCell>
|
|
54
|
-
<mxCell id="
|
|
72
|
+
<mxCell id="plU-9" 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_plU">
|
|
55
73
|
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
|
56
74
|
</mxCell>
|
|
57
|
-
<mxCell id="
|
|
75
|
+
<mxCell id="plU-10" 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_plU">
|
|
58
76
|
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
|
59
77
|
</mxCell>
|
|
60
|
-
<mxCell id="
|
|
78
|
+
<mxCell id="plU-11" 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_plU">
|
|
61
79
|
<mxGeometry x="10" y="250" width="300" height="60" as="geometry"/>
|
|
62
80
|
</mxCell>
|
|
63
|
-
<mxCell id="
|
|
81
|
+
<mxCell id="plU-12" 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_plU">
|
|
64
82
|
<mxGeometry x="330" y="250" width="300" height="60" as="geometry"/>
|
|
65
83
|
</mxCell>
|
|
66
|
-
<mxCell id="
|
|
84
|
+
<mxCell id="plU-13" 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_plU">
|
|
67
85
|
<mxGeometry x="650" y="250" width="300" height="60" as="geometry"/>
|
|
68
86
|
</mxCell>
|
|
69
|
-
<mxCell id="
|
|
87
|
+
<mxCell id="plU-14" 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_plU">
|
|
70
88
|
<mxGeometry x="10" y="330" width="300" height="60" as="geometry"/>
|
|
71
89
|
</mxCell>
|
|
72
90
|
</root>
|
|
73
91
|
</mxGraphModel>
|
|
74
92
|
</diagram>
|
|
75
|
-
<diagram id="
|
|
93
|
+
<diagram id="lil" name="Done">
|
|
76
94
|
<mxGraphModel dx="0" dy="0" background="#FFFACD" 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">
|
|
77
95
|
<root>
|
|
78
|
-
<mxCell id="
|
|
79
|
-
<mxCell id="
|
|
80
|
-
<mxCell id="
|
|
96
|
+
<mxCell id="page_root_lil" parent="lil"/>
|
|
97
|
+
<mxCell id="node_root_lil" parent="page_root_lil"/>
|
|
98
|
+
<mxCell id="lil-2" value="configuration for elements" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_lil">
|
|
81
99
|
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
|
82
100
|
</mxCell>
|
|
83
|
-
<mxCell id="
|
|
101
|
+
<mxCell id="lil-3" 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_lil">
|
|
84
102
|
<mxGeometry x="330" y="10" width="300" height="60" as="geometry"/>
|
|
85
103
|
</mxCell>
|
|
86
|
-
<mxCell id="
|
|
104
|
+
<mxCell id="lil-4" 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_lil">
|
|
87
105
|
<mxGeometry x="650" y="10" width="300" height="60" as="geometry"/>
|
|
88
106
|
</mxCell>
|
|
89
|
-
<mxCell id="
|
|
107
|
+
<mxCell id="lil-5" 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_lil">
|
|
90
108
|
<mxGeometry x="10" y="90" width="300" height="60" as="geometry"/>
|
|
91
109
|
</mxCell>
|
|
92
|
-
<mxCell id="
|
|
110
|
+
<mxCell id="lil-6" 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_lil">
|
|
93
111
|
<mxGeometry x="330" y="90" width="300" height="60" as="geometry"/>
|
|
94
112
|
</mxCell>
|
|
95
|
-
<mxCell id="
|
|
113
|
+
<mxCell id="lil-7" 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_lil">
|
|
96
114
|
<mxGeometry x="650" y="90" width="300" height="60" as="geometry"/>
|
|
97
115
|
</mxCell>
|
|
98
|
-
<mxCell id="
|
|
116
|
+
<mxCell id="lil-8" 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_lil">
|
|
99
117
|
<mxGeometry x="10" y="170" width="300" height="60" as="geometry"/>
|
|
100
118
|
</mxCell>
|
|
101
|
-
<mxCell id="
|
|
119
|
+
<mxCell id="lil-9" 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_lil">
|
|
102
120
|
<mxGeometry x="330" y="170" width="300" height="60" as="geometry"/>
|
|
103
121
|
</mxCell>
|
|
104
|
-
<mxCell id="
|
|
122
|
+
<mxCell id="lil-10" 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_lil">
|
|
105
123
|
<mxGeometry x="650" y="170" width="300" height="60" as="geometry"/>
|
|
106
124
|
</mxCell>
|
|
107
|
-
<mxCell id="
|
|
125
|
+
<mxCell id="lil-11" 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_lil">
|
|
108
126
|
<mxGeometry x="10" y="250" width="300" height="60" as="geometry"/>
|
|
109
127
|
</mxCell>
|
|
110
|
-
<mxCell id="
|
|
128
|
+
<mxCell id="lil-12" 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_lil">
|
|
111
129
|
<mxGeometry x="330" y="250" width="300" height="60" as="geometry"/>
|
|
112
130
|
</mxCell>
|
|
113
|
-
<mxCell id="
|
|
131
|
+
<mxCell id="lil-13" 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_lil">
|
|
114
132
|
<mxGeometry x="650" y="250" width="300" height="60" as="geometry"/>
|
|
115
133
|
</mxCell>
|
|
116
|
-
<mxCell id="
|
|
134
|
+
<mxCell id="lil-14" 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_lil">
|
|
117
135
|
<mxGeometry x="10" y="330" width="300" height="60" as="geometry"/>
|
|
118
136
|
</mxCell>
|
|
119
|
-
<mxCell id="
|
|
137
|
+
<mxCell id="lil-15" 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_lil">
|
|
120
138
|
<mxGeometry x="330" y="330" width="300" height="60" as="geometry"/>
|
|
121
139
|
</mxCell>
|
|
122
|
-
<mxCell id="
|
|
140
|
+
<mxCell id="lil-16" 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_lil">
|
|
123
141
|
<mxGeometry x="650" y="330" width="300" height="60" as="geometry"/>
|
|
124
142
|
</mxCell>
|
|
125
|
-
<mxCell id="
|
|
143
|
+
<mxCell id="lil-17" 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_lil">
|
|
126
144
|
<mxGeometry x="10" y="410" width="300" height="60" as="geometry"/>
|
|
127
145
|
</mxCell>
|
|
128
|
-
<mxCell id="
|
|
146
|
+
<mxCell id="lil-18" 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_lil">
|
|
129
147
|
<mxGeometry x="330" y="410" width="300" height="60" as="geometry"/>
|
|
130
148
|
</mxCell>
|
|
131
|
-
<mxCell id="
|
|
149
|
+
<mxCell id="lil-19" 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_lil">
|
|
132
150
|
<mxGeometry x="650" y="410" width="300" height="60" as="geometry"/>
|
|
133
151
|
</mxCell>
|
|
134
|
-
<mxCell id="
|
|
152
|
+
<mxCell id="lil-20" 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_lil">
|
|
135
153
|
<mxGeometry x="10" y="490" width="300" height="60" as="geometry"/>
|
|
136
154
|
</mxCell>
|
|
137
|
-
<mxCell id="
|
|
155
|
+
<mxCell id="lil-21" 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_lil">
|
|
138
156
|
<mxGeometry x="330" y="490" width="300" height="60" as="geometry"/>
|
|
139
157
|
</mxCell>
|
|
140
|
-
<mxCell id="
|
|
158
|
+
<mxCell id="lil-22" 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_lil">
|
|
141
159
|
<mxGeometry x="650" y="490" width="300" height="60" as="geometry"/>
|
|
142
160
|
</mxCell>
|
|
143
|
-
<mxCell id="
|
|
161
|
+
<mxCell id="lil-23" 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_lil">
|
|
144
162
|
<mxGeometry x="10" y="570" width="300" height="60" as="geometry"/>
|
|
145
163
|
</mxCell>
|
|
146
|
-
<mxCell id="
|
|
164
|
+
<mxCell id="lil-24" 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_lil">
|
|
147
165
|
<mxGeometry x="330" y="570" width="300" height="60" as="geometry"/>
|
|
148
166
|
</mxCell>
|
|
149
|
-
<mxCell id="
|
|
167
|
+
<mxCell id="lil-25" 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_lil">
|
|
150
168
|
<mxGeometry x="650" y="570" width="300" height="60" as="geometry"/>
|
|
151
169
|
</mxCell>
|
|
152
|
-
<mxCell id="
|
|
170
|
+
<mxCell id="lil-26" 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_lil">
|
|
153
171
|
<mxGeometry x="10" y="650" width="300" height="60" as="geometry"/>
|
|
154
172
|
</mxCell>
|
|
155
|
-
<mxCell id="
|
|
173
|
+
<mxCell id="lil-27" 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_lil">
|
|
156
174
|
<mxGeometry x="330" y="650" width="300" height="60" as="geometry"/>
|
|
157
175
|
</mxCell>
|
|
176
|
+
<mxCell id="lil-28" 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_lil">
|
|
177
|
+
<mxGeometry x="650" y="650" width="300" height="60" as="geometry"/>
|
|
178
|
+
</mxCell>
|
|
179
|
+
<mxCell id="lil-29" 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_lil">
|
|
180
|
+
<mxGeometry x="10" y="730" width="300" height="60" as="geometry"/>
|
|
181
|
+
</mxCell>
|
|
182
|
+
<mxCell id="lil-30" 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_lil">
|
|
183
|
+
<mxGeometry x="330" y="730" width="300" height="60" as="geometry"/>
|
|
184
|
+
</mxCell>
|
|
185
|
+
<mxCell id="lil-31" 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_lil">
|
|
186
|
+
<mxGeometry x="650" y="730" width="300" height="60" as="geometry"/>
|
|
187
|
+
</mxCell>
|
|
188
|
+
<mxCell id="lil-32" 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_lil">
|
|
189
|
+
<mxGeometry x="10" y="810" width="300" height="60" as="geometry"/>
|
|
190
|
+
</mxCell>
|
|
191
|
+
<mxCell id="lil-33" 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_lil">
|
|
192
|
+
<mxGeometry x="330" y="810" width="300" height="60" as="geometry"/>
|
|
193
|
+
</mxCell>
|
|
194
|
+
<mxCell id="lil-34" 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_lil">
|
|
195
|
+
<mxGeometry x="650" y="810" width="300" height="60" as="geometry"/>
|
|
196
|
+
</mxCell>
|
|
158
197
|
</root>
|
|
159
198
|
</mxGraphModel>
|
|
160
199
|
</diagram>
|