vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  return {
    base: "/typey-type",
    build: {
      cssMinify: "esbuild",
      sourcemap: true,
      outDir: "build",
    },
    test: {
      dir: "src",
      environment: "jsdom",
      setupFiles: "./src/setupTests.ts",
      globals: true,
      typecheck: {
        enabled: true,
      },
      tags: [
        {
          name: "ui",
          description: "Tests written for UI, e.g. using Testing Library.",
        },
        {
          name: "unit",
          description: "Tests written for TS logic.",
        },
      ],
    },
    resolve: {
      tsconfigPaths: true,
    },
    plugins: [
      !process.env.VITEST
        ? checker({
            typescript: true,
            eslint: {
              // This should match `package.json` lint script:
              lintCommand: "eslint 'src/**/*.{js,jsx,ts,tsx}'",
              watchPath: "src",
              useFlatConfig: true,
            },
            overlay: {
              initialIsOpen: false,
            },
          })
        : undefined,

      react(),

      // svgr options: https://react-svgr.com/docs/options/
      // svgr({ svgrOptions: { icon: true } }),
      svgr(),

      // Put the Sentry vite plugin after all other plugins
      !process.env.TYPEY_TYPE_RELEASE
        ? undefined
        : sentryVitePlugin({
            authToken: process.env.SENTRY_AUTH_TOKEN,
            org: "di-does-digital",
            project: "typey-type-for-stenographers",
            telemetry: false,
            release: {
              name: process.env.TYPEY_TYPE_RELEASE,
              deploy: {
                env: mode,
              },
            },

            // Enable debug information logs during build-time. Defaults to false.
            debug: false,
            // Completely disables all functionality of the plugin. Defaults to false.
            disable: false,
          }),
    ],
  };
});