feat: removed arn param of node, reading from yaml completed

tsypuk · Aug 11, 2023 · a42d360 · a42d360
1 parent 130a6fc
commit a42d360
Show file tree

Hide file tree

Showing 59 changed files with 456 additions and 148 deletions.
diff --git a/docs/docs/aws-components/api_gw.md b/docs/docs/aws-components/api_gw.md
@@ -2,7 +2,7 @@
 layout: default
 title: API Gateway
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/dynamo.md b/docs/docs/aws-components/dynamo.md
@@ -2,7 +2,7 @@
 layout: default
 title: DynamoDB
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/dynamo_stream.md b/docs/docs/aws-components/dynamo_stream.md
@@ -2,7 +2,7 @@
 layout: default
 title: DynamoDB Stream
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/event_bridge.md b/docs/docs/aws-components/event_bridge.md
@@ -2,7 +2,7 @@
 layout: default
 title: Event Bridge
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/iam_policy.md b/docs/docs/aws-components/iam_policy.md
@@ -2,7 +2,7 @@
 layout: default
 title: IAM Policy
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/iam_role.md b/docs/docs/aws-components/iam_role.md
@@ -2,7 +2,7 @@
 layout: default
 title: IAM Role
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/lambda_function.md b/docs/docs/aws-components/lambda_function.md
@@ -2,7 +2,7 @@
 layout: default
 title: Lambda Function
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/s3.md b/docs/docs/aws-components/s3.md
@@ -2,7 +2,7 @@
 layout: default
 title: S3
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/sns.md b/docs/docs/aws-components/sns.md
@@ -2,7 +2,7 @@
 layout: default
 title: SNS
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/aws-components/sqs.md b/docs/docs/aws-components/sqs.md
@@ -2,7 +2,7 @@
 layout: default
 title: SQS
 parent: AWS Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/configuration.md b/docs/docs/configuration.md
@@ -88,20 +88,7 @@ The minimum configuration requires importing MultiCloudDiagrams, adding vertices
 Let's add 2 vertices ``IAM Role`` and ``Lambda function``:
 
 ```python
-from multicloud_diagrams import MultiCloudDiagrams
-
-# Create a new cloud diagram
-mcd = MultiCloudDiagrams()
-
-output_file = '../output/diagram.drawio'
-func_arn = 'arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name'
-mcd.add_vertex(node_id=func_arn, node_name='prod-lambda-name', arn=func_arn, node_type='lambda_function')
-
-role_arn = 'arn:aws:iam::123456789012:role/prod-lambda-name'
-mcd.add_vertex(node_id=role_arn, node_name='role-lambda-name', arn=role_arn, node_type='iam_role')
-mcd.add_link(src_node_id=f'lambda_function:{func_arn}', dst_node_id=f'iam_role:{role_arn}')
-
-mcd.export_to_file(output_file)
+{% root_include_snippet ../tests/aws/test_getting_started.py getting_started_1 %}
 ```
 
 ## Open drawio editor and position nodes manually
@@ -129,35 +116,7 @@ If certain vertices were removed from the framework, they will not be present in
 Now, we are adding 2 more vertices ``IAM Permissions`` to see how it works.
 
 ```python
-from multicloud_diagrams import MultiCloudDiagrams
-
-# Create a new cloud diagram
-mcd = MultiCloudDiagrams()
-
-output_file = '../output/diagram.drawio'
-mcd.read_coords_from_file(output_file)
-
-func_arn = 'arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name'
-mcd.add_vertex(node_id=func_arn, node_name='prod-lambda-name', arn=func_arn, node_type='lambda_function')
-
-role_arn = 'arn:aws:iam::123456789012:role/prod-lambda-name'
-mcd.add_vertex(node_id=role_arn, node_name='role-lambda-name', arn=role_arn, node_type='iam_role')
-
-cw_policy_arn = "arn:aws:iam::123456789012:policy/prod-cloudwatch-policy"
-mcd.add_vertex(node_id=cw_policy_arn, node_name='prod-cloudwatch-policy', arn=cw_policy_arn, node_type='iam_policy')
-
-s3_policy_arn = "arn:aws:iam::123456789012:policy/prod-s3-policy"
-mcd.add_vertex(node_id=s3_policy_arn, node_name='prod-s3-policy', arn=s3_policy_arn, node_type='iam_policy')
-
-mcd.add_link(src_node_id=f'lambda_function:{func_arn}', dst_node_id=f'iam_role:{role_arn}')
-mcd.add_link(f'iam_role:{role_arn}', f'iam_policy:{cw_policy_arn}')
-mcd.add_link(f'iam_role:{role_arn}', f'iam_policy:{s3_policy_arn}')
-
-# We can write to same Diagram
-mcd.export_to_file(output_file)
-
-# Or write to a new Diagram version
-mcd.export_to_file('../output/diagram_v2.drawio')
+{% root_include_snippet ../tests/aws/test_getting_started.py getting_started_2 %}
 ```
 
 This approach allows for efficient placement of new elements while preserving the layout of existing ones based on the previous diagram's coordinates.

