import { UserConfigExport, ConfigEnv } from 'vite';
import { resolve } from 'path';

import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import { createStyleImportPlugin, ElementPlusResolve as ElementPlusStyleResolve } from 'vite-plugin-style-import';
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import globalStyle from '@originjs/vite-plugin-global-style';
import removeConsole from 'vite-plugin-remove-console';
import legacy from '@vitejs/plugin-legacy';

export default ({ command, mode }: ConfigEnv): UserConfigExport => {
    console.info('command', command);
    console.info('mode', mode);
    return {
        server: {
            host: '0.0.0.0',
            port: 3000,
            open: false,
            proxy: {
                '/api': {
                    target: 'https://gateway-test.mashibing.cn', // 测试地址
                    // target: 'https://gateway.mashibing.cn', // 预发地址
                    // target: 'https://gateway.mashibing.com', // 生产环境
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/api/, ''),
                },
            },
        },
        resolve: {
            alias: [
                {
                    find: '@',
                    replacement: resolve(process.cwd(), 'src'),
                },
                {
                    find: '~',
                    replacement: resolve(process.cwd(), 'src/assets'),
                },
            ],
        },
        plugins: [
            vue(),
            vueJsx(),
            createSvgIconsPlugin({
                iconDirs: [resolve(process.cwd(), 'src/icons/svg')],
                symbolId: 'icon-[dir]-[name]',
            }),
            createStyleImportPlugin({
                include: ['**/*.js', '**/*.ts', '**/*.tsx', '**/*.jsx', '**/*.vue'],
                resolves: [ElementPlusStyleResolve()],
            }),
            AutoImport({
                include: [/\.[jt]sx?$/, /\.vue\??/],
                imports: [
                    'vue',
                    'vuex',
                    'vue-router',
                    {
                        axios: [
                            ['default', 'axios'], // import { default as axios } from 'axios',
                        ],
                    },
                    { lodash: [['*', '_']] },
                    { dayjs: [['*', 'dayjs']] },
                ],
                eslintrc: {
                    enabled: true,
                    filepath: './src/.eslintrc.json',
                    globalsPropValue: true,
                },
                dts: 'src/auto-imports.d.ts',
            }),
            Components({
                dirs: ['src/components'],
                extensions: ['vue', 'jsx', 'tsx', 'js', 'ts'],
                deep: true,
                resolvers: [ElementPlusResolver()],
                dts: 'src/components.d.ts',
                include: [/\.tsx$/, /\.jsx$/, /\.ts$/, /\.js$/, /\.vue$/, /\.vue\?vue/],
                exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/],
            }),
            removeConsole(),
            globalStyle({
                sourcePath: 'src/styles',
            }),
            legacy({
                targets: ['defaults', 'not IE 11'],
            }),
        ],
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                },
            },
        },
    };
};