import { fileURLToPath, URL } from "node:url";

import vue from "@vitejs/plugin-vue";
import { defineConfig, loadEnv, type PluginOption } from "vite";
import { compression } from "vite-plugin-compression2";

const r = (path: string) => fileURLToPath(new URL(path, import.meta.url));

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, ".", "");
  const isProd = mode === "production";
  const plugins: PluginOption[] = [vue()];

  if (isProd) {
    plugins.push(
      compression({
        algorithms: ["gzip", "brotliCompress"],
        threshold: 1024,
      }),
    );
  }

  return {
    plugins,
    resolve: {
      alias: {
        "@": r("./src"),
      },
    },
    server: {
      host: "0.0.0.0",
      port: 5174,
      proxy: {
        "/api": {
          target: env.VITE_OPS_API_PROXY_TARGET || "http://localhost:8090",
          changeOrigin: true,
        },
      },
    },
    esbuild: isProd ? { drop: ["console", "debugger"] } : undefined,
    build: {
      target: "es2022",
      sourcemap: "hidden",
      cssCodeSplit: true,
      reportCompressedSize: false,
      rollupOptions: {
        output: {
          entryFileNames: "assets/js/[name]-[hash].js",
          chunkFileNames: "assets/js/[name]-[hash].js",
          assetFileNames: "assets/[name]-[hash][extname]",
          manualChunks(id) {
            if (!id.includes("node_modules")) return undefined;
            if (id.includes("/ant-design-vue/") || id.includes("/@ant-design/")) {
              return "antd";
            }
            if (
              id.includes("/vue/") ||
              id.includes("/@vue/") ||
              id.includes("/vue-router/") ||
              id.includes("/pinia/")
            ) {
              return "vue-vendor";
            }
            return "vendor";
          },
        },
      },
    },
  };
});