docs/proxy.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- SPDX-FileCopyrightText: Copyright Contributors to the GXF project -->
<!-- -->
<!-- SPDX-License-Identifier: Apache-2.0 -->

<!-- Do not edit this file with editors other than draw.io -->
<!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="1181px"
     height="261px" viewBox="-0.5 -0.5 1181 261"
     content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2023-11-23T08:10:25.812Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.1.2 Chrome/114.0.5735.289 Electron/25.9.4 Safari/537.36&quot; etag=&quot;y46kcb-VPW3OeIeXJkJb&quot; version=&quot;22.1.2&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qjulIMTGh5g9-AoSL8cw&quot;&gt;3Zlfe5owFMY/jZfdwx8Be1lt1/ZZt7nHutrd7IlyBtmQsBAE/PQLEgQKWmeroL0p500I4Zz3R5B01ME8uqXIsz8TE5yOIplRR73uKPxPl/i/RIlTpacKwaLYTCU5F0Z4CULMugXYBL/UkRHiMOyVxRlxXZixkoYoJWG52y/ilK/qIQsqwmiGnKr6hE1mi7vQpFy/A2zZ2ZVlSbTMUdZZCL6NTBIWJPWmow4oISw9mkcDcJLkZXlJz/u4oXU9MQou2+WEkGiRPujF/nzqPI7vxgtv9HghRlkgJxA3PKQkirl0JWbN4iwVlASuCclockfthzZmMPLQLGkNefG5ZrO5I5qrs8suBZRBVJDEbG+BzIHR5NLCKt2uyFyYJ17OsmkXkp55DIlaW+uh8nTwA5GR+uyMe8uhGcTjH4rxdInvv4DjDS+USg7A5O4QIaHMJhZxkXOTq/08SxKP8j4PhHgiN7+BsVhYHQWMlDPHE0bjiTh/FTwnwQctC6+jYuN1LKJ0rskENxpESD4J6Ay2uELcN0PUAnFq5MbRd22Cl5+m0v238VUfKQ9pv2r9KDiI4UV5Hm8pzrZJ1li335x1RauR2bQJK9eD3m3EyxFmk9y9PHrOvMuPcyMnQVwIhkAxv2+gRacXBlpTsRMT+yDQrSKwzYUvsGuKiW6FiRCmPyn8DcBnfsUBfEnyksNZ7GBeaKq+Dsc0tcTDdC2g2R9rZZSvAePDgND91BNyUi8TU742Y+JygWc+IeA9KJP1MmWqVkOZXkOZejDK9PZQJr+FMuNImGk7Yia3CjNtA2a+R1wfzp+zy8Y5M86SM/lgnOknyZle4SyhAFzzbJc0TS2jpimNo3bZHtTe78XxcKQZJ/niaGwh7UxXtQpqeuOoSZUcH/V7w//9tlpFFd7W3Cq7r5H7w1bzoWLbQtIS2GT1ZB6pez4+a72xf5nlHcvcbVeZtWbLrLy9zns9Aw6Ps9auOvfag/MrP0ZOC2ejqTLXbgbIjVT5qJsBtR/5d63WsYqzbZKF99cR0AXmN6ZIk0rhjr0dcPHyC8pR9wM2b91sSNhz4wnr9Y6XLx7mm7CrtsJWtnrzDw==&lt;/diagram&gt;&lt;/mxfile&gt;"
     style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="170" y="100" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <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: 130px; margin-left: 171px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Proxy A
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="230" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Proxy A
                </text>
            </switch>
        </g>
        <path d="M 1010 130 L 1043.63 130" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1048.88 130 L 1041.88 133.5 L 1043.63 130 L 1041.88 126.5 Z" fill="rgb(0, 0, 0)"
              stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="890" y="100" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <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: 130px; margin-left: 891px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Proxy B
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="950" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Proxy B
                </text>
            </switch>
        </g>
        <path d="M 490 25 L 950 25 L 950 93.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 950 98.88 L 946.5 91.88 L 950 93.63 L 953.5 91.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 395 -40 C 395 -48.28 401.72 -55 410 -55 C 413.98 -55 417.79 -53.42 420.61 -50.61 C 423.42 -47.79 425 -43.98 425 -40 L 425 90 C 425 98.28 418.28 105 410 105 C 401.72 105 395 98.28 395 90 Z"
              fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,410,25)"
              pointer-events="all"/>
        <path d="M 425 -40 C 425 -31.72 418.28 -25 410 -25 C 401.72 -25 395 -31.72 395 -40" fill="none"
              stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,410,25)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 25px; margin-left: 336px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                web_requests
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="398" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    web_requests
                </text>
            </switch>
        </g>
        <path d="M 330 65 L 260 65 L 260 93.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 260 98.88 L 256.5 91.88 L 260 93.63 L 263.5 91.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 395 0 C 395 -8.28 401.72 -15 410 -15 C 413.98 -15 417.79 -13.42 420.61 -10.61 C 423.42 -7.79 425 -3.98 425 0 L 425 130 C 425 138.28 418.28 145 410 145 C 401.72 145 395 138.28 395 130 Z"
              fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,410,65)"
              pointer-events="all"/>
        <path d="M 425 0 C 425 8.28 418.28 15 410 15 C 401.72 15 395 8.28 395 0" fill="none" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" transform="rotate(90,410,65)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 65px; margin-left: 336px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                web_responses
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="398" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    web_responses
                </text>
            </switch>
        </g>
        <path d="M 700 195 L 260 195 L 260 166.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 260 161.12 L 263.5 168.12 L 260 166.37 L 256.5 168.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 765 130 C 765 121.72 771.72 115 780 115 C 783.98 115 787.79 116.58 790.61 119.39 C 793.42 122.21 795 126.02 795 130 L 795 260 C 795 268.28 788.28 275 780 275 C 771.72 275 765 268.28 765 260 Z"
              fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,780,195)"
              pointer-events="all"/>
        <path d="M 795 130 C 795 138.28 788.28 145 780 145 C 771.72 145 765 138.28 765 130" fill="none"
              stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,780,195)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 195px; margin-left: 706px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                backend_requests
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="768" y="199" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    backend_requests
                </text>
            </switch>
        </g>
        <path d="M 860 235 L 950 235 L 950 166.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 950 161.12 L 953.5 168.12 L 950 166.37 L 946.5 168.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 765 170 C 765 161.72 771.72 155 780 155 C 783.98 155 787.79 156.58 790.61 159.39 C 793.42 162.21 795 166.02 795 170 L 795 300 C 795 308.28 788.28 315 780 315 C 771.72 315 765 308.28 765 300 Z"
              fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,780,235)"
              pointer-events="all"/>
        <path d="M 795 170 C 795 178.28 788.28 185 780 185 C 771.72 185 765 178.28 765 170" fill="none"
              stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,780,235)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 235px; margin-left: 706px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                backend_responses
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="768" y="239" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    backend_responses
                </text>
            </switch>
        </g>
        <path d="M 920 160 L 920 195 L 866.37 195" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 861.12 195 L 868.12 191.5 L 866.37 195 L 868.12 198.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230 100 L 230 25 L 323.63 25" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 328.88 25 L 321.88 28.5 L 323.63 25 L 321.88 21.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 920 100 L 920 65 L 496.37 65" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 491.12 65 L 498.12 61.5 L 496.37 65 L 498.12 68.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230 160 L 230 235 L 693.63 235" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 698.88 235 L 691.88 238.5 L 693.63 235 L 691.88 231.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 130 130 L 163.63 130" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 168.88 130 L 161.88 133.5 L 163.63 130 L 161.88 126.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="10" y="100" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <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: 130px; margin-left: 11px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Service X
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="70" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Service X
                </text>
            </switch>
        </g>
        <rect x="1050" y="100" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)"
              pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                               style="overflow: visible; text-align: left;">
                    <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: 130px; margin-left: 1051px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); "
                             style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Service Y
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1110" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px"
                      text-anchor="middle">Service Y
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems"
           target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text>
        </a>
    </switch>
</svg>