vite.config.ts

import { reactRouter } from "@react-router/dev/vite";
import { defineConfig } from "vite";
import { VitePWA } from "vite-plugin-pwa";
import { clientOnlyPlugins } from "./plugins/client-only-plugins";
import vercelCustomEntrypoint from "./plugins/vercel-custom-entrypoint";

export default defineConfig({
  plugins: [
    reactRouter(),
    VitePWA({
      workbox: {
        runtimeCaching: [
          {
            urlPattern: ({ url }) =>
              /^\/\d+\/\d+\/register\.data$/.test(url.pathname),
            handler: "NetworkFirst",
            options: { networkTimeoutSeconds: 5 },
          },
          {
            urlPattern: ({ url }) =>
              /^\/\d+\/\d+\/register\.data$/.test(url.pathname),
            // FIXME: not good to expect body-keyed idempotency with POST request
            method: "POST",
            handler: "NetworkOnly",
            options: {
              backgroundSync: { name: "register" },
            },
          },
        ],
        navigateFallback: null,
      },
      manifest: {
        lang: "ja",
        theme_color: "#1976d2",
        background_color: "#1976d2",
        name: "Comiacapay",
        short_name: "Comiacapay",
      },
      registerType: "autoUpdate",
      devOptions: {
        enabled: true,
        suppressWarnings: true,
      },
      outDir: "build/client",
    }),
    vercelCustomEntrypoint({ main: "./main.ts" }),
    clientOnlyPlugins({ filter: ["vite-plugin-pwa:build"] }),
  ],
  resolve: {
    tsconfigPaths: true,
  },
  define: {
    "process.env.NODE_ENV": JSON.stringify(process.env["NODE_ENV"]),
  },
});