media/20_ssr-cache-proxy.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="841px" height="276px" viewBox="-0.5 -0.5 841 276" content="&lt;mxfile&gt;&lt;diagram id=&quot;ocoQLGZaW2R_XlAjMVQ8&quot; name=&quot;Page-1&quot;&gt;7VrLcuMoFP0aL0clCT2XsTvpXnRPpcaLWaaIhCWqkVADip35+gELYskQO+WSa2ridhaWLu9zDpd7cRZg1ey+MtjVP2iJyCL0y90CfFmEYeCnufxSltfBEodgMFQMl7rSwbDG/yDTUlt7XCI+qSgoJQJ3U2NB2xYVYmKDjNHttNqGkumoHayQZVgXkNjWv3Epam0NkvxQ8A3hqtZDZ2E6FDTQVNYr4TUs6XZkAvcLsGKUiuGp2a0QUeAZXIZ2D++Uvk2MoVZ8qEE2tHiBpNeL0xMTr2a1jPZtiVQDfwGW2xoLtO5goUq3kl9pq0VD5FsgHzeYkBUllMn3Em1gT+Q8lva09ExfEBNoNzLpaX5FtEGCvcoqujTRiGnJhPHwuj3gn0W6Sj2CPkx1Rag5r956PsAiHzQybpQMKCOU1ojJuUvbWkpRfv2FJEYMt9UiTPZLfmYTFJNfveJ0uaGt+IPvFX0nKwRZtzsUyqdKfd9xwags/ZPu+14L2JaQ0BZZ3EjwxJQA1fQnMhS0qtGUFW2CBFetfC0kJXIhYKmowFLjd7qgwWWphnEyPtWEWpTepVJQ89AdTvmOfYvvIA+92GYc+DMQDizCVwSr1dwMAel5/EPHfpsF/eS8U+I/kShqvXzaC4Jbiblx9wYTA/kiBPLvQQ23rBgsFZUnGDLVv7xHZwl5/Qa+4e07fEbkkXIsMFX8PVMhaOMgVtDOxf/Yi474DM27XrwaEvJuWOgG79Q8lh3Fqpf7F9kZN0KsYacaNLtKHcMe3PLIKwYZzyKRwA88c7JpmQQAWDqJUy9KbaXEyQxKSX8r5VpKEWr1aoKQPPHhtJvHs+fAM4fyCdVEDteeZjNI5gMRz2/JXCaZkhZ9M1SaQykRyL18/ImmISCIbNUEng8cvmaGUwkE/71whs/nEw6m4glKR/MqZ8SfSijgExeUoXl0BPLYS5Mjj2PHM1HmPKfSObRjJxCPjO7UHH/IdVcSrdBfwaJG4/RhSAbudx1DnN9O5AnA2dAz9K8UegI78GfoV4+4HfnLhO9O3SUoIAnkHBfv75aTyKBycttg4zKOpRzrNjaGCBT4ZXpH4QJDj/CoducomjuK+IMomnbBac8KpFuN7xSOOgLZmY4EZBUSVkd7bt6W/TG6IgddvKMtt1Plz8aXBXMaePFljFnU213NyFnsOEcHp9cT4/SMhWBjqdXhxo1dDnIosiurC7jTdaVxPNrN+Nbo6BotsGOoDHjhlbyrHXvfineNkpm8a3LOTc+4U/Pb9a4WzJd7V4v6a3pXs79PZSlnU4MRb+4sYfCG5rePwOX3nNnPJENx1nCkB6D0pKNFrgRj6pVVPpWrP4fejhKph/1nrpvS1DNbxbjV0HarQeqlga3XyPdmuAiL7OS072Qe9fk3ahYfnWiXOtb0XEczblI7Hex62fmnJyvJZyIrOiYruB5Zdo7RYJWPrxRGWAwPXKhfhy3+CMEdRyO/VhDal+9Ef6euWq7nvkB8uDPTaOZ2xh1EmZc7bkeiGcLCyM4IINnCV74XHNv/svq/hDaJEs+cBKegdWy4C3CVr4d/HBiEfvj3C3D/Lw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="840" height="275" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="560" y="25" width="192.5" height="30" fill="none" stroke="none" 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: 191px; height: 1px; padding-top: 40px; margin-left: 561px;">
                        <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: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Server Side Rendering
                                <br style="font-size: 18px"/>
                                Astro Node Standalone
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="656" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    Server Side Rendering...
                </text>
            </switch>
        </g>
        <rect x="10" y="25" width="120" height="30" fill="none" stroke="none" 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: 40px; 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: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Client
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="70" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    Client
                </text>
            </switch>
        </g>
        <rect x="41.27" y="108" width="57.47" height="56" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 95.05 108 L 44.96 108 C 43.06 108 41.52 109.54 41.52 111.44 L 41.52 144.52 C 41.52 146.41 43.06 147.95 44.96 147.95 L 95.05 147.95 C 96.95 147.95 98.49 146.41 98.49 144.52 L 98.49 111.44 C 98.49 109.54 96.95 108 95.05 108 Z M 95.89 144.52 C 95.89 144.98 95.52 145.35 95.05 145.35 L 44.96 145.35 C 44.49 145.35 44.12 144.98 44.12 144.52 L 44.12 111.44 C 44.12 110.98 44.49 110.6 44.96 110.6 L 95.05 110.6 C 95.52 110.6 95.89 110.98 95.89 111.44 Z M 92.05 112.56 L 47.92 112.56 C 46.9 112.56 46.07 113.38 46.07 114.4 L 46.07 141.55 C 46.07 142.57 46.9 143.4 47.92 143.4 L 92.05 143.4 C 93.07 143.4 93.9 142.57 93.9 141.55 L 93.9 114.4 C 93.9 113.38 93.07 112.56 92.05 112.56 Z M 48.67 140.8 L 48.67 115.16 L 91.3 115.16 L 91.3 140.8 Z M 95.05 150.11 L 44.96 150.11 C 43.06 150.11 41.52 151.65 41.52 153.55 L 41.52 160.56 C 41.52 162.46 43.06 164 44.96 164 L 95.05 164 C 96.95 164 98.49 162.46 98.49 160.56 L 98.49 153.55 C 98.49 151.65 96.95 150.11 95.05 150.11 Z M 95.89 160.56 C 95.89 161.02 95.52 161.4 95.05 161.4 L 44.96 161.4 C 44.49 161.4 44.12 161.02 44.12 160.56 L 44.12 153.55 C 44.12 153.09 44.49 152.71 44.96 152.71 L 95.05 152.71 C 95.52 152.71 95.89 153.09 95.89 153.55 Z M 93.94 155.84 L 93.94 158.34 C 93.94 158.91 93.48 159.38 92.91 159.38 L 78.93 159.38 C 78.36 159.38 77.9 158.91 77.9 158.34 L 77.9 155.84 C 77.9 155.27 78.36 154.81 78.93 154.81 L 92.91 154.81 C 93.48 154.81 93.94 155.27 93.94 155.84 Z" fill="#232f3d" stroke="none" pointer-events="all"/>
        <rect x="633.75" y="108" width="45" height="78" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 676.16 108.16 L 636.34 108.16 C 634.91 108.16 633.75 109.33 633.75 110.76 L 633.75 183.25 C 633.75 184.68 634.91 185.84 636.34 185.84 L 676.16 185.84 C 677.59 185.84 678.75 184.68 678.75 183.25 L 678.75 110.76 C 678.75 109.33 677.59 108.16 676.16 108.16 Z M 637.28 182.31 L 637.28 111.69 L 675.22 111.69 L 675.22 182.31 Z M 641.58 119.62 L 670.92 119.62 L 670.92 116.09 L 641.58 116.09 Z M 641.58 127.16 L 670.92 127.16 L 670.92 123.63 L 641.58 123.63 Z M 641.58 134.98 L 670.92 134.98 L 670.92 131.45 L 641.58 131.45 Z M 641.58 142.61 L 670.92 142.61 L 670.92 139.08 L 641.58 139.08 Z" fill="#232f3d" stroke="none" pointer-events="all"/>
        <rect x="380" y="209" width="41.03" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 396.04 242.09 L 412.94 242.09 L 412.94 239.82 L 396.04 239.82 Z M 396.04 235.14 L 416.91 235.14 L 416.91 232.86 L 396.04 232.86 Z M 396.04 228.18 L 404.99 228.18 L 404.99 225.91 L 396.04 225.91 Z M 382.27 248.76 L 383.12 248.76 L 383.12 251.04 L 381.14 251.04 C 380.51 251.04 380 250.53 380 249.9 L 380 210.15 C 380 209.52 380.51 209.01 381.14 209.01 L 400.02 209.01 L 400.02 211.29 L 382.27 211.29 Z M 388.24 252.74 L 390.08 252.74 L 390.08 255.01 L 387.1 255.01 C 386.47 255.01 385.96 254.5 385.96 253.88 L 385.96 214.12 C 385.96 213.5 386.47 212.99 387.1 212.99 L 404.99 212.99 L 404.99 215.26 L 388.24 215.26 Z M 394.2 256.71 L 394.2 219.24 L 408.82 219.24 L 408.82 228.04 C 408.82 228.66 409.33 229.17 409.96 229.17 L 418.76 229.17 L 418.76 256.71 Z M 411.09 220.84 L 417.15 226.9 L 411.09 226.9 Z M 420.7 227.23 L 410.76 217.3 C 410.55 217.08 410.26 216.96 409.96 216.96 L 393.06 216.96 C 392.43 216.96 391.93 217.47 391.93 218.1 L 391.93 257.85 C 391.93 258.48 392.43 258.99 393.06 258.99 L 419.89 258.99 C 420.52 258.99 421.03 258.48 421.03 257.85 L 421.03 228.04 C 421.03 227.74 420.91 227.45 420.7 227.23 Z" fill="#232f3d" stroke="none" pointer-events="all"/>
        <rect x="335.76" y="105" width="48.47" height="70" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 350.45 165.45 L 358.4 165.45 L 358.4 162.27 L 350.45 162.27 Z M 344.09 165.45 L 347.27 165.45 L 347.27 162.27 L 344.09 162.27 Z M 350.45 149.55 L 358.4 149.55 L 358.4 146.36 L 350.45 146.36 Z M 344.09 149.55 L 347.27 149.55 L 347.27 146.36 L 344.09 146.36 Z M 350.45 132.05 L 358.4 132.05 L 358.4 128.86 L 350.45 128.86 Z M 344.09 132.05 L 347.27 132.05 L 347.27 128.86 L 344.09 128.86 Z M 339.9 132.38 L 339.9 120.16 C 343.68 122.93 350.59 124.59 359.41 124.59 C 367.54 124.59 375.74 123.01 380.09 119.94 L 380.09 132.38 C 380.09 135.51 371.6 138.99 359.41 138.99 C 347.36 138.99 339.9 135.56 339.9 132.38 Z M 339.9 148.84 L 339.9 137.74 C 343.68 140.51 350.59 142.18 359.41 142.18 C 367.34 142.18 375.67 140.72 380.09 137.61 L 380.09 148.84 C 380.09 151.94 371.6 155.41 359.41 155.41 C 347.2 155.41 339.9 152.07 339.9 148.84 Z M 339.9 165.2 L 339.9 154.17 C 343.68 156.93 350.59 158.59 359.41 158.59 C 367.34 158.59 375.67 157.14 380.09 154.04 L 380.09 165.2 C 380.09 168.33 371.6 171.82 359.41 171.82 C 347.2 171.82 339.9 168.46 339.9 165.2 Z M 380.09 114.8 C 380.09 117.93 371.6 121.41 359.41 121.41 C 347.36 121.41 339.9 117.98 339.9 114.8 C 339.9 111.62 347.36 108.18 359.41 108.18 C 371.6 108.18 380.09 111.67 380.09 114.8 Z M 336.72 114.8 L 336.72 165.2 C 336.72 171.06 345.84 175 359.41 175 C 370.9 175 383.27 171.93 383.27 165.2 L 383.27 114.8 C 383.27 108.36 371.27 105 359.41 105 C 345.84 105 336.72 108.94 336.72 114.8 Z" fill="#333333" stroke="none" pointer-events="all"/>
        <rect x="270" y="25" width="200" height="30" fill="none" stroke="none" 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: 198px; height: 1px; padding-top: 40px; margin-left: 271px;">
                        <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: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Proxy Managed Cache
                                <br/>
                                Express
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    Proxy Managed Cache...
                </text>
            </switch>
        </g>
        <path d="M 110 119 L 313.63 119" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 318.88 119 L 311.88 122.5 L 313.63 119 L 311.88 115.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 119px; margin-left: 215px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                request
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    request
                </text>
            </switch>
        </g>
        <path d="M 320 146.5 L 116.37 146.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 111.12 146.5 L 118.12 143 L 116.37 146.5 L 118.12 150 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 147px; margin-left: 215px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                response
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="152" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    respon...
                </text>
            </switch>
        </g>
        <rect x="280" y="189" width="83.2" height="30" fill="none" stroke="none" 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: 81px; height: 1px; padding-top: 204px; margin-left: 281px;">
                        <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: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <ul>
                                    <li>
                                        hashes
                                    </li>
                                    <li>
                                        pages
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="322" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    hashespag...
                </text>
            </switch>
        </g>
        <path d="M 400 119 L 603.63 119" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 608.88 119 L 601.88 122.5 L 603.63 119 L 601.88 115.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 119px; margin-left: 505px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                request
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="505" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    request
                </text>
            </switch>
        </g>
        <path d="M 610 146.5 L 406.37 146.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 401.12 146.5 L 408.12 143 L 406.37 146.5 L 408.12 150 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 147px; margin-left: 505px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                response
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="505" y="152" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    respon...
                </text>
            </switch>
        </g>
        <path d="M 647.39 199 L 657.91 204.98 L 665.1 217.23 L 665.1 239.6 L 647.39 229.42 Z" fill="#ffffff" stroke="#292929" stroke-width="1.15" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 658.08 205.27 L 658.08 213.15 L 665.1 217.17" fill="none" stroke="#292929" stroke-width="1.15" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 790 219 L 696.37 219" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 691.12 219 L 698.12 215.5 L 696.37 219 L 698.12 222.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 219px; margin-left: 740px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                update
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="740" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    update
                </text>
            </switch>
        </g>
        <path d="M 630 219 L 396.32 189.79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 391.11 189.14 L 398.49 186.53 L 396.32 189.79 L 397.62 193.48 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 204px; margin-left: 510px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                purge
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="510" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
                    purge
                </text>
            </switch>
        </g>
        <path d="M 328.27 75 C 298.48 75 291.03 85 314.87 87 C 291.03 91.4 317.84 101 337.21 97 C 350.62 105 395.31 105 410.21 97 C 440 97 440 89 421.38 85 C 440 77 410.21 69 384.14 73 C 365.51 67 335.72 67 328.27 75 Z" fill="#ffffff" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 147px; height: 1px; padding-top: 85px; margin-left: 292px;">
                        <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;">
                                miss, hit, stale
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="366" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    miss, hit, stale
                </text>
            </switch>
        </g>
        <path d="M 621.24 75 C 593.24 75 586.24 85 608.64 87 C 586.24 91.4 611.44 101 629.64 97 C 642.24 105 684.24 105 698.24 97 C 726.24 97 726.24 89 708.74 85 C 726.24 77 698.24 69 673.74 73 C 656.24 67 628.24 67 621.24 75 Z" fill="#ffffff" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 138px; height: 1px; padding-top: 85px; margin-left: 587px;">
                        <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;">
                                always rerender
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="656" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    always rerender
                </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>