diff --git a/docs/docs/core-components/fallback_vertex.md b/docs/docs/core-components/fallback_vertex.md
@@ -2,7 +2,7 @@
 layout: default
 title: Fallback Vertex
 parent: CORE Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 
@@ -70,7 +70,7 @@ style="sketch=0;aspect=fixed;html=1;align=left;image;fontSize=12;image=img/lib/m
             <root>
                 <mxCell id="0"/>
                 <mxCell id="1" parent="0"/>
-                <mxCell id="vertex:non_existing_super_cloud_service:arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data" value="&lt;b&gt;Name&lt;/b&gt;: non_existing_super_cloud_service&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;Owner&lt;/b&gt;: 123456789012&lt;BR&gt;&lt;b&gt;CDC Offset&lt;/b&gt;: 3&lt;BR&gt;&lt;b&gt;Throttling&lt;/b&gt;: 100" style="sketch=0;aspect=fixed;html=1;align=left;image;fontSize=12;image=img/lib/mscae/Info.svg;labelBackgroundColor=none;" parent="1" vertex="1">
+                <mxCell id="vertex:non_existing_super_cloud_service:arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data" value="&lt;b&gt;Name&lt;/b&gt;: non_existing_super_cloud_service&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;Owner&lt;/b&gt;: 123456789012&lt;BR&gt;&lt;b&gt;CDC Offset&lt;/b&gt;: 3&lt;BR&gt;&lt;b&gt;Throttling&lt;/b&gt;: 100" style="sketch=0;aspect=fixed;html=1;align=left;image;fontSize=12;image=img/lib/mscae/Info.svg;labelBackgroundColor=none;" parent="1" vertex="1">
                     <mxGeometry width="78" height="78" as="geometry"/>
                 </mxCell>
             </root>

diff --git a/docs/docs/core-components/integration.md b/docs/docs/core-components/integration.md
@@ -2,7 +2,7 @@
 layout: default
 title: Integration
 parent: CORE Components
-nav_order: 1
+nav_order: 4
 date: 2023-08-07
 ---
 

diff --git a/docs/docs/core-components/layers.md b/docs/docs/core-components/layers.md
@@ -2,7 +2,7 @@
 layout: default
 title: Layers
 parent: CORE Components
-nav_order: 2
+nav_order: 3
 date: 2023-08-07
 ---
 

diff --git a/docs/docs/core-components/list.md b/docs/docs/core-components/list.md
@@ -2,7 +2,7 @@
 layout: default
 title: List of Records
 parent: CORE Components
-nav_order: 1
+nav_order: 3
 date: 2023-08-06
 ---
 

diff --git a/docs/docs/core-components/output/drawio/fallback_vertex.drawio b/docs/docs/core-components/output/drawio/fallback_vertex.drawio
@@ -4,7 +4,7 @@
 			<root>
 				<mxCell id="0" />
 				<mxCell id="1" parent="0" />
-				<mxCell id="vertex:non_existing_super_cloud_service:arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data" value="&lt;b&gt;Name&lt;/b&gt;: non_existing_super_cloud_service&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;Owner&lt;/b&gt;: 123456789012&lt;BR&gt;&lt;b&gt;CDC Offset&lt;/b&gt;: 3&lt;BR&gt;&lt;b&gt;Throttling&lt;/b&gt;: 100" style="sketch=0;aspect=fixed;html=1;align=left;image;fontSize=12;image=img/lib/mscae/Info.svg;labelBackgroundColor=none;" parent="1" vertex="1">
+				<mxCell id="vertex:non_existing_super_cloud_service:arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data" value="&lt;b&gt;Name&lt;/b&gt;: non_existing_super_cloud_service&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: arn:aws:non_existing_super_cloud_service:eu-west-1:123456789012:mock_data&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;Owner&lt;/b&gt;: 123456789012&lt;BR&gt;&lt;b&gt;CDC Offset&lt;/b&gt;: 3&lt;BR&gt;&lt;b&gt;Throttling&lt;/b&gt;: 100" style="sketch=0;aspect=fixed;html=1;align=left;image;fontSize=12;image=img/lib/mscae/Info.svg;labelBackgroundColor=none;" parent="1" vertex="1">
 					<mxGeometry width="78" height="78" as="geometry" />
 				</mxCell>
 			</root>

