From d4f194b14631ad1934d79ea28afc64030928800f Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Fri, 7 Mar 2025 16:31:41 +0100
Subject: [PATCH] build(frontend): load backend url for vite dev proxy from env

---
 frontend/.env.sample       |  2 ++
 frontend/package-lock.json | 18 ++++++++++++++++++
 frontend/package.json      |  1 +
 frontend/vite.config.ts    |  8 +++++---
 4 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 frontend/.env.sample

diff --git a/frontend/.env.sample b/frontend/.env.sample
new file mode 100644
index 0000000..8fe99ac
--- /dev/null
+++ b/frontend/.env.sample
@@ -0,0 +1,2 @@
+# Backend URL to use for the vite development proxy
+VITE_BACKEND_URL=http://localhost:3000
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 5205553..37bdfb1 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -21,6 +21,7 @@
                 "@tailwindcss/typography": "^0.5.15",
                 "@tailwindcss/vite": "^4.0.0",
                 "@tsconfig/svelte": "^5.0.4",
+                "@types/node": "^22.13.9",
                 "flowbite": "^3.1.2",
                 "flowbite-svelte": "^0.48.4",
                 "flowbite-svelte-icons": "^2.0.2",
@@ -622,6 +623,16 @@
             "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
             "license": "MIT"
         },
+        "node_modules/@types/node": {
+            "version": "22.13.9",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.9.tgz",
+            "integrity": "sha512-acBjXdRJ3A6Pb3tqnw9HZmyR3Fiol3aGxRCK1x3d+6CDAMjl7I649wpSd+yNURCjbOUGu9tqtLKnTGxmK6CyGw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": "~6.20.0"
+            }
+        },
         "node_modules/@types/resolve": {
             "version": "1.20.2",
             "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
@@ -4601,6 +4612,13 @@
                 "node": ">=18.17"
             }
         },
+        "node_modules/undici-types": {
+            "version": "6.20.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/unified": {
             "version": "11.0.5",
             "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index e7282f9..88bf172 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
         "@tailwindcss/typography": "^0.5.15",
         "@tailwindcss/vite": "^4.0.0",
         "@tsconfig/svelte": "^5.0.4",
+        "@types/node": "^22.13.9",
         "flowbite": "^3.1.2",
         "flowbite-svelte": "^0.48.4",
         "flowbite-svelte-icons": "^2.0.2",
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 1f4ccc7..c279b8f 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,8 +1,10 @@
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
 import routify from "@roxi/routify/vite-plugin";
 import tailwindcss from "@tailwindcss/vite";
 
+const env = loadEnv(process.env.NODE_ENV as string, process.cwd(), "VITE_");
+
 export default defineConfig({
     plugins: [
         routify({
@@ -15,11 +17,11 @@ export default defineConfig({
         host: true,
         proxy: {
             "/api": {
-                target: "http://10.10.39.145:3000",
+                target: env.VITE_BACKEND_URL || "http://localhost:3000",
                 changeOrigin: true,
             },
             "/socket.io": {
-                target: "http://10.10.39.145:3000",
+                target: env.VITE_BACKEND_URL || "http://localhost:3000",
                 ws: true,
                 changeOrigin: true,
             },