Load vite app configurations from environment variables

samples/asgardeo-react-app/.env

@@ -0,0 +1,3 @@
+PORT=3000
+HOST="localhost"
+HTTPS=true

samples/asgardeo-react-app/vite.config.ts

@@ -1,32 +1,44 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig, loadEnv, UserConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 import fs from 'fs';
 import path from 'path';
 
-export default defineConfig({
-  plugins: [
-    react()
-  ],
-  optimizeDeps: {
-    include: [
-      '@asgardeo/auth-react',
-      'react/jsx-runtime',
-      'react-router',
-      'react-router-dom',
-      'react',
-    ],
-  },
-  server: {
-    https: {
-      key: fs.readFileSync(path.resolve(__dirname, 'public', 'cert', 'localhost-key.pem')),
-      cert: fs.readFileSync(path.resolve(__dirname, 'public', 'cert', 'localhost-cert.pem')),
+export default defineConfig(({ mode }) => {
+
+  const env = loadEnv(mode, process.cwd(), '')
+
+  // Explicitly define the configuration type
+  const config: UserConfig = {
+    plugins: [react()],
+    optimizeDeps: {
+      include: [
+        '@asgardeo/auth-react',
+        'react/jsx-runtime',
+        'react-router',
+        'react-router-dom',
+        'react',
+      ],
+    },
+    server: {
+      host: env.HOST,
+      port: parseInt(env.PORT || '3000', 10),
     },
-    host: 'localhost',
-    port: 3000
-  },
-  build: {
-    commonjsOptions: {
-      include: [ /react/ ],
-    }, 
+    build: {
+      commonjsOptions: {
+        include: [/react/],
+      },
+    },
+  };
+
+  if (env.HTTPS === 'true') {
+    config.server = {
+      ...config.server,
+      https: {
+        key: fs.readFileSync(path.resolve(__dirname, 'public', 'cert', 'localhost-key.pem')),
+        cert: fs.readFileSync(path.resolve(__dirname, 'public', 'cert', 'localhost-cert.pem')),
+      },
+    };
   }
-})
+
+  return config;
+});