Merge pull request #2886 from elizaOS/tcm-client-env

fix: client server port

.env.example

@@ -9,7 +9,6 @@ PGLITE_DATA_DIR=     #../pgLite/ if selecting a directory   --- or memory:// if
 
 # Eliza Port Config
 SERVER_PORT=3000
-VITE_SERVER_PORT=${SERVER_PORT}
 
 # Supabase Configuration
 SUPABASE_URL=

client/src/lib/api.ts

@@ -1,6 +1,6 @@
 import type { UUID, Character } from "@elizaos/core";
 
-const BASE_URL = `http://localhost:${import.meta.env.VITE_SERVER_PORT ?? 3000}`;
+const BASE_URL = `http://localhost:${import.meta.env.VITE_SERVER_PORT}`;
 
 const fetcher = async ({
     url,

client/vite.config.ts

@@ -1,30 +1,39 @@
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import viteCompression from "vite-plugin-compression";
 import path from "path";
 
 // https://vite.dev/config/
-export default defineConfig({
-    plugins: [
-        react(),
-        viteCompression({
-            algorithm: "brotliCompress",
-            ext: ".br",
-            threshold: 1024,
-        }),
-    ],
-    clearScreen: false,
-    envDir: path.resolve(__dirname, ".."),
-    build: {
-        outDir: "dist",
-        minify: true,
-        cssMinify: true,
-        sourcemap: false,
-        cssCodeSplit: true,
-    },
-    resolve: {
-        alias: {
-            "@": "/src",
+export default defineConfig(({ mode }) => {
+    const envDir = path.resolve(__dirname, "..");
+    const env = loadEnv(mode, envDir, "");
+    return {
+        plugins: [
+            react(),
+            viteCompression({
+                algorithm: "brotliCompress",
+                ext: ".br",
+                threshold: 1024,
+            }),
+        ],
+        clearScreen: false,
+        envDir,
+        define: {
+            "import.meta.env.VITE_SERVER_PORT": JSON.stringify(
+                env.SERVER_PORT || "3000"
+            ),
         },
-    },
+        build: {
+            outDir: "dist",
+            minify: true,
+            cssMinify: true,
+            sourcemap: false,
+            cssCodeSplit: true,
+        },
+        resolve: {
+            alias: {
+                "@": "/src",
+            },
+        },
+    };
 });