assets/superdock.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="401px" height="684px" viewBox="-0.5 -0.5 401 684" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2021-06-12T08:41:42.839Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 11_3_0) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.5.1 Chrome/89.0.4389.82 Electron/12.0.1 Safari/537.36&quot; etag=&quot;U7aEcgTNGtsWYgT7Nld6&quot; version=&quot;14.5.1&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;gp3w1YB7bMwZjpeNfUvd&quot; name=&quot;Page-1&quot;&gt;7Vlbc6IwFP41PnYHiEF8tLbdfdid6YwPu+5bhAhpA8EQK+6v30SCXG3ZCtWdqZ2p5Jzc+L5zyYkjMA/TrxzFwQ/mYTqyDC8dgbuRZU0cW/5Xgn0mgNNJJvA58TKRWQgW5A/WQkNLt8TDSaWjYIwKEleFLosi7IqKDHHOdtVua0arq8bIxw3BwkW0Kf1JPBFkUgcahfwbJn6Qr2waWhOivLMWJAHy2K4kAvcjMOeMiewpTOeYKuxyXLJxDye0x41xHIkuA+z099PiwYTP4WLOfvPQgLfLG03GC6Jb/cJ6s2KfI8DZNvKwmsQcgdtdQARexMhV2p2kXMoCEVKtXhNK54wyfhgLPIgdbyzlieDsGZc0jrUCti01egOYC5yefDPziJe0M8xCLPhedtEDrLGGWNuYo5u7gjBga1lQJisXIm0k/nHqAkf5oKH8B1jNgWFF2Fm7bbDaroNX62FgBdblcR23AGtToSBi8q3KCNubLcsVN8khsMxkB8uK00Ipn3z1vcBcYpXPJfeWTZcpG9xJTEWVoCoREYtwjTUtQpT4kWy6kgO5HrhVDBEZbmZaERLPU8u0WkRhM4ZaMw8oagM+RUmiFT1wPzaq3I9Bk3vTauEeDka9MaxPrR0Xu60+tXLgGPaEa92noH15n+qQA7Ank6JuMi4C5rMI0ftCWjPNos93xmIN+BMWYq8zPNoKVqVDAsj3v9T4LzBvLvV0h8ZdWmntcy8QiIuZyvTKrZQXEDcXPxB6nD4lojS7bC1LmmJu1cinzmBQ7/462xIqtuUufgVkoI8uiPtYvEbGCfPhmCJBXqobaTMFPfSRkUM41GYH6mZn1qwp25geVRiUxBXtS91i1SE5vQ6shQ1YP5O8ta9qf/mQ7aCw7iMm7zd4q0Mk+QCD72q4J/zCfMMvejReq6PxOh9iu9a0m+32Zi7gfzKXC9AOzqT9rOxlNcjxWeL1ezJYY7v9ZOBNpiujr5OBUzttTzqeuAY7GFhNbK/Y8K8gTnZN8sPEyXru7Ronz83xueF2zfG1/sPk+GbMDjdCbWqlXPhY6K14XuOFLNlsiZDG11DhcJOeF1DKxdmxajPaIs3aOhFp7JUNe7ouGdfr+otHGqfBVuLt3F6D+AddmdSCuNm1bB6uumtie81BXFdp+fNyVK7Y2qu0IvBXysYiCwwf+M38ZvrN8s665FnJbF5LRm7cq5th04N40uZmU3sCUF8XvjU3s82Lu1nzrDR7fOwV2jVUf60R7PDRV50lefYZJmlcAeRtdVkfd8FzSvDh8vfzLjij3qwltWlH6oe7C4YDUa9y3ifxp34EsLseFN9BvGwWP4VmVUDxezK4/ws=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="20" y="20" width="360" height="160" rx="24" ry="24" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="20" y="260" width="360" height="160" rx="24" ry="24" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="180" y="370" width="120" height="50" fill="none" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="180" y="370" width="120" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 395px; margin-left: 181px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 22px">Server</font></div></div></div></foreignObject><text x="240" y="399" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Server</text></switch></g><rect x="20" y="500" width="360" height="160" rx="24" ry="24" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 280 376.37 L 280 460 L 120 460 L 120 543.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 280 371.12 L 283.5 378.12 L 280 376.37 L 276.5 378.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 120 548.88 L 116.5 541.88 L 120 543.63 L 123.5 541.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 120 303.63 L 120 136.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 120 308.88 L 116.5 301.88 L 120 303.63 L 123.5 301.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 120 131.12 L 123.5 138.12 L 120 136.37 L 116.5 138.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 186.37 340 L 213.63 340" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 181.12 340 L 188.12 336.5 L 186.37 340 L 188.12 343.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 218.88 340 L 211.88 343.5 L 213.63 340 L 211.88 336.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="60" y="310" width="120" height="60" rx="9" ry="9" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 61px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">gosd</div></div></div></foreignObject><text x="120" y="344" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">gosd</text></switch></g><path d="M 280 303.63 L 280 220 L 120 220 L 120 136.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 280 308.88 L 276.5 301.88 L 280 303.63 L 283.5 301.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 120 131.12 L 123.5 138.12 L 120 136.37 L 116.5 138.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="220" y="310" width="120" height="60" rx="9" ry="9" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 221px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">mqtt broker<br />mosquitto<br />emqx</div></div></div></foreignObject><text x="280" y="344" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">mqtt broker...</text></switch></g><rect x="60" y="70" width="120" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 100px; margin-left: 61px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">sdwc</div></div></div></foreignObject><text x="120" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">sdwc</text></switch></g><path d="M 186.37 580 L 213.63 580" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 181.12 580 L 188.12 576.5 L 186.37 580 L 188.12 583.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 218.88 580 L 211.88 583.5 L 213.63 580 L 211.88 576.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="60" y="550" width="120" height="60" rx="9" ry="9" fill="#e1d5e7" stroke="#9673a6" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 580px; margin-left: 61px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">ncp</div></div></div></foreignObject><text x="120" y="584" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">ncp</text></switch></g><rect x="220" y="550" width="120" height="60" rx="9" ry="9" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 580px; margin-left: 221px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">APP</div></div></div></foreignObject><text x="280" y="584" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">APP</text></switch></g><rect x="190" y="130" width="120" height="50" fill="none" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="190" y="130" width="120" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 155px; margin-left: 191px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 22px">Client</font></div></div></div></foreignObject><text x="250" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Client</text></switch></g><rect x="180" y="610" width="120" height="50" fill="none" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="180" y="610" width="120" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 635px; margin-left: 181px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 22px">Edge</font></div></div></div></foreignObject><text x="240" y="639" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Edge</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>