vite.config.ts

import { vitePlugin as remix } from "@remix-run/dev";
import { sentryVitePlugin } from "@sentry/vite-plugin";
import { glob } from "glob";
import { flatRoutes } from "remix-flat-routes";
import { defineConfig } from "vite";

const MODE = process.env.NODE_ENV;

export default defineConfig({
	build: {
		cssMinify: MODE === "production",

		rollupOptions: {
			external: [/node:.*/, "stream", "crypto", "fsevents"],
		},

		sourcemap: true,
	},
	plugins: [
		remix({
			ignoredRouteFiles: ["**/*"],
			serverModuleFormat: "esm",
			routes: async (defineRoutes) => {
				return flatRoutes("routes", defineRoutes, {
					ignoredRouteFiles: [
						".*",
						"**/*.css",
						"**/*.test.{js,jsx,ts,tsx}",
						"**/__*.*",
						// This is for server-side utilities you want to colocate
						// next to your routes without making an additional
						// directory. If you need a route that includes "server" or
						// "client" in the filename, use the escape brackets like:
						// my-route.[server].tsx
						"**/*.server.*",
						"**/*.client.*",
					],
				});
			},
		}),
		process.env.SENTRY_AUTH_TOKEN
			? sentryVitePlugin({
					disable: MODE !== "production",
					authToken: process.env.SENTRY_AUTH_TOKEN,
					org: process.env.SENTRY_ORG,
					project: process.env.SENTRY_PROJECT,
					release: {
						name: process.env.COMMIT_SHA,
						setCommits: {
							auto: true,
						},
					},
					sourcemaps: {
						filesToDeleteAfterUpload: await glob([
							"./build/**/*.map",
							".server-build/**/*.map",
						]),
					},
				})
			: null,
	],
});