@vercel/microfrontends 1.3.0 → 1.4.0-canary.1

package/CHANGELOG.md

@@ -0,0 +1,67 @@
+# @vercel/microfrontends
+
+## 1.4.0-canary.1
+
+### Patch Changes
+
+- Update the logic for which require function to use to be compatible with tsup/esbuild.
+
+## 1.4.0-canary.0
+
+### Minor Changes
+
+- 7817d66: Add support for next.js defineServer instead of custom webpack EnvironmentPlugin
+
+## 1.3.0
+
+### Minor Changes
+
+- 8b5f62d: Replace the need to add a `.well-known` endpoint for flagged paths. Instead, just add `/.well-known/vercel/microfrontends/client-config` to your middleware matcher. Note that the middleware is only required if you have flagged paths.
+
+## 1.2.0
+
+### Minor Changes
+
+- 653c9d2: Improved local development proxy, simplified config, Vite support, more detailed error messages, testing, and more!
+
+  This release has some minor breaking changes. We try not do this, but at this stage of the project (where we have a relatively small amount of users, each who we're working closely with), we are leaning more towards breaking things and providing clear upgrade instructions so we can move a little quicker. Please let us know if you have concerns with this approach!
+
+  1. The `fromApp` parameter to your call to `runMicrofrontendsMiddleware` (in your `middleware.ts` file) is gone! Please delete the parameter.
+
+  - Your code will fail to compile until you delete the parameter.
+
+  1. The `development.localPort` field in each application in your `microfrontends.json` file is renamed to `development.local`. All you need to do is delete `Port` from the field name and it will continue working exactly as before!
+
+  - The new field has improved support where you can add a full protocol/host/port if you need (for example, `https://my.localhost.me:8080`), but works the same as before if you just specify a port.
+
+  1. If the application name in your `microfrontends.json` matches the Vercel project name, the `projectId` field is no longer required, please remove it! We would like to deprecate the `projectId` field in the future. If you have any concerns, please reach out.
+
+  - `projectId` is annoying to set up so we hope this simplifies things!
+  - The Vercel project name should ideally 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.
+  - Visit https://vercel.com/docs/microfrontends/troubleshooting for test utilities to validate the microfrontends setup for your application.
+    If you have any issues with these changes, please reach out! We are here to help.
+
+## 1.1.0
+
+### Minor Changes
+
+- 844006a:
+  - Add experimental support for SvelteKit.
+  - Add experimental support for Vite and React Router.
+  - Improved inference for NX monorepos.
+  - Support additional path syntax, `/:path(a|b|c)`, `/:path((?!a|b|c).\*)`, and `/some-:hash.js`
+  - Fix the next/server import to avoid potential import issues for peer dependencies.
+  - Disallow deprecated fields in microfrontends config by default.
+  - Improvements/fixes to local development proxy.
+  - Add `supportPagesRouter` option that corrects `/\_next/data` requests to the correct child for Next.js Pages Router.
+
+## 1.0.0
+
+### Major Changes
+
+- 37765c3: Initial public release
+
+### Minor Changes
+
+- b559d60: Add back Vercel specific rewrites in local package for preview and local development without the proxy
+- 00ec734: Add back next config rewrites to deployed apps

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.3.0",
+  version: "1.4.0-canary.1",
   private: false,
   description: "Defines configuration and utilities for microfrontends development",
   keywords: [
@@ -148,7 +148,8 @@ var package_default = {
   },
   files: [
     "dist",
-    "schema"
+    "schema",
+    "CHANGELOG.md"
   ],
   scripts: {
     build: "tsup",
@@ -163,7 +164,7 @@ var package_default = {
     typecheck: "tsc --noEmit"
   },
   dependencies: {
-    "@next/env": "15.1.6",
+    "@next/env": "15.4.0-canary.41",
     ajv: "^8.17.1",
     commander: "^12.1.0",
     cookie: "0.4.0",
@@ -171,7 +172,8 @@ var package_default = {
     "http-proxy": "^1.18.1",
     "jsonc-parser": "^3.3.1",
     nanoid: "^3.3.9",
-    "path-to-regexp": "6.2.1"
+    "path-to-regexp": "6.2.1",
+    semver: "^7.7.2"
   },
   devDependencies: {
     "@edge-runtime/jest-environment": "^4.0.0",
@@ -185,10 +187,11 @@ var package_default = {
     "@types/node": "20.11.30",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
+    "@types/semver": "^7.7.0",
     "eslint-config-custom": "workspace:*",
     jest: "^29.7.0",
     "jest-environment-jsdom": "29.2.2",
-    next: "15.1.6",
+    next: "15.4.0-canary.41",
     react: "19.0.0",
     "react-dom": "19.0.0",
     "ts-config": "workspace:*",

package/dist/next/config.cjs

@@ -1675,6 +1675,11 @@ function transform5(args) {
   };
 }
 
+// src/next/config/transforms/webpack.ts
+var import_node_fs8 = __toESM(require("fs"), 1);
+var import_node_module = require("module");
+var semver = __toESM(require("semver"), 1);
+
 // src/next/config/plugins/sort-chunks.ts
 var SortChunksPlugin = class {
   apply(compiler) {
@@ -1698,17 +1703,31 @@ var SortChunksPlugin = class {
 };
 
 // src/next/config/transforms/webpack.ts
+var import_meta = {};
+var nextVersion = getNextJsVersion();
 function transform6(args) {
+  const useDefineServer = args.opts?.preferWebpackEnvironmentPlugin ? false : semver.gte(nextVersion, "15.4.0-canary.41");
   const { next, microfrontend, opts } = args;
   const configWithWebpack = {
     ...next,
+    ...useDefineServer ? {
+      compiler: {
+        ...next.compiler,
+        defineServer: {
+          ...next.compiler?.defineServer,
+          "process.env.MFE_CONFIG": JSON.stringify(
+            microfrontend.serialize().config
+          )
+        }
+      }
+    } : {},
     webpack(cfg, context) {
       const config = typeof next.webpack === "function" ? next.webpack(cfg, context) : cfg;
       const { isServer, nextRuntime, webpack: wpFromNext } = context;
-      if (isServer || nextRuntime === "edge") {
+      if (!useDefineServer && (isServer || nextRuntime === "edge")) {
         config.plugins.push(
           new wpFromNext.EnvironmentPlugin({
-            MFE_CONFIG: JSON.stringify(microfrontend.serialize())
+            MFE_CONFIG: JSON.stringify(microfrontend.serialize().config)
           })
         );
       }
@@ -1742,6 +1761,27 @@ function transform6(args) {
     next: configWithWebpack
   };
 }
+function getNextJsVersion() {
+  const cjsRequire = (
+    // This is used so we can use `require.resolve` to find the Next.js package:
+    // - `import.meta.resolve` is not available in CJS or early Node.js versions.
+    // - tsup/esbuild don't generate import meta urls for CJS modules, so use this as
+    // a test to see if we're running in ESM. Referencing `import.meta.url` is
+    // still grammatically valid in CJS because esbuild transforms it.
+    typeof import_meta.url === "string" ? (0, import_node_module.createRequire)(import_meta.url) : require
+  );
+  const parsedNextPackageJson = JSON.parse(
+    import_node_fs8.default.readFileSync(cjsRequire.resolve("next/package.json"), "utf8")
+  );
+  if (typeof parsedNextPackageJson !== "object" || parsedNextPackageJson === null) {
+    throw new Error("Could not read 'next/package.json'.");
+  }
+  const parsedNextVersion = "version" in parsedNextPackageJson && parsedNextPackageJson.version;
+  if (typeof parsedNextVersion !== "string") {
+    throw new Error("Could not read version from 'next/package.json'.");
+  }
+  return parsedNextVersion;
+}
 
 // src/next/config/transforms/index.ts
 var transforms = {