vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { loadEnv } from 'vite'
import { fileURLToPath } from 'url'
import type { UserConfig, ConfigEnv } from 'vite'

// https://vitejs.dev/config/
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
  // Use `process` from the Node.js environment which is valid in this context
  const env = loadEnv(mode, process.cwd(), '')
  
  // If VITE_GHPAGES_BASE is set (e.g., "/MappedKeyss/"), use it; else "/"
  const base = process.env.VITE_GHPAGES_BASE || '/'
  
  return {
    base,
    plugins: [react()],
    // Disable CSS processing completely
    css: {
      // Using an empty configuration but not 'false'
      preprocessorOptions: {},
      postcss: { plugins: [] },
    },
    resolve: {
      alias: {
        "@": fileURLToPath(new URL("./src", import.meta.url)),
      },
    },
    server: {
      port: 3000,
      open: true,
    },
    optimizeDeps: {
      esbuildOptions: {
        define: {
          global: "globalThis",
        },
      },
    },
    define: {
      "process.env": env,
      global: {},
    },
  };
})