vite-plugin-react-server 1.0.2 → 1.1.0

package/dist/plugin/transformer/plugin.server.js

@@ -0,0 +1,76 @@
+/**
+ * vite-plugin-react-server
+ * Copyright (c) Nico Brinkkemper
+ * MIT License
+ */
+import { resolveOptions } from '../config/resolveOptions.js';
+import { transformModuleIfNeeded } from '../loader/react-loader.js';
+import { tryManifest } from '../helpers/tryManifest.js';
+import { join } from 'node:path';
+
+let isBuild = true;
+function reactTransformPlugin(options) {
+  let userOptions;
+  const resolvedOptionsResult = resolveOptions(options);
+  if (resolvedOptionsResult.type === "error") throw resolvedOptionsResult.error;
+  userOptions = resolvedOptionsResult.userOptions;
+  let staticManifest;
+  return {
+    name: "vite:react-server-transform",
+    enforce: "pre",
+    // Run before Vite's transforms
+    async config(_, configEnv) {
+      isBuild = configEnv.command !== "serve";
+      const staticManifestResult = await tryManifest({
+        root: userOptions.projectRoot,
+        ssrManifest: false,
+        outDir: join(userOptions.build.outDir, userOptions.build.static)
+      });
+      if (staticManifestResult.type === "error") {
+        console.error(staticManifestResult.error);
+        throw staticManifestResult.error;
+      }
+      staticManifest = staticManifestResult.manifest;
+    },
+    async transform(code, id, options2) {
+      const ssr = options2?.ssr;
+      if (!ssr) return null;
+      if (!userOptions.autoDiscover.modulePattern(id)) return null;
+      if (!code.match('"use client"')) return null;
+      if (isBuild) {
+        const [key, value] = userOptions.normalizer(id);
+        if (staticManifest) {
+          if (value in staticManifest) {
+            id = "/" + staticManifest[value].file;
+          } else {
+            const hash = this.emitFile({
+              id,
+              type: "chunk",
+              fileName: key + ".js",
+              name: value
+            });
+            const fileName = this.getFileName(hash);
+            id = "/" + fileName;
+          }
+        } else {
+          throw new Error(`Client manifest not found.`);
+        }
+      }
+      const transformed = await transformModuleIfNeeded(
+        code,
+        id,
+        // Pass null for nextLoad since we don't need module loading in the plugin
+        null
+      );
+      if (!transformed) return null;
+      return {
+        code: transformed,
+        id,
+        map: null
+      };
+    }
+  };
+}
+
+export { reactTransformPlugin };
+//# sourceMappingURL=plugin.server.js.map

