import { defineConfig } from "vite";
import { resolve } from "path";
import * as child from "child_process";
//@ts-ignore
import autoprefixer from "autoprefixer";
import { svelte } from "@sveltejs/vite-plugin-svelte";

const commitHash = child
  .execSync("git describe --no-match --always --abbrev=8 --dirty")
  .toString()
  .trim();

export default defineConfig({
  plugins: [svelte()],
  define: {
    APP_VERSION: JSON.stringify(process.env.npm_package_version),
    COMMIT_HASH: JSON.stringify(commitHash),
  },
  build: {
    target: ["chrome89", "edge89", "firefox89", "safari15"],
    cssCodeSplit: false,
    rollupOptions: {
      input: {
        main: resolve(__dirname, "index.html"),
        play: resolve(__dirname, "play/index.html"),
        signup: resolve(__dirname, "signup/index.html"),
        login: resolve(__dirname, "login/index.html"),
        shipeditor: resolve(__dirname, "shipeditor/index.html"),
        uikit: resolve(__dirname, "uikit/index.html"),
      },
    },
  },
  appType: "mpa",
  css: {
    postcss: {
      plugins: [autoprefixer({})],
    },
  },
});