k_builder 0.0.63 → 0.0.68

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 260817fcc90386176ab82712c52a9a15e5a822b04f348a1b3f5b9ba7ea57c0dd
4
- data.tar.gz: 68587734f564fac66c1fe8378cb417f81a88539cfa1cb58f08d34a29dca288ff
3
+ metadata.gz: 7bd3ddd77fda6cfa2a887a20fb924aa5a5181244a91d910540a32a7383074191
4
+ data.tar.gz: e942f11959736361d19c0b09f39a4ed6500b89373dcfa3e7e8763d79ff803559
5
5
  SHA512:
6
- metadata.gz: 57099e14149c32c39e02d85322bfa241ba5525ffe939a59824a21a67738db77a4fae2eb070cb777feb85dcaf9aa7113d107a53ed2be15e1219607a7f271f4852
7
- data.tar.gz: e2b5a3aa292859d76c69f70ff0e99d20fd2b0f5ea67be17c20f4cf338f3c5be5fb37370528f44c64ad2376a8b22f1ecd21f011581f688b72dbf60cb7f830b5c0
6
+ metadata.gz: 8ad7eec17221b5e64b59cea284bbfd7dc20af852c113462a90ae17637307f36945e4c7535c35d3a75a138a8fb662da86c8254dc2a244e2e5f3bc2c781ca2dff7
7
+ data.tar.gz: a8ca584e3c0ff1feae5d8cbf4b8c32fc0bea751cec6d23980092de814fea9f10c7f1dec936852a698edf6fdc70bfe913c26b86a6d5014f5a81ee0fe930c89a8f
@@ -0,0 +1,103 @@
1
+ <mxfile host="65bd71144e">
2
+ <diagram id="R2lEEEUBdFMjLlhIrx00" name="Page-1">
3
+ <mxGraphModel dx="902" dy="583" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0" extFonts="Permanent Marker^https://fonts.googleapis.com/css?family=Permanent+Marker">
4
+ <root>
5
+ <mxCell id="0"/>
6
+ <mxCell id="1" parent="0"/>
7
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-1" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-24" target="C-vyLk0tnHw3VtMMgP7b-6" edge="1">
8
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
9
+ <mxPoint x="340" y="720" as="sourcePoint"/>
10
+ <mxPoint x="440" y="620" as="targetPoint"/>
11
+ </mxGeometry>
12
+ </mxCell>
13
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-12" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-3" target="C-vyLk0tnHw3VtMMgP7b-17" edge="1">
14
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
15
+ <mxPoint x="400" y="180" as="sourcePoint"/>
16
+ <mxPoint x="460" y="205" as="targetPoint"/>
17
+ </mxGeometry>
18
+ </mxCell>
19
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-2" value="Orders" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
20
+ <mxGeometry x="450" y="120" width="250" height="130" as="geometry"/>
21
+ </mxCell>
22
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-3" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
23
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
24
+ </mxCell>
25
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-4" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
26
+ <mxGeometry width="30" height="30" as="geometry"/>
27
+ </mxCell>
28
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-5" value="order_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
29
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
30
+ </mxCell>
31
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-6" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
32
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
33
+ </mxCell>
34
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-7" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
35
+ <mxGeometry width="30" height="30" as="geometry"/>
36
+ </mxCell>
37
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-8" value="customer_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
38
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
39
+ </mxCell>
40
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-9" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
41
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
42
+ </mxCell>
43
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-10" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
44
+ <mxGeometry width="30" height="30" as="geometry"/>
45
+ </mxCell>
46
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-11" value="order_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
47
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
48
+ </mxCell>
49
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-13" value="Shipments" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
50
+ <mxGeometry x="450" y="280" width="250" height="130" as="geometry"/>
51
+ </mxCell>
52
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-14" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
53
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
54
+ </mxCell>
55
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-15" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
56
+ <mxGeometry width="30" height="30" as="geometry"/>
57
+ </mxCell>
58
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-16" value="shipment_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
59
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
60
+ </mxCell>
61
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-17" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
62
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
63
+ </mxCell>
64
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-18" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
65
+ <mxGeometry width="30" height="30" as="geometry"/>
66
+ </mxCell>
67
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-19" value="order_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
68
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
69
+ </mxCell>
70
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-20" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
71
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
72
+ </mxCell>
73
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-21" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
74
+ <mxGeometry width="30" height="30" as="geometry"/>
75
+ </mxCell>
76
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-22" value="shipment_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
77
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
78
+ </mxCell>
79
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-23" value="Customers" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
80
+ <mxGeometry x="20" y="50" width="250" height="100" as="geometry"/>
81
+ </mxCell>
82
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-24" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
83
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
84
+ </mxCell>
85
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-25" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
86
+ <mxGeometry width="30" height="30" as="geometry"/>
87
+ </mxCell>
88
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-26" value="test_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
89
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
90
+ </mxCell>
91
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-27" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
92
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
93
+ </mxCell>
94
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-28" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
95
+ <mxGeometry width="30" height="30" as="geometry"/>
96
+ </mxCell>
97
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-29" value="customer_name char(50) NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
98
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
99
+ </mxCell>
100
+ </root>
101
+ </mxGraphModel>
102
+ </diagram>
103
+ </mxfile>
data/Sample.drawio ADDED
@@ -0,0 +1,103 @@
1
+ <mxfile host="65bd71144e">
2
+ <diagram id="R2lEEEUBdFMjLlhIrx00" name="Page-1">
3
+ <mxGraphModel dx="951" dy="448" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0" extFonts="Permanent Marker^https://fonts.googleapis.com/css?family=Permanent+Marker">
4
+ <root>
5
+ <mxCell id="0"/>
6
+ <mxCell id="1" parent="0"/>
7
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-1" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-24" target="C-vyLk0tnHw3VtMMgP7b-6" edge="1">
8
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
9
+ <mxPoint x="340" y="720" as="sourcePoint"/>
10
+ <mxPoint x="440" y="620" as="targetPoint"/>
11
+ </mxGeometry>
12
+ </mxCell>
13
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-12" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-3" target="C-vyLk0tnHw3VtMMgP7b-17" edge="1">
14
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
15
+ <mxPoint x="400" y="180" as="sourcePoint"/>
16
+ <mxPoint x="460" y="205" as="targetPoint"/>
17
+ </mxGeometry>
18
+ </mxCell>
19
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-2" value="Orders" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
20
+ <mxGeometry x="450" y="120" width="250" height="130" as="geometry"/>
21
+ </mxCell>
22
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-3" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
23
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
24
+ </mxCell>
25
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-4" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
26
+ <mxGeometry width="30" height="30" as="geometry"/>
27
+ </mxCell>
28
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-5" value="order_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
29
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
30
+ </mxCell>
31
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-6" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
32
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
33
+ </mxCell>
34
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-7" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
35
+ <mxGeometry width="30" height="30" as="geometry"/>
36
+ </mxCell>
37
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-8" value="customer_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
38
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
39
+ </mxCell>
40
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-9" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
41
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
42
+ </mxCell>
43
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-10" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
44
+ <mxGeometry width="30" height="30" as="geometry"/>
45
+ </mxCell>
46
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-11" value="order_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
47
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
48
+ </mxCell>
49
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-13" value="Shipments" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
50
+ <mxGeometry x="450" y="280" width="250" height="130" as="geometry"/>
51
+ </mxCell>
52
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-14" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
53
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
54
+ </mxCell>
55
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-15" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
56
+ <mxGeometry width="30" height="30" as="geometry"/>
57
+ </mxCell>
58
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-16" value="shipment_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
59
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
60
+ </mxCell>
61
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-17" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
62
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
63
+ </mxCell>
64
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-18" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
65
+ <mxGeometry width="30" height="30" as="geometry"/>
66
+ </mxCell>
67
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-19" value="order_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
68
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
69
+ </mxCell>
70
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-20" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
71
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
72
+ </mxCell>
73
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-21" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
74
+ <mxGeometry width="30" height="30" as="geometry"/>
75
+ </mxCell>
76
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-22" value="shipment_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
77
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
78
+ </mxCell>
79
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-23" value="Customers" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
80
+ <mxGeometry x="50" y="120" width="250" height="100" as="geometry"/>
81
+ </mxCell>
82
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-24" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
83
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
84
+ </mxCell>
85
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-25" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
86
+ <mxGeometry width="30" height="30" as="geometry"/>
87
+ </mxCell>
88
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-26" value="test_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
89
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
90
+ </mxCell>
91
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-27" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
92
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
93
+ </mxCell>
94
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-28" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
95
+ <mxGeometry width="30" height="30" as="geometry"/>
96
+ </mxCell>
97
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-29" value="customer_name char(50) NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
98
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
99
+ </mxCell>
100
+ </root>
101
+ </mxGraphModel>
102
+ </diagram>
103
+ </mxfile>
data/Sample.xml ADDED
@@ -0,0 +1,103 @@
1
+ <mxfile host="65bd71144e">
2
+ <diagram id="R2lEEEUBdFMjLlhIrx00" name="Page-1">
3
+ <mxGraphModel dx="2" dy="1" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0" extFonts="Permanent Marker^https://fonts.googleapis.com/css?family=Permanent+Marker">
4
+ <root>
5
+ <mxCell id="0"/>
6
+ <mxCell id="1" parent="0"/>
7
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-1" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-24" target="C-vyLk0tnHw3VtMMgP7b-6" edge="1">
8
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
9
+ <mxPoint x="340" y="720" as="sourcePoint"/>
10
+ <mxPoint x="440" y="620" as="targetPoint"/>
11
+ </mxGeometry>
12
+ </mxCell>
13
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-12" value="" style="edgeStyle=entityRelationEdgeStyle;endArrow=ERzeroToMany;startArrow=ERone;endFill=1;startFill=0;" parent="1" source="C-vyLk0tnHw3VtMMgP7b-3" target="C-vyLk0tnHw3VtMMgP7b-17" edge="1">
14
+ <mxGeometry width="100" height="100" relative="1" as="geometry">
15
+ <mxPoint x="400" y="180" as="sourcePoint"/>
16
+ <mxPoint x="460" y="205" as="targetPoint"/>
17
+ </mxGeometry>
18
+ </mxCell>
19
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-2" value="Orders" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
20
+ <mxGeometry x="450" y="120" width="250" height="130" as="geometry"/>
21
+ </mxCell>
22
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-3" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
23
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
24
+ </mxCell>
25
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-4" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
26
+ <mxGeometry width="30" height="30" as="geometry"/>
27
+ </mxCell>
28
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-5" value="order_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-3" vertex="1">
29
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
30
+ </mxCell>
31
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-6" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
32
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
33
+ </mxCell>
34
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-7" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
35
+ <mxGeometry width="30" height="30" as="geometry"/>
36
+ </mxCell>
37
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-8" value="customer_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-6" vertex="1">
38
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
39
+ </mxCell>
40
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-9" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-2" vertex="1">
41
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
42
+ </mxCell>
43
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-10" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
44
+ <mxGeometry width="30" height="30" as="geometry"/>
45
+ </mxCell>
46
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-11" value="order_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-9" vertex="1">
47
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
48
+ </mxCell>
49
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-13" value="Shipments" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
50
+ <mxGeometry x="450" y="280" width="250" height="130" as="geometry"/>
51
+ </mxCell>
52
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-14" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
53
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
54
+ </mxCell>
55
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-15" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
56
+ <mxGeometry width="30" height="30" as="geometry"/>
57
+ </mxCell>
58
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-16" value="shipment_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-14" vertex="1">
59
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
60
+ </mxCell>
61
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-17" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
62
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
63
+ </mxCell>
64
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-18" value="FK1" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
65
+ <mxGeometry width="30" height="30" as="geometry"/>
66
+ </mxCell>
67
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-19" value="order_id int NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-17" vertex="1">
68
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
69
+ </mxCell>
70
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-20" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-13" vertex="1">
71
+ <mxGeometry y="90" width="250" height="30" as="geometry"/>
72
+ </mxCell>
73
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-21" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
74
+ <mxGeometry width="30" height="30" as="geometry"/>
75
+ </mxCell>
76
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-22" value="shipment_date date NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-20" vertex="1">
77
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
78
+ </mxCell>
79
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-23" value="Customers" style="shape=table;startSize=30;container=1;collapsible=1;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=1;align=center;resizeLast=1;" parent="1" vertex="1">
80
+ <mxGeometry x="20" y="50" width="250" height="100" as="geometry"/>
81
+ </mxCell>
82
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-24" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=1;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
83
+ <mxGeometry y="30" width="250" height="30" as="geometry"/>
84
+ </mxCell>
85
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-25" value="PK" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;fontStyle=1;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
86
+ <mxGeometry width="30" height="30" as="geometry"/>
87
+ </mxCell>
88
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-26" value="test_id int NOT NULL " style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;fontStyle=5;" parent="C-vyLk0tnHw3VtMMgP7b-24" vertex="1">
89
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
90
+ </mxCell>
91
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-27" value="" style="shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;top=0;left=0;right=0;bottom=0;" parent="C-vyLk0tnHw3VtMMgP7b-23" vertex="1">
92
+ <mxGeometry y="60" width="250" height="30" as="geometry"/>
93
+ </mxCell>
94
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-28" value="" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
95
+ <mxGeometry width="30" height="30" as="geometry"/>
96
+ </mxCell>
97
+ <mxCell id="C-vyLk0tnHw3VtMMgP7b-29" value="customer_name char(50) NOT NULL" style="shape=partialRectangle;overflow=hidden;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;align=left;spacingLeft=6;" parent="C-vyLk0tnHw3VtMMgP7b-27" vertex="1">
98
+ <mxGeometry x="30" width="220" height="30" as="geometry"/>
99
+ </mxCell>
100
+ </root>
101
+ </mxGraphModel>
102
+ </diagram>
103
+ </mxfile>
data/hooks/pre-commit CHANGED
@@ -23,6 +23,8 @@ files_changed -= ['Gemfile']
23
23
  files_changed -= ['Gemfile.lock']
