import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";

// https://vite.dev/config/
export default defineConfig(() => {
  const backendPort = Number(process.env.STORYKIT_PORT || "3001");
  return {
    plugins: [react()],
    define: {
      __STORYKIT_PORT__: JSON.stringify(String(backendPort)),
      __BUILD_TIME__: JSON.stringify(new Date().toISOString()),
    },
    server: {
      port: backendPort + 2172,
      proxy: {
        "/api": {
          target: `http://127.0.0.1:${String(backendPort)}`,
          timeout: 120000,
        },
      },
      watch: {
        ignored: ["**/.story_kit/**", "**/target/**"],
      },
    },
    build: {
      outDir: "dist",
      emptyOutDir: true,
    },
  };
});