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

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

// https://vitejs.dev/config/

export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd());
  return {
    plugins: [vue()],
    resolve: {
      alias: {
        "@": fileURLToPath(new URL("./src", import.meta.url)),
      },
    },
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import '@/assets/style/base.scss';`,
        },
      },
    },
    server: {
      host: "0.0.0.0",
      port: 5177,
      open: false,
      proxy: {
        [env.VITE_APP_BASE_API]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
        },
        ["/websocket"]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          ws: true,
          rewrite: (path) => path.replace(new RegExp("^/websocket"), "/websocket"),
        },
        ["/magicApi"]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          ws: true,
          rewrite: (path) => path.replace(new RegExp("^/magicApi"), "/magicApi"),
        },
        ["/magic-api"]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(new RegExp("^/magicApi"), "/magicApi"),
        },
        ["/admin"]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(new RegExp("^/admin"), "/admin"),
        },
        ["/profile"]: {
          target: env.VITE_APP_BASE_TARGET_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(new RegExp("^/profile"), "/profile"),
        },
      },
    },
  };
});