24
24
  files_changed -= ['.gitignore']
25
25
  files_changed -= ['README.md']
26
+ files_changed -= ['lib/k_builder/assets/highlight.min.js']
27
+ files_changed -= ['spec/k_builder/base_builder_spec.rb']
26
28
 
27
29
  files_changed = files_changed.reject { |f| f.downcase.end_with?('.json') }
28
30
  files_changed = files_changed.reject { |f| f.downcase.end_with?('.yml') }
data/k_builder.gemspec CHANGED
@@ -37,7 +37,6 @@ Gem::Specification.new do |spec|
37
37
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
38
38
  spec.require_paths = ['lib']
39
39
  # spec.extensions = ['ext/k_builder/extconf.rb']
40
-
41
40
  spec.add_dependency 'handlebars-helpers', '~> 0'
42
41
  spec.add_dependency 'k_log', '~> 0'
43
42
  spec.add_dependency 'k_type', '~> 0'
@@ -0,0 +1,235 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>David</title>
8
+ <script src="highlight.min.js"></script>
9
+ <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/default.min.css"> -->
10
+ <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.5/dist/html2canvas.min.js"></script>
11
+ <script src="//cdn.jsdelivr.net/gh/TRSasasusu/highlightjs-highlight-lines.js@1.1.6/highlightjs-highlight-lines.min.js"></script>
12
+ <script src="//cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@2.8.0/dist/highlightjs-line-numbers.min.js"></script>
13
+
14
+ <link rel="stylesheet" href="highlight_css/a11y-light.css">
15
+
16
+ <style>
17
+ pre > code {
18
+ font-family: "Sans Mono", "Consolas", "Courier", monospace;
19
+ }
20
+
21
+
22
+ /*
23
+ color: white; */
24
+
25
+ .animated-box {
26
+ font-family: 'Lato';
27
+ color: #ffffff;
28
+ padding: 30px;
29
+ text-align: center;
30
+ border-radius: 4px;
31
+ }
32
+
33
+ .animated-box {
34
+ position: relative;
35
+ }
36
+
37
+ .animated-box:after {
38
+ content: '';
39
+ position: absolute;
40
+ top: 0;
41
+ left: 0;
42
+ right: 0;
43
+ bottom: 0;
44
+ border-radius: 4px;
45
+ background: linear-gradient(120deg, #00F260, #0575E6, #00F260);
46
+ background-size: 300% 300%;
47
+ clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
48
+ }
49
+
50
+ .animated-box.in:after {
51
+ animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;
52
+ }
53
+
54
+ #box {
55
+ position: absolute;
56
+ top: 170px;
57
+ left: 70px;
58
+ width: 600px;
59
+ height: 465px;
60
+ display: flex;
61
+ align-items: center;
62
+ justify-content: center;
63
+ color: white;
64
+ font-family: 'Raleway';
65
+ font-size: 2.5rem;
66
+ /* background-color: rgba(255,255,225,0); */
67
+ }
68
+
69
+ .with-linear-gradient {
70
+ --borderWidth: 13px;
71
+ background: transparent;
72
+ position: relative;
73
+ border-radius: var(--borderWidth);
74
+ }
75
+ .with-linear-gradient:after {
76
+ content: '';
77
+ position: absolute;
78
+ top: calc(-1 * var(--borderWidth));
79
+ left: calc(-1 * var(--borderWidth));
80
+ height: calc(100% + var(--borderWidth) * 2);
81
+ width: calc(100% + var(--borderWidth) * 2);
82
+ border-radius: calc(2 * var(--borderWidth));
83
+ background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8);
84
+ z-index: -1;
85
+ animation: animatedgradient 3s ease alternate infinite;
86
+ background-size: 300% 300%;
87
+ }
88
+ .animated-box {
89
+ position: relative;
90
+ }
91
+
92
+ .animated-box:after {
93
+ content: '';
94
+ position: absolute;
95
+ top: 0;
96
+ left: 0;
97
+ right: 0;
98
+ bottom: 0;
99
+ border-radius: 4px;
100
+ background: linear-gradient(120deg, #00F260, #0575E6, #00F260);
101
+ background-size: 300% 300%;
102
+ clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
103
+ }
104
+
105
+ .animated-box.in:after {
106
+ animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;
107
+ }
108
+
109
+
110
+ @keyframes animatedgradient {
111
+ 0% {
112
+ background-position: 0% 50%;
113
+ }
114
+ 50% {
115
+ background-position: 100% 50%;
116
+ }
117
+ 100% {
118
+ background-position: 0% 50%;
119
+ }
120
+ }
121
+
122
+ */
123
+ /* for block of numbers */
124
+ .hljs-ln-numbers {
125
+ -webkit-touch-callout: none;
126
+ -webkit-user-select: none;
127
+ -khtml-user-select: none;
128
+ -moz-user-select: none;
129
+ -ms-user-select: none;
130
+ user-select: none;
131
+
132
+ text-align: center;
133
+ color: #ccc;
134
+ border-right: 1px solid #CCC;
135
+ vertical-align: top;
136
+ padding-right: 5px;
137
+
138
+ /* your custom style here */
139
+ }
140
+
141
+ /* for block of code */
142
+ .hljs-ln-code {
143
+ padding-left: 100px;
144
+ }
145
+
146
+ .borderexample {
147
+ border-style:solid;
148
+ border-color:#287EC7;
149
+ }
150
+ </style>
151
+ </head>
152
+ <body>
153
+
154
+
155
+
156
+ <div id="myBlock">
157
+ <pre><code class="ruby">
158
+ # frozen_string_literal: true
159
+
160
+ module KBuilder
161
+ module Commands
162
+ # Base command for single responsibility actions that can be fired
163
+ # from methods in the builder.
164
+ #
165
+ # Uses the command pattern
166
+ class BaseCommand
167
+ include KLog::Logging
168
+
169
+ attr_accessor :builder
170
+ attr_accessor :valid
171
+
172
+ def initialize(**opts)
173
+ @builder = opts[:builder]
174
+ @valid = true
175
+ end
176
+
177
+ def guard(message)
178
+ # THIS SHOULD ONLY LOG IF DEBUGGING IS TURNED ON
179
+ log.error(message)
180
+ @valid = false
181
+ end
182
+
183
+ def valid?
184
+ @valid
185
+ end
186
+
187
+ def debug(title: nil)
188
+ log.section_heading(title) if title
189
+ debug_values if respond_to?(:debug_values)
190
+ end
191
+ end
192
+ end
193
+ end
194
+ </code></pre>
195
+ are go
196
+ <a id='x' href="" download="name.jpg"></a>
197
+
198
+ <div id='box' class='animated-box in' xclass="with-linear-gradient">
199
+
200
+ </div>
201
+ </body>
202
+ <script>hljs.highlightAll();</script>
203
+
204
+ <button onclick="takeshot()">
205
+ Take Screenshot
206
+ </button>
207
+
208
+ <div id="output"></div>
209
+
210
+ <script>
211
+
212
+ const screenshotTarget = document.getElementById('myBlock');
213
+
214
+ let div = document.getElementById('myBlock');
215
+
216
+ setTimeout(function(){
217
+
218
+ html2canvas(div).then(
219
+ function (canvas) {
220
+ document
221
+ .getElementById('output')
222
+ .appendChild(canvas);
223
+ });
224
+
225
+ }, 1000);
226
+
227
+ hljs.initHighlightingOnLoad();
228
+ hljs.initLineNumbersOnLoad();
229
+ hljs.initHighlightLinesOnLoad([
230
+ [{start: 1, end: 3, color: '#555'}, {start: 6, end: 6, color: 'yellow'},], // Highlight some lines in the first code block.
231
+ [{start: 2, end: 3, color: 'rgba(255, 255, 255, 0.2)'},], // Highlight some lines in the second code block.
232
+ ]);
233
+
234
+ </script>
235
+ </html>