Merge pull request #543 from cm-ayf/client-only-plugins

add client-only-plugins

Author: cm-ayf

plugins/client-only-plugins.ts

@@ -0,0 +1,26 @@
+import type { Plugin, PluginOption } from "vite";
+
+interface ClientOnlyPluginsOptions {
+  filter: string[];
+}
+
+export function clientOnlyPlugins(options: ClientOnlyPluginsOptions): Plugin {
+  function makePluginClientOnly(plugin: PluginOption) {
+    if (typeof plugin !== "object" || !plugin) return;
+    if (Array.isArray(plugin)) return plugin.forEach(makePluginClientOnly);
+    if ("then" in plugin) return void plugin.then(makePluginClientOnly);
+    if (!options.filter.includes(plugin.name)) return;
+    Object.assign(plugin, { applyToEnvironment });
+  }
+
+  return {
+    name: "comiacapay:client-only-plugins",
+    config(config, _env) {
+      makePluginClientOnly(config.plugins);
+    },
+  };
+}
+
+function applyToEnvironment(environment: { name: string }) {
+  return environment.name === "client";
+}

vite.config.ts

@@ -1,6 +1,7 @@
 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({
@@ -43,6 +44,7 @@ export default defineConfig({
       outDir: "build/client",
     }),
     vercelCustomEntrypoint({ main: "./main.ts" }),
+    clientOnlyPlugins({ filter: ["vite-plugin-pwa:build"] }),
   ],
   resolve: {
     tsconfigPaths: true,