import { PluginOption } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import legacy from '@vitejs/plugin-legacy';
import purgeIcons from 'vite-plugin-purge-icons';
import windiCSS from 'vite-plugin-windicss';
import vueSetupExtend from 'vite-plugin-vue-setup-extend';
import { configHtmlPlugin } from './html';
import { configPwaConfig } from './pwa';
import { configCompressPlugin } from './compress';
import { configStyleImportPlugin } from './styleImport';
import { configVisualizerConfig } from './visualizer';
import { configThemePlugin } from './theme';
import { configImageminPlugin } from './imagemin';
import { configSvgIconsPlugin } from './svgSprite';

function getLegacyPlugin() {
    return legacy({
        targets: ['defaults', 'ie >= 11', 'chrome <= 80'], //需要兼容的目标列表，可以设置多个
        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
        renderLegacyChunks: true,
        polyfills: [
            'es.symbol',
            'es.array.filter',
            'es.promise',
            'es.promise.finally',
            'es/map',
            'es/set',
            'es.array.for-each',
            'es.object.define-properties',
            'es.object.define-property',
            'es.object.get-own-property-descriptor',
            'es.object.get-own-property-descriptors',
            'es.object.keys',
            'es.object.to-string',
            'web.dom-collections.for-each',
            'esnext.global-this',
            'esnext.string.match-all',
        ],
    });
}

export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
    const { VITE_USE_IMAGEMIN, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;

    const vitePlugins: (PluginOption | PluginOption[])[] = [
        // have to
        vue(),
        // have to
        vueJsx(),
        // support name
        vueSetupExtend(),
    ];

    // vite-plugin-windicss
    vitePlugins.push(windiCSS());

    // vite-plugin-html
    vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));

    // vite-plugin-svg-icons
    vitePlugins.push(configSvgIconsPlugin(isBuild));

    // vite-plugin-purge-icons
    vitePlugins.push(purgeIcons());

    // rollup-plugin-visualizer
    vitePlugins.push(configVisualizerConfig());

    // vite-plugin-theme
    vitePlugins.push(configThemePlugin(isBuild));

    // The following plugins only work in the production environment
    if (isBuild) {
        // @vitejs/plugin-legacy
        VITE_LEGACY && vitePlugins.push(getLegacyPlugin());

        // vite-plugin-style-import
        vitePlugins.push(configStyleImportPlugin());

        // vite-plugin-imagemin
        VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());

        // rollup-plugin-gzip
        // vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));

        // vite-plugin-pwa
        vitePlugins.push(configPwaConfig(viteEnv));
    }

    return vitePlugins;
}