update

src/compiler/index.ts

@@ -15,16 +15,14 @@ type Response =
 export async function compiler(src: string) {
   compileLogOut(_("compiler.start"));
 
-  const param = {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json; charset=utf-8",
-    },
-    body: JSON.stringify({ src }),
-  };
-
   const res = await (
-    await fetch(`${import.meta.env.VITE_API_SERVER_URL}/compile`, param)
+    await fetch("/compile", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ src }),
+    })
   ).json();
 
   compileLogOut(_("compiler.finished"));

src/editor/lsp.ts

@@ -15,7 +15,7 @@ import ReconnectingWebSocket, {
 } from "reconnecting-websocket";
 
 export const connectLanguageServer = () => {
-  const url = createUrl("/lsp");
+  const url = normalizeUrl(`${location.origin}/lsp`);
   const webSocket = createWebSocket(url);
   webSocket.onopen = async () => {
     const socket = toSocket(webSocket as any);
@@ -52,13 +52,6 @@ const createLanguageClient = (
   });
 };
 
-const createUrl = (path: string): string => {
-  const protocol = location.protocol === "https:" ? "wss" : "ws";
-  return normalizeUrl(
-    `${protocol}://${import.meta.env.VITE_API_SERVER_DOMAIN}${path}`
-  );
-};
-
 const createWebSocket = (url: string): ReconnectingWebSocket => {
   const socketOptions: ReconnectingWebSocketOptions = {
     maxReconnectionDelay: 10000,

vite.config.ts

@@ -7,6 +7,25 @@ import { optimizeImports, optimizeCss } from "carbon-preprocess-svelte";
 import path from "path";
 
 export default defineConfig(({ mode }) => ({
+  server: {
+    proxy: {
+      "/compile": {
+        target:
+          mode === "production"
+            ? "https://compiler.kaz.dev"
+            : "http://localhost:8081",
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/compile/, ""),
+      },
+      "/lsp": {
+        target:
+          mode === "production" ? "wss://lsp.kaz.dev" : "ws://localhost:8082",
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/lsp/, ""),
+      },
+    },
+  },
+
   build: {
     target: "es2019",
     rollupOptions: {