vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import wasm from "vite-plugin-wasm";
import { nodePolyfills } from "vite-plugin-node-polyfills";
import { securityHeadersPlugin } from "./scripts/vite-security-headers.mjs";
import path from "path";

// https://vite.dev/config/
export default defineConfig(() => {
  const vendorChunks: Record<string, string[]> = {
    "vendor-react": ["react", "react-dom", "react-router-dom"],
    "vendor-radix": [
      "@radix-ui/react-avatar",
      "@radix-ui/react-dialog",
      "@radix-ui/react-dropdown-menu",
      "@radix-ui/react-progress",
      "@radix-ui/react-select",
      "@radix-ui/react-slider",
      "@radix-ui/react-slot",
      "@radix-ui/react-tabs",
      "@radix-ui/react-tooltip",
    ],
    "vendor-stellar": [
      "@stellar/stellar-sdk",
      "@stellar/stellar-base",
      "@creit.tech/stellar-wallets-kit",
    ],
    "vendor-animation": ["framer-motion"],
    "vendor-charts": ["chart.js", "react-chartjs-2"],
    "vendor-markdown": ["react-markdown", "remark-gfm", "rehype-sanitize"],
  };

  // 1. Build out your core stable plugin array matrix
  const plugins = [
    react(),
    nodePolyfills({
      include: ["buffer"],
      globals: {
        Buffer: true,
      },
    }),
    wasm(),
    securityHeadersPlugin(),
  ];

  // 2. ONLY dynamic require/inject Sentry if an auth token is physically available in the environment (e.g., inside CI)
  if (process.env.SENTRY_AUTH_TOKEN) {
    try {
      // eslint-disable-next-line @typescript-eslint/no-require-imports
      const { sentryVitePlugin } = require("@sentry/vite-plugin");
      plugins.push(
        sentryVitePlugin({
          org: process.env.SENTRY_ORG,
          project: process.env.SENTRY_PROJECT,
          authToken: process.env.SENTRY_AUTH_TOKEN,
          telemetry: false,
        })
      );
    } catch (e) {
      console.warn("Sentry plugin configuration found but module package files could not be evaluated.");
    }
  }

  return {
    plugins,
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
        "libsodium-wrappers": path.resolve(
          __dirname,
          "./node_modules/libsodium-wrappers/dist/modules/libsodium-wrappers.js"
        ),
      },
    },
    build: {
      target: "esnext",
      sourcemap: true,
      rollupOptions: {
        output: {
          manualChunks(id) {
            for (const [chunkName, packages] of Object.entries(vendorChunks)) {
              if (
                packages.some((pkg) =>
                  id.includes(`${path.sep}node_modules${path.sep}${pkg}`)
                )
              ) {
                return chunkName;
              }
            }
          },
        },
      },
    },
    define: {
      global: "window",
    },
    envPrefix: "PUBLIC_",
    test: {
      environment: "node",
    },
    server: {
      proxy: {
        "/friendbot": {
          target: "https://friendbot.stellar.org",
          changeOrigin: true,
        },
        "/api": {
          target: "http://localhost:5000",
          changeOrigin: true,
        },
      },
    },
  };
});