wasp/web/static/img/env/prod_dev.svg

25 lines
125 KiB
XML
Raw Normal View History

<svg xmlns="http://www.w3.org/2000/svg" direction="ltr" width="908.3148413923782" height="672.0401325641812" viewBox="1188.4345831707988 253.63892819917015 908.3148413923782 672.0401325641812" stroke-linecap="round" stroke-linejoin="round" style="background-color: rgb(249, 250, 251);" encoding="UTF-8&quot;"><defs><!--def: tldraw:font:pattern--><mask id="hash_pattern_mask">
<rect x="0" y="0" width="8" height="8" fill="white"/>
<g strokelinecap="round" stroke="black">
<line x1="0.6666666666666666" y1="2" x2="2" y2="0.6666666666666666"/>
<line x1="3.333333333333333" y1="4.666666666666666" x2="4.666666666666666" y2="3.333333333333333"/>
<line x1="6" y1="7.333333333333333" x2="7.333333333333333" y2="6"/>
</g>
</mask><pattern id="hash_pattern" width="8" height="8" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="8" height="8" fill="#fcfffe" mask="url(#hash_pattern_mask)"/>
</pattern><!--def: tldraw:font:draw--><style>
@font-face {
font-family: tldraw_draw;
font-stretch: normal;
font-weight: 500;
font-style: normal;
src: url("data:font/woff2;base64,d09GMgABAAAAAS3sABEAAAAC6fwAAS2IAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoMEG4PUfBzAagZgAJIiEQgKhoUEhY0uC48mAAE2AiQDnjIEIAWMPgfGWAwHFyQYnkhbVqWSB6Vyf/1N1mIkBt2GAD3UdJkz/g9mQJrcJ9OMugFujG2boPW1ufGAuPuuRKA76ESh1kOY/f//////r0sWYefuXDJ7T54jH6FUpUWVfkJN88FHSVLV0aludJtRK4YjXK1R1w+oHU169sxBpl7qvImSt1FsDnoXhhjErzqTfZCXg6Qo5LGSV2mGOnmSEhxOlDdqS+L1HHAIEoCZmNtJ7SlNsJVUtWkvKeSzLPO6Bxu/QpMZOC7eo8OC5vettNRHh+BKQo4f+iLeoVZ7qrFtUJPcMzZId6ugbXaQZ3hNaEc4sULeDBkN2dDplkt/OOijJwlSvFxPN7EgIX5W97gk1U6H6INiM5t4ucroJWXlWdFkv1nEq3WIoPdfMLEwEhOHLVUt62uY49tDHk9YmzOf0FjAXXr98tE9H3KTusHEdGch7w3+LCYWPo3UDNGjwQxSiCh0vJvBfDJZZ2kd82sx+8KnCd5K+Ikqh151iJhclabtvsFwnaL0avSXoNp+W6+jNl3pH52BOf8cZE9m8UMeq7v6eMLBoHGGT0z8lX7BX3DY8aEX/Y+7MrzoO/yF1eyRCUtz20hCVQjnrC7Of8TfmMWcYZOK6UvU4A6SdF2VgNggyZK8BBQ4NgdqSKYs2fYZrifJJ7/+F03L17+7Z3qGNSIYW+tZLbK8cDpdCLQuV0UKKAC865CPlMRhkgK7CR/6ikHnMEsbRSodwc/jtv9zY3FXMECqrRnQFjYiJma8SP3RHREQA/zz36C782Y27j+SFqU9GiVAQlKrkCQhG6DZdsvffr/oq0XUb9/L+u330QU83RKKktpIaGMQoo2ChQlWYxUDbfrv/7PLYTtvx51MjjuZel+f1DxNJXWPOpqECBAkAhGHmBb+//0yKmecXydWmBVy2Q0QNkHSCGlIBTtYgUL6DA/wgpcm/2N0baBfdbMABgifP8jmJX8L6KXSMZ7qhv/HP/H2fVAvF3gKGy0zWXJCIADg///9+6+59ykyckSFIro7Y0aGAKOC1K6uO+rf8wG/NTxvt/f+nbEO10JlHeKcs88ZczWQVHalbezZWFoqWpK0zjoatO2MS7pzHI6jo/jYD3Tv/QCiToyM0GFh4tJWoWVQnbrKKgRf4Vgj/OlfpyXjvSCnIQkkK0UCYgvcYZv3rqdgSooZgpWEWI5uv694r5gr3WSCiwSS7S2d7HauVpfJ4Tu2KMJp1C0NZN+R0khheVDvD/7d7Ox91la7OldjMBqMR0DySWnPQuEvfs7O7vEMyUmNQgECKhRNFWnFL1Zrzh68sb7alFzOWotCISyDRhkUGLH7p92EyaS57xfCnvEIA4jsftZEYh1EnkFxmKwHIdqqSrJkbppexAPkpzD6nGAcLEbW07y/+f4OrTOXfm4OVOwZWr9SmViXhhRyGxIWqT39/3kj/LaecViUD46L5mNEYzUWh/YcV8xhFN8xx9XjEXZxDBULC4tx1VxxVVwVc1hh04Xkrwe0AG2q34tpPaEm9vdTZ6twGqWRHMq0feOPmaRrbGmB4Nkf1Mws7bROe0oX4jkB6Pc2tHMTQ3GTKn8LBAAMhAjnoGYDTVo+IhbuLOl7MPa1fK1mPp2+0ir3dTVIuhOZZeSAHIfgIB+ApgKvHfYPwAF08jlhQdth7486+9rZA2oX2u2Ku6LG6ooOqJXap1aWZMmYyDFgYsdOeCA0H9Cxu+KYDsY05fDNMXLYB9yU2AVQNmmrxFARDuk071o+p5kkHRkeZEm2A+wUebUMrAfA6dd2DaCCRPOfm//B/38M5swKCKXveetPvF99OwXGdbFx2LZbQ4IGCUlIsELiJORBEb/SAgEAA33wt/Vp7RHboHeENuUd2ngVnQMBADzk7reA6XnzOgiOmgcJRH/rL/h/OPZ+bvIoisaKUeLAv8AEBxoR5927wC3o6+DksQPSJEmSJEmSZVmWZVmWZVmWZVn+//2prv/qRZFk/oYTJeywkoKhsErf0S8wbQl/NVW/noECPz9EMgRYdimkKMBcoNFQIttlOwUnBSAaNpg8psPYYQXgdekydhmBaGqnqWPheZw22+QxW9aHLZRNbuYdKuwqDo0UaA0y4YAbUICc4dn+f8ucze3Ppk1qdzSHkBt6UVFIhMzOzP338m8W2KMX1ZrMz+zdTWrFqeboQuIQFgfaHcIhLUZh35uapdO7MoOzhJyfukPV4iyhIDpXuU1CG/K/P1jw/U/sCoAMPz65KizlBqO9WmDkhiPrY63ufOayyxQtCLGuhiNHzjkW5CHPM9bENjQ2SC+6OD2fZBeE0fnf+6Zl+h8+uxagqcUfC8i3POVZCpIlZFxE1AZJTzalIJm+9z28ee/823/Jjyan++KjawecYjU/sNQQHItxjaZG3Q2Ow3jOyHhLGWMzZZvJpmuCREEoZZuE4iH/RF1S+f9oKz0g/Cu12JxcMqEBWLHYgRbn9y1VOqO5/6y27/lSeuExZdLuyZfTetw37SyYUrtiVBrgJiilss54AID+y9T80h4A5EIe53nG2Xi1Z9ML0kuimfe6MTOvu4FBNwY7mAGNBrQgKUFYrgxJ/QNIcBfgklrIU/rWuPBKUa78guSyxIWXZxekyaluGkuD1nWGhSAabs3WSYQ8/89zMh/YPZuMZMy5feIE4wQDkuce/Fd7f9kZmiamp0k7tcZxEOo5nWpI9zvUJiVSnF6FxK6DKrooTQnDE/AX1+0a1GcMONAho0F4IRxheBousgLQgHOJ9HoevqYptUf/uS+7MK4TPOQzQ01ay2Xd5XRUK67Q7BKUsNAg0P2+ZSbtv0HK6CINkbCE0BEm1e/auunpGqWZSzBlxzCjFWhJDpH7GUATagCYOTSqcM6NfcB4+HcmkXlfW/syOQwiiCEYI1RhejiWNbf//r+/lfTwNS9EDiIiEiRIkLSIyOrd/d5sTl5567y/RkpJdwghmIcxRgghxCEO4U6/6/v6/1vV9Pzsoc9jzuOO1lqr20opKaWQQghhCUtK83X9337/fcuY/OlABznEEBLSDRHZhMhGNs3rdb9CmiFqKSPfTLX0QUJ4jiVYiJWVfr9mZcEvUIyv7TgKBiiYTek05/0ZM/2YemnG+mt2nQMVFQVkvMdSLh3b3vUZfWL3LbbrXa/T4iUhYc5Kdc1afLINlHIOEinK8xQ13MErdGAwDQAAe4E1oojdAer0FkRBAfUYAH3sFVh6GWBZZYPlVghWXAlYWWVgFVWB1VQL1tAlsOvdBGvuDti9OsBe9RrsbQgYNR/YYBjYUDjY10iwsRJgk/Fgc+XBFlsEY7UCttY62GZbYCrvEwEqiA2VjAeVCYUqJYSaSQIVpYTakBpqa2ao/TmhDlUMdbgyqLPzQT21CNQzikM9qyTUc6qEOl4WarEaqGb1UC9tDun8TCE9HLeruwTaR3cFtD/WNXjf2ItBMIANkIHQXlpnXQ3AUC9tDIABpBgknLy0nGEzyO1xcAKmXvfcaRuY+ly7y3YwhXy877QdFP54C8Lg1+ooAhNoNz+Di74LGHGFS9eBZ4ZMgZ8qnoHMgWH5ALLlRwiavFNvUZL9CbDDOoOsl+z6VneQZngB6pC8KsgWUUiXUyBXOQA8AYDB0LwQgno57MSKA+Q8Z+qnc+ZnHYR4UNUPeQn+Wlr6bo4JAe7Dw94KESGmPXpXvUFbsalNeJJTNfXTOt0zOOMQ1svrrre++htspNHGmMDUN+NnYsvUoO8J3xGHpoBrOaoxc9uB84d/wbHrTbjdASu6rqmSl+wJSwAHgOfxCpWu/Eaozuq8LiqxJVepFKUpQznKV5H2daQrXetW93rQo57UqjY9Sc8vfDE8CAZ2HbL6RNWghjSsr/quHxrVmMZ1Tdf1iT7VZ/pCX66vj1fz+itT3MLZ/kZCnEd7KoEq0A4C7Q7U0X0bXpCtAyLGpMAuHT8VXtpn8f8siyvLb
}</style></defs><g transform="matrix(1, 0, 0, 1, 1728.5742, 599.9234)" opacity="0.75"><g><path d="M7,0 L328.0149,0 Q335.0149,0 335.0149,7 L335.0149,229.0582 Q335.0149,236.0582 328.0149,236.0582 L7,236.0582 Q0,236.0582 0,229.0582 L0,7 Q0,0 7,0 " fill="#fcfffe"/><path d="M7,-0.0172 L329.0722,-0.8101 Q336.0722,-0.8273 336.0164,6.1725 L334.2337,230.0306 Q334.178,237.0304 327.1781,236.9893 L6.8245,235.1077 Q-0.1754,235.0666 -0.1408,228.0667 L0.9489,7.7294 Q0.9835,0.7295 7.9834,0.691 L327.3797,-1.0676 Q334.3796,-1.1062 334.3766,5.8938 L334.2814,228.3403 Q334.2785,235.3403 327.2785,235.3445 L7.7813,235.5352 Q0.7813,235.5394 0.7563,228.5394 L-0.0381,6.1843 Q-0.0631,-0.8157 7,-0.0172 " fill="none" stroke="#4dabf7" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1728.802, 353.4971)" opacity="0.75"><g><path d="M7,0 L328.9475,0 Q335.9475,0 335.9475,7 L335.9475,229.0582 Q335.9475,236.0582 328.9475,236.0582 L7,236.0582 Q0,236.0582 0,229.0582 L0,7 Q0,0 7,0 " fill="#fcfffe"/><path d="M7,0.0089 L329.4205,0.4165 Q336.4205,0.4253 336.4234,7.4253 L336.5147,227.9666 Q336.5176,234.9665 329.5176,234.9859 L6.0196,235.8819 Q-0.9804,235.9013 -0.9709,228.9013 L-0.6701,6.7167 Q-0.6606,-0.2833 6.3393,-0.2938 L329.0732,-0.78 Q336.0732,-0.7906 336.0854,6.2094 L336.4719,227.8935 Q336.4841,234.8935 329.4843,234.9368 L6.5715,236.9383 Q-0.4284,236.9817 -0.3935,229.9818 L0.7143,7.9257 Q0.7493,0.9258 7,0.0089 " fill="none" stroke="#e03131" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1368.5959, 600.8559)" opacity="0.75"><g><path d="M7,0 L328.0149,0 Q335.0149,0 335.0149,7 L335.0149,229.0582 Q335.0149,236.0582 328.0149,236.0582 L7,236.0582 Q0,236.0582 0,229.0582 L0,7 Q0,0 7,0 " fill="#fcfffe"/><path d="M7,0.0242 L328.7914,1.1348 Q335.7914,1.1589 335.7782,8.1589 L335.362,228.3987 Q335.3488,235.3987 328.3488,235.4047 L6.0952,235.6802 Q-0.9048,235.6862 -0.8814,228.6862 L-0.145,8.064 Q-0.1216,1.064 6.8784,1.0597 L328.1007,0.862 Q335.1007,0.8576 335.0937,7.8576 L334.8711,230.2109 Q334.8641,237.2109 327.8642,237.1689 L7.5795,235.2499 Q0.5796,235.208 0.5507,228.208 L-0.3569,7.9834 Q-0.3857,0.9835 7,0.0242 " fill="none" stroke="#4dabf7" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1367.3717, 355.4505)" opacity="0.75"><g><path d="M7,0 L328.9475,0 Q335.9475,0 335.9475,7 L335.9475,229.0582 Q335.9475,236.0582 328.9475,236.0582 L7,236.0582 Q0,236.0582 0,229.0582 L0,7 Q0,0 7,0 " fill="#fcfffe"/><path d="M7,0.0065 L328.6998,0.3045 Q335.6998,0.311 335.7062,7.311 L335.9099,229.0623 Q335.9164,236.0623 328.9164,236.0438 L7.586,235.1963 Q0.5861,235.1778 0.5569,228.1779 L-0.3621,7.6627 Q-0.3913,0.6628 6.6087,0.6356 L329.9594,-0.6191 Q336.9594,-0.6463 336.9274,6.3536 L335.9076,229.189 Q335.8756,236.1889 328.8756,236.201 L7.7214,236.754 Q0.7214,236.766 0.725,229.766 L0.8419,5.9867 Q0.8455,-1.0133 7,0.0065 " fill="none" stroke="#e03131" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1436.5534, 309.7423)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.6484375px" y="12.5px">Development</tspan><tspan alignment-baseline="mathematical" x="157.1015625px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="165.3359375px" y="12.5px">🚧</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#1d1d1d"><tspan alignment-baseline="mathematical" x="0.6484375px" y="12.5px">Development</tspan><tspan alignment-baseline="mathematical" x="157.1015625px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="165.3359375px" y="12.5px">🚧</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1808.5787, 309.7423)" opacity="1"><g><te
</tspan><tspan alignment-baseline="mathematical" x="0.875px" y="44.69921875px">building</tspan><tspan alignment-baseline="mathematical" x="98.3125px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="106.546875px" y="44.69921875px">the</tspan><tspan alignment-baseline="mathematical" x="147.3203125px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="155.5546875px" y="44.69921875px">client</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#1d1d1d"><tspan alignment-baseline="mathematical" x="28.359375px" y="12.30078125px">Defined</tspan><tspan alignment-baseline="mathematical" x="120.875px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="129.109375px" y="12.30078125px">when</tspan><tspan alignment-baseline="mathematical" x="195.640625px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="0.875px" y="44.69921875px">building</tspan><tspan alignment-baseline="mathematical" x="98.3125px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="106.546875px" y="44.69921875px">the</tspan><tspan alignment-baseline="mathematical" x="147.3203125px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="155.5546875px" y="44.69921875px">client</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1412.9956, 679.1586)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.6328125px" y="12.5px">Defined</tspan><tspan alignment-baseline="mathematical" x="93.1484375px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="101.3828125px" y="12.5px">in</tspan><tspan alignment-baseline="mathematical" x="123.796875px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="132.03125px" y="12.5px">.env.server</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#1d1d1d"><tspan alignment-baseline="mathematical" x="0.6328125px" y="12.5px">Defined</tspan><tspan alignment-baseline="mathematical" x="93.1484375px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="101.3828125px" y="12.5px">in</tspan><tspan alignment-baseline="mathematical" x="123.796875px" y="12.5px"> </tspan><tspan alignment-baseline="mathematical" x="132.03125px" y="12.5px">.env.server</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1785.7855, 630.3895)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.6015625px" y="12.30078125px">It</tspan><tspan alignment-baseline="mathematical" x="25.078125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="33.3125px" y="12.30078125px">depends</tspan><tspan alignment-baseline="mathematical" x="135.3828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="143.6171875px" y="12.30078125px">on</tspan><tspan alignment-baseline="mathematical" x="174.3828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="182.6171875px" y="12.30078125px">the</tspan><tspan alignment-baseline="mathematical" x="223.3984375px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="10.5859375px" y="44.69921875px">hosting</tspan><tspan alignment-baseline="mathematical" x="102px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="110.2265625px" y="44.69921875px">provider</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#1d1d1d"><tspan alignment-baseline="mathematical" x="0.6015625px" y="12.30078125px">It</tspan><tspan alignment-baseline="mathematical" x="25.078125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="33.3125px" y="12.30078125px">depends</tspan><tspan alignment-baseline="mathematical" x="135.3828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="143.6171875px" y="12.30078125px">on</tspan><tspan alignment-baseline="mathematical" x="174.3828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="182.6171875px" y="12.30078125px">the</tspan><tspan alignment-baseline="mathematical" x="223.3984375px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="10.5859375px" y="44.69921875px">hosting</tspan><tspan alignment-baseline="mathematical" x="102px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="110.2265625px" y="44.69921875px">provider</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1777.8909, 709.4453)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="7.625px" y="12.30078125px">Usually</tspan><tspan alignment-baseline="mathematical" x="95.53125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="103.765625px" y="12.30078125px">defined</tspan><tspan alignment-baseline="mathematical" x="195.828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="204.0625px" y="12.30078125px">as</tspan><tspan alignment-baseline="mathematical" x="232.3671875px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="0.703125px" y="44.69921875px">deployment</tspan><tspan alignment-baseline="mathematical" x="143.59375px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="151.828125px" y="44.69921875px">secrets</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#adb5bd"><tspan alignment-baseline="mathematical" x="7.625px" y="12.30078125px">Usually</tspan><tspan alignment-baseline="mathematical" x="95.53125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="103.765625px" y="12.30078125px">defined</tspan><tspan alignment-baseline="mathematical" x="195.828125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="204.0625px" y="12.30078125px">as</tspan><tspan alignment-baseline="mathematical" x="232.3671875px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="0.703125px" y="44.69921875px">deployment</tspan><tspan alignment-baseline="mathematical" x="143.59375px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="151.828125px" y="44.69921875px">secrets</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1419.4996, 724.5777)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.6328125px" y="12.5px">MY_VAR=something</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#adb5bd"><tspan alignment-baseline="mathematical" x="0.6328125px" y="12.5px">MY_VAR=something</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1387.8032, 470.13)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.90625px" y="12.5px">REACT_APP_NAME=foo</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#adb5bd"><tspan alignment-baseline="mathematical" x="0.90625px" y="12.5px">REACT_APP_NAME=foo</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1759.973, 475.703)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.7890625px" y="12.30078125px">Code</tspan><tspan alignment-baseline="mathematical" x="60.2578125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="68.4921875px" y="12.30078125px">that's</tspan><tspan alignment-baseline="mathematical" x="139.125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="147.3515625px" y="12.30078125px">shipped</tspan><tspan alignment-baseline="mathematical" x="240.953125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="249.1875px" y="12.30078125px">to</tspan><tspan alignment-baseline="mathematical" x="275.2109375px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="63px" y="44.69921875px">the</tspan><tspan alignment-baseline="mathematical" x="103.7734375px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="112.0078125px" y="44.69921875px">browser</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#adb5bd"><tspan alignment-baseline="mathematical" x="0.7890625px" y="12.30078125px">Code</tspan><tspan alignment-baseline="mathematical" x="60.2578125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="68.4921875px" y="12.30078125px">that's</tspan><tspan alignment-baseline="mathematical" x="139.125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="147.3515625px" y="12.30078125px">shipped</tspan><tspan alignment-baseline="mathematical" x="240.953125px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="249.1875px" y="12.30078125px">to</tspan><tspan alignment-baseline="mathematical" x="275.2109375px" y="12.30078125px"> </tspan><tspan alignment-baseline="mathematical" x="0px" y="44.69921875px">
</tspan><tspan alignment-baseline="mathematical" x="63px" y="44.69921875px">the</tspan><tspan alignment-baseline="mathematical" x="103.7734375px" y="44.69921875px"> </tspan><tspan alignment-baseline="mathematical" x="112.0078125px" y="44.69921875px">browser</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1220.4346, 710.9215)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.953125px" y="12.5px">Server</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#4dabf7"><tspan alignment-baseline="mathematical" x="0.953125px" y="12.5px">Server</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1289.929, 718.7502)" opacity="1"><g><defs><mask id="shape_Ikj0aunGkGDNL6Jhn_uuV_clip"><rect x="-110.34936429025106" y="-120.57754040400098" width="276.98681353354755" height="212.74883388198194" fill="white"/><path d="M 59.7172529450899 -22.121709645954347 L 66.63744924329652 -14.224818916414804 L 56.33844311150214 -12.18019848776262" fill="none" stroke="none"/></mask></defs><g mask="url(#shape_Ikj0aunGkGDNL6Jhn_uuV_clip)"><rect x="-100" y="-100" width="276.98681353354755" height="212.74883388198194" fill="transparent" stroke="none"/><path d="M-10.34936429025106,-7.828706522019047 A84.8883050632451 84.8883050632451 0 0 1 66.63744924329652,-14.224818916414804" fill="none" stroke="#4dabf7" stroke-width="3.5" stroke-dasharray="none" stroke-dashoffset="none"/></g><path d="M 59.7172529450899 -22.121709645954347 L 66.63744924329652 -14.224818916414804 L 56.33844311150214 -12.18019848776262" fill="none" stroke="#4dabf7" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1225.7822, 436.9131)" opacity="1"><g><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="rgb(249, 250, 251)" stroke-width="2px" fill="rgb(249, 250, 251)"><tspan alignment-baseline="mathematical" x="0.53125px" y="12.5px">Client</tspan></text><text font-size="24px" font-family="'tldraw_draw', sans-serif" font-style="normal" font-weight="normal" line-height="32.400000000000006px" dominant-baseline="mathematical" alignment-baseline="mathematical" stroke="none" stroke-width="2px" fill="#e03131"><tspan alignment-baseline="mathematical" x="0.53125px" y="12.5px">Client</tspan></text></g></g><g transform="matrix(1, 0, 0, 1, 1291.9664, 465.6902)" opacity="1"><g><defs><mask id="shape_DxewamoHqPrB8RRNuSNo-_clip"><rect x="-112.45363377607055" y="-96.37864703713518" width="275.3734682673463" height="214.31523787742663" fill="white"/><path d="M 52.80766146130315 11.233145302582464 L 62.919834491275736 14.060503895314369 L 55.41518360937539 21.404223330368534" fill="none" stroke="none"/></mask></defs><g mask="url(#shape_DxewamoHqPrB8RRNuSNo-_clip)"><rect x="-100" y="-100" width="275.3734682673463" height="214.31523787742663" fill="transparent" stroke="none"/><path d="M-12.453633776070546,3.621352962864819 A87.75204961461596 87.75204961461596 0 0 0 62.919834491275736,14.060503895314369" fill="none" stroke="#e03131" stroke-width="3.5" stroke-dasharray="none" stroke-dashoffset="none"/></g><path d="M 52.80766146130315 11.233145302582464 L 62.919834491275736 14.060503895314369 L 55.41518360937539 21.404223330368534" fill="none" stroke="#e03131" stroke-width="3.5"/></g></g><g transform="matrix(1, 0, 0, 1, 1715.0176, 285.6389)" opacity="0.75"><g stroke="#1d1d1d" stroke-width="3.5"><path stroke-dasharray="7.0702340995835025 7.238573006716443" stroke-dashoffset="0" d="M0,0L1.0658141036401503e-13,608.0401325641812" fill="none"/></g></g></