import path from "path";
import { UserConfig } from "vite";
import Voie from "vite-plugin-voie";
import PurgeIcons from "vite-plugin-purge-icons";
import ViteComponents from "vite-plugin-components";
import Markdown from "vite-plugin-md";
import { VitePWA } from "vite-plugin-pwa";
import type { GenerateSWConfig } from "workbox-build";

const workbox: Partial<GenerateSWConfig> = {
  skipWaiting: true,
};

const alias = {
  "/~/": path.resolve(__dirname, "src"),
};

const config: UserConfig = {
  alias,
  plugins: [
    // https://github.com/vamplate/vite-plugin-voie
    Voie({
      // load index page sync and bundled with the landing page to improve first loading time.
      // feel free to remove if you don't need it
      importMode(path: string) {
        const syncRoutes = ["/src/pages/index.vue", "/src/pages/Music.vue"];
        if (syncRoutes.includes(path)) return "sync";
        return "async";
      },
      extensions: ["vue", "md"],
    }),

    // https://github.com/antfu/vite-plugin-md
    Markdown(),

    // https://github.com/antfu/vite-plugin-components
    ViteComponents({
      // currently, vite does not provide an API for plugins to get the config https://github.com/vitejs/vite/issues/738
      // as the `alias` changes the behavior of middlewares, you have to pass it to ViteComponents to do the resolving
      alias,

      // allow auto load markdown components under `./src/components/`
      extensions: ["vue", "md"],

      // allow auto import and register components used in markdown
      customLoaderMatcher: ({ path }) => path.endsWith(".md"),
    }),

    // https://github.com/antfu/purge-icons
    PurgeIcons(),

    // https://github.com/antfu/vite-plugin-pwa
    VitePWA({
      manifest: {
        name: "EOS 86",
        short_name: "EOS",
        icons: [
          {
            src: "/pwa-192x192.png",
            sizes: "192x192",
            type: "image/png",
          },
          {
            src: "/pwa-512x512.png",
            sizes: "512x512",
            type: "image/png",
          },
        ],
      },
      workbox,
    }),
  ],
};

export default config;