docs/run-local-kubernetes.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="321px" viewBox="-0.5 -0.5 501 321" content="&lt;mxfile&gt;&lt;diagram id=&quot;FkPuzKpwPJUNnQvRUbVD&quot; name=&quot;Page-1&quot;&gt;zZfNcpswFIWfxjPpwhmBAraXtZ2ki2SajhdtlwIuWLWMqBC2ydP3CmQbAm6T2tOGzGSkox+k7x7rigGdrXf3imXLRxmBGLgk2g3ofOC6nuvgfyOUtUB9KySKR7XUEBb8GaxIrFrwCPJWRy2l0Dxri6FMUwh1S2NKyW27WyxF+60ZS6AjLEImuupXHullrY49ctQ/AU+W+zc7xLas2b6zFfIli+S2IdHbAZ0pKXVdWu9mIAy7PZd63N2J1sPCFKT6VQPsOjZMFHZzdmG63O9WySKNwAwgAzrdLrmGRcZC07rF8KK21GuBNQeLMRdiJoVU1Vgae+bP6DLVDb1+UM+1kitotPjVgy3drdjdbUBp2DUku7V7kGvQqsQu22NUvD37ZSMidM+fWSckh7FHWFiwvPrZuR10qyIAlYJGb6L5RJFrUFi6WvE0+nAeV7Npjg78KHiSoqZl1qUdOFEUkz6qDhnRCZxJ1bZSy65sVxvMb9we5u7oAsxvOhQhwp+mraYyhTY23KUqvxnE196++r3ZNt9Z/nWttLWTmHJZqNC+mtqjh6kEbC+vlsyifotSgWCab9rnyTlgJh0zhgqYBhxXZFFdwFMYTIHI4Ic5FvtQPrAAz+oWQ2YtFyIL9HPXi2seRWaOqYKcP7Ogms9QzCRPdbUpbzrw5r1cb07Y73B62/laB2SfLck1mXhOy5pDW301bTv5k1l3o4uM4xx0JxyHNbwqQqO/tm7TuA0fn7BuVXsCxXFtJlxn+dn/X34ed/y8ZqlJy5hEy/yn6Vrk5nS9i4L3YeTRpYw8RCd7Y//9Opl2Y2NCMpQZKKYx5bi+QCjTwJQSU7qaQyZkuUZYZ+bBlxmPAAW/L+MRGJPx+DIZz2tnvMPtrZHynL6U518g43kd2CzjQ7T+xrj/gigJ8QjEvSiJM5/Oupe4uHoug9hx2oxH/xCx30H8WC6+PLzRxniVz0wxLAVe90DRP0cgqMP1EBwEFq6SKoifC43TgNXz+hPI8Xpu2PhUPu+Ejfp0QqML3fle/gScbnz8nvCM3x4erB6/f+rT6fgRSW9/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="500" height="320" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="30" y="30" width="420" height="270" fill="#b1ddf0" stroke="#10739e" 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 flex-start; justify-content: unsafe center; width: 418px; height: 1px; padding-top: 37px; margin-left: 31px;">
                        <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;">
                                kubernetes cluster (kind)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="240" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    kubernetes cluster (kind)
                </text>
            </switch>
        </g>
        <path d="M 125 220 L 167.15 135.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 169.5 131 L 169.5 138.83 L 167.15 135.7 L 163.24 135.7 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: 172px; margin-left: 151px;">
                        <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;">
                                create/update/delete object
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="151" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    create/update/delete object
                </text>
            </switch>
        </g>
        <path d="M 170 250 L 343.63 250" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 348.88 250 L 341.88 253.5 L 343.63 250 L 341.88 246.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: 252px; margin-left: 256px;">
                        <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;">
                                manage mysql user/db
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="256" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    manage mysql user/db
                </text>
            </switch>
        </g>
        <rect x="50" y="220" width="120" height="60" fill="#b0e3e6" stroke="#0e8088" 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: 250px; margin-left: 51px;">
                        <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;">
                                mysql-operator
                                <br/>
                                (Deployment)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="110" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    mysql-operator...
                </text>
            </switch>
        </g>
        <rect x="110" y="70" width="120" height="60" fill="#0050ef" stroke="#001dbc" 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: 100px; margin-left: 111px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                api-server
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="170" y="104" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    api-server
                </text>
            </switch>
        </g>
        <path d="M 350 225 C 350 216.72 363.43 210 380 210 C 387.96 210 395.59 211.58 401.21 214.39 C 406.84 217.21 410 221.02 410 225 L 410 275 C 410 283.28 396.57 290 380 290 C 363.43 290 350 283.28 350 275 Z" fill="#ffff88" stroke="#36393d" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 410 225 C 410 233.28 396.57 240 380 240 C 363.43 240 350 233.28 350 225" fill="none" stroke="#36393d" 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: 58px; height: 1px; padding-top: 263px; margin-left: 351px;">
                        <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;">
                                MySQL
                                <br/>
                                (Deployment)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="266" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    MySQL...
                </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%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>