@vercel/microfrontends 1.4.0 → 1.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vercel/microfrontends
 
+## 1.4.1
+
+### Patch Changes
+
+- 10b74ed: Route next/image requests to the correct microfrontends application in the local development proxy.
+
 ## 1.4.0
 
 ### Minor 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: "1.4.0",
+  version: "1.4.1",
   private: false,
   description: "Defines configuration and utilities for microfrontends development",
   keywords: [
@@ -2175,7 +2175,7 @@ var ProxyRequestRouter = class {
         path: path7,
         url,
         app: application
-      }) || this.checkNextOriginalFrame({ url, referer, applications }) || this.checkNextSourceMap({ url });
+      }) || this.checkNextOriginalFrame({ url, referer, applications }) || this.checkNextSourceMap({ url }) || this.checkNextImage({ url, applications });
       if (builtInRewrite) {
         return builtInRewrite;
       }
@@ -2261,9 +2261,7 @@ var ProxyRequestRouter = class {
       path: `${url.pathname}${url.search}`
     } : null;
   }
-  checkNextSourceMap({
-    url
-  }) {
+  checkNextSourceMap({ url }) {
     const isSourceMap = (0, import_path_to_regexp3.pathToRegexp)("/__nextjs_source-map").test(url.pathname);
     if (!isSourceMap) {
       return null;
@@ -2280,6 +2278,32 @@ var ProxyRequestRouter = class {
       path: `${url.pathname}${url.search}`
     };
   }
+  checkNextImage({
+    url,
+    applications
+  }) {
+    const isNextImage = (0, import_path_to_regexp3.pathToRegexp)("/_next/image").test(url.pathname);
+    if (!isNextImage) {
+      return null;
+    }
+    const imageUrl = url.searchParams.get("url");
+    if (!imageUrl) {
+      mfeDebug("no url parameter found in _next/image request");
+      return null;
+    }
+    const decodedPath = decodeURIComponent(imageUrl);
+    const imageURL = new import_node_url.URL(`http://example.com${decodedPath}`);
+    const imageApp = this.findMatchingApplication({
+      path: decodedPath,
+      url: imageURL,
+      applications
+    });
+    mfeDebug(`routing nextjs image request to ${imageApp?.application}`);
+    return imageApp ? {
+      ...imageApp,
+      path: `${url.pathname}${url.search}`
+    } : null;
+  }
   isDefaultAppLocal() {
     const defaultApp = this.config.getDefaultApplication();
     return Boolean(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/microfrontends",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "private": false,
   "description": "Defines configuration and utilities for microfrontends development",
   "keywords": [