/*
 * Copyright 2016-present the IoT DC3 original author or authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import legacy from '@vitejs/plugin-legacy'
import vue from '@vitejs/plugin-vue'
import * as dotenv from 'dotenv'
import * as fs from 'fs'
import { resolve } from 'path'
import AutoImport from 'unplugin-auto-import/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import { ConfigEnv, defineConfig } from 'vite'

export default (configEnv: ConfigEnv) => {
    process.env.NODE_ENV = configEnv.mode == 'production' ? 'pro' : configEnv.mode || 'dev'

    const envDir = './src/config/env'
    const files = [`${envDir}/.env`, `${envDir}/.env.${process.env.NODE_ENV}`]

    files.forEach((file) => {
        const config = dotenv.parse<any>(fs.readFileSync(file))
        Object.keys(config).forEach((key) => {
            process.env[key] = config[key]
        })
    })

    const alias: Record<string, string> = {
        '@': resolve(__dirname, './src'),
        vue$: 'vue/dist/vue.runtime.esm-bundler.js'
    }
    const apiPrefix = process.env.APP_API_PREFIX as string
    const proxy = {
        [apiPrefix]: {
            ws: false,
            changeOrigin: true,
            target: `${process.env.APP_API_PATH}:${process.env.APP_API_PORT}`,
            rewrite: (path: string) => path.replace(new RegExp(`^${apiPrefix}`), apiPrefix)
        }
    }
    const output = {
        entryFileNames: `assets/dc3.[name].[hash].js`,
        chunkFileNames: `assets/dc3.[name].[hash].js`,
        assetFileNames: `assets/dc3.[name].[hash].[ext]`,
        compact: true,
        manualChunks: {
            vue: ['vue', 'vue-router', 'vuex'],
            lodash: ['lodash-es'],
            echarts: ['echarts'],
            element: ['element-plus', '@element-plus/icons-vue'],
            antv: ['@antv/g2plot', '@amap/amap-jsapi-loader']
        }
    }

    return defineConfig({
        base: './',
        root: './',
        envDir,
        envPrefix: 'APP_',
        resolve: {
            alias
        },
        server: {
            port: Number(process.env.APP_CLI_PORT),
            proxy
        },
        build: {
            outDir: 'dist',
            chunkSizeWarningLimit: 1500,
            rollupOptions: { output }
        },
        plugins: [
            vue(),
            legacy({
                targets: ['Android > 39', 'Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15']
            }),
            AutoImport({
                resolvers: [ElementPlusResolver()]
            }),
            Components({
                resolvers: [ElementPlusResolver()]
            })
        ],
        css: {
            preprocessorOptions: {
                css: {
                    charset: false
                }
            }
        }
    })
}