import fs from "fs";
import pluginVue from "@vitejs/plugin-vue";
import { defineConfig } from "vite";

import locales from "../locales";
import meta from "../package.json";
import pluginJson5 from "./vite.json5";

const extensions = [
    ".ts",
    ".tsx",
    ".js",
    ".jsx",
    ".mjs",
    ".json",
    ".json5",
    ".svg",
    ".sass",
    ".scss",
    ".css",
    ".vue",
];

export default defineConfig(({ command, mode }) => {
    fs.mkdirSync(__dirname + "/../built", { recursive: true });
    fs.writeFileSync(
        __dirname + "/../built/meta.json",
        JSON.stringify({ version: meta.version }),
        "utf-8"
    );

    return {
        base: "/assets/",

        plugins: [
            pluginVue({
                template: {
                    compilerOptions: {
                        isCustomElement: (tag) => tag.startsWith("media-"),
                    },
                },
            }),
            pluginJson5(),
        ],

        resolve: {
            extensions,
            alias: {
                "@/": __dirname + "/src/",
                "/client-assets/": __dirname + "/assets/",
                "/static-assets/": __dirname + "/../assets/",
            },
        },

        define: {
            _VERSION_: JSON.stringify(meta.version),
            _LANGS_: JSON.stringify(
                Object.entries(locales).map(([k, v]) => [k, v._lang_])
            ),
            _ENV_: JSON.stringify(process.env.NODE_ENV),
            _DEV_: process.env.NODE_ENV !== "production",
            _PERF_PREFIX_: JSON.stringify("Misskey:"),
            _DATA_TRANSFER_DRIVE_FILE_: JSON.stringify("mk_drive_file"),
            _DATA_TRANSFER_DRIVE_FOLDER_: JSON.stringify("mk_drive_folder"),
            _DATA_TRANSFER_DECK_COLUMN_: JSON.stringify("mk_deck_column"),
            __VUE_OPTIONS_API__: true,
            __VUE_PROD_DEVTOOLS__: false,
        },

        build: {
            target: ["chrome87", "firefox78", "safari14", "es2017"],
            manifest: "manifest.json",
            rollupOptions: {
                input: {
                    app: "./src/init.ts",
                },
                output: {
                    manualChunks: {
                        vue: ["vue"],
                    },
                },
            },
            cssCodeSplit: true,
            assetsInlineLimit: 0,
            outDir: __dirname + "/../built/_client_dist_",
            assetsDir: ".",
            emptyOutDir: false,
            sourcemap: true,
            reportCompressedSize: false,
            commonjsOptions: {
                include: [/calckey-js/, /node_modules/],
            },
        },
        optimizeDeps: {
            auto: true,
        },
    };
});