import { sentryVitePlugin } from "@sentry/vite-plugin";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import path from "path";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),
    sentryVitePlugin({
      org: "grl",
      project: "panel-jb-ui",
      url: "https://logs.g-r-l.com/",
    }),
  ],

  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },

  server: {
    // host: "0.0.0.0",
    // port: 8001,

    // This forwards requests to the FastAPI development server
    //  that must also be running
    proxy: {
      "^/(auth|status|statuses|report|survey)(/|$)": {
        target: "http://localhost:8000",
        changeOrigin: true,
      },
    },
  },

  define: {
    "process.env.NODE_ENV": JSON.stringify("production"),
  },

  build: {
    manifest: true,
    cssCodeSplit: false,

    lib: {
      name: "jb-ui",
      entry: "src/main.tsx",
    },

    rollupOptions: {
      output: {
        entryFileNames: "james-billings.[hash].js",
        assetFileNames: (assetInfo) => {
          if (assetInfo.names[0].endsWith(".css")) {
            return "james-has-style.[hash].css";
          }

          return "assets/[name].[hash][extname]";
        },
        globals: {
          react: "React",
          "react-dom": "ReactDOM",
        },
      },
    },

    sourcemap: true,
  },
});