import { resolve } from "node:path";
import { defineConfig, type CSSOptions } from "vite";

// https://vitejs.dev/config
export default defineConfig(async () => {
  const vue = (await import("@vitejs/plugin-vue")).default
  const tailwindcss = (await import('@tailwindcss/vite')).default;
  const autoImport = (await import('unplugin-auto-import/vite')).default;

  return {
    plugins: [vue(), tailwindcss(), autoImport({
      imports: ['vue', 'vue-router', 'pinia', 'vue-i18n', '@vueuse/core'],
      dts: 'src/renderer/auto-imports.d.ts'
    })],

    css: {
      transformer: 'lightningcss' as CSSOptions['transformer'],
    },

    build: {
      target: 'es2022',
      publicDir: 'public',
      rollupOptions: {
        input: [
          resolve(__dirname, 'html/index.html'),
          resolve(__dirname, 'html/dialog.html'),
          resolve(__dirname, 'html/setting.html'),
          resolve(__dirname, 'html/login.html'),
        ]
      }
    },
    
    resolve: {
      alias: {
        "@renderer": resolve(__dirname, "./src/renderer"),
        "@api": resolve(__dirname, "./src/renderer/api"),
        "@assets": resolve(__dirname, "./src/assets"),
        '@common': resolve(__dirname, './src/common'),
        "@constant": resolve(__dirname, "./src/renderer/constant"),
        "@components": resolve(__dirname, "./src/renderer/components"),
        "@hooks": resolve(__dirname, "./src/renderer/hooks"),
        "@store": resolve(__dirname, "./src/renderer/store"),
        "@utils": resolve(__dirname, "./src/renderer/utils"),
        "@shared": resolve(__dirname, "./src/renderer/shared"),
        "@locales": resolve(__dirname, "locales"),
      },
    },

    server: {
      proxy: {
        '/ingress': {
          target: 'http://8.138.234.141',
          changeOrigin: true,
        },
      },
    },
  }
});