import type { UserConfig, ConfigEnv } from "vite";
import path from "path";
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import { viteMockServe } from "vite-plugin-mock";
import vueJsx from "@vitejs/plugin-vue-jsx";
import vueSetupExtend from "vite-plugin-vue-setup-extend";

const resolve = (dir: string) => path.join(__dirname, dir);

export default ({ command, mode }: ConfigEnv): UserConfig => {
    const root = process.cwd();

    const isBuild = command === "build";

    return {
        base: "./",
        root,
        plugins: [
            vue(),
            vueJsx(),
            vueSetupExtend(),
            AutoImport({
                // 设置为false，即为不自动导入，设置为路径即在当前路径生成自动导入文件  true即默认./auto-import.d.ts
                dts: resolve("./src/components.d.ts"),
                imports: [
                    "vue",
                    "pinia",
                    "vue-router",
                    {
                        "@vueuse/core": []
                    }
                ],
                eslintrc: {
                    enabled: true, // Default `false`
                    filepath: resolve("./.eslintrc-auto-import.json"), // Default `./.eslintrc-auto-import.json`
                    globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
                },
                resolvers: [ElementPlusResolver()]
            }),
            Components({
                extensions: ["vue", "md"],
                dts: resolve("./src/auto-imports.d.ts"),
                include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
                exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
                resolvers: [ElementPlusResolver()]
            }),
            createSvgIconsPlugin({
                iconDirs: [resolve("./src/icons")],
                // 指定symbolId格式
                symbolId: "svg-[name]"
            }),
            viteMockServe({
                // mock文件目录
                mockPath: "mock",
                // 本地调试
                localEnabled: !isBuild,
                // 打包mock
                prodEnabled: isBuild,
                // 生产使用mock
                injectCode: `
              import { setupProdMockServer } from './mockProdServer';

              setupProdMockServer();
            `
            })
        ],
        optimizeDeps: {
            // 预加载
            include: ["element-plus/es/locale/lang/zh-cn"]
        },
        resolve: {
            alias: {
                "~/": `${path.resolve(__dirname, "src")}/`,
                "@": resolve("src")
            }
        },
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: `@use "~/styles/theme/index.scss" as *;`
                }
            }
        },
        server: {
            host: "0.0.0.0",
            port: 4000, // 服务端口号
            open: true // 服务启动时是否自动打开浏览器
        },
        build: {
            reportCompressedSize: false,
            chunkSizeWarningLimit: 2000,
            rollupOptions: {
                // 静态资源分类打包
                output: {
                    chunkFileNames: "static/js/[name]-[hash].js",
                    entryFileNames: "static/js/[name]-[hash].js",
                    assetFileNames: "static/[ext]/[name]-[hash].[ext]"
                }
            }
        },
        define: {
            // 解决打包报错
            __INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false)
        }
    };
};