@vercel/microfrontends 2.1.2 → 2.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vercel/microfrontends
 
+## 2.1.3
+
+### Patch Changes
+
+- 93506f2: Fix Next.js image optimization locally for any image path
+
 ## 2.1.2
 
 ### Patch Changes

package/dist/bin/cli.cjs

@@ -30,7 +30,7 @@ var import_env = require("@next/env");
 // package.json
 var package_default = {
   name: "@vercel/microfrontends",
-  version: "2.1.2",
+  version: "2.1.3",
   private: false,
   description: "Defines configuration and utilities for microfrontends development",
   keywords: [

package/dist/next/config.cjs

@@ -1694,19 +1694,24 @@ function routeToLocalProxy() {
 
 // src/next/config/transforms/redirects.ts
 function transform4(args) {
-  const { next, microfrontend, opts, app } = args;
+  const { next, microfrontend, opts } = args;
   const isProduction2 = opts?.isProduction ?? false;
   const requireLocalProxyHeader = routeToLocalProxy() && !isProduction2 && !process.env.MFE_DISABLE_LOCAL_PROXY_REWRITE;
   if (requireLocalProxyHeader) {
-    const assetPrefix = app.getAssetPrefix();
     const proxyRedirects = [
       {
-        source: `/((?!${assetPrefix ? `${assetPrefix}/` : ""}_next/static).*)`,
+        source: `/:path*`,
         destination: `http://localhost:${microfrontend.getLocalProxyPort()}/:path*`,
         permanent: false,
         missing: [
           { type: "header", key: "x-vercel-mfe-local-proxy-origin" }
-        ]
+        ],
+        // this fixes relative path Next.js images locally. A security fix removed the headers from the image request,
+        // https://github.com/vercel/next.js/pull/82114, and locally the image fetch does not follow redirects. This
+        // means the header x-vercel-mfe-local-proxy-origin is stripped, and the redirect to then add the header back
+        // in is not followed. As all headers are stripped, there is also no host header, so this check will ensure
+        // relative path Next.js images are not redirected to the local proxy.
+        has: [{ type: "header", key: "host" }]
       }
     ];
     if (next.redirects && typeof next.redirects === "function") {