vite.config.ts

/// <reference types="vitest" />
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import { VitePWA } from "vite-plugin-pwa";
import { checker } from "vite-plugin-checker";
import Icons from "unplugin-icons/vite";
import { imagetools } from "vite-imagetools";
import AutoImport from "unplugin-auto-import/vite";
//@ts-expect-error but it's on?
import PackageJSON from "./package.json";
import tsconfigPaths from "vite-tsconfig-paths";

// https://vitejs.dev/config/
export default defineConfig({
    optimizeDeps: {
        exclude: process.env.NODE_ENV === "production" ? ["lodash"] : [],
    },
    define: {
        APP_NAME: JSON.stringify(PackageJSON.name),
        APP_VERSION: JSON.stringify(PackageJSON.version),
    },
    build: {
        rollupOptions: {
            output: {
                manualChunks: {
                    mui: ["@mui/material", "@mui/x-date-pickers"],
                    react: ["react", "react-dom", "react-router-dom"],
                    lodash: ["lodash"],
                },
            },
        },
    },
    plugins: [
        react(),
        Icons({
            compiler: "jsx",
            jsx: "react",
            defaultClass: "iconified",
        }),
        AutoImport({
            imports: ["react", "react-router-dom", "react-i18next", "ahooks", { imports: ["z"], from: "zod",type: true }],
            dts: "./src/auto-import.d.ts",
        }),
        checker({
            typescript: true,
            overlay: {
                initialIsOpen: false,
            },
            eslint: {
                lintCommand: "eslint ./src",
            },
        }),
        VitePWA({
            registerType: "autoUpdate",
            manifest: {
                name: "Gdakon Pocket Schedule",
                short_name: "Gdakon",
                description: "Check the Gdakon schedule from your phone!",
                lang: "en",
                theme_color: "#3a3d80",
                icons: [
                    {
                        src: "https://gdakon.org/favicon.ico",
                        sizes: "16x16",
                        type: "image/icon",
                    },
                ],
            },
            workbox: {
                globPatterns: [
                    "**/*.{js,css,html,ico,png,svg,json,webp,woff,woff2,ico}",
                ],
                cleanupOutdatedCaches: true,
                sourcemap: true,
            },
        }),
        imagetools(),
        tsconfigPaths()
    ],
    test: {
        passWithNoTests: true,
        environment: "happydom",
    }
});