ui: fix VITE_PUBLIC_SERVER variable reading (#24845)

tools/ui/vite.config.ts

@@ -10,10 +10,9 @@ import { SvelteKitPWA } from '@vite-pwa/sveltekit';
 import { playwright } from '@vitest/browser-playwright';
 import { dirname, resolve } from 'path';
 import { fileURLToPath } from 'url';
-import { defineConfig, searchForWorkspaceRoot } from 'vite';
+import { defineConfig, loadEnv, searchForWorkspaceRoot } from 'vite';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const SERVER_ORIGIN = import.meta.env?.VITE_PUBLIC_SERVER_ORIGIN || 'http://localhost:8080';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const browserBaseConfig: any = {
 	enabled: true,
@@ -25,80 +24,85 @@ const browserBaseConfig: any = {
 	})
 };
 
-export default defineConfig({
+export default defineConfig(({ mode }) => {
-	build: {
+	const env = loadEnv(mode, process.cwd(), 'VITE_PUBLIC_');
-		assetsInlineLimit: 32000,
+	const SERVER_ORIGIN = env.VITE_PUBLIC_SERVER_ORIGIN || 'http://localhost:8080';
-		chunkSizeWarningLimit: 3072,
-		minify: true
-	},
 
-	plugins: [
+	return {
-		tailwindcss(),
+		build: {
-		sveltekit(),
+			assetsInlineLimit: 32000,
-		SvelteKitPWA(SVELTEKIT_PWA_OPTIONS),
+			chunkSizeWarningLimit: 3072,
-		splashScreenPlugin(),
+			minify: true
-		buildInfoPlugin(),
-		nerdamerPlugin(),
-		relativizeBasePlugin()
-	],
-
-	resolve: {
-		alias: {
-			'katex-fonts': resolve('node_modules/katex/dist/fonts')
-		}
-	},
-
-	server: {
-		fs: {
-			allow: [searchForWorkspaceRoot(process.cwd()), resolve(__dirname, 'tests')]
 		},
-		headers: {
-			'Cross-Origin-Embedder-Policy': 'require-corp',
-			'Cross-Origin-Opener-Policy': 'same-origin'
-		},
-		proxy: {
-			'/cors-proxy': SERVER_ORIGIN,
-			'/models': SERVER_ORIGIN,
-			'/props': SERVER_ORIGIN,
-			'/slots': SERVER_ORIGIN,
-			'/tools': SERVER_ORIGIN,
-			'/v1': SERVER_ORIGIN
-		}
-	},
 
-	test: {
+		plugins: [
-		projects: [
+			tailwindcss(),
-			{
+			sveltekit(),
-				extends: './vite.config.ts',
+			SvelteKitPWA(SVELTEKIT_PWA_OPTIONS),
-				test: {
+			splashScreenPlugin(),
-					browser: browserBaseConfig,
+			buildInfoPlugin(),
-					include: ['tests/client/**/*.svelte.{test,spec}.{js,ts}'],
+			nerdamerPlugin(),
-					name: 'client',
+			relativizeBasePlugin()
-					setupFiles: ['./vitest-setup-client.ts']
+		],
-				}
-			},
 
-			{
+		resolve: {
-				extends: './vite.config.ts',
+			alias: {
-				test: {
+				'katex-fonts': resolve('node_modules/katex/dist/fonts')
-					environment: 'node',
-					include: ['tests/unit/**/*.{test,spec}.{js,ts}'],
-					name: 'unit'
-				}
-			},
-
-			{
-				extends: './vite.config.ts',
-				plugins: [
-					storybookTest({
-						storybookScript: 'pnpm run storybook --no-open'
-					})
-				],
-				test: {
-					browser: { ...browserBaseConfig, instances: [{ browser: 'chromium', headless: true }] },
-					name: 'ui'
-				}
 			}
-		]
+		},
-	}
+
+		server: {
+			fs: {
+				allow: [searchForWorkspaceRoot(process.cwd()), resolve(__dirname, 'tests')]
+			},
+			headers: {
+				'Cross-Origin-Embedder-Policy': 'require-corp',
+				'Cross-Origin-Opener-Policy': 'same-origin'
+			},
+			proxy: {
+				'/cors-proxy': SERVER_ORIGIN,
+				'/models': SERVER_ORIGIN,
+				'/props': SERVER_ORIGIN,
+				'/slots': SERVER_ORIGIN,
+				'/tools': SERVER_ORIGIN,
+				'/v1': SERVER_ORIGIN
+			}
+		},
+
+		test: {
+			projects: [
+				{
+					extends: './vite.config.ts',
+					test: {
+						browser: browserBaseConfig,
+						include: ['tests/client/**/*.svelte.{test,spec}.{js,ts}'],
+						name: 'client',
+						setupFiles: ['./vitest-setup-client.ts']
+					}
+				},
+
+				{
+					extends: './vite.config.ts',
+					test: {
+						environment: 'node',
+						include: ['tests/unit/**/*.{test,spec}.{js,ts}'],
+						name: 'unit'
+					}
+				},
+
+				{
+					extends: './vite.config.ts',
+					plugins: [
+						storybookTest({
+							storybookScript: 'pnpm run storybook --no-open'
+						})
+					],
+					test: {
+						browser: { ...browserBaseConfig, instances: [{ browser: 'chromium', headless: true }] },
+						name: 'ui'
+					}
+				}
+			]
+		}
+	};
 });