updated to use env for ai url

Author: NikhilGangaram

vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, type PluginOption } from 'vite';
+import { defineConfig, type PluginOption, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
 import importMetaUrlPlugin from '@codingame/esbuild-import-meta-url-plugin';
 import { visualizer } from "rollup-plugin-visualizer";
@@ -8,102 +8,105 @@ import { resolve } from 'path';
 import flowbiteReact from "flowbite-react/plugin/vite";
 
 // https://vite.dev/config/
-export default defineConfig({
-    base: './',
-    esbuild: {
-        sourcemap: true,
-        supported: {
-            'top-level-await': true,
-        },
-    },
-    define: {
-        rootDirectory: JSON.stringify(__dirname)
-    },
-    plugins: [react(), visualizer() as PluginOption, viteStaticCopy({
-        targets: [
-            {
-                src: 'node_modules/flexlayout-react/style',
-                dest: './node_modules/flexlayout-react/'
-            },
-            {
-                src: 'node_modules/gridstack/dist/gridstack.css',
-                dest: './node_modules/gridstack/dist/'
-            }        ]
-    }), flowbiteReact()],
-    resolve: {
-        alias: [
-            { find: '@', replacement: fileURLToPath(new URL('./src', import.meta.url)) },
-            {
-                find: '@components',
-                replacement: fileURLToPath(new URL('./src/components', import.meta.url)),
-            },
-            {
-                find: '@connections',
-                replacement: fileURLToPath(new URL('./src/connections', import.meta.url)),
-            },
-            {
-                find: '@utils',
-                replacement: fileURLToPath(new URL('./src/utils', import.meta.url)),
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '');
+    return {
+        base: './',
+        esbuild: {
+            sourcemap: true,
+            supported: {
+                'top-level-await': true,
             },
-            {
-                find: '@assets',
-                replacement: fileURLToPath(new URL('./src/assets', import.meta.url)),
-            },
-        ],
-    },
-    worker: {
-        format: 'es',
-    },
-    optimizeDeps: {
-        esbuildOptions: {
-            tsconfig: './tsconfig.json',
-            plugins: [
-                importMetaUrlPlugin
+        },
+        define: {
+            rootDirectory: JSON.stringify(__dirname)
+        },
+        plugins: [react(), visualizer() as PluginOption, viteStaticCopy({
+            targets: [
+                {
+                    src: 'node_modules/flexlayout-react/style',
+                    dest: './node_modules/flexlayout-react/'
+                },
+                {
+                    src: 'node_modules/gridstack/dist/gridstack.css',
+                    dest: './node_modules/gridstack/dist/'
+                }        ]
+        }), flowbiteReact()],
+        resolve: {
+            alias: [
+                { find: '@', replacement: fileURLToPath(new URL('./src', import.meta.url)) },
+                {
+                    find: '@components',
+                    replacement: fileURLToPath(new URL('./src/components', import.meta.url)),
+                },
+                {
+                    find: '@connections',
+                    replacement: fileURLToPath(new URL('./src/connections', import.meta.url)),
+                },
+                {
+                    find: '@utils',
+                    replacement: fileURLToPath(new URL('./src/utils', import.meta.url)),
+                },
+                {
+                    find: '@assets',
+                    replacement: fileURLToPath(new URL('./src/assets', import.meta.url)),
+                },
             ],
         },
-    },
-    server: {
-        port: 3000,
-        proxy: {
-            '/api': 'https://xrp-code-d-u01.wpi.edu'
-        }
-    },
-    build: {
-        minify: 'esbuild',
-        rollupOptions: {
-            input: {
-                main: resolve(__dirname, 'index.html'),
+        worker: {
+            format: 'es',
+        },
+        optimizeDeps: {
+            esbuildOptions: {
+                tsconfig: './tsconfig.json',
+                plugins: [
+                    importMetaUrlPlugin
+                ],
             },
-            output: {
-                manualChunks(id: string) {
-                    if (id.includes('react-blockly')) {
-                        return '@react-blockly'
-                    }
-                    if (id.includes('@codingame')) {
-                        return '@codingame'
-                    }
-                    if (
-                        id.includes('react') ||
-                        id.includes('flexlayout-react') ||
-                        id.includes('react-arborist') ||
-                        id.includes('react-dom') ||
-                        id.includes('react-hotkeys-hook') ||
-                        id.includes('eact-i18next') ||
-                        id.includes('react-icons') ||
-                        id.includes('react-xtermjs')
-                    ) {
-                        return '@react'
-                    }
-                    if (
-                        id.includes('monaco-languageclient') ||
-                        id.includes('@typefox/pyright-browser') ||
-                        id.includes('monaco-editor')
-                    ) {
-                        return '@monaco'
+        },
+        server: {
+            port: 3000,
+            proxy: {
+                '/api': env.AI_URL
+            }
+        },
+        build: {
+            minify: 'esbuild',
+            rollupOptions: {
+                input: {
+                    main: resolve(__dirname, 'index.html'),
+                },
+                output: {
+                    manualChunks(id: string) {
+                        if (id.includes('react-blockly')) {
+                            return '@react-blockly'
+                        }
+                        if (id.includes('@codingame')) {
+                            return '@codingame'
+                        }
+                        if (
+                            id.includes('react') ||
+                            id.includes('flexlayout-react') ||
+                            id.includes('react-arborist') ||
+                            id.includes('react-dom') ||
+                            id.includes('react-hotkeys-hook') ||
+                            id.includes('eact-i18next') ||
+                            id.includes('react-icons') ||
+                            id.includes('react-xtermjs')
+                        ) {
+                            return '@react'
+                        }
+                        if (
+                            id.includes('monaco-languageclient') ||
+                            id.includes('@typefox/pyright-browser') ||
+                            id.includes('monaco-editor')
+                        ) {
+                            return '@monaco'
+                        }
                     }
                 }
             }
-        }
-    },
-    envPrefix: ['VITE_', 'GOOGLE_'],
+        },
+        envPrefix: ['VITE_', 'GOOGLE_'],
+    }
 });