architecture.svg•17.5 kB
<svg xmlns="http://www.w3.org/2000/svg" style="background: #FFFFFF; background-color: light-dark(#FFFFFF, #121212);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="732px" height="341px" viewBox="-0.5 -0.5 732 341" content="<mxfile><diagram id="123456" name="EdgeOne Pages Deploy MCP Architecture">3Vrbbts4EP0aA9uHBKIuvjzGTtIC26JG0u42Twtaomyhsuil6MTZr1+OROpGypZj2dltDMTi8KpzDkfDkQfObL37yPBm9YUGJB7YVrAbOLcD20Yj5IgvsLzmluEE5YYliwLZqDQ8Rv8QabSkdRsFJK015JTGPNrUjT5NEuLzmg0zRl/qzUIa12fd4CXRDI8+jnXrn1HAV7l17Fml/ROJlis1M7JkzQL7P5eMbhM538B27rO/vHqN1ViyfbrCAX2pmJy7gTNjlPL8ar2bkRiwVbDl/e5baot1M5LwLh3svMMzjrfy1u+CJfmaEGGci7tMxfct2cT0VVx8mc3F/xvmryIuUN8yIm+CvyrgONmJeacrvo6FAYnLlDP6k8xoTJmwJFQM7UzDKI4bJhxHy0QUfbFyIuzTZ8J4JCi5kRXrKAhgmukLTP+4wT7M+SIEKGwZ5ARuyoLhacKlqNBYleUiDRBJE0xIdhWThOwjoWvCGSAgawudSnkrNl9KrbiOtK0qOlE2LOW5LEYuKRIXkiUzY47G2MAexgD6Qlws4SLnaRZHcIeyUgxb1GusleihFnwrhFa5E/IOEBmFoUa0qHHFhgndokZtJLtYwUkcOHUKkIEDNDRwUGzVU0hwD5Ogdk9OxiNh4tbMZMiOTFmCbL/9lUGe+71eCfPHZOhPTIQ5Lh57ztkIG3VgzDsXY56BsR5BDUPiLxwTqOFi4VveuUAdNjxRgdVBUN0eQB0e3gbwOBFNfv8DNgGn8Mg4s0MKw3Diu0dQgXqioumRRgYqkIEKrwcmRoeZ+J6CA7KmEB11dUXz7SKOfHjo+z5J03558uBj4mlC4HMpP+R03TLDHngaH3ZDJAluIISFWCjGaSrw3xNQCbhmI8ezLCNcZBfxH7IfXD9BgHTtydLtTsZLWeFVFRJxTz+qhUovKJbdspLqF+MFiec0jXhEjYHc50YDTjdd4r4F5Zyus9vDjCtoZNSY2e4jwDuP/Boaw8NxBk2rbkhQOwnoqqmowiQKZWMkxjx6rp8fTEqRM8xpBMGZEiWaNJxH0ymkdMt8IntVA/rGQNpTtjmQAGxJ+J6BVEMahinhmrgLaDrpfaLpvThNzERQTuQiTtL/nrDll9J/q4ZzbdQi04Oyfq01v4zIPbvlCXmsyLWopznQZUWuVlNR+QMRx+NE2L4/fD5d4XtiSKVwq6bw4X6JHy3VQoMH1ZqL+r/ubjUBTdDblOihSWOgbkp8i8qQprKz+s4Ap6sitIPCHHPBOZAsDlOWVxVf4VKfKs72kHstPepTzaF2c68sF0WrZIt0kZJsTEJuEGzR7hj3mrM6qIbeXT2u513S5bquV9Nnkao6VujNgZzmofzCLldPXJ6+GfacO04LJK7tqtLR/0LpXWX9PqGD00yldg4d3PpAdjMPcmEdt6dzg+i5eTCHPPYA3nooyQ7/3tK8gdiP8Fc11fKQxWk/H6M+rjAbZutpATIDdL9NfBDssWtpbGr9BUPvLw7qLwq0xIJh5+zJCdW9JnIMuQbLsG36eFOA2rPU6QYnNVwVaQDvFUBztaaBqLoRrRIqsdK5feRBREWTbwwn6YYyEMfXhwqV+UQHddXfehjBa7yIQXGfvn2b19e2d1nvKzz9hVj1JVaZ+jpJjqgZ9rp6MOK4w2uVLe87S4lMWfgDCpC+Bohny8VvYhViGkt9fciAsQCrqzQDCxoitNnlFZl+JFFQIx+NqqZdWZU3uVeNJWQhHMxevfhg1OM9TmFLSBeokqgtMryo4HpQk9fIWdlj3bmZ3sD14tv0xNK++E9uqX3B39TOHl+/fBaplkUt4+JqIjUPUIP2tCrxkFtJqzZixE4aeqe06sS99t4WOGqJVX2os4aOolj+LCRvXv72xrn7Fw==</diagram></mxfile>"><defs/><rect fill="#FFFFFF" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/><g><g><rect x="181" y="0" width="430" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><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: 428px; height: 1px; padding-top: 15px; margin-left: 182px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 18px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">EdgeOne Pages Deploy MCP Architecture</div></div></div></foreignObject><text x="396" y="20" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="18px" text-anchor="middle" font-weight="bold">EdgeOne Pages Deploy MCP Architecture</text></switch></g></g><g><rect x="1" y="100" width="160" height="100" rx="15" ry="15" fill="#d1e7ff" stroke="#4285f4" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(209, 231, 255), rgb(24, 43, 63)); stroke: light-dark(rgb(66, 133, 244), rgb(76, 133, 229));"/></g><g><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: 158px; height: 1px; padding-top: 150px; margin-left: 2px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b>MCP Client</b></div></div></div></foreignObject><text x="81" y="154" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">MCP Client</text></switch></g></g><g><rect x="341" y="100" width="150" height="100" rx="15" ry="15" fill="#c8e6c9" stroke="#34a853" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(200, 230, 201), rgb(28, 54, 29)); stroke: light-dark(rgb(52, 168, 83), rgb(47, 146, 73));"/></g><g><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: 148px; height: 1px; padding-top: 150px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b>Pages MCP Server</b><br />deploy_html tool</div></div></div></foreignObject><text x="416" y="154" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Pages MCP Server...</text></switch></g></g><g><rect x="581" y="80" width="150" height="140" rx="21" ry="21" fill="#ffecb3" stroke="#fbbc05" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(255, 236, 179), rgb(50, 34, 0)); stroke: light-dark(rgb(251, 188, 5), rgb(129, 75, 0));"/></g><g><rect x="601" y="150" width="110" height="50" rx="7.5" ry="7.5" fill="#fff9c4" stroke="#fbbc05" pointer-events="all" style="fill: light-dark(rgb(255, 249, 196), rgb(33, 28, 0)); stroke: light-dark(rgb(251, 188, 5), rgb(129, 75, 0));"/></g><g><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: 108px; height: 1px; padding-top: 175px; margin-left: 602px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b>Edge KV Store</b></div></div></div></foreignObject><text x="656" y="179" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Edge KV Store</text></switch></g></g><g><rect x="341" y="280" width="150" height="60" rx="9" ry="9" fill="#f5f5f5" stroke="#9e9e9e" stroke-width="2" pointer-events="all" style="fill: light-dark(rgb(245, 245, 245), rgb(26, 26, 26)); stroke: light-dark(rgb(158, 158, 158), rgb(101, 101, 101));"/></g><g><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: 148px; height: 1px; padding-top: 310px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><b>User Browser</b><br />Public Access</div></div></div></foreignObject><text x="416" y="314" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">User Browser...</text></switch></g></g><g><path d="M 161 130 L 332.76 130" fill="none" stroke="#c73500" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(199, 53, 0), rgb(255, 145, 100));"/><path d="M 338.76 130 L 330.76 134 L 332.76 130 L 330.76 126 Z" fill="#c73500" stroke="#c73500" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(199, 53, 0), rgb(255, 145, 100)); stroke: light-dark(rgb(199, 53, 0), rgb(255, 145, 100));"/></g><g><path d="M 491 150 L 572.76 150" fill="none" stroke="#34a853" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(52, 168, 83), rgb(47, 146, 73));"/><path d="M 578.76 150 L 570.76 154 L 572.76 150 L 570.76 146 Z" fill="#34a853" stroke="#34a853" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(52, 168, 83), rgb(47, 146, 73)); stroke: light-dark(rgb(52, 168, 83), rgb(47, 146, 73));"/></g><g><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 flex-end; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 143px; margin-left: 536px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Deploy Content</div></div></div></foreignObject><text x="536" y="143" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">Deploy Con...</text></switch></g></g><g><path d="M 581 171 L 498.24 170.09" fill="none" stroke="#fbbc05" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(251, 188, 5), rgb(129, 75, 0));"/><path d="M 492.24 170.02 L 500.28 166.11 L 498.24 170.09 L 500.19 174.11 Z" fill="#fbbc05" stroke="#fbbc05" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(251, 188, 5), rgb(129, 75, 0)); stroke: light-dark(rgb(251, 188, 5), rgb(129, 75, 0));"/></g><g><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 flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 177px; margin-left: 535px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Return URL</div></div></div></foreignObject><text x="535" y="188" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">Return URL</text></switch></g></g><g><path d="M 416 200 L 416 271.76" fill="none" stroke="#34a853" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="10 10" pointer-events="stroke" style="stroke: light-dark(rgb(52, 168, 83), rgb(47, 146, 73));"/><path d="M 416 277.76 L 412 269.76 L 416 271.76 L 420 269.76 Z" fill="#34a853" stroke="#34a853" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(52, 168, 83), rgb(47, 146, 73)); stroke: light-dark(rgb(52, 168, 83), rgb(47, 146, 73));"/></g><g><path d="M 491 310 L 604.41 224.94" fill="none" stroke="#9e9e9e" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(158, 158, 158), rgb(101, 101, 101));"/><path d="M 609.21 221.34 L 605.21 229.34 L 604.41 224.94 L 600.41 222.94 Z" fill="#9e9e9e" stroke="#9e9e9e" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(158, 158, 158), rgb(101, 101, 101)); stroke: light-dark(rgb(158, 158, 158), rgb(101, 101, 101));"/></g><g><rect x="606" y="110" width="100" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><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: 98px; height: 1px; padding-top: 125px; margin-left: 607px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><div><font color="#000000" style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">Pages</font></div><div><font color="#000000" style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">Edge Functions</font></div></div></div></div></foreignObject><text x="656" y="129" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle" font-weight="bold">Pages...</text></switch></g></g><g><rect x="81" y="125" width="346.25" height="50" fill="none" stroke="none" pointer-events="all"/></g><g><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: 344px; height: 1px; padding-top: 150px; margin-left: 82px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span style="text-wrap-mode: nowrap;">Stdio Transport OR</span><div><span style="text-wrap-mode: nowrap;">Streamable HTTP Transport</span></div></div></div></div></foreignObject><text x="254" y="154" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Stdio Transport OR...</text></switch></g></g><g><rect x="561" y="260" width="60" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><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: 58px; height: 1px; padding-top: 275px; margin-left: 562px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237)); font-size: 11px; text-align: left; text-wrap-mode: nowrap; background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));">Fast Edge Access</span></div></div></div></foreignObject><text x="591" y="279" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Fast Edge...</text></switch></g></g><g><path d="M 169.24 174.5 L 341 174.5" fill="none" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(178, 0, 0), rgb(255, 172, 172));"/><path d="M 163.24 174.5 L 171.24 170.5 L 169.24 174.5 L 171.24 178.5 Z" fill="#b20000" stroke="#b20000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(178, 0, 0), rgb(255, 172, 172)); stroke: light-dark(rgb(178, 0, 0), rgb(255, 172, 172));"/></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>
