@vercel/microfrontends 1.4.0-canary.7 → 1.4.1

package/CHANGELOG.md

@@ -1,27 +1,34 @@
 # @vercel/microfrontends
 
-## 1.4.0-canary.7
+## 1.4.1
 
 ### Patch Changes
 
-- Remove custom Image component
+- 10b74ed: Route next/image requests to the correct microfrontends application in the local development proxy.
 
-## 1.4.0-canary.5
-
-### Patch Changes
-
-- 3797824: Automatically infer location of microfrontends.json in .vercel directory for polyrepo support.
-
-## 1.4.0-canary.2
+## 1.4.0
 
 ### Minor Changes
 
-- Remove support for `projectId`. This field was deprecated in a previous version.
-  - `projectId` is annoying to set up so we hope this simplifies things!
-  - Ensure the application name matches the corresponding vercel project name, then remove the `projectId`.
-  - The Vercel project name should ideally also match the application's `package.json` name. If this is not the case, you will need to set the `packageName` field to the `name` from the `package.json` file. This is needed for the local development proxy to work.
-- Add performance improvements for `PrefetchCrossZoneLinksProvider`
-  - Minimise rerenders whenever new links are prefetched with `prefetchHref`.
+- b31a76c: - Improve `PrefetchCrossZoneLinksProvider` performance.
+  - Stops components using this context from rerendering every time `prefetchHref` is called on an unseen `href`.
+  - Batches multiple prefetch calls together before causing a new render.
+  - Improve `MicrofrontendConfigClient` caching.
+    - Reuses clients when calling `MicrofrontendConfigClient.fromEnv()` with the same parameters as a previous call. This improves the hit rate of the path cache when there aren't dynamic paths.
+    - Caches the `hasDynamicPaths` check so that it doesn't need to be recalculated for each use of the hook.
+    - When the promise for the server-fetched config resolves, it stores a cached copy of that directly in a new variable so that future invocations of `useClientConfig()` can have the correct config in their initial render.
+    - Adds a `regexpCache` to cache the resulting regex for each path, to avoid calling `pathToRegexp` in most cases beyond the initial few links.
+  - Remove the custom `@vercel/microfrontends` `Image` component.
+    - The wrapper around Next.js `Image` is no longer needed, as the vercel proxy now handles image optimisation request routing for microfrontends.
+    - If you are currently importing `{ Image } from '@vercel/microfrontends/next/client'` you can replace this with `Image from 'next/image'`.
+  - Use `defineServer` instead of custom webpack EnvironmentPlugin when the version of Next.js is new enough to support it.
+    - [vercel/next.js#79225](https://github.com/vercel/next.js/pull/79225) added support to Next.js for defining server-only compile-time constants independent of the bundler.
+      - Like `compiler.define`, this allows users to create compile-time constants both Turbopack and webpack from a single API. `compiler.defineServer` instead only makes these constants available for server or edge environments, not the client environment.
+    - The new behaviour is used by default when the version of Next.js is new enough to support it. Otherwise the custom webpack EnvironmentPlugin is used.
+    - Optionally, you can specify `preferWebpackEnvironmentPlugin`. This will use the legacy `webpack.EnvironmentPlugin` instead of Next.js's `defineServer` option, even when Next.js is new enough to support it.
+  - Remove support for `projectId` in `microfrontends.json`.
+    - `projectId` was deprecated in a previous release. This release removes support for the field entirely.
+    - If you are still using `projectId`, see the previous release notes in `CHANGELOG.md` for removing it.
 
 ## 1.3.0
 

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-canary.7",
+  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-canary.7",
+  "version": "1.4.1",
   "private": false,
   "description": "Defines configuration and utilities for microfrontends development",
   "keywords": [