vite.config.ts

import { vitePlugin as remix } from "@remix-run/dev";
import { sentryVitePlugin } from "@sentry/vite-plugin";
import { flatRoutes } from "remix-flat-routes";
import { type UserConfig } from "vite";
import { envOnlyMacros } from "vite-env-only";

const MODE = process.env.NODE_ENV;

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

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

    assetsInlineLimit: (source: string) => {
      if (
        source.endsWith("sprite.svg") ||
        source.endsWith("favicon.svg") ||
        source.endsWith("apple-touch-icon.png")
      ) {
        return false;
      }
    },

    sourcemap: true,
  },
  plugins: [
    envOnlyMacros(),
    remix({
      ignoredRouteFiles: ["**/*"],
      serverModuleFormat: "esm",
      future: {
        unstable_optimizeDeps: true,
        v3_fetcherPersist: true,
        v3_lazyRouteDiscovery: true,
        v3_relativeSplatPath: true,
        v3_throwAbortReason: true,
        v3_singleFetch: true,
      },
      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: [
              "./build/**/*.map",
              ".server-build/**/*.map",
            ],
          },
        })
      : null,
  ],
} satisfies UserConfig;