media/02_ssr-counter.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="601px" height="371px" viewBox="-0.5 -0.5 601 371" content="&lt;mxfile&gt;&lt;diagram id=&quot;ocoQLGZaW2R_XlAjMVQ8&quot; name=&quot;Page-1&quot;&gt;1VbBjtowEP2aHIsSJ0vCsbCwvVSqxKG7R29iEldOjGxDQr++EzImCV60rEoX9QKeZ48982YejBcuyuZJ0W3xXWZMeMTPGi989AiJZwQ+W+CAQBR1QK541kFBD6z5b4agj+iOZ0yPDhopheHbMZjKqmKpGWFUKVmPj22kGL+6pTlzgHVKhYv+5JkpEA2ms37jG+N5gU8nJO42SmoPYya6oJmsB1C49MKFktJ0q7JZMNFyZ3np/FYXdk+BKVaZqxySzmNPxQ6Tw8DMwWar5K7KWOvge+G8Lrhh6y1N290aygtYYUoBVgDLDRdiIYVUYGdsQ3cC4pi7YWGke6YMawYQhvnEZMmMOsAR3I2QMWyZBM2653/qI1YMqA9jBCnWPD/d3NMCC2TmAkuRw5KsbJ8QX0iaeWR6zPRVwSrvcp4HDpcsg0ZCk4lXWS97YEgja7h5bhmfPKD1Mth5bLAYR+NgjQrSeh4aL/0Nrdm7HS3rpw1V5msrCwBSQbXmqYVXXNiQLtZQy51KMT/sHnDNGZ5CTbSZX1NnfxJE1gdr/cWqRTFBDd+PVfhWYY+3Q0r0MDiwlbwyevD4jxboXw6ScYuFY+3AorvxzNteLzcbDTmft9Upw6s6jTiNplUKTm2nQegrDkpsJlQbJZ3e0jUvBa3YbfR2RkZAXMGRtwR3OvhXggv/K8EF9xNcfAPB+VE8HRX7c/T24N9fb/E7emu/yafoLfLvKTh3DBjzAHOKYtnkl/7HLJz/zZMkupKF8AYszBwWUph9jPujIgSMmuz9achlJPkoI2eERFOHj1MDDPmIPk4HmP3g2Wmpn97D5R8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="600" height="370" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 140 166.37 L 140 260 Q 140 270 150 270 L 233.63 270" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 140 161.12 L 143.5 168.12 L 140 166.37 L 136.5 168.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 238.88 270 L 231.88 273.5 L 233.63 270 L 231.88 266.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: 290px; margin-left: 150px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                on page load
                                <br/>
                                +1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="150" y="293" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    on page load...
                </text>
            </switch>
        </g>
        <path d="M 40 63 L 40 40 L 240 40 L 240 63" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 40 63 L 40 160 L 240 160 L 240 63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 40 63 L 240 63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="rgb(0, 0, 0)" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="139.5" y="56">
                src/pages/index.astro
            </text>
        </g>
        <path d="M 460 166.37 L 460 260 Q 460 270 450 270 L 366.37 270" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 460 161.12 L 463.5 168.12 L 460 166.37 L 456.5 168.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 361.12 270 L 368.12 266.5 L 366.37 270 L 368.12 273.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <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: 290px; margin-left: 460px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                on page load
                                <br/>
                                +1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="460" y="293" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    on page load...
                </text>
            </switch>
        </g>
        <path d="M 360 63 L 360 40 L 560 40 L 560 63" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 360 63 L 360 160 L 560 160 L 560 63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 360 63 L 560 63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="rgb(0, 0, 0)" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="459.5" y="56">
                src/pages/page2.astro
            </text>
        </g>
        <path d="M 200 227 L 200 204 L 400 204 L 400 227" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 200 227 L 200 334 L 400 334 L 400 227" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 200 227 L 400 227" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="rgb(0, 0, 0)" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="299.5" y="220">
                src/pages/shared.js
            </text>
        </g>
        <ellipse cx="300" cy="270" rx="60" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/>
        <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: 270px; margin-left: 241px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                count
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="274" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    count
                </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>