From afd5ddabe2f328423a3b572a0bce55831aaff277 Mon Sep 17 00:00:00 2001
From: hanhxiao <hanhxiao@tencent.com>
Date: Fri, 26 Jul 2019 15:57:06 +0800
Subject: [PATCH] docs(tutorial): add yaml explain

---
 README.md                                     |   2 +-
 docs/conf.py                                  |   4 +-
 docs/index.rst                                |  10 +-
 docs/requirements.txt                         |   3 +-
 .../img/mermaid-diagram-20190726144822.svg    | 399 ------------------
 setup.py                                      |   2 +-
 .../gnes-yaml-specifications.md               |  39 +-
 .../img/mermaid-diagram-20190726150531.svg    | 399 ++++++++++++++++++
 .../img/mermaid-diagram-20190726150644.svg    | 399 ++++++++++++++++++
 .../img/mermaid-diagram-20190726154922.svg    | 399 ++++++++++++++++++
 10 files changed, 1243 insertions(+), 413 deletions(-)
 delete mode 100644 docs/tutorial/img/mermaid-diagram-20190726144822.svg
 rename {docs/tutorial => tutorials}/gnes-yaml-specifications.md (68%)
 create mode 100644 tutorials/img/mermaid-diagram-20190726150531.svg
 create mode 100644 tutorials/img/mermaid-diagram-20190726150644.svg
 create mode 100644 tutorials/img/mermaid-diagram-20190726154922.svg

diff --git a/README.md b/README.md
index 8fc62d30..4346ac26 100644
--- a/README.md
+++ b/README.md
@@ -545,7 +545,7 @@ The official documentation of GNES is hosted on [doc.gnes.ai](https://doc.gnes.a
 
 > 🚧 Tutorial is still under construction. Stay tuned! Meanwhile, we sincerely welcome you to contribute your own learning experience / case study with GNES! 
 
-- How to write your GNES YAML config
+- [How to write your GNES YAML config](tutorials/gnes-yaml-specifications.md)
 - How to write a component-wise YAML config
 - Understanding preprocessor, encoder, indexer and router
 - Index and query text data with GNES
diff --git a/docs/conf.py b/docs/conf.py
index a22f4b37..242842b6 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -54,9 +54,11 @@
     'sphinx.ext.viewcode',
     'sphinxcontrib.apidoc',
     'sphinxarg.ext',
-    'recommonmark'
+    'recommonmark',
+    'sphinx_markdown_tables',
 ]
 
+
 apidoc_module_dir = '../gnes'
 apidoc_output_dir = 'api'
 apidoc_excluded_paths = ['tests']
diff --git a/docs/index.rst b/docs/index.rst
index 02aa6ca6..7a0408cc 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -51,14 +51,14 @@ Highlights
 
 .. toctree::
    :maxdepth: 3
-   :caption: Microservices API
+   :caption: GNES Microservices API
 
    chapter/microservice.rst
 
 
 .. toctree::
    :maxdepth: 3
-   :caption: Module API
+   :caption: GNES Modules
 
    api/gnes
 
@@ -83,11 +83,13 @@ Tutorials
    🚧 Tutorial is still under construction. Stay tuned! Meanwhile, we sincerely welcome you to contribute your own learning experience / case study with GNES!
 
 
+Miscs
+-----
+
 .. toctree::
    :maxdepth: 1
+   :caption: Miscs
 
-   chapter/overview.md
-   chapter/yaml-config.md
    chapter/troubleshooting.md
    chapter/protobuf-dev.md
 
diff --git a/docs/requirements.txt b/docs/requirements.txt
index 1f36fde0..b9d3f9f0 100644
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -1,2 +1,3 @@
 sphinx-argparse
