figures/client-connection-state.svg

<svg aria-roledescription="stateDiagram" role="graphics-document document" viewBox="-8 -8 404.1640625 399" style="max-width: 404.164px; background-color: white;" class="statediagram" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#666;stroke:#666;}#my-svg .marker.cross{stroke:#666;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg defs #statediagram-barbEnd{fill:#000;stroke:#000;}#my-svg g.stateGroup text{fill:#999;stroke:none;font-size:10px;}#my-svg g.stateGroup text{fill:#000000;stroke:none;font-size:10px;}#my-svg g.stateGroup .state-title{font-weight:bolder;fill:#111111;}#my-svg g.stateGroup rect{fill:#eee;stroke:#999;}#my-svg g.stateGroup line{stroke:#666;stroke-width:1;}#my-svg .transition{stroke:#000;stroke-width:1;fill:none;}#my-svg .stateGroup .composit{fill:#ffffff;border-bottom:1px;}#my-svg .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px;}#my-svg .state-note{stroke:#999;fill:#666;}#my-svg .state-note text{fill:#fff;stroke:none;font-size:10px;}#my-svg .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5;}#my-svg .edgeLabel .label rect{fill:#eee;opacity:0.5;}#my-svg .edgeLabel .label text{fill:#000000;}#my-svg .label div .edgeLabel{color:#000000;}#my-svg .stateLabel text{fill:#111111;font-size:10px;font-weight:bold;}#my-svg .node circle.state-start{fill:#222;stroke:#222;}#my-svg .node .fork-join{fill:#222;stroke:#222;}#my-svg .node circle.state-end{fill:hsl(0, 0%, 83.3333333333%);stroke:#ffffff;stroke-width:1.5;}#my-svg .end-state-inner{fill:#ffffff;stroke-width:1.5;}#my-svg .node rect{fill:#eee;stroke:#000;stroke-width:1px;}#my-svg .node polygon{fill:#eee;stroke:#000;stroke-width:1px;}#my-svg #statediagram-barbEnd{fill:#666;}#my-svg .statediagram-cluster rect{fill:#eee;stroke:#000;stroke-width:1px;}#my-svg .cluster-label,#my-svg .nodeLabel{color:#111111;}#my-svg .statediagram-cluster rect.outer{rx:5px;ry:5px;}#my-svg .statediagram-state .divider{stroke:#000;}#my-svg .statediagram-state .title-state{rx:5px;ry:5px;}#my-svg .statediagram-cluster.statediagram-cluster .inner{fill:#ffffff;}#my-svg .statediagram-cluster.statediagram-cluster-alt .inner{fill:#f4f4f4;}#my-svg .statediagram-cluster .inner{rx:0;ry:0;}#my-svg .statediagram-state rect.basic{rx:5px;ry:5px;}#my-svg .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#f4f4f4;}#my-svg .note-edge{stroke-dasharray:5;}#my-svg .statediagram-note rect{fill:#666;stroke:#999;stroke-width:1px;rx:0;ry:0;}#my-svg .statediagram-note rect{fill:#666;stroke:#999;stroke-width:1px;rx:0;ry:0;}#my-svg .statediagram-note text{fill:#fff;}#my-svg .statediagram-note .nodeLabel{color:#fff;}#my-svg .statediagram .edgeLabel{color:red;}#my-svg #dependencyStart,#my-svg #dependencyEnd{fill:#666;stroke:#666;stroke-width:1;}#my-svg .statediagramTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><defs><marker orient="auto" markerUnits="strokeWidth" markerHeight="14" markerWidth="20" refY="7" refX="19" id="my-svg_statediagram-barbEnd"><path d="M 19,7 L9,13 L14,7 L9,1 Z"/></marker></defs><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge0" d="M226.17578125,22L226.17578125,27.583333333333332C226.17578125,33.166666666666664,226.17578125,44.333333333333336,226.17578125,55.5C226.17578125,66.66666666666667,226.17578125,77.83333333333333,226.17578125,83.41666666666667L226.17578125,89"/><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge1" d="M194.560882260101,121L183.52859980008418,126.58333333333333C172.49631734006735,132.16666666666666,150.4317524200337,143.33333333333334,139.39946996001683,154.5C128.3671875,165.66666666666666,128.3671875,176.83333333333334,128.3671875,182.41666666666666L128.3671875,188"/><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge2" d="M128.3671875,220L128.3671875,225.58333333333334C128.3671875,231.16666666666666,128.3671875,242.33333333333334,139.39946996001683,253.5C150.4317524200337,264.6666666666667,172.49631734006735,275.8333333333333,183.52859980008418,281.4166666666667L194.560882260101,287"/><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge3" d="M204.8046875,191.7419085404051L208.69357638888889,191.11825711700422C212.58246527777774,190.4946056936034,220.36024305555554,189.24730284680172,225.22135416666666,188.62365142340084C230.08246527777774,188,232.02690972222226,188,233.97135416666666,190.66666666666666C235.91579861111111,193.33333333333334,237.86024305555557,198.66666666666666,237.86024305555557,204C237.86024305555557,209.33333333333334,235.91579861111111,214.66666666666666,233.97135416666666,217.33333333333334C232.02690972222226,220,230.08246527777774,220,225.22135416666666,219.37634857659916C220.36024305555554,218.75269715319828,212.58246527777774,217.5053943063966,208.69357638888889,216.88174288299572L204.8046875,216.2580914595949"/><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge4" d="M257.79068023989896,121L268.82296269991576,126.58333333333333C279.8552451599326,132.16666666666666,301.91981007996634,143.33333333333334,312.95209253998314,157.16666666666666C323.984375,171,323.984375,187.5,323.984375,204C323.984375,220.5,323.984375,237,312.95209253998314,250.83333333333334C301.91981007996634,264.6666666666667,279.8552451599326,275.8333333333333,268.82296269991576,281.4166666666667L257.79068023989896,287"/><path marker-end="url(#my-svg_statediagram-barbEnd)" style="fill:none" class="edge-thickness-normal transition" id="edge5" d="M226.17578125,319L226.17578125,323.1666666666667C226.17578125,327.3333333333333,226.17578125,335.6666666666667,226.17578125,344C226.17578125,352.3333333333333,226.17578125,360.6666666666667,226.17578125,364.8333333333333L226.17578125,369"/></g><g class="edgeLabels"><g transform="translate(226.17578125, 55.5)" class="edgeLabel"><g transform="translate(-56.921875, -8.5)" class="label"><rect height="17.000667572021484" width="113.73883819580078" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">New connection</tspan></text></g></g><g transform="translate(128.3671875, 154.5)" class="edgeLabel"><g transform="translate(-83.6015625, -8.5)" class="label"><rect height="17.000667572021484" width="167.0534210205078" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Auth message received</tspan></text></g></g><g transform="translate(128.3671875, 253.5)" class="edgeLabel"><g transform="translate(-120.3671875, -8.5)" class="label"><rect height="17.000667572021484" width="240.50942993164062" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Websocket connection terminated</tspan></text></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><rect height="0" width="0" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve"/></text></g></g><g transform="translate(323.984375, 204)" class="edgeLabel"><g transform="translate(-64.1796875, -8.5)" class="label"><rect height="17.000667572021484" width="128.23941040039062" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Time out after 10s</tspan></text></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><rect height="0" width="0" ry="0" rx="0"/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve"/></text></g></g></g><g class="nodes"><g transform="translate(226.17578125, 105)" id="state-wait-4" class="node  statediagram-state undefined"><rect height="32" width="174.578125" y="-16" x="-87.2890625" style="" class="basic label-container"/><g transform="translate(-79.7890625, -8.5)" style="" class="label"><rect/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Wait for auth message</tspan></text></g></g><g transform="translate(128.3671875, 204)" id="state-proxied-3" class="node  statediagram-state undefined"><rect height="32" width="152.875" y="-16" x="-76.4375" style="" class="basic label-container"/><g transform="translate(-68.9375, -8.5)" style="" class="label"><rect/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Connection proxied</tspan></text></g></g><g transform="translate(226.17578125, 303)" id="state-disconnected-5" class="node  statediagram-state undefined"><rect height="32" width="111.953125" y="-16" x="-55.9765625" style="" class="basic label-container"/><g transform="translate(-48.4765625, -8.5)" style="" class="label"><rect/><text style=""><tspan class="row" x="0" dy="1em" xml:space="preserve">Disconnected</tspan></text></g></g><g transform="translate(226.17578125, 15)" id="state-root_start-0" class="node default"><circle height="14" width="14" r="7" class="state-start"/></g><g transform="translate(226.17578125, 376)" id="state-root_end-5" class="node default"><circle height="14" width="14" r="7" class="state-start"/><circle height="10" width="10" r="5" class="state-end"/></g></g></g></g></svg>