@vercel/microfrontends 0.19.3 → 0.19.5

package/dist/next/config.d.ts

@@ -1,6 +1,6 @@
 import { NextConfig } from 'next';
 
-type TransformKeys = 'assetPrefix' | 'draftMode' | 'headers' | 'rewrites' | 'serverActions' | 'webpack';
+type TransformKeys = 'assetPrefix' | 'draftMode' | 'headers' | 'redirects' | 'rewrites' | 'serverActions' | 'webpack';
 
 interface WithMicrofrontendsOptions {
     /**

package/dist/next/config.js

@@ -921,13 +921,16 @@ function findDefaultMicrofrontendsPackages({
     );
     const matchingPaths = [];
     for (const microfrontendsJsonPath of microfrontendsJsonPaths) {
-      const microfrontendsJsonContent = readFileSync2(
-        microfrontendsJsonPath,
-        "utf-8"
-      );
-      const microfrontendsJson = parse2(microfrontendsJsonContent);
-      if (isMainConfig(microfrontendsJson) && microfrontendsJson.applications[applicationName]) {
-        matchingPaths.push(microfrontendsJsonPath);
+      try {
+        const microfrontendsJsonContent = readFileSync2(
+          microfrontendsJsonPath,
+          "utf-8"
+        );
+        const microfrontendsJson = parse2(microfrontendsJsonContent);
+        if (isMainConfig(microfrontendsJson) && microfrontendsJson.applications[applicationName]) {
+          matchingPaths.push(microfrontendsJsonPath);
+        }
+      } catch (error) {
       }
     }
     if (matchingPaths.length > 1) {
@@ -1585,13 +1588,13 @@ function transform(args) {
       next
     };
   }
-  if (next.assetPrefix !== void 0 && next.assetPrefix !== app.getAssetPrefix()) {
-    console.log(
-      `"assetPrefix" already set. This route must be manually configured in your microfrontend.json file.`
+  const assetPrefix = `/${app.getAssetPrefix()}`;
+  if (next.assetPrefix !== void 0 && next.assetPrefix !== assetPrefix) {
+    throw new Error(
+      `"assetPrefix" already set and does not equal "${assetPrefix}". Either omit the assetPrefix in your next config, or set it to "${assetPrefix}".`
     );
-  } else {
-    next.assetPrefix = `/${app.getAssetPrefix()}`;
   }
+  next.assetPrefix = assetPrefix;
   return {
     next
   };
@@ -1669,6 +1672,32 @@ function transform3(args) {
   };
 }
 
+// src/next/config/transforms/redirects.ts
+function transform4(args) {
+  const { next, microfrontend, opts } = args;
+  const isProduction2 = opts?.isProduction ?? false;
+  const isDevEnv = (process.env.VERCEL_ENV ?? "development") === "development";
+  const requireLocalProxyHeader = !isProduction2 && isDevEnv && Boolean(process.env.TURBO_TASK_HAS_MFE_PROXY) && !process.env.MFE_DISABLE_LOCAL_PROXY_REWRITE;
+  if (requireLocalProxyHeader) {
+    const proxyRedirect = {
+      source: "/:path*",
+      destination: `http://localhost:${microfrontend.getLocalProxyPort()}/:path*`,
+      permanent: false,
+      missing: [{ type: "header", key: "x-vercel-mfe-local-proxy-origin" }]
+    };
+    if (next.redirects && typeof next.redirects === "function") {
+      const originalRedirectsFn = next.redirects;
+      next.redirects = async () => {
+        const originalRedirects = await originalRedirectsFn();
+        return [proxyRedirect, ...originalRedirects];
+      };
+    } else {
+      next.redirects = async () => [proxyRedirect];
+    }
+  }
+  return { next };
+}
+
 // src/routing/get-domain-from-environment.ts
 function getDomainFromEnvironment({
   app,
@@ -1802,7 +1831,7 @@ function rewritesMapToArr(rewrites) {
     ];
   });
 }
-function transform4(args) {
+function transform5(args) {
   const { next, microfrontend, app } = args;
   const buildBeforeFiles = () => {
     const rewrites = /* @__PURE__ */ new Map();
@@ -1904,7 +1933,7 @@ ${table}
   }
 }
 var formatDomainForServerAction = (domain) => domain.replace(/https?:\/\//, "");
-function transform5(args) {
+function transform6(args) {
   const { next, app, microfrontend } = args;
   if (microfrontend instanceof MicrofrontendChildConfig) {
     console.warn(
@@ -1961,7 +1990,7 @@ function transform5(args) {
 }
 
 // src/next/config/transforms/webpack.ts
-function transform6(args) {
+function transform7(args) {
   const { next, microfrontend } = args;
   const configWithWebpack = {
     ...next,
@@ -2006,9 +2035,10 @@ var transforms = {
   assetPrefix: transform,
   draftMode: transform2,
   headers: transform3,
-  rewrites: transform4,
-  serverActions: transform5,
-  webpack: transform6
+  redirects: transform4,
+  rewrites: transform5,
+  serverActions: transform6,
+  webpack: transform7
 };
 
 // src/next/config/env.ts
@@ -2100,13 +2130,13 @@ function withMicrofrontends(nextConfig, opts) {
   const app = microfrontends.config.getApplication(fromApp);
   setEnvironment({ app, microfrontends });
   let next = { ...nextConfig };
-  for (const [key, transform7] of typedEntries(transforms)) {
+  for (const [key, transform8] of typedEntries(transforms)) {
     if (opts?.skipTransforms?.includes(key)) {
       console.log(`Skipping ${key} transform`);
       continue;
     }
     try {
-      const transformedConfig = transform7({
+      const transformedConfig = transform8({
         app,
         next,
         microfrontend: microfrontends.config,