From 7efd87be7912ed4cfc5bb91cdf8fb8e598c10ee5 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 5 May 2022 13:20:35 +0200
Subject: [PATCH] docs: architecture diagram

---
 README.md        | 10 +++++-----
 architecture.svg |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 architecture.svg

diff --git a/README.md b/README.md
index a6666ece2c..5a34645265 100644
--- a/README.md
+++ b/README.md
@@ -36,7 +36,7 @@ You can show your support for the project by starring this repo.
 especially concerning flows.
 </p>
 
-![Windmill](./windmill.webp)
+![Windmill Screenshot](./windmill.webp)
 
 Windmill is <b>fully open-sourced</b>:
 
@@ -69,15 +69,15 @@ Windmill is <b>fully open-sourced</b>:
 - typescript runtime is deno
 - python runtime is python3
 
-## Architecture
-
-A detailed section about Windmill architecture is coming soon
-
 ### Development stack
 
 - caddy is the reverse proxy used for local development, see frontend's
   Caddyfile and CaddyfileRemote
 
+## Architecture
+
+![Architecture](./architecture.svg)
+
 ## How to self-host
 
 Complete instructions coming soon
diff --git a/architecture.svg b/architecture.svg
new file mode 100644
index 0000000000..885eec543a
--- /dev/null
+++ b/architecture.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than diagrams.net -->
+<!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" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="671px" height="482px" viewBox="-0.5 -0.5 671 482" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-05-05T11:18:28.672Z&quot; agent=&quot;5.0 (X11)&quot; etag=&quot;esiUVdPAVnrehJ1oKkvD&quot; version=&quot;16.5.3&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;O1reGs-wCVQBHdazaKEJ&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="450" y="153" width="160" height="160" rx="24" ry="24" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 158px; height: 1px; padding-top: 160px; margin-left: 451px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>worker</div><div>(Rust)<br /></div></div></div></div></foreignObject><text x="530" y="172" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">worker...</text></switch></g><rect x="430" y="161" width="160" height="160" rx="24" ry="24" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 158px; height: 1px; padding-top: 168px; margin-left: 431px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>worker</div><div>(Rust)<br /></div></div></div></div></foreignObject><text x="510" y="180" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">worker...</text></switch></g><rect x="410" y="170" width="160" height="160" rx="24" ry="24" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 158px; height: 1px; padding-top: 177px; margin-left: 411px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>worker</div><div>(Rust)<br /></div></div></div></div></foreignObject><text x="490" y="189" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">worker...</text></switch></g><path d="M 235 125 C 235 116.72 248.43 110 265 110 C 272.96 110 280.59 111.58 286.21 114.39 C 291.84 117.21 295 121.02 295 125 L 295 175 C 295 183.28 281.57 190 265 190 C 248.43 190 235 183.28 235 175 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/><path d="M 295 125 C 295 133.28 281.57 140 265 140 C 248.43 140 235 133.28 235 125" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/><ellipse cx="15" cy="247.5" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 15 255 L 15 280 M 15 260 L 0 260 M 15 260 L 30 260 M 15 280 L 0 300 M 15 280 L 30 300" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="50" y="240" width="70" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 68px; height: 1px; padding-top: 270px; margin-left: 51px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>frontend</div><div>(SPA svelte)<br /></div></div></div></div></foreignObject><text x="85" y="274" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">frontend...</text></switch></g><path d="M 220 125 C 220 116.72 233.43 110 250 110 C 257.96 110 265.59 111.58 271.21 114.39 C 276.84 117.21 280 121.02 280 125 L 280 175 C 280 183.28 266.57 190 250 190 C 233.43 190 220 183.28 220 175 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/><path d="M 280 125 C 280 133.28 266.57 140 250 140 C 233.43 140 220 133.28 220 125" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/><path d="M 200 125 C 200 116.72 213.43 110 230 110 C 237.96 110 245.59 111.58 251.21 114.39 C 256.84 117.21 260 121.02 260 125 L 260 175 C 260 183.28 246.57 190 230 190 C 213.43 190 200 183.28 200 175 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 260 125 C 260 133.28 246.57 140 230 140 C 213.43 140 200 133.28 200 125" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><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: 163px; margin-left: 201px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">DB (Postgres)</div></div></div></foreignObject><text x="230" y="166" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DB (Postgr...</text></switch></g><rect x="175" y="60" width="130" height="30" fill="none" stroke="none" pointer-events="all"/><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: 128px; height: 1px; padding-top: 75px; margin-left: 176px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Database shardable by workspace_id</div></div></div></foreignObject><text x="240" y="79" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Database shardable by...</text></switch></g><path d="M 257.53 223.63 L 257.53 210 L 257.39 197.65" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 257.53 228.88 L 254.03 221.88 L 257.53 223.63 L 261.03 221.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 257.33 192.4 L 260.91 199.36 L 257.39 197.65 L 253.91 199.44 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="212.5" y="230" width="90" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 250px; margin-left: 214px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">server</div></div></div></foreignObject><text x="258" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">server</text></switch></g><path d="M 150 330 L 150 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 288.87 260 L 360 260 L 360 210 L 403.63 210" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 283.62 260 L 290.62 256.5 L 288.87 260 L 290.62 263.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 408.88 210 L 401.88 213.5 L 403.63 210 L 401.88 206.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 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: 1px; height: 1px; padding-top: 249px; margin-left: 360px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><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;">HTTPS</div></div></div></foreignObject><text x="360" y="252" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">HTTPS</text></switch></g><rect x="192.5" y="240" width="90" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 260px; margin-left: 194px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">server</div></div></div></foreignObject><text x="238" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">server</text></switch></g><rect x="177.5" y="250" width="90" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 270px; margin-left: 179px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>API server</div><div>(stateless Rust)<br /></div></div></div></div></foreignObject><text x="223" y="274" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">API server...</text></switch></g><path d="M 126.37 270 L 171.13 270" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 121.12 270 L 128.12 266.5 L 126.37 270 L 128.12 273.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 176.38 270 L 169.38 273.5 L 171.13 270 L 169.38 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 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: 1px; height: 1px; padding-top: 270px; margin-left: 149px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><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;">HTTPS</div></div></div></foreignObject><text x="149" y="273" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">HTTPS</text></switch></g><rect x="188.75" y="0" width="102.5" height="30" fill="none" stroke="none" pointer-events="all"/><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: 101px; height: 1px; padding-top: 15px; margin-left: 190px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Cloud / on-prem</div></div></div></foreignObject><text x="240" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cloud / on-prem</text></switch></g><path d="M 340 330 L 340 40" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="2 6" pointer-events="stroke"/><rect x="385" y="0" width="230" height="30" fill="none" stroke="none" pointer-events="all"/><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 flex-start; width: 228px; height: 1px; padding-top: 7px; margin-left: 387px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Co-located with API servers or remote</div></div></div></foreignObject><text x="387" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Co-located with API servers or remote</text></switch></g><image x="434.5" y="399.5" width="80" height="80" xlink:href="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-world-outline-128.png" preserveAspectRatio="none"/><rect x="55" y="0" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><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: 15px; margin-left: 56px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Browser</div></div></div></foreignObject><text x="85" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Browser</text></switch></g><rect x="460" y="210" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 453 253.63 L 453 140 L 495.53 140 L 495.51 125.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 453 258.88 L 449.5 251.88 L 453 253.63 L 456.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 495.5 119.76 L 499.01 126.75 L 495.51 125.01 L 492.01 126.76 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="440" y="220" width="90" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 227px; margin-left: 441px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div><br /></div><div><br /></div></div></div></div></foreignObject><text x="485" y="239" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">&#xa;</text></switch></g><rect x="430" y="230" width="90" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 237px; margin-left: 431px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>nsjail</div><div><br /></div></div></div></div></foreignObject><text x="475" y="249" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">nsjail&#xa;</text></switch></g><path d="M 431.13 280 L 360 280 L 360 260 L 288.87 260" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 436.38 280 L 429.38 283.5 L 431.13 280 L 429.38 276.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 283.62 260 L 290.62 256.5 L 288.87 260 L 290.62 263.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="437.5" y="260" width="75" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 73px; height: 1px; padding-top: 280px; margin-left: 439px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>Python/TS</div><div>script exec<br /></div></div></div></div></foreignObject><text x="475" y="284" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Python/TS...</text></switch></g><path d="M 380 360 L 590 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 390 65 C 390 56.72 400.07 50 412.5 50 C 418.47 50 424.19 51.58 428.41 54.39 C 432.63 57.21 435 61.02 435 65 L 435 105 C 435 113.28 424.93 120 412.5 120 C 400.07 120 390 113.28 390 105 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 435 65 C 435 73.28 424.93 80 412.5 80 C 400.07 80 390 73.28 390 65" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><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: 43px; height: 1px; padding-top: 98px; margin-left: 391px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">your DB</div></div></div></foreignObject><text x="413" y="101" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">your DB</text></switch></g><rect x="455" y="80" width="90" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><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: 88px; height: 1px; padding-top: 100px; margin-left: 456px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">your API</div></div></div></foreignObject><text x="500" y="104" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">your API</text></switch></g><rect x="370" y="425" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><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: 440px; margin-left: 371px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Internet</div></div></div></foreignObject><text x="400" y="444" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Internet</text></switch></g><path d="M 453 253.63 L 453 140 L 412.53 140 L 412.51 126.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 453 258.88 L 449.5 251.88 L 453 253.63 L 456.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 412.5 121.12 L 416.01 128.11 L 412.51 126.37 L 409.01 128.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 475 306.37 L 475 393.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 475 301.12 L 478.5 308.12 L 475 306.37 L 471.5 308.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 475 398.88 L 471.5 391.88 L 475 393.63 L 478.5 391.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="165" y="301" width="130" height="20" fill="none" stroke="none" pointer-events="all"/><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: 1px; height: 1px; padding-top: 311px; margin-left: 230px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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: nowrap;">Horizontally scalable</div></div></div></foreignObject><text x="230" y="315" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Horizontally scalable</text></switch></g><rect x="473" y="333" width="130" height="20" fill="none" stroke="none" pointer-events="all"/><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: 1px; height: 1px; padding-top: 343px; margin-left: 538px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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: nowrap;">Horizontally scalable</div></div></div></foreignObject><text x="538" y="347" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Horizontally scalable</text></switch></g><rect x="580" y="80" width="90" height="30" fill="none" stroke="none" pointer-events="all"/><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: 88px; height: 1px; padding-top: 95px; margin-left: 581px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">If workers co-located with your internal DB/Services</div></div></div></foreignObject><text x="625" y="99" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">If workers co-l...</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>
\ No newline at end of file