-sphinxcontrib-apidoc
\ No newline at end of file
+sphinxcontrib-apidoc
+sphinx-markdown-tables
\ No newline at end of file
diff --git a/docs/tutorial/img/mermaid-diagram-20190726144822.svg b/docs/tutorial/img/mermaid-diagram-20190726144822.svg
deleted file mode 100644
index 5c0babe0..00000000
--- a/docs/tutorial/img/mermaid-diagram-20190726144822.svg
+++ /dev/null
@@ -1,399 +0,0 @@
-<svg id="mermaid-1564123692839" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 200.2265625px;" viewBox="0 0 200.2265625 505"><style>
-
-
-#mermaid-1564123692839 .label {
-  font-family: 'trebuchet ms', verdana, arial;
-  color: #333; }
-
-#mermaid-1564123692839 .label text {
-  fill: #333; }
-
-#mermaid-1564123692839 .node rect,
-#mermaid-1564123692839 .node circle,
-#mermaid-1564123692839 .node ellipse,
-#mermaid-1564123692839 .node polygon {
-  fill: #ECECFF;
-  stroke: #9370DB;
-  stroke-width: 1px; }
-
-#mermaid-1564123692839 .node.clickable {
-  cursor: pointer; }
-
-#mermaid-1564123692839 .arrowheadPath {
-  fill: #333333; }
-
-#mermaid-1564123692839 .edgePath .path {
-  stroke: #333333;
-  stroke-width: 1.5px; }
-
-#mermaid-1564123692839 .edgeLabel {
-  background-color: #e8e8e8; }
-
-#mermaid-1564123692839 .cluster rect {
-  fill: #ffffde;
-  stroke: #aaaa33;
-  stroke-width: 1px; }
-
-#mermaid-1564123692839 .cluster text {
-  fill: #333; }
-
-#mermaid-1564123692839 div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: #ffffde;
-  border: 1px solid #aaaa33;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100; }
-
-#mermaid-1564123692839 .actor {
-  stroke: #CCCCFF;
-  fill: #ECECFF; }
-
-#mermaid-1564123692839 text.actor {
-  fill: black;
-  stroke: none; }
-
-#mermaid-1564123692839 .actor-line {
-  stroke: grey; }
-
-#mermaid-1564123692839 .messageLine0 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  stroke: #333; }
-
-#mermaid-1564123692839 .messageLine1 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  stroke: #333; }
-
-#mermaid-1564123692839 #arrowhead {
-  fill: #333; }
-
-#mermaid-1564123692839 .sequenceNumber {
-  fill: white; }
-
-#mermaid-1564123692839 #sequencenumber {
-  fill: #333; }
-
-#mermaid-1564123692839 #crosshead path {
-  fill: #333 !important;
-  stroke: #333 !important; }
-
-#mermaid-1564123692839 .messageText {
-  fill: #333;
-  stroke: none; }
-
-#mermaid-1564123692839 .labelBox {
-  stroke: #CCCCFF;
-  fill: #ECECFF; }
-
-#mermaid-1564123692839 .labelText {
-  fill: black;
-  stroke: none; }
-
-#mermaid-1564123692839 .loopText {
-  fill: black;
-  stroke: none; }
-
-#mermaid-1564123692839 .loopLine {
-  stroke-width: 2;
-  stroke-dasharray: '2 2';
-  stroke: #CCCCFF; }
-
-#mermaid-1564123692839 .note {
-  stroke: #aaaa33;
-  fill: #fff5ad; }
-
-#mermaid-1564123692839 .noteText {
-  fill: black;
-  stroke: none;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px; }
-
-#mermaid-1564123692839 .activation0 {
-  fill: #f4f4f4;
-  stroke: #666; }
-
-#mermaid-1564123692839 .activation1 {
-  fill: #f4f4f4;
-  stroke: #666; }
-
-#mermaid-1564123692839 .activation2 {
-  fill: #f4f4f4;
-  stroke: #666; }
-
-
-#mermaid-1564123692839 .section {
-  stroke: none;
-  opacity: 0.2; }
-
-#mermaid-1564123692839 .section0 {
-  fill: rgba(102, 102, 255, 0.49); }
-
-#mermaid-1564123692839 .section2 {
-  fill: #fff400; }
-
-#mermaid-1564123692839 .section1,
-#mermaid-1564123692839 .section3 {
-  fill: white;
-  opacity: 0.2; }
-
-#mermaid-1564123692839 .sectionTitle0 {
-  fill: #333; }
-
-#mermaid-1564123692839 .sectionTitle1 {
-  fill: #333; }
-
-#mermaid-1564123692839 .sectionTitle2 {
-  fill: #333; }
-
-#mermaid-1564123692839 .sectionTitle3 {
-  fill: #333; }
-
-#mermaid-1564123692839 .sectionTitle {
-  text-anchor: start;
-  font-size: 11px;
-  text-height: 14px; }
-
-
-#mermaid-1564123692839 .grid .tick {
-  stroke: lightgrey;
-  opacity: 0.3;
-  shape-rendering: crispEdges; }
-
-#mermaid-1564123692839 .grid path {
-  stroke-width: 0; }
-
-
-#mermaid-1564123692839 .today {
-  fill: none;
-  stroke: red;
-  stroke-width: 2px; }
-
-
-
-#mermaid-1564123692839 .task {
-  stroke-width: 2; }
-
-#mermaid-1564123692839 .taskText {
-  text-anchor: middle;
-  font-size: 11px; }
-
-#mermaid-1564123692839 .taskTextOutsideRight {
-  fill: black;
-  text-anchor: start;
-  font-size: 11px; }
-
-#mermaid-1564123692839 .taskTextOutsideLeft {
-  fill: black;
-  text-anchor: end;
-  font-size: 11px; }
-
-
-#mermaid-1564123692839 .task.clickable {
-  cursor: pointer; }
-
-#mermaid-1564123692839 .taskText.clickable {
-  cursor: pointer;
-  fill: #003163 !important;
-  font-weight: bold; }
-
-#mermaid-1564123692839 .taskTextOutsideLeft.clickable {
-  cursor: pointer;
-  fill: #003163 !important;
-  font-weight: bold; }
-
-#mermaid-1564123692839 .taskTextOutsideRight.clickable {
-  cursor: pointer;
-  fill: #003163 !important;
-  font-weight: bold; }
-
-
-#mermaid-1564123692839 .taskText0,
-#mermaid-1564123692839 .taskText1,
-#mermaid-1564123692839 .taskText2,
-#mermaid-1564123692839 .taskText3 {
-  fill: white; }
-
-#mermaid-1564123692839 .task0,
-#mermaid-1564123692839 .task1,
-#mermaid-1564123692839 .task2,
-#mermaid-1564123692839 .task3 {
-  fill: #8a90dd;
-  stroke: #534fbc; }
-
-#mermaid-1564123692839 .taskTextOutside0,
-#mermaid-1564123692839 .taskTextOutside2 {
-  fill: black; }
-
-#mermaid-1564123692839 .taskTextOutside1,
-#mermaid-1564123692839 .taskTextOutside3 {
-  fill: black; }
-
-
-#mermaid-1564123692839 .active0,
-#mermaid-1564123692839 .active1,
-#mermaid-1564123692839 .active2,
-#mermaid-1564123692839 .active3 {
-  fill: #bfc7ff;
-  stroke: #534fbc; }
-
-#mermaid-1564123692839 .activeText0,
-#mermaid-1564123692839 .activeText1,
-#mermaid-1564123692839 .activeText2,
-#mermaid-1564123692839 .activeText3 {
-  fill: black !important; }
-
-
-#mermaid-1564123692839 .done0,
-#mermaid-1564123692839 .done1,
-#mermaid-1564123692839 .done2,
-#mermaid-1564123692839 .done3 {
-  stroke: grey;
-  fill: lightgrey;
-  stroke-width: 2; }
-
-#mermaid-1564123692839 .doneText0,
-#mermaid-1564123692839 .doneText1,
-#mermaid-1564123692839 .doneText2,
-#mermaid-1564123692839 .doneText3 {
-  fill: black !important; }
-
-
-#mermaid-1564123692839 .crit0,
-#mermaid-1564123692839 .crit1,
-#mermaid-1564123692839 .crit2,
-#mermaid-1564123692839 .crit3 {
-  stroke: #ff8888;
-  fill: red;
-  stroke-width: 2; }
-
-#mermaid-1564123692839 .activeCrit0,
-#mermaid-1564123692839 .activeCrit1,
-#mermaid-1564123692839 .activeCrit2,
-#mermaid-1564123692839 .activeCrit3 {
-  stroke: #ff8888;
-  fill: #bfc7ff;
-  stroke-width: 2; }
-
-#mermaid-1564123692839 .doneCrit0,
-#mermaid-1564123692839 .doneCrit1,
-#mermaid-1564123692839 .doneCrit2,
-#mermaid-1564123692839 .doneCrit3 {
-  stroke: #ff8888;
-  fill: lightgrey;
-  stroke-width: 2;
-  cursor: pointer;
-  shape-rendering: crispEdges; }
-
-#mermaid-1564123692839 .milestone {
-  transform: rotate(45deg) scale(0.8, 0.8); }
-
-#mermaid-1564123692839 .milestoneText {
-  font-style: italic; }
-
-#mermaid-1564123692839 .doneCritText0,
-#mermaid-1564123692839 .doneCritText1,
-#mermaid-1564123692839 .doneCritText2,
-#mermaid-1564123692839 .doneCritText3 {
-  fill: black !important; }
-
-#mermaid-1564123692839 .activeCritText0,
-#mermaid-1564123692839 .activeCritText1,
-#mermaid-1564123692839 .activeCritText2,
-#mermaid-1564123692839 .activeCritText3 {
-  fill: black !important; }
-
-#mermaid-1564123692839 .titleText {
-  text-anchor: middle;
-  font-size: 18px;
-  fill: black; }
-
-#mermaid-1564123692839 g.classGroup text {
-  fill: #9370DB;
-  stroke: none;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 10px; }
-
-#mermaid-1564123692839 g.classGroup rect {
-  fill: #ECECFF;
-  stroke: #9370DB; }
-
-#mermaid-1564123692839 g.classGroup line {
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 .classLabel .box {
-  stroke: none;
-  stroke-width: 0;
-  fill: #ECECFF;
-  opacity: 0.5; }
-
-#mermaid-1564123692839 .classLabel .label {
-  fill: #9370DB;
-  font-size: 10px; }
-
-#mermaid-1564123692839 .relation {
-  stroke: #9370DB;
-  stroke-width: 1;
-  fill: none; }
-
-#mermaid-1564123692839 #compositionStart {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #compositionEnd {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #aggregationStart {
-  fill: #ECECFF;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #aggregationEnd {
-  fill: #ECECFF;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #dependencyStart {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #dependencyEnd {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #extensionStart {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 #extensionEnd {
-  fill: #9370DB;
-  stroke: #9370DB;
-  stroke-width: 1; }
-
-#mermaid-1564123692839 .commit-id,
-#mermaid-1564123692839 .commit-msg,
-#mermaid-1564123692839 .branch-label {
-  fill: lightgrey;
-  color: lightgrey; }
-
-#mermaid-1564123692839 .FrontendCLS &gt; * { fill:#ffb347 !important; stroke:#277CE8 !important; stroke-width:1px !important; stroke-dasharray:5 !important; }
-#mermaid-1564123692839 .EncoderCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
-#mermaid-1564123692839 .IndexerCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
-#mermaid-1564123692839 .RouterCLS &gt; * { fill:#2BFFCB !important; stroke:#277CE8 !important; stroke-width:1px !important; }
-#mermaid-1564123692839 .PreprocessorCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }</style><style>#mermaid-1564123692839 {
-    color: rgba(0, 0, 0, 0.65);
-    font: ;
-  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M105.21418108258928,61L73.0546875,96.5L73.0546875,132" marker-end="url(#arrowhead35)" style="fill:none"></path><defs><marker id="arrowhead35" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,173L73.0546875,208.5L73.0546875,244" marker-end="url(#arrowhead36)" style="fill:none"></path><defs><marker id="arrowhead36" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,285L73.0546875,320.5L73.0546875,356" marker-end="url(#arrowhead37)" style="fill:none"></path><defs><marker id="arrowhead37" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,397L73.0546875,432.5L105.21418108258928,468" marker-end="url(#arrowhead38)" style="fill:none"></path><defs><marker id="arrowhead38" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M142.35613141741072,468L174.515625,432.5L174.515625,376.5L174.515625,320.5L174.515625,264.5L174.515625,208.5L174.515625,152.5L174.515625,96.5L142.35613141741072,61" marker-end="url(#arrowhead39)" style="fill:none"></path><defs><marker id="arrowhead39" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,96.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,208.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,320.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,432.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(174.515625,264.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g></g><g class="nodes"><g class="node gRPCFrontendCLS" style="opacity: 1;" id="gRPCFrontend000" transform="translate(123.78515625,40.5)"><rect rx="5" ry="5" x="-57.0625" y="-20.5" width="114.125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-47.0625,-10.5)"><foreignObject width="94.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">gRPCFrontend</div></foreignObject></g></g></g><g class="node PreprocessorCLS" style="opacity: 1;" id="Preprocessor100" transform="translate(73.0546875,152.5)"><rect rx="5" ry="5" x="-53.0546875" y="-20.5" width="106.109375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-43.0546875,-10.5)"><foreignObject width="86.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Preprocessor</div></foreignObject></g></g></g><g class="node EncoderCLS" style="opacity: 1;" id="Encoder200" transform="translate(73.0546875,264.5)"><rect rx="5" ry="5" x="-36.75" y="-20.5" width="73.5" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-26.75,-10.5)"><foreignObject width="53.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Encoder</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer300" transform="translate(73.0546875,376.5)"><rect rx="5" ry="5" x="-33.765625" y="-20.5" width="67.53125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.765625,-10.5)"><foreignObject width="47.53125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer400" transform="translate(123.78515625,488.5)"><rect rx="5" ry="5" x="-33.765625" y="-20.5" width="67.53125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.765625,-10.5)"><foreignObject width="47.53125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer</div></foreignObject></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/setup.py b/setup.py
index 3a134bb3..b84abd37 100644
--- a/setup.py
+++ b/setup.py
@@ -49,7 +49,7 @@
     'flair': ['flair>=0.4.1'],
     'annoy': ['annoy==1.15.2'],
     'chinese': ['jieba'],
-    'vision': ['opencv-python>=4.0.0', 'torchvision==0.3.0', 'imagehash>=4.0'],
+    'vision': ['opencv-python>=4.0.0', 'imagehash>=4.0'],
     'leveldb': ['plyvel>=1.0.5'],
     'test': ['pylint', 'memory_profiler>=0.55.0', 'psutil>=5.6.1', 'gputil>=1.4.0'],
     'http': ['flask', 'flask-compress', 'flask-cors', 'flask-json', 'aiohttp==3.5.4']
diff --git a/docs/tutorial/gnes-yaml-specifications.md b/tutorials/gnes-yaml-specifications.md
similarity index 68%
rename from docs/tutorial/gnes-yaml-specifications.md
rename to tutorials/gnes-yaml-specifications.md
index 5f798bf3..2a0e1e19 100644
--- a/docs/tutorial/gnes-yaml-specifications.md
+++ b/tutorials/gnes-yaml-specifications.md
@@ -6,9 +6,9 @@ Essentially, GNES only requires two types of YAML config:
 - GNES-compose YAML
 - Component-wise YAML
 
-All other YAML files, including the docker-compose YAML config and Kubernetes config generated from the [GNES Board](https://board.gnes.ai) or `$ gnes compose` command are not a part of this tutorial. Interested readers are welcome to read their [YAML specification](https://docs.docker.com/compose/compose-file/) respectively.
+All other YAML files, including the docker-compose YAML config and Kubernetes config generated from the [GNES Board](https://board.gnes.ai) or `gnes compose` command are not a part of this tutorial. Interested readers are welcome to read their [YAML specification](https://docs.docker.com/compose/compose-file/) respectively.
 
-## GNES-compose YAML
+## GNES-compose YAML specification
 
 The GNES-compose YAML defines a high-level service topology behind the GNES app. It is designed for simplicity and clarity, allowing the user to quickly get started with GNES. 
 
@@ -37,7 +37,7 @@ In this example, our GNES app is composed of three microservices: `Preprocessor`
 | `networks`| map/dict | network mapping used in Docker-Compose/Swarm mode, default `{gnes-net: {driver: overlay, attachable: true}}` |
 
 
-### The service specification
+### `services` specification
 
 For each service defined in `services`, it accepts the following arguments.
 
@@ -48,7 +48,7 @@ For each service defined in `services`, it accepts the following arguments.
 | `replicas` | int | the number of replica services you want to start, default `1` |
 | `income` | str | choose from `[pull, sub]`. Only applicable when `replicas>1`, where `pull` means competing for the income data and only one replica read the data; `sub` is like a broadcast, all replicas receive the same data, default `pull` |
 
-#### Sequential and parallel services
+### Sequential and parallel services
 
 When specifying `services`, please kindly note the difference between a list and a nested list:
 
@@ -59,6 +59,7 @@ When specifying `services`, please kindly note the difference between a list and
 <tr>
 <td>
    <pre lang="yaml">
+```yaml
 services:
 - name: Preprocessor
   yaml_path: text-prep.yml
@@ -68,6 +69,7 @@ services:
   yaml_path: faiss-indexer.yml
 - name: Indexer
   yaml_path: fulltext-indexer.yml
+```
    </pre>
 </td>
 <td>
@@ -88,16 +90,41 @@ services:
 <tr>
 <td>
 <a href="https://gnes.ai">
-  <img src="img/mermaid-diagram-20190726144822.svg" alt="GNES workflow of example 2">
+  <img src="img/mermaid-diagram-20190726144822.svg" alt="GNES workflow of example 1">
   </a>
 </td>
 <td>
 <a href="https://gnes.ai">
-  <img src="img/mermaid-diagram-20190726144822.svg" alt="GNES workflow of example 2">
+  <img src="img/mermaid-diagram-20190726150531.svg" alt="GNES workflow of example 2">
   </a>
 </td>
 </tr>
 </table>
 
+In the parallel mode, two heterogeneous indexers receive the incoming data from the last encoder in a simultaneous manner. This is particular useful when you have multiple heterogeneous models (e.g. VGG and inception, or Faiss indexer and key-value database), you don't want to wait for one after another as their executions are essentially independent.      
+
+You may also scale up the parallel mode by setting `replicas`, e.g.
+
+```yaml
+services:
+- name: Preprocessor
+  yaml_path: text-prep.yml
+- name: Encoder
+  yaml_path: gpt2.yml
+- 
+  - name: Indexer
+    yaml_path: faiss-indexer.yml
+    replicas: 2
+  - name: Indexer
+    yaml_path: fulltext-indexer.yml
+    replicas: 3
+```
+
+which results a topology like the following:
+
+![](img/mermaid-diagram-20190726154922.svg)
+
 
+## What's Next?
 
+The GNES-compose YAML describes a high-level picture of the GNES topology, the detailed specification of each component is defined in `yaml_path` respectively, namely the *component-wise YAML config*. In the next tutorial, you will learn how to write a component-wise YAML config.
diff --git a/tutorials/img/mermaid-diagram-20190726150531.svg b/tutorials/img/mermaid-diagram-20190726150531.svg
new file mode 100644
index 00000000..1a44052f
--- /dev/null
+++ b/tutorials/img/mermaid-diagram-20190726150531.svg
@@ -0,0 +1,399 @@
+<svg id="mermaid-1564124727216" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 297.734375px;" viewBox="0 0 297.734375 526.8125"><style>
+
+
+#mermaid-1564124727216 .label {
+  font-family: 'trebuchet ms', verdana, arial;
+  color: #333; }
+
+#mermaid-1564124727216 .label text {
+  fill: #333; }
+
+#mermaid-1564124727216 .node rect,
+#mermaid-1564124727216 .node circle,
+#mermaid-1564124727216 .node ellipse,
+#mermaid-1564124727216 .node polygon {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1px; }
+
+#mermaid-1564124727216 .node.clickable {
+  cursor: pointer; }
+
+#mermaid-1564124727216 .arrowheadPath {
+  fill: #333333; }
+
+#mermaid-1564124727216 .edgePath .path {
+  stroke: #333333;
+  stroke-width: 1.5px; }
+
+#mermaid-1564124727216 .edgeLabel {
+  background-color: #e8e8e8; }
+
+#mermaid-1564124727216 .cluster rect {
+  fill: #ffffde;
+  stroke: #aaaa33;
+  stroke-width: 1px; }
+
+#mermaid-1564124727216 .cluster text {
+  fill: #333; }
+
+#mermaid-1564124727216 div.mermaidTooltip {
+  position: absolute;
+  text-align: center;
+  max-width: 200px;
+  padding: 2px;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 12px;
+  background: #ffffde;
+  border: 1px solid #aaaa33;
+  border-radius: 2px;
+  pointer-events: none;
+  z-index: 100; }
+
+#mermaid-1564124727216 .actor {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564124727216 text.actor {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124727216 .actor-line {
+  stroke: grey; }
+
+#mermaid-1564124727216 .messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564124727216 .messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564124727216 #arrowhead {
+  fill: #333; }
+
+#mermaid-1564124727216 .sequenceNumber {
+  fill: white; }
+
+#mermaid-1564124727216 #sequencenumber {
+  fill: #333; }
+
+#mermaid-1564124727216 #crosshead path {
+  fill: #333 !important;
+  stroke: #333 !important; }
+
+#mermaid-1564124727216 .messageText {
+  fill: #333;
+  stroke: none; }
+
+#mermaid-1564124727216 .labelBox {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564124727216 .labelText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124727216 .loopText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124727216 .loopLine {
+  stroke-width: 2;
+  stroke-dasharray: '2 2';
+  stroke: #CCCCFF; }
+
+#mermaid-1564124727216 .note {
+  stroke: #aaaa33;
+  fill: #fff5ad; }
+
+#mermaid-1564124727216 .noteText {
+  fill: black;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px; }
+
+#mermaid-1564124727216 .activation0 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564124727216 .activation1 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564124727216 .activation2 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+
+#mermaid-1564124727216 .section {
+  stroke: none;
+  opacity: 0.2; }
+
+#mermaid-1564124727216 .section0 {
+  fill: rgba(102, 102, 255, 0.49); }
+
+#mermaid-1564124727216 .section2 {
+  fill: #fff400; }
+
+#mermaid-1564124727216 .section1,
+#mermaid-1564124727216 .section3 {
+  fill: white;
+  opacity: 0.2; }
+
+#mermaid-1564124727216 .sectionTitle0 {
+  fill: #333; }
+
+#mermaid-1564124727216 .sectionTitle1 {
+  fill: #333; }
+
+#mermaid-1564124727216 .sectionTitle2 {
+  fill: #333; }
+
+#mermaid-1564124727216 .sectionTitle3 {
+  fill: #333; }
+
+#mermaid-1564124727216 .sectionTitle {
+  text-anchor: start;
+  font-size: 11px;
+  text-height: 14px; }
+
+
+#mermaid-1564124727216 .grid .tick {
+  stroke: lightgrey;
+  opacity: 0.3;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564124727216 .grid path {
+  stroke-width: 0; }
+
+
+#mermaid-1564124727216 .today {
+  fill: none;
+  stroke: red;
+  stroke-width: 2px; }
+
+
+
+#mermaid-1564124727216 .task {
+  stroke-width: 2; }
+
+#mermaid-1564124727216 .taskText {
+  text-anchor: middle;
+  font-size: 11px; }
+
+#mermaid-1564124727216 .taskTextOutsideRight {
+  fill: black;
+  text-anchor: start;
+  font-size: 11px; }
+
+#mermaid-1564124727216 .taskTextOutsideLeft {
+  fill: black;
+  text-anchor: end;
+  font-size: 11px; }
+
+
+#mermaid-1564124727216 .task.clickable {
+  cursor: pointer; }
+
+#mermaid-1564124727216 .taskText.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564124727216 .taskTextOutsideLeft.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564124727216 .taskTextOutsideRight.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+
+#mermaid-1564124727216 .taskText0,
+#mermaid-1564124727216 .taskText1,
+#mermaid-1564124727216 .taskText2,
+#mermaid-1564124727216 .taskText3 {
+  fill: white; }
+
+#mermaid-1564124727216 .task0,
+#mermaid-1564124727216 .task1,
+#mermaid-1564124727216 .task2,
+#mermaid-1564124727216 .task3 {
+  fill: #8a90dd;
+  stroke: #534fbc; }
+
+#mermaid-1564124727216 .taskTextOutside0,
+#mermaid-1564124727216 .taskTextOutside2 {
+  fill: black; }
+
+#mermaid-1564124727216 .taskTextOutside1,
+#mermaid-1564124727216 .taskTextOutside3 {
+  fill: black; }
+
+
+#mermaid-1564124727216 .active0,
+#mermaid-1564124727216 .active1,
+#mermaid-1564124727216 .active2,
+#mermaid-1564124727216 .active3 {
+  fill: #bfc7ff;
+  stroke: #534fbc; }
+
+#mermaid-1564124727216 .activeText0,
+#mermaid-1564124727216 .activeText1,
+#mermaid-1564124727216 .activeText2,
+#mermaid-1564124727216 .activeText3 {
+  fill: black !important; }
+
+
+#mermaid-1564124727216 .done0,
+#mermaid-1564124727216 .done1,
+#mermaid-1564124727216 .done2,
+#mermaid-1564124727216 .done3 {
+  stroke: grey;
+  fill: lightgrey;
+  stroke-width: 2; }
+
+#mermaid-1564124727216 .doneText0,
+#mermaid-1564124727216 .doneText1,
+#mermaid-1564124727216 .doneText2,
+#mermaid-1564124727216 .doneText3 {
+  fill: black !important; }
+
+
+#mermaid-1564124727216 .crit0,
+#mermaid-1564124727216 .crit1,
+#mermaid-1564124727216 .crit2,
+#mermaid-1564124727216 .crit3 {
+  stroke: #ff8888;
+  fill: red;
+  stroke-width: 2; }
+
+#mermaid-1564124727216 .activeCrit0,
+#mermaid-1564124727216 .activeCrit1,
+#mermaid-1564124727216 .activeCrit2,
+#mermaid-1564124727216 .activeCrit3 {
+  stroke: #ff8888;
+  fill: #bfc7ff;
+  stroke-width: 2; }
+
+#mermaid-1564124727216 .doneCrit0,
+#mermaid-1564124727216 .doneCrit1,
+#mermaid-1564124727216 .doneCrit2,
+#mermaid-1564124727216 .doneCrit3 {
+  stroke: #ff8888;
+  fill: lightgrey;
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564124727216 .milestone {
+  transform: rotate(45deg) scale(0.8, 0.8); }
+
+#mermaid-1564124727216 .milestoneText {
+  font-style: italic; }
+
+#mermaid-1564124727216 .doneCritText0,
+#mermaid-1564124727216 .doneCritText1,
+#mermaid-1564124727216 .doneCritText2,
+#mermaid-1564124727216 .doneCritText3 {
+  fill: black !important; }
+
+#mermaid-1564124727216 .activeCritText0,
+#mermaid-1564124727216 .activeCritText1,
+#mermaid-1564124727216 .activeCritText2,
+#mermaid-1564124727216 .activeCritText3 {
+  fill: black !important; }
+
+#mermaid-1564124727216 .titleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: black; }
+
+#mermaid-1564124727216 g.classGroup text {
+  fill: #9370DB;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 10px; }
+
+#mermaid-1564124727216 g.classGroup rect {
+  fill: #ECECFF;
+  stroke: #9370DB; }
+
+#mermaid-1564124727216 g.classGroup line {
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 .classLabel .box {
+  stroke: none;
+  stroke-width: 0;
+  fill: #ECECFF;
+  opacity: 0.5; }
+
+#mermaid-1564124727216 .classLabel .label {
+  fill: #9370DB;
+  font-size: 10px; }
+
+#mermaid-1564124727216 .relation {
+  stroke: #9370DB;
+  stroke-width: 1;
+  fill: none; }
+
+#mermaid-1564124727216 #compositionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #compositionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #aggregationStart {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #aggregationEnd {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #dependencyStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #dependencyEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #extensionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 #extensionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124727216 .commit-id,
+#mermaid-1564124727216 .commit-msg,
+#mermaid-1564124727216 .branch-label {
+  fill: lightgrey;
+  color: lightgrey; }
+
+#mermaid-1564124727216 .gRPCFrontendCLS &gt; * { fill:#FFAA04 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124727216 .EncoderCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124727216 .IndexerCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124727216 .RouterCLS &gt; * { fill:#2BFFCB !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124727216 .PreprocessorCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }</style><style>#mermaid-1564124727216 {
+    color: rgba(0, 0, 0, 0.65);
+    font: ;
+  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M153.61261858258928,61L121.453125,96.5L121.453125,132" marker-end="url(#arrowhead78)" style="fill:none"></path><defs><marker id="arrowhead78" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M121.453125,173L121.453125,208.5L121.453125,244" marker-end="url(#arrowhead79)" style="fill:none"></path><defs><marker id="arrowhead79" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M98.30768694196428,285L58.2265625,320.5L58.2265625,356" marker-end="url(#arrowhead80)" style="fill:none"></path><defs><marker id="arrowhead80" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M144.59856305803572,285L184.6796875,320.5L184.6796875,356" marker-end="url(#arrowhead81)" style="fill:none"></path><defs><marker id="arrowhead81" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M58.2265625,397L58.2265625,432.5L156.91963634777792,484.71842854518536" marker-end="url(#arrowhead82)" style="fill:none"></path><defs><marker id="arrowhead82" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M184.6796875,397L184.6796875,432.5L184.6796875,468" marker-end="url(#arrowhead83)" style="fill:none"></path><defs><marker id="arrowhead83" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M209.61178166712497,480.30799826053146L272.0234375,432.5L272.0234375,376.5L272.0234375,320.5L272.0234375,264.5L272.0234375,208.5L272.0234375,152.5L272.0234375,96.5L208.73210797991072,61" marker-end="url(#arrowhead84)" style="fill:none"></path><defs><marker id="arrowhead84" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(121.453125,96.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(121.453125,208.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(58.2265625,320.5)"><g transform="translate(-26.515625,-10.5)" class="label"><foreignObject width="53.03125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">pub/sub</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(184.6796875,320.5)"><g transform="translate(-26.515625,-10.5)" class="label"><foreignObject width="53.03125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">pub/sub</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(58.2265625,432.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(184.6796875,432.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(272.0234375,264.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g></g><g class="nodes"><g class="node gRPCFrontendCLS" id="gRPCFrontend000" transform="translate(172.18359375,40.5)" style="opacity: 1;"><rect rx="5" ry="5" x="-57.0625" y="-20.5" width="114.125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-47.0625,-10.5)"><foreignObject width="94.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">gRPCFrontend</div></foreignObject></g></g></g><g class="node PreprocessorCLS" style="opacity: 1;" id="Preprocessor100" transform="translate(121.453125,152.5)"><rect rx="5" ry="5" x="-53.0546875" y="-20.5" width="106.109375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-43.0546875,-10.5)"><foreignObject width="86.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Preprocessor</div></foreignObject></g></g></g><g class="node EncoderCLS" style="opacity: 1;" id="Encoder200" transform="translate(121.453125,264.5)"><rect rx="5" ry="5" x="-36.75" y="-20.5" width="73.5" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-26.75,-10.5)"><foreignObject width="53.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Encoder</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer300" transform="translate(58.2265625,376.5)"><rect rx="5" ry="5" x="-38.2265625" y="-20.5" width="76.453125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-28.2265625,-10.5)"><foreignObject width="56.453125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer0</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer310" transform="translate(184.6796875,376.5)"><rect rx="5" ry="5" x="-38.2265625" y="-20.5" width="76.453125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-28.2265625,-10.5)"><foreignObject width="56.453125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer1</div></foreignObject></g></g></g><g class="node RouterCLS" style="opacity: 1;" id="Router400" transform="translate(184.6796875,499.40625)"><circle x="-31.40625" y="-20.5" r="31.40625"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-21.40625,-10.5)"><foreignObject width="42.8125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Router</div></foreignObject></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/tutorials/img/mermaid-diagram-20190726150644.svg b/tutorials/img/mermaid-diagram-20190726150644.svg
new file mode 100644
index 00000000..d10d8fe6
--- /dev/null
+++ b/tutorials/img/mermaid-diagram-20190726150644.svg
@@ -0,0 +1,399 @@
+<svg id="mermaid-1564124801595" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 200.2265625px;" viewBox="0 0 200.2265625 505"><style>
+
+
+#mermaid-1564124801595 .label {
+  font-family: 'trebuchet ms', verdana, arial;
+  color: #333; }
+
+#mermaid-1564124801595 .label text {
+  fill: #333; }
+
+#mermaid-1564124801595 .node rect,
+#mermaid-1564124801595 .node circle,
+#mermaid-1564124801595 .node ellipse,
+#mermaid-1564124801595 .node polygon {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1px; }
+
+#mermaid-1564124801595 .node.clickable {
+  cursor: pointer; }
+
+#mermaid-1564124801595 .arrowheadPath {
+  fill: #333333; }
+
+#mermaid-1564124801595 .edgePath .path {
+  stroke: #333333;
+  stroke-width: 1.5px; }
+
+#mermaid-1564124801595 .edgeLabel {
+  background-color: #e8e8e8; }
+
+#mermaid-1564124801595 .cluster rect {
+  fill: #ffffde;
+  stroke: #aaaa33;
+  stroke-width: 1px; }
+
+#mermaid-1564124801595 .cluster text {
+  fill: #333; }
+
+#mermaid-1564124801595 div.mermaidTooltip {
+  position: absolute;
+  text-align: center;
+  max-width: 200px;
+  padding: 2px;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 12px;
+  background: #ffffde;
+  border: 1px solid #aaaa33;
+  border-radius: 2px;
+  pointer-events: none;
+  z-index: 100; }
+
+#mermaid-1564124801595 .actor {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564124801595 text.actor {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124801595 .actor-line {
+  stroke: grey; }
+
+#mermaid-1564124801595 .messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564124801595 .messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564124801595 #arrowhead {
+  fill: #333; }
+
+#mermaid-1564124801595 .sequenceNumber {
+  fill: white; }
+
+#mermaid-1564124801595 #sequencenumber {
+  fill: #333; }
+
+#mermaid-1564124801595 #crosshead path {
+  fill: #333 !important;
+  stroke: #333 !important; }
+
+#mermaid-1564124801595 .messageText {
+  fill: #333;
+  stroke: none; }
+
+#mermaid-1564124801595 .labelBox {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564124801595 .labelText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124801595 .loopText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564124801595 .loopLine {
+  stroke-width: 2;
+  stroke-dasharray: '2 2';
+  stroke: #CCCCFF; }
+
+#mermaid-1564124801595 .note {
+  stroke: #aaaa33;
+  fill: #fff5ad; }
+
+#mermaid-1564124801595 .noteText {
+  fill: black;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px; }
+
+#mermaid-1564124801595 .activation0 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564124801595 .activation1 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564124801595 .activation2 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+
+#mermaid-1564124801595 .section {
+  stroke: none;
+  opacity: 0.2; }
+
+#mermaid-1564124801595 .section0 {
+  fill: rgba(102, 102, 255, 0.49); }
+
+#mermaid-1564124801595 .section2 {
+  fill: #fff400; }
+
+#mermaid-1564124801595 .section1,
+#mermaid-1564124801595 .section3 {
+  fill: white;
+  opacity: 0.2; }
+
+#mermaid-1564124801595 .sectionTitle0 {
+  fill: #333; }
+
+#mermaid-1564124801595 .sectionTitle1 {
+  fill: #333; }
+
+#mermaid-1564124801595 .sectionTitle2 {
+  fill: #333; }
+
+#mermaid-1564124801595 .sectionTitle3 {
+  fill: #333; }
+
+#mermaid-1564124801595 .sectionTitle {
+  text-anchor: start;
+  font-size: 11px;
+  text-height: 14px; }
+
+
+#mermaid-1564124801595 .grid .tick {
+  stroke: lightgrey;
+  opacity: 0.3;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564124801595 .grid path {
+  stroke-width: 0; }
+
+
+#mermaid-1564124801595 .today {
+  fill: none;
+  stroke: red;
+  stroke-width: 2px; }
+
+
+
+#mermaid-1564124801595 .task {
+  stroke-width: 2; }
+
+#mermaid-1564124801595 .taskText {
+  text-anchor: middle;
+  font-size: 11px; }
+
+#mermaid-1564124801595 .taskTextOutsideRight {
+  fill: black;
+  text-anchor: start;
+  font-size: 11px; }
+
+#mermaid-1564124801595 .taskTextOutsideLeft {
+  fill: black;
+  text-anchor: end;
+  font-size: 11px; }
+
+
+#mermaid-1564124801595 .task.clickable {
+  cursor: pointer; }
+
+#mermaid-1564124801595 .taskText.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564124801595 .taskTextOutsideLeft.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564124801595 .taskTextOutsideRight.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+
+#mermaid-1564124801595 .taskText0,
+#mermaid-1564124801595 .taskText1,
+#mermaid-1564124801595 .taskText2,
+#mermaid-1564124801595 .taskText3 {
+  fill: white; }
+
+#mermaid-1564124801595 .task0,
+#mermaid-1564124801595 .task1,
+#mermaid-1564124801595 .task2,
+#mermaid-1564124801595 .task3 {
+  fill: #8a90dd;
+  stroke: #534fbc; }
+
+#mermaid-1564124801595 .taskTextOutside0,
+#mermaid-1564124801595 .taskTextOutside2 {
+  fill: black; }
+
+#mermaid-1564124801595 .taskTextOutside1,
+#mermaid-1564124801595 .taskTextOutside3 {
+  fill: black; }
+
+
+#mermaid-1564124801595 .active0,
+#mermaid-1564124801595 .active1,
+#mermaid-1564124801595 .active2,
+#mermaid-1564124801595 .active3 {
+  fill: #bfc7ff;
+  stroke: #534fbc; }
+
+#mermaid-1564124801595 .activeText0,
+#mermaid-1564124801595 .activeText1,
+#mermaid-1564124801595 .activeText2,
+#mermaid-1564124801595 .activeText3 {
+  fill: black !important; }
+
+
+#mermaid-1564124801595 .done0,
+#mermaid-1564124801595 .done1,
+#mermaid-1564124801595 .done2,
+#mermaid-1564124801595 .done3 {
+  stroke: grey;
+  fill: lightgrey;
+  stroke-width: 2; }
+
+#mermaid-1564124801595 .doneText0,
+#mermaid-1564124801595 .doneText1,
+#mermaid-1564124801595 .doneText2,
+#mermaid-1564124801595 .doneText3 {
+  fill: black !important; }
+
+
+#mermaid-1564124801595 .crit0,
+#mermaid-1564124801595 .crit1,
+#mermaid-1564124801595 .crit2,
+#mermaid-1564124801595 .crit3 {
+  stroke: #ff8888;
+  fill: red;
+  stroke-width: 2; }
+
+#mermaid-1564124801595 .activeCrit0,
+#mermaid-1564124801595 .activeCrit1,
+#mermaid-1564124801595 .activeCrit2,
+#mermaid-1564124801595 .activeCrit3 {
+  stroke: #ff8888;
+  fill: #bfc7ff;
+  stroke-width: 2; }
+
+#mermaid-1564124801595 .doneCrit0,
+#mermaid-1564124801595 .doneCrit1,
+#mermaid-1564124801595 .doneCrit2,
+#mermaid-1564124801595 .doneCrit3 {
+  stroke: #ff8888;
+  fill: lightgrey;
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564124801595 .milestone {
+  transform: rotate(45deg) scale(0.8, 0.8); }
+
+#mermaid-1564124801595 .milestoneText {
+  font-style: italic; }
+
+#mermaid-1564124801595 .doneCritText0,
+#mermaid-1564124801595 .doneCritText1,
+#mermaid-1564124801595 .doneCritText2,
+#mermaid-1564124801595 .doneCritText3 {
+  fill: black !important; }
+
+#mermaid-1564124801595 .activeCritText0,
+#mermaid-1564124801595 .activeCritText1,
+#mermaid-1564124801595 .activeCritText2,
+#mermaid-1564124801595 .activeCritText3 {
+  fill: black !important; }
+
+#mermaid-1564124801595 .titleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: black; }
+
+#mermaid-1564124801595 g.classGroup text {
+  fill: #9370DB;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 10px; }
+
+#mermaid-1564124801595 g.classGroup rect {
+  fill: #ECECFF;
+  stroke: #9370DB; }
+
+#mermaid-1564124801595 g.classGroup line {
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 .classLabel .box {
+  stroke: none;
+  stroke-width: 0;
+  fill: #ECECFF;
+  opacity: 0.5; }
+
+#mermaid-1564124801595 .classLabel .label {
+  fill: #9370DB;
+  font-size: 10px; }
+
+#mermaid-1564124801595 .relation {
+  stroke: #9370DB;
+  stroke-width: 1;
+  fill: none; }
+
+#mermaid-1564124801595 #compositionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #compositionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #aggregationStart {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #aggregationEnd {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #dependencyStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #dependencyEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #extensionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 #extensionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564124801595 .commit-id,
+#mermaid-1564124801595 .commit-msg,
+#mermaid-1564124801595 .branch-label {
+  fill: lightgrey;
+  color: lightgrey; }
+
+#mermaid-1564124801595 .gRPCFrontendCLS &gt; * { fill:#FFAA04 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124801595 .EncoderCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124801595 .IndexerCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124801595 .RouterCLS &gt; * { fill:#2BFFCB !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564124801595 .PreprocessorCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }</style><style>#mermaid-1564124801595 {
+    color: rgba(0, 0, 0, 0.65);
+    font: ;
+  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M105.21418108258928,61L73.0546875,96.5L73.0546875,132" marker-end="url(#arrowhead119)" style="fill:none"></path><defs><marker id="arrowhead119" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,173L73.0546875,208.5L73.0546875,244" marker-end="url(#arrowhead120)" style="fill:none"></path><defs><marker id="arrowhead120" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,285L73.0546875,320.5L73.0546875,356" marker-end="url(#arrowhead121)" style="fill:none"></path><defs><marker id="arrowhead121" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M73.0546875,397L73.0546875,432.5L105.21418108258928,468" marker-end="url(#arrowhead122)" style="fill:none"></path><defs><marker id="arrowhead122" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M142.35613141741072,468L174.515625,432.5L174.515625,376.5L174.515625,320.5L174.515625,264.5L174.515625,208.5L174.515625,152.5L174.515625,96.5L142.35613141741072,61" marker-end="url(#arrowhead123)" style="fill:none"></path><defs><marker id="arrowhead123" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,96.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,208.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,320.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(73.0546875,432.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(174.515625,264.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g></g><g class="nodes"><g class="node gRPCFrontendCLS" id="gRPCFrontend000" transform="translate(123.78515625,40.5)" style="opacity: 1;"><rect rx="5" ry="5" x="-57.0625" y="-20.5" width="114.125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-47.0625,-10.5)"><foreignObject width="94.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">gRPCFrontend</div></foreignObject></g></g></g><g class="node PreprocessorCLS" style="opacity: 1;" id="Preprocessor100" transform="translate(73.0546875,152.5)"><rect rx="5" ry="5" x="-53.0546875" y="-20.5" width="106.109375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-43.0546875,-10.5)"><foreignObject width="86.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Preprocessor</div></foreignObject></g></g></g><g class="node EncoderCLS" style="opacity: 1;" id="Encoder200" transform="translate(73.0546875,264.5)"><rect rx="5" ry="5" x="-36.75" y="-20.5" width="73.5" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-26.75,-10.5)"><foreignObject width="53.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Encoder</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer300" transform="translate(73.0546875,376.5)"><rect rx="5" ry="5" x="-33.765625" y="-20.5" width="67.53125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.765625,-10.5)"><foreignObject width="47.53125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer400" transform="translate(123.78515625,488.5)"><rect rx="5" ry="5" x="-33.765625" y="-20.5" width="67.53125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.765625,-10.5)"><foreignObject width="47.53125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer</div></foreignObject></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/tutorials/img/mermaid-diagram-20190726154922.svg b/tutorials/img/mermaid-diagram-20190726154922.svg
new file mode 100644
index 00000000..dac6724e
--- /dev/null
+++ b/tutorials/img/mermaid-diagram-20190726154922.svg
@@ -0,0 +1,399 @@
+<svg id="mermaid-1564127360701" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 707.5859375px;" viewBox="0 0 707.5859375 669.546875"><style>
+
+
+#mermaid-1564127360701 .label {
+  font-family: 'trebuchet ms', verdana, arial;
+  color: #333; }
+
+#mermaid-1564127360701 .label text {
+  fill: #333; }
+
+#mermaid-1564127360701 .node rect,
+#mermaid-1564127360701 .node circle,
+#mermaid-1564127360701 .node ellipse,
+#mermaid-1564127360701 .node polygon {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1px; }
+
+#mermaid-1564127360701 .node.clickable {
+  cursor: pointer; }
+
+#mermaid-1564127360701 .arrowheadPath {
+  fill: #333333; }
+
+#mermaid-1564127360701 .edgePath .path {
+  stroke: #333333;
+  stroke-width: 1.5px; }
+
+#mermaid-1564127360701 .edgeLabel {
+  background-color: #e8e8e8; }
+
+#mermaid-1564127360701 .cluster rect {
+  fill: #ffffde;
+  stroke: #aaaa33;
+  stroke-width: 1px; }
+
+#mermaid-1564127360701 .cluster text {
+  fill: #333; }
+
+#mermaid-1564127360701 div.mermaidTooltip {
+  position: absolute;
+  text-align: center;
+  max-width: 200px;
+  padding: 2px;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 12px;
+  background: #ffffde;
+  border: 1px solid #aaaa33;
+  border-radius: 2px;
+  pointer-events: none;
+  z-index: 100; }
+
+#mermaid-1564127360701 .actor {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564127360701 text.actor {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564127360701 .actor-line {
+  stroke: grey; }
+
+#mermaid-1564127360701 .messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564127360701 .messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: '2 2';
+  stroke: #333; }
+
+#mermaid-1564127360701 #arrowhead {
+  fill: #333; }
+
+#mermaid-1564127360701 .sequenceNumber {
+  fill: white; }
+
+#mermaid-1564127360701 #sequencenumber {
+  fill: #333; }
+
+#mermaid-1564127360701 #crosshead path {
+  fill: #333 !important;
+  stroke: #333 !important; }
+
+#mermaid-1564127360701 .messageText {
+  fill: #333;
+  stroke: none; }
+
+#mermaid-1564127360701 .labelBox {
+  stroke: #CCCCFF;
+  fill: #ECECFF; }
+
+#mermaid-1564127360701 .labelText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564127360701 .loopText {
+  fill: black;
+  stroke: none; }
+
+#mermaid-1564127360701 .loopLine {
+  stroke-width: 2;
+  stroke-dasharray: '2 2';
+  stroke: #CCCCFF; }
+
+#mermaid-1564127360701 .note {
+  stroke: #aaaa33;
+  fill: #fff5ad; }
+
+#mermaid-1564127360701 .noteText {
+  fill: black;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px; }
+
+#mermaid-1564127360701 .activation0 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564127360701 .activation1 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+#mermaid-1564127360701 .activation2 {
+  fill: #f4f4f4;
+  stroke: #666; }
+
+
+#mermaid-1564127360701 .section {
+  stroke: none;
+  opacity: 0.2; }
+
+#mermaid-1564127360701 .section0 {
+  fill: rgba(102, 102, 255, 0.49); }
+
+#mermaid-1564127360701 .section2 {
+  fill: #fff400; }
+
+#mermaid-1564127360701 .section1,
+#mermaid-1564127360701 .section3 {
+  fill: white;
+  opacity: 0.2; }
+
+#mermaid-1564127360701 .sectionTitle0 {
+  fill: #333; }
+
+#mermaid-1564127360701 .sectionTitle1 {
+  fill: #333; }
+
+#mermaid-1564127360701 .sectionTitle2 {
+  fill: #333; }
+
+#mermaid-1564127360701 .sectionTitle3 {
+  fill: #333; }
+
+#mermaid-1564127360701 .sectionTitle {
+  text-anchor: start;
+  font-size: 11px;
+  text-height: 14px; }
+
+
+#mermaid-1564127360701 .grid .tick {
+  stroke: lightgrey;
+  opacity: 0.3;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564127360701 .grid path {
+  stroke-width: 0; }
+
+
+#mermaid-1564127360701 .today {
+  fill: none;
+  stroke: red;
+  stroke-width: 2px; }
+
+
+
+#mermaid-1564127360701 .task {
+  stroke-width: 2; }
+
+#mermaid-1564127360701 .taskText {
+  text-anchor: middle;
+  font-size: 11px; }
+
+#mermaid-1564127360701 .taskTextOutsideRight {
+  fill: black;
+  text-anchor: start;
+  font-size: 11px; }
+
+#mermaid-1564127360701 .taskTextOutsideLeft {
+  fill: black;
+  text-anchor: end;
+  font-size: 11px; }
+
+
+#mermaid-1564127360701 .task.clickable {
+  cursor: pointer; }
+
+#mermaid-1564127360701 .taskText.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564127360701 .taskTextOutsideLeft.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+#mermaid-1564127360701 .taskTextOutsideRight.clickable {
+  cursor: pointer;
+  fill: #003163 !important;
+  font-weight: bold; }
+
+
+#mermaid-1564127360701 .taskText0,
+#mermaid-1564127360701 .taskText1,
+#mermaid-1564127360701 .taskText2,
+#mermaid-1564127360701 .taskText3 {
+  fill: white; }
+
+#mermaid-1564127360701 .task0,
+#mermaid-1564127360701 .task1,
+#mermaid-1564127360701 .task2,
+#mermaid-1564127360701 .task3 {
+  fill: #8a90dd;
+  stroke: #534fbc; }
+
+#mermaid-1564127360701 .taskTextOutside0,
+#mermaid-1564127360701 .taskTextOutside2 {
+  fill: black; }
+
+#mermaid-1564127360701 .taskTextOutside1,
+#mermaid-1564127360701 .taskTextOutside3 {
+  fill: black; }
+
+
+#mermaid-1564127360701 .active0,
+#mermaid-1564127360701 .active1,
+#mermaid-1564127360701 .active2,
+#mermaid-1564127360701 .active3 {
+  fill: #bfc7ff;
+  stroke: #534fbc; }
+
+#mermaid-1564127360701 .activeText0,
+#mermaid-1564127360701 .activeText1,
+#mermaid-1564127360701 .activeText2,
+#mermaid-1564127360701 .activeText3 {
+  fill: black !important; }
+
+
+#mermaid-1564127360701 .done0,
+#mermaid-1564127360701 .done1,
+#mermaid-1564127360701 .done2,
+#mermaid-1564127360701 .done3 {
+  stroke: grey;
+  fill: lightgrey;
+  stroke-width: 2; }
+
+#mermaid-1564127360701 .doneText0,
+#mermaid-1564127360701 .doneText1,
+#mermaid-1564127360701 .doneText2,
+#mermaid-1564127360701 .doneText3 {
+  fill: black !important; }
+
+
+#mermaid-1564127360701 .crit0,
+#mermaid-1564127360701 .crit1,
+#mermaid-1564127360701 .crit2,
+#mermaid-1564127360701 .crit3 {
+  stroke: #ff8888;
+  fill: red;
+  stroke-width: 2; }
+
+#mermaid-1564127360701 .activeCrit0,
+#mermaid-1564127360701 .activeCrit1,
+#mermaid-1564127360701 .activeCrit2,
+#mermaid-1564127360701 .activeCrit3 {
+  stroke: #ff8888;
+  fill: #bfc7ff;
+  stroke-width: 2; }
+
+#mermaid-1564127360701 .doneCrit0,
+#mermaid-1564127360701 .doneCrit1,
+#mermaid-1564127360701 .doneCrit2,
+#mermaid-1564127360701 .doneCrit3 {
+  stroke: #ff8888;
+  fill: lightgrey;
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges; }
+
+#mermaid-1564127360701 .milestone {
+  transform: rotate(45deg) scale(0.8, 0.8); }
+
+#mermaid-1564127360701 .milestoneText {
+  font-style: italic; }
+
+#mermaid-1564127360701 .doneCritText0,
+#mermaid-1564127360701 .doneCritText1,
+#mermaid-1564127360701 .doneCritText2,
+#mermaid-1564127360701 .doneCritText3 {
+  fill: black !important; }
+
+#mermaid-1564127360701 .activeCritText0,
+#mermaid-1564127360701 .activeCritText1,
+#mermaid-1564127360701 .activeCritText2,
+#mermaid-1564127360701 .activeCritText3 {
+  fill: black !important; }
+
+#mermaid-1564127360701 .titleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: black; }
+
+#mermaid-1564127360701 g.classGroup text {
+  fill: #9370DB;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 10px; }
+
+#mermaid-1564127360701 g.classGroup rect {
+  fill: #ECECFF;
+  stroke: #9370DB; }
+
+#mermaid-1564127360701 g.classGroup line {
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 .classLabel .box {
+  stroke: none;
+  stroke-width: 0;
+  fill: #ECECFF;
+  opacity: 0.5; }
+
+#mermaid-1564127360701 .classLabel .label {
+  fill: #9370DB;
+  font-size: 10px; }
+
+#mermaid-1564127360701 .relation {
+  stroke: #9370DB;
+  stroke-width: 1;
+  fill: none; }
+
+#mermaid-1564127360701 #compositionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #compositionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #aggregationStart {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #aggregationEnd {
+  fill: #ECECFF;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #dependencyStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #dependencyEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #extensionStart {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 #extensionEnd {
+  fill: #9370DB;
+  stroke: #9370DB;
+  stroke-width: 1; }
+
+#mermaid-1564127360701 .commit-id,
+#mermaid-1564127360701 .commit-msg,
+#mermaid-1564127360701 .branch-label {
+  fill: lightgrey;
+  color: lightgrey; }
+
+#mermaid-1564127360701 .gRPCFrontendCLS &gt; * { fill:#FFAA04 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564127360701 .EncoderCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564127360701 .IndexerCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564127360701 .RouterCLS &gt; * { fill:#2BFFCB !important; stroke:#277CE8 !important; stroke-width:1px !important; }
+#mermaid-1564127360701 .PreprocessorCLS &gt; * { fill:#27E1E8 !important; stroke:#277CE8 !important; stroke-width:1px !important; }</style><style>#mermaid-1564127360701 {
+    color: rgba(0, 0, 0, 0.65);
+    font: ;
+  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M333.283203125,61L265.75,96.5L265.75,132" marker-end="url(#arrowhead61)" style="fill:none"></path><defs><marker id="arrowhead61" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M265.75,173L265.75,208.5L265.75,244" marker-end="url(#arrowhead62)" style="fill:none"></path><defs><marker id="arrowhead62" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M229,279.1415807464636L125.19140625,320.5L125.19140625,356" marker-end="url(#arrowhead63)" style="fill:none"></path><defs><marker id="arrowhead63" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M302.5,274.634810710988L468.8125,320.5L468.8125,356" marker-end="url(#arrowhead64)" style="fill:none"></path><defs><marker id="arrowhead64" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M101.56036291581383,418.8491987315219L62.6875,463.234375L62.6875,498.734375" marker-end="url(#arrowhead65)" style="fill:none"></path><defs><marker id="arrowhead65" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M150.8163821110034,416.96331770533544L198.0625,463.234375L198.0625,498.734375" marker-end="url(#arrowhead66)" style="fill:none"></path><defs><marker id="arrowhead66" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M437.08429933977925,408.59370602672647L333.4375,463.234375L333.4375,498.734375" marker-end="url(#arrowhead67)" style="fill:none"></path><defs><marker id="arrowhead67" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M468.8125,427.734375L468.8125,463.234375L468.8125,498.734375" marker-end="url(#arrowhead68)" style="fill:none"></path><defs><marker id="arrowhead68" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M500.54070066022075,408.59370602672647L604.1875,463.234375L604.1875,498.734375" marker-end="url(#arrowhead69)" style="fill:none"></path><defs><marker id="arrowhead69" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M62.6875,539.734375L62.6875,575.234375L365.1495921261391,635.9586575118858" marker-end="url(#arrowhead70)" style="fill:none"></path><defs><marker id="arrowhead70" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M198.0625,539.734375L198.0625,575.234375L366.1897945668624,632.0810951243899" marker-end="url(#arrowhead71)" style="fill:none"></path><defs><marker id="arrowhead71" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M333.4375,539.734375L333.4375,575.234375L374.50170502364705,619.1908591975518" marker-end="url(#arrowhead72)" style="fill:none"></path><defs><marker id="arrowhead72" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M468.8125,539.734375L468.8125,575.234375L419.07560739798157,620.9000676554474" marker-end="url(#arrowhead73)" style="fill:none"></path><defs><marker id="arrowhead73" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M604.1875,539.734375L604.1875,575.234375L425.84230767615514,632.533927702497" marker-end="url(#arrowhead74)" style="fill:none"></path><defs><marker id="arrowhead74" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M426.5216417880547,634.9850863410593L681.875,575.234375L681.875,519.234375L681.875,463.234375L681.875,391.8671875L681.875,320.5L681.875,264.5L681.875,208.5L681.875,152.5L681.875,96.5L429.34375,50.8215907943878" marker-end="url(#arrowhead75)" style="fill:none"></path><defs><marker id="arrowhead75" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(265.75,96.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(265.75,208.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(125.19140625,320.5)"><g transform="translate(-26.515625,-10.5)" class="label"><foreignObject width="53.03125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">pub/sub</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(468.8125,320.5)"><g transform="translate(-26.515625,-10.5)" class="label"><foreignObject width="53.03125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">pub/sub</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(62.6875,463.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(198.0625,463.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(333.4375,463.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(468.8125,463.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(604.1875,463.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(62.6875,575.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(198.0625,575.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(333.4375,575.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(468.8125,575.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(604.1875,575.234375)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(681.875,320.5)"><g transform="translate(-29.7109375,-10.5)" class="label"><foreignObject width="59.421875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">push/pull</span></div></foreignObject></g></g></g><g class="nodes"><g class="node gRPCFrontendCLS" id="gRPCFrontend000" transform="translate(372.28125,40.5)" style="opacity: 1;"><rect rx="5" ry="5" x="-57.0625" y="-20.5" width="114.125" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-47.0625,-10.5)"><foreignObject width="94.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">gRPCFrontend</div></foreignObject></g></g></g><g class="node PreprocessorCLS" style="opacity: 1;" id="Preprocessor100" transform="translate(265.75,152.5)"><rect rx="5" ry="5" x="-53.0546875" y="-20.5" width="106.109375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-43.0546875,-10.5)"><foreignObject width="86.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Preprocessor</div></foreignObject></g></g></g><g class="node EncoderCLS" style="opacity: 1;" id="Encoder200" transform="translate(265.75,264.5)"><rect rx="5" ry="5" x="-36.75" y="-20.5" width="73.5" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-26.75,-10.5)"><foreignObject width="53.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Encoder</div></foreignObject></g></g></g><g class="node RouterCLS" style="opacity: 1;" id="Router400" transform="translate(125.19140625,391.8671875)"><circle x="-35.8671875" y="-20.5" r="35.8671875"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-25.8671875,-10.5)"><foreignObject width="51.734375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Router0</div></foreignObject></g></g></g><g class="node RouterCLS" style="opacity: 1;" id="Router410" transform="translate(468.8125,391.8671875)"><circle x="-35.8671875" y="-20.5" r="35.8671875"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-25.8671875,-10.5)"><foreignObject width="51.734375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Router1</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer300" transform="translate(62.6875,519.234375)"><rect rx="5" ry="5" x="-42.6875" y="-20.5" width="85.375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-32.6875,-10.5)"><foreignObject width="65.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer00</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer301" transform="translate(198.0625,519.234375)"><rect rx="5" ry="5" x="-42.6875" y="-20.5" width="85.375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-32.6875,-10.5)"><foreignObject width="65.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer01</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer310" transform="translate(333.4375,519.234375)"><rect rx="5" ry="5" x="-42.6875" y="-20.5" width="85.375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-32.6875,-10.5)"><foreignObject width="65.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer10</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer311" transform="translate(468.8125,519.234375)"><rect rx="5" ry="5" x="-42.6875" y="-20.5" width="85.375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-32.6875,-10.5)"><foreignObject width="65.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer11</div></foreignObject></g></g></g><g class="node IndexerCLS" style="opacity: 1;" id="Indexer312" transform="translate(604.1875,519.234375)"><rect rx="5" ry="5" x="-42.6875" y="-20.5" width="85.375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-32.6875,-10.5)"><foreignObject width="65.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Indexer12</div></foreignObject></g></g></g><g class="node RouterCLS" style="opacity: 1;" id="Router500" transform="translate(395.94140625,642.140625)"><circle x="-31.40625" y="-20.5" r="31.40625"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-21.40625,-10.5)"><foreignObject width="42.8125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Router</div></foreignObject></g></g></g></g></g></g></svg>
\ No newline at end of file