import {defineConfig, loadEnv} from "vite";
import {resolve, join} from "path";
import vue from "@vitejs/plugin-vue";
import vuetify from "vite-plugin-vuetify";

export default defineConfig((mode) => {
  const env = loadEnv(mode, "..", ""),
    SRC_DIR = resolve("./src"),
    OUT_DIR = resolve("./dist")

  return {
    plugins: [
      vue(),
      vuetify()
    ],
    resolve: {
      alias: {
        "@": resolve(SRC_DIR),
        "vue": "vue/dist/vue.esm-bundler.js"
      }
    },
    root: SRC_DIR,
    base: "/static/",
    css: {
      postcss: "./postcss.config.js"
    },
    server: {
      host: "0.0.0.0",
      port: env.DEV_SERVER_PORT,
      origin: `http://${env.DEV_SERVER_HOST}:${env.DEV_SERVER_PORT}`, // hotfix, webfont was loaded from wrong url
      watch: {
        usePolling: true,
        reloadDelay: 500,
      }
    },
    build: {
      manifest: "manifest.json",
      emptyOutDir: true,
      outDir: OUT_DIR,
      rollupOptions: {
        input: {
          // admin: join(SRC_DIR, "app/admin-entrypoint.js"),
          login: join(SRC_DIR, "app/login.js"),
          // main: join(SRC_DIR, "app/main-entrypoint.js"),
          torrent: join(SRC_DIR, "app/torrent.js"),
          // style: join(SRC_DIR, "style/main.css.js")
        }
      }
    }
  }
})