-
Notifications
You must be signed in to change notification settings - Fork 0
/
async-flow-api-v2.drawio
210 lines (210 loc) · 16.3 KB
/
async-flow-api-v2.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<mxfile host="app.diagrams.net" modified="2020-12-26T22:09:49.381Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.2 Safari/605.1.15" etag="8H6zzC2XFgkSQFQGTJLa" version="14.1.2" type="github">
<diagram id="0cKz7GVX8Hbi2fVBNxLy" name="Page-1">
<mxGraphModel dx="979" dy="573" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="800" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="AtQm-DE2rKrlBeYkbVDE-37" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fontColor=#4D9900;fillColor=none;dashed=1;strokeColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="540" y="340" width="270" height="210" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-1" value="async-flow-api-v2" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="300" y="30" width="220" height="20" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-2" value="<font style="font-size: 12px">Action Types</font>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="90" y="160" width="120" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-3" value="<font style="font-size: 12px;">Action Creators</font>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="90" y="230" width="120" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontSize=12;entryX=0.31;entryY=0.8;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#4D9900;strokeWidth=2;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-4" target="AtQm-DE2rKrlBeYkbVDE-12">
<mxGeometry relative="1" as="geometry">
<mxPoint x="330" y="190" as="targetPoint" />
<Array as="points">
<mxPoint x="310" y="320" />
<mxPoint x="310" y="170" />
<mxPoint x="382" y="170" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-4" value="<font style="font-size: 12px">Reducer</font>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="90" y="300" width="120" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0.25;entryY=1;entryDx=0;entryDy=0;fontSize=12;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-5" target="AtQm-DE2rKrlBeYkbVDE-15">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-5" value="<font style="font-size: 12px">Selectors</font>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="90" y="370" width="120" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-6" value="<font style="font-size: 12px">Feature's own Sagas</font>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="90" y="440" width="120" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-7" value="" style="endArrow=classic;html=1;fontSize=12;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-2" target="AtQm-DE2rKrlBeYkbVDE-3">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="440" y="300" as="sourcePoint" />
<mxPoint x="490" y="250" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-10" value="" style="endArrow=classic;html=1;fontSize=12;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-3" target="AtQm-DE2rKrlBeYkbVDE-4">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="440" y="340" as="sourcePoint" />
<mxPoint x="490" y="290" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-11" value="" style="endArrow=classic;html=1;fontSize=12;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-3" target="AtQm-DE2rKrlBeYkbVDE-6">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="350" y="340" as="sourcePoint" />
<mxPoint x="400" y="290" as="targetPoint" />
<Array as="points">
<mxPoint x="250" y="260" />
<mxPoint x="250" y="460" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.16;exitY=0.55;exitDx=0;exitDy=0;exitPerimeter=0;entryX=1;entryY=0.25;entryDx=0;entryDy=0;fontSize=12;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-12" target="AtQm-DE2rKrlBeYkbVDE-5">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="280" y="124" />
<mxPoint x="280" y="380" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-12" value="STORE" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="320" y="80" width="200" height="80" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-14" value="" style="endArrow=classic;html=1;fontSize=12;entryX=0.006;entryY=0.65;entryDx=0;entryDy=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryPerimeter=0;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-6" target="AtQm-DE2rKrlBeYkbVDE-4">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="370" y="320" as="sourcePoint" />
<mxPoint x="420" y="270" as="targetPoint" />
<Array as="points">
<mxPoint x="50" y="460" />
<mxPoint x="50" y="326" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-28" value="dispatch<br>action" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;" vertex="1" connectable="0" parent="AtQm-DE2rKrlBeYkbVDE-14">
<mxGeometry x="0.0301" y="1" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-30" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;fontSize=12;strokeColor=#4D9900;strokeWidth=2;" edge="1" parent="1" target="AtQm-DE2rKrlBeYkbVDE-19">
<mxGeometry relative="1" as="geometry">
<mxPoint x="520" y="230" as="sourcePoint" />
<mxPoint x="640" y="360" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-31" value="dispatch(_REQUEST)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;fontStyle=1;fontColor=#4D9900;" vertex="1" connectable="0" parent="AtQm-DE2rKrlBeYkbVDE-30">
<mxGeometry x="-0.2727" y="3" relative="1" as="geometry">
<mxPoint x="20.830000000000002" y="53" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-15" value="COMPONENT" style="shape=internalStorage;whiteSpace=wrap;html=1;backgroundOutline=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="360" y="200" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;fontSize=12;fillColor=#d5e8d4;strokeColor=#82b366;strokeWidth=2;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-19" target="AtQm-DE2rKrlBeYkbVDE-4">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="500" y="400" />
<mxPoint x="500" y="510" />
<mxPoint x="20" y="510" />
<mxPoint x="20" y="310" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-33" value="dispatch(_SUCCESS | _FAILURE)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;fontStyle=1;fontColor=#4D9900;" vertex="1" connectable="0" parent="AtQm-DE2rKrlBeYkbVDE-32">
<mxGeometry x="-0.1767" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-19" value="ASYNC-FLOW<br>SAGA" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;strokeColor=#4D9900;fontColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="600" y="370" width="160" height="60" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-20" value="FETCH API" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;fontColor=#4D9900;strokeColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="560" y="470" width="110" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-21" value="WEBSOCKET<br>API" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;fontColor=#4D9900;strokeColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="690" y="470" width="110" height="40" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-22" value="" style="endArrow=classic;startArrow=classic;html=1;fontSize=12;entryX=0.25;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;strokeColor=#4D9900;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-20" target="AtQm-DE2rKrlBeYkbVDE-19">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="610" y="600" as="sourcePoint" />
<mxPoint x="660" y="550" as="targetPoint" />
<Array as="points">
<mxPoint x="615" y="450" />
<mxPoint x="640" y="450" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-23" value="" style="endArrow=classic;startArrow=classic;html=1;fontSize=12;entryX=0.75;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;strokeColor=#4D9900;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-21" target="AtQm-DE2rKrlBeYkbVDE-19">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="680" y="610" as="sourcePoint" />
<mxPoint x="730" y="560" as="targetPoint" />
<Array as="points">
<mxPoint x="745" y="450" />
<mxPoint x="720" y="450" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-24" value="" style="endArrow=classic;html=1;fontSize=12;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;strokeColor=#4D9900;strokeWidth=2;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-3" target="AtQm-DE2rKrlBeYkbVDE-15">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="430" y="360" as="sourcePoint" />
<mxPoint x="480" y="310" as="targetPoint" />
<Array as="points" />
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-38" value="ASYNC-FLOW" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=12;fontColor=#4D9900;labelBackgroundColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="630" y="540" width="100" height="20" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-39" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fillColor=none;dashed=1;" vertex="1" parent="1">
<mxGeometry x="70" y="130" width="160" height="370" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-40" value="FEATURE" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=12;labelBackgroundColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="115" y="120" width="70" height="20" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-45" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeColor=#4D9900;strokeWidth=2;fontSize=12;fontColor=#4D9900;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-42">
<mxGeometry relative="1" as="geometry">
<mxPoint x="720" y="370" as="targetPoint" />
<Array as="points">
<mxPoint x="635" y="190" />
<mxPoint x="720" y="190" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-42" value="FETCH<br>REQUEST<br>CONFIG" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;labelBackgroundColor=#FFFFFF;fontSize=12;strokeColor=#4D9900;fontColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="580" y="90" width="110" height="60" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-44" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.75;entryY=0;entryDx=0;entryDy=0;strokeColor=#4D9900;strokeWidth=2;fontSize=12;fontColor=#4D9900;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-43" target="AtQm-DE2rKrlBeYkbVDE-19">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="755" y="190" />
<mxPoint x="720" y="190" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-43" value="WS<br>REQUEST<br>CONFIG" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;labelBackgroundColor=#FFFFFF;fontSize=12;strokeColor=#4D9900;fontColor=#4D9900;" vertex="1" parent="1">
<mxGeometry x="700" y="90" width="110" height="60" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-47" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.4;exitY=0.1;exitDx=0;exitDy=0;exitPerimeter=0;strokeWidth=1;fontSize=12;fontColor=#000000;startArrow=classic;startFill=1;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-46" target="AtQm-DE2rKrlBeYkbVDE-20">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="658" y="590" />
<mxPoint x="615" y="590" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-46" value="BACK-END<br>SERVICES" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;labelBackgroundColor=#FFFFFF;fillColor=#ffffff;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="592.5" y="630" width="165" height="110" as="geometry" />
</mxCell>
<mxCell id="AtQm-DE2rKrlBeYkbVDE-48" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.687;exitY=0.185;exitDx=0;exitDy=0;exitPerimeter=0;strokeWidth=1;fontSize=12;fontColor=#000000;startArrow=classic;startFill=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="AtQm-DE2rKrlBeYkbVDE-46" target="AtQm-DE2rKrlBeYkbVDE-21">
<mxGeometry relative="1" as="geometry">
<mxPoint x="668.5" y="606" as="sourcePoint" />
<mxPoint x="625.0344827586209" y="520" as="targetPoint" />
<Array as="points">
<mxPoint x="706" y="590" />
<mxPoint x="745" y="590" />
</Array>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>