docs-image/backend-server.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 724.5999145507812 214.50006103515625" width="724.5999145507812" height="214.50006103515625">
  <!-- svg-source:excalidraw -->

  <defs>
    <style>
      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }
    </style>
  </defs>
  <rect x="0" y="0" width="724.5999145507812" height="214.50006103515625" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 16.50006103515625) rotate(0 76 94)"><path d="M-0.07 1.65 C36.01 -2.65, 75.04 -2.75, 150.56 1.02 M0.89 0.87 C57.96 1.52, 116.34 1.09, 151.2 -0.78 M152.37 1.12 C151.57 64.43, 152.46 130.01, 150.12 189.32 M152.85 0.62 C152.32 54.71, 151.34 109.62, 151.65 187.75 M151.82 186.54 C113.47 189.12, 74.81 188.97, 1.8 187.36 M151.89 188.93 C113.26 187.83, 73.34 187.02, -0.65 187.63 M-1.61 188.03 C1.81 139.16, 0.21 89.95, 1.54 0.61 M0.52 188.28 C-1.57 143.62, -1.47 99.92, 0.31 -0.56" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(15 98.00006103515625) rotate(0 71 12.5)"><text x="71" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Browser</text></g><g stroke-linecap="round" transform="translate(495.59991455078125 91.50006103515625) rotate(0 109.5 55)"><path d="M-0.78 -1.06 C87.24 -2.72, 171.12 -0.68, 220.42 -0.68 M-0.07 0.52 C52.64 -1.51, 104.14 -2.34, 219.41 0.18 M218.19 -0.92 C219.27 32.34, 217.32 67.36, 218.86 110.13 M219.2 -0.36 C219.16 37.19, 219.59 75.16, 218.56 109.49 M219.39 110.81 C151.31 109.3, 83.82 108.06, -0.75 111.08 M219.25 110.76 C167.85 111.83, 117.2 111.44, -0.37 109.73 M1.24 109.58 C0.53 70.98, 2.43 34.99, -1.28 1.13 M-0.5 109.98 C-0.98 75.71, -0.25 39.57, 0.35 -0.86" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(500.59991455078125 134.00006103515625) rotate(0 104.5 12.5)"><text x="104.5" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Vite</text></g><g stroke-linecap="round"><g transform="translate(175.3040925600302 44.84591906985338) rotate(0 153.9074444357861 -1.4055905651133571)"><path d="M-0.73 0.73 C50.14 0.23, 254.86 -3.14, 306.26 -3.54 M1.08 0.07 C52.25 -0.25, 257.53 -1.86, 308.55 -2.46" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(175.3040925600302 44.84591906985338) rotate(0 153.9074444357861 -1.4055905651133571)"><path d="M28.53 -11.26 C15.1 -5, 7.45 -2.73, -1.95 2.51 M27.56 -9.76 C15.63 -6.42, 6.05 -1.3, -0.73 0.92" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(175.3040925600302 44.84591906985338) rotate(0 153.9074444357861 -1.4055905651133571)"><path d="M28.82 9.26 C15.37 7.67, 7.61 2.09, -1.95 2.51 M27.86 10.76 C15.83 6.16, 6.14 3.33, -0.73 0.92" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(175.3040925600302 44.84591906985338) rotate(0 153.9074444357861 -1.4055905651133571)"><path d="M281.68 6.74 C289.81 5.23, 303.63 -0.6, 307.34 -0.68 M280.71 8.23 C290.54 3.04, 302.7 -0.05, 308.55 -2.28" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(175.3040925600302 44.84591906985338) rotate(0 153.9074444357861 -1.4055905651133571)"><path d="M281.49 -13.78 C289.6 -7.44, 303.49 -5.42, 307.34 -0.68 M280.52 -12.29 C290.4 -9.53, 302.64 -4.68, 308.55 -2.28" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(180.51652633475737 123.27583615089611) rotate(0 152.32499284943617 -0.0413997562404802)"><path d="M0.73 -0.8 C51.28 -0.62, 252.09 0.31, 302.73 0.32 M-0.34 1.4 C50.63 1.29, 254.21 -1.3, 304.99 -1.48" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 123.27583615089611) rotate(0 152.32499284943617 -0.0413997562404802)"><path d="M27.64 -12.38 C22.73 -6.55, 13.72 -6.81, 2.51 0.95 M29.13 -11.75 C20 -7.43, 12.75 -4.95, 0.92 -0.24" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 123.27583615089611) rotate(0 152.32499284943617 -0.0413997562404802)"><path d="M27.55 8.14 C22.79 8.74, 13.81 3.25, 2.51 0.95 M29.05 8.77 C19.82 7.1, 12.6 3.6, 0.92 -0.24" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 123.27583615089611) rotate(0 152.32499284943617 -0.0413997562404802)"><path d="M275.56 7.59 C285.14 7.81, 290.49 2.28, 306.77 0.26 M277.06 8.22 C284.24 6.36, 293.43 2.82, 305.17 -0.92" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 123.27583615089611) rotate(0 152.32499284943617 -0.0413997562404802)"><path d="M275.38 -12.93 C284.88 -7.48, 290.28 -7.78, 306.77 0.26 M276.88 -12.3 C284.24 -8.17, 293.48 -5.72, 305.17 -0.92" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(180.51652633475737 192.515594737441) rotate(0 149.0057904202402 0.77379980492492)"><path d="M-0.8 -0.86 C49.13 -0.58, 249.06 2.15, 298.81 2.41 M0.99 1.3 C50.87 1.2, 248.89 0.75, 298.18 0.8" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 192.515594737441) rotate(0 149.0057904202402 0.77379980492492)"><path d="M26.07 -9.78 C22.45 -9.41, 12.84 -4.46, 0.95 -1.03 M26.7 -11.59 C17.82 -6.98, 7.17 -3.42, -0.24 -1.27" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 192.515594737441) rotate(0 149.0057904202402 0.77379980492492)"><path d="M25.84 10.74 C22.15 6.22, 12.59 6.26, 0.95 -1.03 M26.47 8.93 C17.62 6.16, 7.05 2.33, -0.24 -1.27" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 192.515594737441) rotate(0 149.0057904202402 0.77379980492492)"><path d="M268.56 12.11 C278.3 8.03, 282.18 8.14, 299.93 0.64 M269.19 10.3 C280.59 7.54, 290.25 3.82, 298.74 0.4" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(180.51652633475737 192.515594737441) rotate(0 149.0057904202402 0.77379980492492)"><path d="M268.55 -8.41 C278.42 -7.59, 282.3 -2.58, 299.93 0.64 M269.18 -10.22 C280.63 -5.59, 290.3 -1.93, 298.74 0.4" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g transform="translate(231.59991455078125 150.70010375976562) rotate(0 96 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">WebSocket for HMR</text></g><g transform="translate(302.4000244140625 10) rotate(0 27.5 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">HTML</text></g><g transform="translate(284.70001220703125 80.20010375976562) rotate(0 46.5 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">JS / CSS</text></g><g stroke-linecap="round" transform="translate(493.6000671386719 12.449981689453125) rotate(0 109.5 30)"><path d="M0.84 0.79 C67.44 -0.42, 136.26 1.22, 217.29 -0.78 M-0.46 0.02 C59.62 0.04, 117.51 -0.06, 219.61 -0.76 M218.19 -1.42 C218.27 19.03, 219.9 40.14, 219.36 59.38 M218.18 -0.93 C219.7 18.89, 219.08 38.37, 219.97 60.71 M220 59.11 C137.98 57.79, 57.5 57.49, 0.91 61.02 M218.3 60.62 C140.43 58.99, 62.99 57.73, 0.08 59.77 M0.27 58.18 C1.36 36.16, -1.67 14.16, 1.18 1.14 M-0.39 60.91 C0.01 37.14, -1.42 15.83, -0.67 0.19" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(498.6000671386719 29.949981689453125) rotate(0 104.5 12.5)"><text x="104.5" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Backend Server</text></g></svg>