import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
import { VitePWA } from "vite-plugin-pwa";

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, ".", "");
  const appHost = env.APP_HOST || "kif.local.ascorrea.com";

  return {
    plugins: [
      react(),
      VitePWA({
        registerType: "autoUpdate",
        includeAssets: ["icon.svg"],
        manifest: {
          name: "Walkup",
          short_name: "Walkup",
          description: "Collaborative baseball walk-up songs.",
          theme_color: "#132238",
          background_color: "#f4ede2",
          display: "standalone",
          start_url: "/",
          icons: [
            {
              src: "/icon.svg",
              sizes: "any",
              type: "image/svg+xml",
              purpose: "any maskable"
            }
          ]
        }
      })
    ],
    server: {
      port: 5173,
      allowedHosts: [appHost],
    },
    preview: {
      allowedHosts: [appHost],
    },
  };
});