Refactor Vite configuration for Plugin Vulnerability Scanner

- Simplified vite.config.js by removing unnecessary environment variable loading and path aliasing.
- Set a fixed base URL for GitHub Pages deployment.
- Streamlined build configuration by removing manual chunking and unnecessary options.
- Updated server and preview headers for improved security.

This refactor enhances clarity and maintainability of the Vite configuration.

Author: DMontgomery40

vite.config.js

@@ -1,126 +1,16 @@
-import { defineConfig, loadEnv } from 'vite';
+import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import path from 'path';
 
-// https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
-  // Load env vars for all modes
-  const env = loadEnv(mode, process.cwd(), '');
-  
-  const baseUrl = mode === 'production' 
-    ? '/plugin-vulnerability-scanner/'  // GitHub Pages base URL
-    : '/';
-
-  return {
-    plugins: [react()],
-    
-    base: baseUrl,  // Set the base URL for all assets
-    
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, './src')
-      }
-    },
-
-    // Development server configuration
-    server: {
-      // Proxy API requests during development
-      proxy: {
-        '/.netlify/functions/': {
-          target: 'http://localhost:9999',
-          changeOrigin: true,
-          secure: false,
-          rewrite: (path) => path.replace(/^\/.netlify\/functions/, '')
-        }
-      },
-      
-      // Security headers
-      headers: {
-        'X-Frame-Options': 'DENY',
-        'X-XSS-Protection': '1; mode=block',
-        'X-Content-Type-Options': 'nosniff',
-        'Referrer-Policy': 'strict-origin-when-cross-origin',
-        'Content-Security-Policy': [
-          "default-src 'self'",
-          "connect-src 'self' http://localhost:9999 https://api.github.com",
-          "script-src 'self' 'unsafe-inline'",
-          "style-src 'self' 'unsafe-inline'",
-          "img-src 'self' data: https:",
-          "font-src 'self' data:",
-        ].join('; ')
-      }
-    },
-
-    // Build configuration
-    build: {
-      // Output directory for production build
-      outDir: 'dist',
-      assetsDir: 'assets',  // Where to store assets in production
-      
-      // Generate sourcemaps for production
-      sourcemap: true,
-      
-      // Minification options
-      minify: 'terser',
-      terserOptions: {
-        compress: {
-          drop_console: true,  // Remove console.log in production
-          drop_debugger: true
-        }
-      },
-      
-      // Configure rollup
-      rollupOptions: {
-        output: {
-          manualChunks: {
-            // Split vendor code into chunks
-            'vendor-react': ['react', 'react-dom'],
-            'vendor-utils': ['lodash'],
-            'vendor-ui': ['lucide-react', '@radix-ui/react-alert-dialog']
-          },
-          // Ensure assets use relative paths
-          assetFileNames: (assetInfo) => {
-            const info = assetInfo.name.split('.');
-            const ext = info[info.length - 1];
-            if (/\.(png|jpe?g|gif|svg|ico)$/.test(assetInfo.name)) {
-              return `assets/images/[name]-[hash][extname]`;
-            }
-            if (/\.(css)$/.test(assetInfo.name)) {
-              return `assets/css/[name]-[hash][extname]`;
-            }
-            if (/\.(woff|woff2|eot|ttf|otf)$/.test(assetInfo.name)) {
-              return `assets/fonts/[name]-[hash][extname]`;
-            }
-            return `assets/[name]-[hash][extname]`;
-          },
-          chunkFileNames: 'assets/js/[name]-[hash].js',
-          entryFileNames: 'assets/js/[name]-[hash].js',
-        }
-      }
-    },
-
-    // Preview configuration (for testing production builds locally)
-    preview: {
-      headers: {
-        'X-Frame-Options': 'DENY',
-        'X-XSS-Protection': '1; mode=block',
-        'X-Content-Type-Options': 'nosniff',
-        'Referrer-Policy': 'strict-origin-when-cross-origin',
-        'Content-Security-Policy': [
-          "default-src 'self'",
-          "connect-src 'self' https://api.github.com",
-          "script-src 'self' 'unsafe-inline'",
-          "style-src 'self' 'unsafe-inline'",
-          "img-src 'self' data: https:",
-          "font-src 'self' data:",
-        ].join('; ')
+export default defineConfig({
+  plugins: [react()],
+  base: '/plugin-vulnerability-scanner/',  // Match GitHub Pages repository name
+  build: {
+    outDir: 'dist',
+    assetsDir: 'assets',
+    rollupOptions: {
+      output: {
+        manualChunks: undefined
       }
-    },
-
-    // Environment variables to expose to the client
-    define: {
-      __APP_VERSION__: JSON.stringify(process.env.npm_package_version),
-      __DEV__: mode === 'development'
     }
-  };
+  }
 });