vite-plugin-react-server 1.1.15 → 1.1.17

package/plugin/config/createModuleID.ts

@@ -0,0 +1,51 @@
+import { join } from "node:path";
+import { extMap } from "./extMap.js";
+import type { ResolvedUserOptions } from "../types.js";
+
+export const createDefaultModuleID = (options: {
+  moduleBase: ResolvedUserOptions["moduleBase"];
+  moduleBasePath: ResolvedUserOptions["moduleBasePath"];
+  autoDiscover: Pick<
+    ResolvedUserOptions["autoDiscover"],
+    | "moduleExtension"
+    | "jsExtension"
+    | "cssExtension"
+    | "jsonExtension"
+    | "htmlExtension"
+    | "rscExtension"
+  >;
+  build: Pick<ResolvedUserOptions["build"], "preserveModulesRoot">;
+}) => {
+  const { moduleBase, moduleBasePath, autoDiscover } = options;
+  const isProd =
+    process.env["NODE_ENV"] === "production" ||
+    process.env["VITE_PROD"] === "true" ||
+    process.env["VITE_PROD"] === "1";
+  const prodModuleBase =
+    isProd && options.build?.preserveModulesRoot === true
+      ? options.moduleBase
+      : undefined;
+  const mapExtension = extMap(autoDiscover);
+
+  return (id: string) => {
+    if (prodModuleBase && id.startsWith(moduleBase)) {
+      id = id.slice(moduleBase.length);
+    }
+    if (!id.startsWith(moduleBasePath)) {
+      id = join(moduleBasePath, id);
+    }
+    // in the case the moduleBase comes after the base path, remove it
+    if (prodModuleBase && id.startsWith("/" + moduleBase)) {
+      id = id.slice(moduleBase.length + 1);
+    }
+    // these paths will generally start with a /, simply ensure they always do
+    if (!id.startsWith("/")) {
+      id = "/" + id;
+    }
+    if (isProd) {
+      // generally it will work if we just use the .js extension for modules
+      return mapExtension(id);
+    }
+    return id;
+  };
+};

package/plugin/config/defaults.tsx

