vite.config.ts

import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

// 🌍 Universal Vite config (works on local + Vercel)
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");

  return {
    plugins: [
      react(),
      // You can add viteCompression or viteImagemin here later if needed
    ],

    // 🧠 Smart dependency optimization
    optimizeDeps: {
      exclude: ["lucide-react"],
    },

    // 🧩 Folder aliases for cleaner imports
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
        "@components": path.resolve(__dirname, "./src/components"),
        "@assets": path.resolve(__dirname, "./src/assets"),
        "@hooks": path.resolve(__dirname, "./src/hooks"),
        "@utils": path.resolve(__dirname, "./src/utils"),
      },
    },

    // ⚙️ Dev server config
    server: {
      port: 5173,
      open: true,
      cors: true,
      proxy: {
        "/api": {
          target: "http://localhost:3001",
          changeOrigin: true,
          secure: false,
        },
      },
    },

    // 🚀 Build optimizations
    build: {
      target: "esnext",
      sourcemap: false,
      cssCodeSplit: true,
      minify: "terser",
      chunkSizeWarningLimit: 2000,
      rollupOptions: {
        output: {
          manualChunks(id) {
            if (id.includes("node_modules")) {
              if (id.includes("react") || id.includes("react-dom")) return "react";
              if (id.includes("framer-motion")) return "motion";
              if (id.includes("gsap")) return "gsap";
              if (id.includes("zustand")) return "store";
              if (id.includes("swiper")) return "swiper";
              return "vendor";
            }
          },
        },
      },
    },

    // 🌍 Global environment variable exposure
    define: {
      __APP_ENV__: JSON.stringify(env.APP_ENV),
    },
  };
});