import { resolve } from "path";
import { PluginOption } from "vite";
import { VitePWA } from "vite-plugin-pwa";
import { visualizer } from "rollup-plugin-visualizer";
import { createHtmlPlugin } from "vite-plugin-html";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import eslintPlugin from "vite-plugin-eslint";
import viteCompression from "vite-plugin-compression";
import vueSetupExtend from "unplugin-vue-setup-extend-plus/vite";

export const createVitePlugins = (viteEnv: ViteEnv): (PluginOption | PluginOption[])[] => {
    const { VITE_GLOB_APP_TITLE, VITE_REPORT, VITE_PWA } = viteEnv;
    return [
        vue(),
        vueJsx(),
        eslintPlugin(),
        vueSetupExtend({}),
        createCompression(viteEnv),
        createHtmlPlugin({
            inject: {
                data: { title: VITE_GLOB_APP_TITLE }
            }
        }),
        createSvgIconsPlugin({
            iconDirs: [resolve(process.cwd(), "src/assets/icons")],
            symbolId: "icon-[dir]-[name]"
        }),
        VITE_PWA && createVitePwa(viteEnv),
        VITE_REPORT && (visualizer({ filename: "stats.html", gzipSize: true, brotliSize: true }) as PluginOption)
    ];
};

const createCompression = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
    const { VITE_BUILD_COMPRESS = "none", VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
    const compressList = VITE_BUILD_COMPRESS.split(",");
    const plugins: PluginOption[] = [];
    if (compressList.includes("gzip")) {
        plugins.push(
            viteCompression({
                ext: ".gz",
                algorithm: "gzip",
                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
            })
        );
    }
    if (compressList.includes("brotli")) {
        plugins.push(
            viteCompression({
                ext: ".br",
                algorithm: "brotliCompress",
                deleteOriginFile: VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
            })
        );
    }
    return plugins;
};

const createVitePwa = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
    const { VITE_GLOB_APP_TITLE } = viteEnv;
    return VitePWA({
        registerType: "autoUpdate",
        manifest: {
            name: VITE_GLOB_APP_TITLE,
            short_name: VITE_GLOB_APP_TITLE,
            theme_color: "#ffffff",
            icons: [
                {
                    src: "logo.png",
                    sizes: "100x100",
                    type: "image/png"
                }
            ]
        }
    });
};