package/dist/plugin/transformer/plugin.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.server.js","sources":["../../../plugin/transformer/plugin.server.ts"],"sourcesContent":["import { resolveOptions } from \"../config/resolveOptions.js\";\nimport type { ResolvedUserOptions, StreamPluginOptions } from \"../types.js\";\nimport type { Manifest, Plugin } from \"vite\";\nimport { transformModuleIfNeeded } from \"../loader/react-loader.js\";\nimport { tryManifest } from \"../helpers/tryManifest.js\";\nimport { join } from \"node:path\";\n/**\n * Plugin for transforming React Client Components.\n *\n * Core responsibilities:\n * 1. Detects \"use client\" directives\n * 2. Transforms client components for RSC boundaries\n * 3. Adds client reference metadata for RSC\n *\n * When a component is marked with \"use client\", it:\n * - Gets transformed into a client reference\n * - Maintains module ID for RSC boundaries\n * - Preserves class/function behavior\n *\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [\n *     viteReactClientTransformPlugin({\n *       projectRoot: process.cwd(),\n *     })\n *   ]\n * });\n * ```\n */\nlet isBuild = true;\n\nexport function reactTransformPlugin(options: StreamPluginOptions): Plugin {\n  let userOptions: ResolvedUserOptions;\n  const resolvedOptionsResult = resolveOptions(options);\n  if (resolvedOptionsResult.type === \"error\") throw resolvedOptionsResult.error;\n  userOptions = resolvedOptionsResult.userOptions;\n\n  let staticManifest: Manifest;\n\n  return {\n    name: \"vite:react-server-transform\",\n    enforce: \"pre\", // Run before Vite's transforms\n    async config(_, configEnv) {\n      isBuild = configEnv.command !== \"serve\";\n      const staticManifestResult = await tryManifest({\n        root: userOptions.projectRoot,\n        ssrManifest: false,\n        outDir: join(userOptions.build.outDir, userOptions.build.static),\n      });\n      if (staticManifestResult.type === \"error\") {\n        console.error(staticManifestResult.error);\n        throw staticManifestResult.error;\n      }\n      staticManifest = staticManifestResult.manifest;\n    },\n    async transform(code, id, options) {\n      const ssr = options?.ssr;\n      if (!ssr) return null;\n      if (!userOptions.autoDiscover.modulePattern(id)) return null;\n      if (!code.match('\"use client\"')) return null;\n\n      if (isBuild) {\n        const [key, value] = userOptions.normalizer(id);\n        if (staticManifest) {\n          if (value in staticManifest) {\n            id = '/' + staticManifest[value].file;\n          } else {\n            const hash = this.emitFile({\n              id,\n              type: \"chunk\",\n              fileName: key + \".js\",\n              name: value,\n            });\n            // get fileName from hash\n\n            const fileName = this.getFileName(hash);\n            id = '/' + fileName;\n          }\n        } else {\n          throw new Error(`Client manifest not found.`);\n        }\n      }\n      const transformed = await transformModuleIfNeeded(\n        code,\n        id,\n        // Pass null for nextLoad since we don't need module loading in the plugin\n        null\n      );\n      if (!transformed) return null;\n      return {\n        code: transformed,\n        id: id,\n        map: null,\n      };\n    },\n  };\n}\n"],"names":["options"],"mappings":";;;;;;;;;;AA8BA,IAAI,OAAU,GAAA,IAAA;AAEP,SAAS,qBAAqB,OAAsC,EAAA;AACzE,EAAI,IAAA,WAAA;AACJ,EAAM,MAAA,qBAAA,GAAwB,eAAe,OAAO,CAAA;AACpD,EAAA,IAAI,qBAAsB,CAAA,IAAA,KAAS,OAAS,EAAA,MAAM,qBAAsB,CAAA,KAAA;AACxE,EAAA,WAAA,GAAc,qBAAsB,CAAA,WAAA;AAEpC,EAAI,IAAA,cAAA;AAEJ,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,6BAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA;AAAA,IACT,MAAM,MAAO,CAAA,CAAA,EAAG,SAAW,EAAA;AACzB,MAAA,OAAA,GAAU,UAAU,OAAY,KAAA,OAAA;AAChC,MAAM,MAAA,oBAAA,GAAuB,MAAM,WAAY,CAAA;AAAA,QAC7C,MAAM,WAAY,CAAA,WAAA;AAAA,QAClB,WAAa,EAAA,KAAA;AAAA,QACb,QAAQ,IAAK,CAAA,WAAA,CAAY,MAAM,MAAQ,EAAA,WAAA,CAAY,MAAM,MAAM;AAAA,OAChE,CAAA;AACD,MAAI,IAAA,oBAAA,CAAqB,SAAS,OAAS,EAAA;AACzC,QAAQ,OAAA,CAAA,KAAA,CAAM,qBAAqB,KAAK,CAAA;AACxC,QAAA,MAAM,oBAAqB,CAAA,KAAA;AAAA;AAE7B,MAAA,cAAA,GAAiB,oBAAqB,CAAA,QAAA;AAAA,KACxC;AAAA,IACA,MAAM,SAAA,CAAU,IAAM,EAAA,EAAA,EAAIA,QAAS,EAAA;AACjC,MAAA,MAAM,MAAMA,QAAS,EAAA,GAAA;AACrB,MAAI,IAAA,CAAC,KAAY,OAAA,IAAA;AACjB,MAAA,IAAI,CAAC,WAAY,CAAA,YAAA,CAAa,aAAc,CAAA,EAAE,GAAU,OAAA,IAAA;AACxD,MAAA,IAAI,CAAC,IAAA,CAAK,KAAM,CAAA,cAAc,GAAU,OAAA,IAAA;AAExC,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,MAAM,CAAC,GAAK,EAAA,KAAK,CAAI,GAAA,WAAA,CAAY,WAAW,EAAE,CAAA;AAC9C,QAAA,IAAI,cAAgB,EAAA;AAClB,UAAA,IAAI,SAAS,cAAgB,EAAA;AAC3B,YAAK,EAAA,GAAA,GAAA,GAAM,cAAe,CAAA,KAAK,CAAE,CAAA,IAAA;AAAA,WAC5B,MAAA;AACL,YAAM,MAAA,IAAA,GAAO,KAAK,QAAS,CAAA;AAAA,cACzB,EAAA;AAAA,cACA,IAAM,EAAA,OAAA;AAAA,cACN,UAAU,GAAM,GAAA,KAAA;AAAA,cAChB,IAAM,EAAA;AAAA,aACP,CAAA;AAGD,YAAM,MAAA,QAAA,GAAW,IAAK,CAAA,WAAA,CAAY,IAAI,CAAA;AACtC,YAAA,EAAA,GAAK,GAAM,GAAA,QAAA;AAAA;AACb,SACK,MAAA;AACL,UAAM,MAAA,IAAI,MAAM,CAA4B,0BAAA,CAAA,CAAA;AAAA;AAC9C;AAEF,MAAA,MAAM,cAAc,MAAM,uBAAA;AAAA,QACxB,IAAA;AAAA,QACA,EAAA;AAAA;AAAA,QAEA;AAAA,OACF;AACA,MAAI,IAAA,CAAC,aAAoB,OAAA,IAAA;AACzB,MAAO,OAAA;AAAA,QACL,IAAM,EAAA,WAAA;AAAA,QACN,EAAA;AAAA,QACA,GAAK,EAAA;AAAA,OACP;AAAA;AACF,GACF;AACF;;;;"}