@@ -74,11 +74,11 @@ export const DEFAULT_CONFIG = {
     /**
      * /(\.|\/)?client(\.(m|c)?(j|t)sx?)$/ and .lowerCase()
      */
-    clientComponents: (n: string) => /(\.|\/)?client(\.(m|c)?(j|t)sx?)$/.test(n.toLowerCase()),
+    clientComponents: (n: string) => /(\.|\/)?client(\.(m|c)?(j|t)sx?)?$/.test(n.toLowerCase()),
     /**
      * /(\.|\/)?server(\.(m|c)?(j|t)sx?)$/ and .lowerCase()
      */
-    serverFunctions: (n: string) => /(\.|\/)?server(\.(m|c)?(j|t)sx?)$/.test(n.toLowerCase()),
+    serverFunctions: (n: string) => /(\.|\/)?server(\.(m|c)?(j|t)sx?)?$/.test(n.toLowerCase()),
     /**
      * /\.css$/
      */
@@ -133,6 +133,11 @@ export const DEFAULT_CONFIG = {
       (moduleId && DEFAULT_CONFIG.AUTO_DISCOVER.serverFunctions(moduleId)) || 
       false,
     isClientComponentCode: (code: string) => code.match(DEFAULT_CONFIG.AUTO_DISCOVER.clientDirective) !== null,
+    jsExtension: ".js",
+    cssExtension: ".css",
+    jsonExtension: ".json",
+    htmlExtension: ".html",
+    rscExtension: ".rsc",
     
   },
   MODULE_ID: (id: string) => id,

package/plugin/config/extMap.ts

@@ -0,0 +1,60 @@
+import type { ResolvedUserOptions } from "../types.js";
+import { DEFAULT_CONFIG } from "./defaults.js";
+
+export const extMap = (
+  {
+    moduleExtension,
+    jsExtension,
+    cssExtension,
+    jsonExtension,
+    htmlExtension,
+    rscExtension,
+  }: Pick<
+    ResolvedUserOptions["autoDiscover"],
+    | "moduleExtension"
+    | "jsExtension"
+    | "cssExtension"
+    | "jsonExtension"
+    | "htmlExtension"
+    | "rscExtension"
+  > = {
+    moduleExtension: DEFAULT_CONFIG.AUTO_DISCOVER.moduleExtension,
+    jsExtension: DEFAULT_CONFIG.AUTO_DISCOVER.jsExtension,
+    cssExtension: DEFAULT_CONFIG.AUTO_DISCOVER.cssExtension,
+    jsonExtension: DEFAULT_CONFIG.AUTO_DISCOVER.jsonExtension,
+    htmlExtension: DEFAULT_CONFIG.AUTO_DISCOVER.htmlExtension,
+    rscExtension: DEFAULT_CONFIG.AUTO_DISCOVER.rscExtension,
+  }
+) => {
+  const map = {
+    // should not have just .client as extension
+    ".client": ".client" + jsExtension,
+    // should not have just .server as extension
+    ".server": ".server" + jsExtension,
+    // these transform to js
+    ".jsx": jsExtension,
+    ".ts": jsExtension,
+    ".tsx": jsExtension,
+    ".mjs": jsExtension,
+    ".cjs": jsExtension,
+    ".mts": jsExtension,
+    ".cts": jsExtension,
+    ".css": cssExtension,
+    ".json": jsonExtension,
+    ".html": htmlExtension,
+    ".rsc": rscExtension,
+    // otherwise do nothing
+  };
+  return (id: string) => {
+    const lastDotIndex = id.lastIndexOf(".");
+    if (lastDotIndex === -1) {
+      return id + jsExtension;
+    }
+    let ext = id.slice(lastDotIndex);
+    let withoutExt = id.slice(0, lastDotIndex);
+    if (ext in map) {
+      return withoutExt + map[ext as keyof typeof map];
+    }
+    return id.replace(moduleExtension, jsExtension);
+  };
+};

package/plugin/config/resolveOptions.ts

@@ -12,16 +12,16 @@ import { pluginRoot } from "../root.js";
 import { CssCollector } from "../components/css-collector.js";
 import { createInputNormalizer } from "../helpers/inputNormalizer.js";
 import { resolveAutoDiscoverMatcher } from "./resolveAutoDiscoverMatcher.js";
-
-/**
- * Ensures a path ends with .js extension
- */
-const addExtension = (path: string, extension: string = "js") => {
-  if (path.endsWith(`.${extension}`)) return path;
-  if (path.endsWith("/.")) return path.slice(0, -2) + "." + extension;
-  if (path.endsWith(".")) return path + "." + extension;
-  return path + "." + extension;
-};
+import { extMap } from "./extMap.js";
+// /**
+//  * Ensures a path ends with .js extension
+//  */
+// const addExtension = (path: string, extension: string = "js") => {
+//   if (path.endsWith(`.${extension}`)) return path;
+//   if (path.endsWith("/.")) return path.slice(0, -2) + "." + extension;
+//   if (path.endsWith(".")) return path + "." + extension;
+//   return path + "." + extension;
+// };
 
 /**
  * Handles search query parameters in file paths
@@ -60,8 +60,25 @@ export const resolveOptions = <
 ):
   | { type: "success"; userOptions: ResolvedUserOptions<T, InlineCSS> }
   | { type: "error"; error: Error } => {
+  // Module path configuration
+  const moduleBase =
+    typeof options.moduleBase === "string"
+      ? options.moduleBase
+      : DEFAULT_CONFIG.MODULE_BASE;
   // Basic configuration
   const projectRoot = options.projectRoot ?? process.cwd();
+
+  // Build options
+  const preserveModulesRoot =
+    options.build?.preserveModulesRoot ??
+    DEFAULT_CONFIG.BUILD.preserveModulesRoot;
+
+  const isProd =
+    process.env["NODE_ENV"] === "production" ||
+    process.env["VITE_PROD"] === "true" ||
+    process.env["VITE_PROD"] === "1";
+  const prodModuleBase = isProd && preserveModulesRoot ? moduleBase : undefined;
+
   const {
     pageExportName = DEFAULT_CONFIG.PAGE_EXPORT_NAME,
     propsExportName = DEFAULT_CONFIG.PROPS_EXPORT_NAME,
@@ -83,17 +100,6 @@ export const resolveOptions = <
   const assetsDir =
     options.build?.assetsDir ?? `${DEFAULT_CONFIG.CLIENT_ASSETS_DIR}`;
 
-  // Build options
-  const preserveModulesRoot =
-    options.build?.preserveModulesRoot ??
-    DEFAULT_CONFIG.BUILD.preserveModulesRoot;
-
-  // Module path configuration
-  const moduleBase =
-    typeof options.moduleBase === "string"
-      ? options.moduleBase
-      : DEFAULT_CONFIG.MODULE_BASE;
-
   const moduleBasePath =
     typeof options.moduleBasePath === "string"
       ? options.moduleBasePath
@@ -138,16 +144,6 @@ export const resolveOptions = <
     process.env.VITE_PUBLIC_ORIGIN = publicOrigin;
   }
 
-  const normalizer =
-    options.normalizer ??
-    createInputNormalizer({
-      root: projectRoot,
-      preserveModulesRoot:
-        preserveModulesRoot === true ? moduleBase : undefined,
-      removeExtension: true,
-      moduleBasePath,
-    });
-
   const moduleExtension = resolveAutoDiscoverMatcher(
     options.autoDiscover?.moduleExtension,
     DEFAULT_CONFIG.AUTO_DISCOVER.moduleExtension
@@ -183,18 +179,14 @@ export const resolveOptions = <
   const clientComponents = resolveAutoDiscoverMatcher(
     options.autoDiscover?.clientComponents,
     options.autoDiscover?.moduleExtension
-      ? (id: string) =>
-          moduleExtension(id.toLowerCase()) &&
-          /(\.|\/)?client(\.|\/)/.test(id.toLowerCase())
+      ? (id: string) => /(\.|\/)?client(\.|\/)?/.test(id.toLowerCase())
       : DEFAULT_CONFIG.AUTO_DISCOVER.clientComponents
   );
 
   const serverFunctions = resolveAutoDiscoverMatcher(
     options.autoDiscover?.serverFunctions,
     options.autoDiscover?.moduleExtension
-      ? (id: string) =>
-          moduleExtension(id.toLowerCase()) &&
-          /(\.|\/)?server(\.|\/)/.test(id.toLowerCase())
+      ? (id: string) => /(\.|\/)?server(\.|\/)?/.test(id.toLowerCase())
       : DEFAULT_CONFIG.AUTO_DISCOVER.serverFunctions
   );
 
@@ -268,18 +260,16 @@ export const resolveOptions = <
       : DEFAULT_CONFIG.BUILD.hash;
 
   const hashString = hashOption === "" ? "" : `-[${hashOption}]`;
-
-  const addModuleExtension = (path: string) => {
-    const isAsset =
-      autoDiscover.cssPattern(path) || autoDiscover.jsonPattern(path);
-    if (isAsset) {
-      return path;
-    }
-    return addExtension(path);
-  };
+  // const addModuleExtension = (path: string) => {
+  //   const isAsset =
+  //     autoDiscover.cssPattern(path) || autoDiscover.jsonPattern(path);
+  //   if (isAsset) {
+  //     return path;
+  //   }
+  //   return addExtension(path);
+  // };
 
   // File naming and hashing
-
   const hash = (n: string | null, ssr: boolean) => {
     if (!n) return "";
     if (ssr) return n;
@@ -361,9 +351,17 @@ export const resolveOptions = <
         options.autoDiscover?.modulePattern,
         jsExtension
       );
-    return path;
+    return registerPath(path, options.autoDiscover?.modulePattern, jsExtension);
   };
 
+  const normalizer =
+    options.normalizer ??
+    createInputNormalizer({
+      root: projectRoot,
+      preserveModulesRoot: prodModuleBase,
+      removeExtension: true,
+      moduleBasePath,
+    });
   // File naming functions
   const entryFile = (n: PreRenderedChunk, ssr: boolean) => {
     if (vendorPattern(n.name)) {
@@ -374,11 +372,11 @@ export const resolveOptions = <
         return hash(`${n.name}${jsExtension}`, ssr);
       }
     }
-    return hash(addModuleExtension(getOutputPath(normalizer(n.name)[0])), ssr);
+    return hash(getOutputPath(normalizer(n.name)[0]), ssr);
   };
 
   const chunkFile = (n: PreRenderedChunk, ssr: boolean) => {
-    return hash(addModuleExtension(getOutputPath(normalizer(n.name)[0])), ssr);
+    return hash(getOutputPath(normalizer(n.name)[0]), ssr);
   };
 
   const assetFile = (n: PreRenderedAsset, ssr: boolean) => {
@@ -389,17 +387,30 @@ export const resolveOptions = <
     const assetName = normalizer(nameWithoutExtension)[0] + extension;
     return hash(getOutputPath(assetName), ssr);
   };
-
   const moduleID =
     typeof options.moduleID === "function"
       ? options.moduleID
       : (id: string) => {
-          
-          // Ensure the path starts with moduleBasePath
+          if (prodModuleBase && id.startsWith(prodModuleBase)) {
+            id = id.slice(prodModuleBase.length);
+          }
           if (!id.startsWith(moduleBasePath)) {
             id = join(moduleBasePath, id);
           }
-
+          // in the case the moduleBase comes after the base path, remove it
+          if (prodModuleBase && id.startsWith("/" + prodModuleBase)) {
+            id = id.slice(prodModuleBase.length + 1);
+          }
+          // these paths will generally start with a /, simply ensure they always do
+          if (!id.startsWith("/")) {
+            id = "/" + id;
+          }
+          if (isProd) {
+            // generally it will work if we just use the .js extension for modules
+            return mapExtension(id);
+          }
+          // but for extra good development workflow, we keep the path intact
+          // not even stripping the moduleBase or ts extensions
           return id;
         };
 
@@ -468,6 +479,7 @@ export const resolveOptions = <
     isServerFunctionCode: isServerFunctionCode,
     isClientComponentCode: isClientComponentCode,
   };
+  const mapExtension = extMap(autoDiscover);
   const pipeableStreamOptions = options.pipeableStreamOptions
     ? options.pipeableStreamOptions
     : {};

package/plugin/config/resolveUserConfig.ts

@@ -76,16 +76,18 @@ export function resolveUserConfig<
     if (!ssr || !input) {
       return fallback(info, false);
     }
-    const [, value] = userOptions.normalizer(input);
+    let [id, value] = userOptions.normalizer(input);
+    if (value.startsWith(userOptions.moduleBasePath)) {
+      value = value.slice(userOptions.moduleBasePath.length);
+    }
     const entry = autoDiscoveredFiles.staticManifest[value];
     if (
       entry?.name &&
       info.type === "asset" &&
       userOptions.autoDiscover.cssPattern(value)
     ) {
-      const withoutExt = entry.name?.split(".")[0];
       const found = entry.css?.find((css) =>
-        css.startsWith(withoutExt as string)
+        css.startsWith(id as string)
       );
       if (found) {
         return found;
@@ -136,8 +138,11 @@ export function resolveUserConfig<
     entryFileNames:
       userDefinedEntryFileNames ??
       ((info) => {
-        const input = info.facadeModuleId ?? (info.name + userOptions.autoDiscover.moduleExtension);
-        if (!stashedReturns[input]) {
+        const input =
+          info.facadeModuleId ??
+          info.name + userOptions.autoDiscover.moduleExtension;
+        const inputId = input + (ssr ? "-ssr" : "");
+        if (!stashedReturns[inputId]) {
           const r = handleSsrName(
             info,
             input,
@@ -147,38 +152,49 @@ export function resolveUserConfig<
           if (userOptions.verbose) {
             console.log("entryFileNames", input, r);
           }
-          stashedReturns[input] = r;
+          stashedReturns[inputId] = r;
         }
-        return stashedReturns[input];
+        return stashedReturns[inputId];
       }),
     assetFileNames: process.env["VITEST"]
       ? undefined
       : userDefinedAssetFileNames ??
         ((i) => {
           const input = i.originalFileNames[0];
-          if (!stashedReturns[input]) {
+          const inputId = input + (ssr ? "-ssr" : "");
+
+          if (!stashedReturns[inputId]) {
             const r = handleSsrName(i, input, userOptions.build.assetFile, ssr);
 
             if (userOptions.verbose) {
               console.log("assetFileNames", input, stashedReturns[input]);
             }
-            stashedReturns[input] = r;
+            stashedReturns[inputId] = r;
           }
-          return stashedReturns[input];
+          return stashedReturns[inputId];
         }),
     chunkFileNames:
       userDefinedChunkFileNames ??
       ((info) => {
-        const input = info.facadeModuleId ?? (info.name + userOptions.autoDiscover.moduleExtension);
-        if (!stashedReturns[input]) {
-          const r = handleSsrName(info, input, userOptions.build.chunkFile, ssr);
+        const input =
+          info.facadeModuleId ??
+          info.name + userOptions.autoDiscover.moduleExtension;
+        const inputId = input + (ssr ? "-ssr" : "");
+
+        if (!stashedReturns[inputId]) {
+          const r = handleSsrName(
+            info,
+            input,
+            userOptions.build.chunkFile,
+            ssr
+          );
 
           if (userOptions.verbose) {
             console.log("chunkFileNames", input, stashedReturns[input]);
           }
-          stashedReturns[input] = r;
+          stashedReturns[inputId] = r;
         }
-        return stashedReturns[input];
+        return stashedReturns[inputId];
       }),
     format: "esm",
     exports: "named",

package/plugin/helpers/inputNormalizer.ts

@@ -1,18 +1,26 @@
 import { normalizePath } from "vite";
-import type { CreateInputNormalizerProps, InputNormalizer, NormalizerInput } from "../types.js";
+import type {
+  CreateInputNormalizerProps,
+  InputNormalizer,
+  NormalizerInput,
+} from "../types.js";
 import path, { join, sep } from "path";
 import { DEFAULT_CONFIG } from "../config/defaults.js";
 
 let stashedNormalizer: InputNormalizer | null = null;
 
-
 const resolveExtensionOptions = (
   removeExtension: CreateInputNormalizerProps["removeExtension"]
 ) => {
   if (typeof removeExtension === "boolean") {
     if (removeExtension) {
       return (path: string) => {
+        // if extension is client or server, don't remove it
+        if (path.endsWith(".client") || path.endsWith(".server")) {
+          return path;
+        }
         const extensionIndex = path.lastIndexOf(".");
+
         return extensionIndex !== -1 ? path.slice(0, extensionIndex) : path;
       };
     }
@@ -27,6 +35,9 @@ const resolveExtensionOptions = (
   }
   if (typeof removeExtension === "function") {
     return (path: string) => {
+      if (path.endsWith(".client") || path.endsWith(".server")) {
+        return path;
+      }
       const extIndex = path.lastIndexOf(".");
       if (extIndex !== -1) {
         const extension = path.slice(extIndex);
@@ -230,7 +241,12 @@ export function createInputNormalizer({
 
   stashedNormalizer = (input: NormalizerInput): [string, string] => {
     const [key, path] = normalizeInput(input);
-    const normalizedPath = path.startsWith(moduleBasePath) ? path.slice(moduleBasePath.length) : path;
+    let normalizedPath = path.startsWith(moduleBasePath)
+      ? path.slice(moduleBasePath.length)
+      : path;
+    normalizedPath = normalizedPath.startsWith("/")
+      ? normalizedPath.slice(1)
+      : normalizedPath;
     const virtualPrefix = key.match(/^\0+/) ?? "";
     // If key has virtual prefix, ensure path has it too
     const finalPath = virtualPrefix

package/plugin/helpers/requestInfo.ts

@@ -42,13 +42,39 @@ export function requestInfo(
   const hasRscHeader = req.headers.accept?.includes("text/x-component");
   const hasCssHeader = req.headers.accept?.includes("text/css");
   const isFolder = !ext;
+  const isFormContentType =
+    req.headers["content-type"]?.includes(
+      "application/x-www-form-urlencoded"
+    ) || !!req.headers["content-type"]?.includes("multipart/form-data");
+  
+  // Server action detection
+  const hasServerActionHeaders =
+    req.method === "POST" &&
+    (req.headers["sec-fetch-dest"] === "empty" ||
+      req.headers["sec-fetch-dest"] === "") &&
+    req.headers["sec-fetch-mode"] === "cors";
+  const isServerActionRequest = hasServerActionHeaders;
+
+  const isFormActionRequest = !isServerActionRequest && (
+    req.method === "POST" ||
+    (isFormContentType &&
+      req.headers["sec-fetch-dest"] === "document" &&
+      req.headers["sec-fetch-mode"] === "navigate")
+  );
+
   const isJsRequest =
-    !isJson && !isHtml && !isCss && !isRsc && (isJS || hasJsHeader);
+    !isFormActionRequest && !isJson && !isHtml && !isCss && !isRsc && (isJS || hasJsHeader);
   const isJsonRequest = isJson || (hasJsonHeader && !isJsRequest);
+  // Form action detection
+  
   const isHtmlRequest =
     isHtml ||
     hasHtmlHeader ||
-    (isFolder && !hasRscHeader && !isRsc && !isJsRequest);
+    (isFolder &&
+      !hasRscHeader &&
+      !isRsc &&
+      !isJsRequest &&
+      !isFormActionRequest);
   const isRscRequest =
     !isJsRequest && !isHtmlRequest && (isRsc || hasRscHeader);
   const isCssRequest =
@@ -58,24 +84,6 @@ export function requestInfo(
     !isJsonRequest &&
     (isCss || hasCssHeader);
 
-  // Form action detection
-  const formContentType = req.headers["content-type"] ?? "";
-  const isFormContentType =
-    formContentType.includes("application/x-www-form-urlencoded") ||
-    formContentType.includes("multipart/form-data");
-  const isFormActionRequest =
-    isFormContentType &&
-    req.headers["sec-fetch-dest"] === "document" &&
-    req.headers["sec-fetch-mode"] === "navigate";
-
-  // Server action detection
-  const hasServerActionHeaders =
-    isJsonRequest &&
-    (req.headers["sec-fetch-dest"] === "empty" ||
-      req.headers["sec-fetch-dest"] === "") &&
-    req.headers["sec-fetch-mode"] === "cors";
-  const isServerActionRequest = hasServerActionHeaders;
-
   let filePath = join(hostDir, value);
   let contentType;
   if (isServerActionRequest) {
@@ -143,7 +151,7 @@ export function requestInfo(
     } else if (isHtmlRequest) {
       logger.info(`[react-dev-server] (html) ${routeWithLeadingSlash}`);
     } else if (isRscRequest) {
-      logger.info(`[react-dev-server] (rsc.) ${routeWithLeadingSlash}`);
+      logger.info(`[react-dev-server] (rsc) ${routeWithLeadingSlash}`);
     } else if (isCssRequest) {
       logger.info(`[react-dev-server] (css) ${routeWithLeadingSlash}`);
     } else if (isJsRequest) {

package/plugin/loader/transformModuleWithPreservedFunctions.ts

@@ -18,7 +18,7 @@
  */
 import { handleExports } from "./handleExports.js";
 import type { Program } from "./types.js";
-import createMappingsSerializer from "webpack-sources/lib/helpers/createMappingsSerializer.js";
+import { createMappingsSerializer } from "../source-map/createMappingsSerializer.js";
 
 export interface TransformOptions {
   id: string;

package/plugin/react-server/configureReactServer.ts

@@ -85,11 +85,11 @@ export async function configureReactServer<
     }
     const info = requestInfo(req, handlerOptions, "", server.config.logger);
 
+
     // Handle server actions
     if (info.isServerActionRequest) {
       return handleServerAction(req, res, server, handlerOptions);
     }
-
     if (!info.isRscRequest) return next();
     try {
       const routeFiles = await getRouteFiles(

package/plugin/source-map/createMappingsSerializer.ts

@@ -1,5 +1,4 @@
 // alternative to webpack-sources/lib/helpers/createMappingsSerializer.js
-// unused for now, but it's a dependency of react-server-dom-esm and you may or may not want to download webpack-sources
 export function createMappingsSerializer() {
     let generatedLine = 1;
     let generatedColumn = 0;

package/plugin/source-map/readMappings.ts

@@ -1,5 +1,4 @@
 // alternative to webpack-sources/lib/helpers/readMappings.js
-// unused for now, but it's a dependency of react-server-dom-esm and you may or may not want to download webpack-sources
 export function readMappings(
   mappings: string,
   onMapping: (

package/plugin/transformer/plugin.server.ts

@@ -100,21 +100,12 @@ export function reactTransformPlugin<
       if (!options?.ssr || !userOptions.autoDiscover.modulePattern(id)) {
         return null;
       }
-      const [key, value] = userOptions.normalizer(id);
+      const [, value] = userOptions.normalizer(id);
       let moduleID = value;
       if (isBuild) {
         if (staticManifest) {
           if (value in staticManifest) {
             moduleID = staticManifest[value].file;
-          } else {
-            const hash = this.emitFile({
-              id,
-              type: "chunk",
-              fileName: key + ".js",
-              name: value,
-            });
-            const fileName = this.getFileName(hash);
-            moduleID = fileName;
           }
         } else {
           throw new Error(`Static manifest not found during dev build.`);

package/plugin/utils/createCallServer.ts

@@ -19,8 +19,7 @@ export const createCallServer = (moduleBaseURL: string) => {
           args
         }),
         headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json",
+          Accept: "text/x-component",
         },
       }),
       { callServer, moduleBaseURL }