diff --git a/docs/docs/core-components/output/drawio/yaml.drawio b/docs/docs/core-components/output/drawio/yaml.drawio
@@ -0,0 +1,57 @@
+<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
+	<diagram id="diagram_1" name="AWS components">
+		<mxGraphModel dx="1015" dy="661" 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="1">
+			<root>
+				<mxCell id="0" />
+				<mxCell id="1" parent="0" />
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" value="&lt;b&gt;Name&lt;/b&gt;: prod-lambda-name&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="-12.75" y="-90" />
+				</mxCell>
+				<mxCell id="vertex:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" value="&lt;b&gt;Name&lt;/b&gt;: role-lambda-name&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:iam::123456789012:role/prod-lambda-name" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.role;fillColor=#759C3E;gradientColor=none;" parent="1" vertex="1">
+					<mxGeometry width="94.5" height="79.5" as="geometry" x="-25.5" y="60" />
+				</mxCell>
+				<mxCell id="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" value="&lt;b&gt;Name&lt;/b&gt;: prod-cloudwatch-policy&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#3F8624;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.policy;" parent="1" vertex="1">
+					<mxGeometry width="78" height="67" as="geometry" x="-200" y="290" />
+				</mxCell>
+				<mxCell id="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-s3-policy" value="&lt;b&gt;Name&lt;/b&gt;: prod-s3-policy&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:iam::123456789012:policy/prod-s3-policy" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#3F8624;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.policy;" parent="1" vertex="1">
+					<mxGeometry width="78" height="67" as="geometry" x="-20" y="240" />
+				</mxCell>
+				<mxCell id="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-dynamo-policy" value="&lt;b&gt;Name&lt;/b&gt;: prod-dynamodb-policy&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:iam::123456789012:policy/prod-dynamo-policy" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#3F8624;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.policy;" parent="1" vertex="1">
+					<mxGeometry width="78" height="67" as="geometry" x="150" y="210" />
+				</mxCell>
+				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" value="HasRole" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" y="19" />
+					</mxGeometry>
+				</mxCell>
+				<mxCell id="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" target="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" value="Allow CloudWatch logs" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-cloudwatch-policy" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" x="-78" y="-5" />
+					</mxGeometry>
+				</mxCell>
+				<mxCell id="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-s3-policy" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" target="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-s3-policy" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-s3-policy" value="Allow S3 access" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-s3-policy" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" x="-20" y="31" />
+					</mxGeometry>
+				</mxCell>
+				<mxCell id="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-dynamo-policy" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name" target="vertex:iam_policy:arn:aws:iam::123456789012:policy/prod-dynamo-policy" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-dynamo-policy" value="Allow DynamoDB read access" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:iam_role:arn:aws:iam::123456789012:role/prod-lambda-name:to:iam_policy:arn:aws:iam::123456789012:policy/prod-dynamo-policy" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" x="31" y="15" />
+					</mxGeometry>
+				</mxCell>
+			</root>
+		</mxGraphModel>
+	</diagram>
+</mxfile>
diff --git a/docs/docs/core-components/output/drawio/yaml2.drawio b/docs/docs/core-components/output/drawio/yaml2.drawio
@@ -0,0 +1,46 @@
+<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
+	<diagram id="diagram_1" name="AWS components">
+		<mxGraphModel dx="1015" dy="661" 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="1">
+			<root>
+				<mxCell id="0" />
+				<mxCell id="1" parent="0" />
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" value="&lt;b&gt;Name&lt;/b&gt;: prod-lambda-name&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="100" y="-230" />
+				</mxCell>
+				<mxCell id="vertex:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" value="&lt;b&gt;Name&lt;/b&gt;: prod-dynamo-table&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.dynamo_db;fillColor=#2E73B8;gradientColor=none;" parent="1" vertex="1">
+					<mxGeometry width="72" height="81" as="geometry" x="100" y="-70" />
+				</mxCell>
+				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" value="GET permissions" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" />
+					</mxGeometry>
+				</mxCell>
+				<mxCell id="vertex:mq_broker:host.broker.com" value="&lt;b&gt;Name&lt;/b&gt;: event-broker&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: host.broker.com" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#B0084D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.mq_broker;" parent="1" vertex="1">
+					<mxGeometry width="78" height="78" as="geometry" x="-160" y="-233" />
+				</mxCell>
+				<mxCell id="vertex:http:domain.com" value="&lt;b&gt;Name&lt;/b&gt;: on-prem-server&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: domain.com" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.http_protocol;fillColor=#5294CF;gradientColor=none;" parent="1" vertex="1">
+					<mxGeometry width="63" height="66" as="geometry" x="103" y="-420" />
+				</mxCell>
+				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:mq_broker:host.broker.com" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" value="Publish user activity log" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" x="-49" y="-16" />
+					</mxGeometry>
+				</mxCell>
+				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:http:domain.com" edge="2">
+					<mxGeometry as="geometry" />
+				</mxCell>
+				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" value="HTTP GET user actions" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" vertex="1" connectable="0">
+					<mxGeometry relative="1" as="geometry">
+						<mxPoint as="offset" y="22" />
+					</mxGeometry>
+				</mxCell>
+			</root>
+		</mxGraphModel>
+	</diagram>
+</mxfile>
diff --git a/docs/docs/core-components/output/jpg/fallback_vertex.jpg b/docs/docs/core-components/output/jpg/fallback_vertex.jpg
diff --git a/docs/docs/core-components/output/jpg/yaml.jpg b/docs/docs/core-components/output/jpg/yaml.jpg
diff --git a/docs/docs/core-components/output/jpg/yaml2.jpg b/docs/docs/core-components/output/jpg/yaml2.jpg