package/dist/plugin/transformer/upgradeCssModuleCode.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Upgrades CSS module code to track class usage.
+ *
+ * This function modifies the CSS module exports to track which classes are actually used.
+ * It adds a proxy around the exports that records class usage in a global Set.
+ *
+ * @param code The original CSS module code from Vite
+ * @returns The upgraded CSS module code with tracking
+ */
+export declare function upgradeCssModuleCode(code: string): string;
+//# sourceMappingURL=upgradeCssModuleCode.d.ts.map

package/dist/plugin/transformer/upgradeCssModuleCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgradeCssModuleCode.d.ts","sourceRoot":"","sources":["../../../plugin/transformer/upgradeCssModuleCode.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgCzD"}

package/dist/plugin/transformer/upgradeCssModuleCode.js

@@ -0,0 +1,38 @@
+/**
+ * Upgrades CSS module code to track class usage.
+ *
+ * This function modifies the CSS module exports to track which classes are actually used.
+ * It adds a proxy around the exports that records class usage in a global Set.
+ *
+ * @param code The original CSS module code from Vite
+ * @returns The upgraded CSS module code with tracking
+ */
+export function upgradeCssModuleCode(code) {
+    // Check if this is a CSS module export
+    if (code.includes('export default')) {
+        // Add tracking code to the CSS module exports
+        return code.replace(/export default ({[\s\S]*?})/, (_match, exports) => {
+            return `
+          const originalExports = ${exports};
+          const trackedExports = {};
+          
+          // Create a proxy to track class usage
+          Object.keys(originalExports).forEach(key => {
+            Object.defineProperty(trackedExports, key, {
+              get: function() {
+                // Track that this class was used
+                if (typeof window !== 'undefined') {
+                  window.__cssModuleClassesUsed = window.__cssModuleClassesUsed || new Set();
+                  window.__cssModuleClassesUsed.add(key);
+                }
+                return originalExports[key];
+              }
+            });
+          });
+          
+          export default trackedExports;
+        `;
+        });
+    }
+    return code;
+}

package/dist/plugin/types/css-tracking.d.ts

@@ -0,0 +1,6 @@
+export interface CssTracking {
+    trackCssClass: (className: string) => void;
+    getUsedCssClasses: () => Set<string>;
+    clearUsedCssClasses: () => void;
+}
+//# sourceMappingURL=css-tracking.d.ts.map

package/dist/plugin/types/css-tracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-tracking.d.ts","sourceRoot":"","sources":["../../../plugin/types/css-tracking.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC"}

package/dist/plugin/types/css-tracking.js

@@ -0,0 +1 @@
+export {};