vite.config.ts

import { defineConfig, UserConfig } from 'vite'
import windiConfig from './windi.config';
import Icons from 'unplugin-icons/vite'
import WindiCSS from "vite-plugin-windicss";
import { r, port, isDev } from './scripts/utils'

export const sharedConfig: UserConfig = {
  root: r("src"),
  resolve: {
    alias: {
      "~/": `${r("src")}/`,
    },
  },
  define: {
    __DEV__: isDev,
  },
  plugins: [
    // https://github.com/antfu/unplugin-icons
    Icons({ compiler: "jsx", jsx: "react" }),

    // rewrite assets to use relative path
    {
      name: "assets-rewrite",
      enforce: "post",
      apply: "build",
      transformIndexHtml(html) {
        return html.replace(/"\/assets\//g, '"../assets/');
      },
    },
  ],
  optimizeDeps: {
    include: ["react", "webextension-polyfill"],
  },
};

export default defineConfig(({ command }) => ({
  ...sharedConfig,
  base: command === "serve" ? `http://localhost:${port}/` : undefined,
  server: {
    port,
    hmr: {
      host: "localhost",
    },
  },
  build: {
    outDir: r("extension/dist"),
    emptyOutDir: false,
    sourcemap: isDev ? "inline" : false,
    // https://developer.chrome.com/docs/webstore/program_policies/#:~:text=Code%20Readability%20Requirements
    terserOptions: {
      mangle: false,
    },
    rollupOptions: {
      input: {
        background: r("src/background/index.html"),
        "plugins/MapRewrite": r("src/plugins/MapRewrite/index.html"),
        options: r("src/options/index.html"),
        popup: r("src/popup/index.html"),
      },
    },
  },
  plugins: [
    ...sharedConfig.plugins!,

    // https://github.com/antfu/vite-plugin-windicss
    WindiCSS({
      config: windiConfig,
    }),
  ],
}));