@vercel/microfrontends 0.19.5 → 0.20.0

package/dist/bin/cli.cjs

@@ -29,7 +29,7 @@ var import_commander = require("commander");
 // package.json
 var package_default = {
   name: "@vercel/microfrontends",
-  version: "0.19.5",
+  version: "0.20.0",
   private: false,
   description: "Defines configuration and utilities for microfrontends development",
   keywords: [

package/dist/next/config.cjs

@@ -1649,65 +1649,8 @@ function transform2(args) {
   };
 }
 
-// src/next/config/transforms/headers.ts
-function transform3(args) {
-  const { next, app } = args;
-  if (app.isDefault()) {
-    return {
-      next
-    };
-  }
-  const headersToAdd = [
-    {
-      source: "/:path*",
-      headers: [
-        {
-          key: "X-Vercel-Zone",
-          value: app.name
-        },
-        {
-          key: "X-Vercel-MFE-App",
-          value: app.name
-        }
-      ]
-    },
-    {
-      source: "/:path*",
-      has: [
-        {
-          type: "host",
-          value: "(?<host>.*)"
-        }
-      ],
-      headers: [
-        {
-          // TODO: we may want to revisit before launch whether we want to expose this
-          // value on all responses publicly since users may not want to reveal this host
-          // (maybe just in preview? or when the user is logged in to the toolbar?)
-          key: "X-Vercel-Host",
-          value: ":host"
-        }
-      ]
-    }
-  ];
-  if (next.headers && typeof next.headers === "function") {
-    const originalHeadersFn = next.headers;
-    next.headers = async () => {
-      const originalHeaders = await originalHeadersFn();
-      return [...originalHeaders, ...headersToAdd];
-    };
-  } else {
-    next.headers = () => {
-      return Promise.resolve(headersToAdd);
-    };
-  }
-  return {
-    next
-  };
-}
-
 // src/next/config/transforms/redirects.ts
-function transform4(args) {
+function transform3(args) {
   const { next, microfrontend, opts } = args;
   const isProduction2 = opts?.isProduction ?? false;
   const isDevEnv = (process.env.VERCEL_ENV ?? "development") === "development";
@@ -1732,6 +1675,98 @@ function transform4(args) {
   return { next };
 }
 
+// src/next/config/transforms/rewrites.ts
+function debugRewrites(rewrites) {
+  if (process.env.MFE_DEBUG === "true") {
+    const indent = " ".repeat(4);
+    const header = "rewrites (source \u2192 destination)";
+    const separator = "\u23AF".repeat(header.length);
+    const maxSourceLength = Math.max(
+      ...rewrites.map((key) => key.source.length)
+    );
+    const table = rewrites.map((route, idx) => {
+      const paddedSource = route.source.padEnd(maxSourceLength);
+      return `${indent} ${idx + 1}. ${paddedSource} \u2192  ${route.destination}`;
+    }).join("\n");
+    console.log(`${indent}${header}
+${indent}${separator}
+${table}
+`);
+  }
+}
+function rewritesMapToArr(rewrites) {
+  return Array.from(rewrites.entries()).flatMap(([source, rewrite]) => {
+    const destination = `${rewrite.destination.domain || ""}${rewrite.destination.pathname}`;
+    if (source === destination)
+      return [];
+    return [
+      {
+        source,
+        destination
+      }
+    ];
+  });
+}
+function transform4(args) {
+  const { next, app } = args;
+  if (process.env.VERCEL_ENV && process.env.VERCEL_ENV !== "development") {
+    return {
+      next
+    };
+  }
+  const buildBeforeFiles = () => {
+    const rewrites = /* @__PURE__ */ new Map();
+    if (!app.isDefault()) {
+      rewrites.set(`/${app.getAssetPrefix()}/_next/:path+`, {
+        destination: {
+          pathname: "/_next/:path+"
+        }
+      });
+      rewrites.set(`/${app.getAssetPrefix()}/.well-known/vercel/flags`, {
+        destination: {
+          pathname: "/.well-known/vercel/flags"
+        }
+      });
+      rewrites.set(`/${app.getAssetPrefix()}/_vercel/:path*`, {
+        destination: {
+          pathname: "/_vercel/:path*"
+        }
+      });
+    }
+    return rewritesMapToArr(rewrites);
+  };
+  const newBeforeFiles = buildBeforeFiles();
+  if (next.rewrites && typeof next.rewrites === "function") {
+    const originalRewritesFn = next.rewrites;
+    next.rewrites = async () => {
+      const originalRewrites = await originalRewritesFn();
+      if (typeof originalRewrites === "object" && !Array.isArray(originalRewrites)) {
+        const { beforeFiles = [] } = originalRewrites;
+        return {
+          beforeFiles: [...newBeforeFiles, ...beforeFiles],
+          afterFiles: originalRewrites.afterFiles,
+          fallback: originalRewrites.fallback
+        };
+      }
+      return {
+        beforeFiles: newBeforeFiles,
+        afterFiles: originalRewrites,
+        fallback: []
+      };
+    };
+  } else {
+    next.rewrites = async () => ({
+      beforeFiles: newBeforeFiles,
+      afterFiles: [],
+      fallback: []
+    });
+  }
+  debugRewrites(newBeforeFiles);
+  return {
+    next
+  };
+}
+
 // src/routing/get-domain-from-environment.ts
 function getDomainFromEnvironment({
   app,
@@ -1815,138 +1850,6 @@ function getDomainForCurrentEnvironment(config, appName, opts = {}) {
   }
 }
 
-// src/next/config/transforms/rewrites.ts
-function debugRewrites(rewrites) {
-  if (process.env.MFE_DEBUG === "true") {
-    const indent = " ".repeat(4);
-    const header = "rewrites (source \u2192 destination)";
-    const separator = "\u23AF".repeat(header.length);
-    const maxSourceLength = Math.max(
-      ...rewrites.map((key) => key.source.length)
-    );
-    const table = rewrites.map((route, idx) => {
-      const paddedSource = route.source.padEnd(maxSourceLength);
-      return `${indent} ${idx + 1}. ${paddedSource} \u2192  ${route.destination}`;
-    }).join("\n");
-    console.log(`${indent}${header}
-${indent}${separator}
-${table}
-`);
-  }
-}
-function pathToRewrites(path5) {
-  const regex = /(?<base>^.+)\/:.+\*$/;
-  const match = regex.exec(path5);
-  const paths = [path5];
-  if (match?.groups?.base) {
-    paths.unshift(match.groups.base);
-  }
-  return paths;
-}
-function rewritesMapToArr(rewrites) {
-  return Array.from(rewrites.entries()).flatMap(([source, rewrite]) => {
-    const destination = `${rewrite.destination.domain || ""}${rewrite.destination.pathname}`;
-    if (source === destination)
-      return [];
-    return [
-      {
-        source,
-        destination,
-        missing: [
-          // if this header is present, the proxy has performed the rewrite.
-          // once the proxy routing is fully rolled out, this package should
-          // be updated to not perform any rewrites when deployed.
-          {
-            type: "header",
-            key: "x-vercel-mfe-host"
-          }
-        ]
-      }
-    ];
-  });
-}
-function transform5(args) {
-  const { next, microfrontend, app } = args;
-  const buildBeforeFiles = () => {
-    const rewrites = /* @__PURE__ */ new Map();
-    if (!app.isDefault()) {
-      rewrites.set(`/${app.getAssetPrefix()}/_next/:path+`, {
-        destination: {
-          pathname: `/_next/:path+`
-        }
-      });
-      rewrites.set(`/${app.getAssetPrefix()}/.well-known/vercel/flags`, {
-        destination: {
-          pathname: `/.well-known/vercel/flags`
-        }
-      });
-      if (process.env.VERCEL_MICROFRONTENDS_CONSOLIDATE_SPEED_INSIGHTS === "1") {
-        rewrites.set(`/${app.getAssetPrefix()}/_vercel/:path*`, {
-          destination: { pathname: "/_vercel/:path*" }
-        });
-      }
-    } else if (microfrontend instanceof MicrofrontendMainConfig) {
-      for (const [_, a] of Object.entries(
-        microfrontend.getChildApplications()
-      )) {
-        const { routing } = a;
-        const domain = getDomainForCurrentEnvironment(microfrontend, a.name);
-        rewrites.set(`/${a.getAssetPrefix()}/:path+`, {
-          destination: {
-            domain,
-            pathname: `/${a.getAssetPrefix()}/:path+`
-          }
-        });
-        for (const group of routing) {
-          if (group.flag) {
-            continue;
-          } else {
-            for (const source of group.paths) {
-              const paths = pathToRewrites(source);
-              for (const p of paths) {
-                rewrites.set(p, {
-                  destination: { domain, pathname: p }
-                });
-              }
-            }
-          }
-        }
-      }
-    }
-    return rewritesMapToArr(rewrites);
-  };
-  const newBeforeFiles = buildBeforeFiles();
-  if (next.rewrites && typeof next.rewrites === "function") {
-    const originalRewritesFn = next.rewrites;
-    next.rewrites = async () => {
-      const originalRewrites = await originalRewritesFn();
-      if (typeof originalRewrites === "object" && !Array.isArray(originalRewrites)) {
-        const { beforeFiles = [] } = originalRewrites;
-        return {
-          beforeFiles: [...newBeforeFiles, ...beforeFiles],
-          afterFiles: originalRewrites.afterFiles,
-          fallback: originalRewrites.fallback
-        };
-      }
-      return {
-        beforeFiles: newBeforeFiles,
-        afterFiles: originalRewrites,
-        fallback: []
-      };
-    };
-  } else {
-    next.rewrites = async () => ({
-      beforeFiles: newBeforeFiles,
-      afterFiles: [],
-      fallback: []
-    });
-  }
-  debugRewrites(newBeforeFiles);
-  return {
-    next
-  };
-}
-
 // src/next/config/transforms/server-actions.ts
 function debugRewrites2(allowedOrigins) {
   if (process.env.MFE_DEBUG === "true" && allowedOrigins) {
@@ -1967,7 +1870,7 @@ ${table}
   }
 }
 var formatDomainForServerAction = (domain) => domain.replace(/https?:\/\//, "");
-function transform6(args) {
+function transform5(args) {
   const { next, app, microfrontend } = args;
   if (microfrontend instanceof MicrofrontendChildConfig) {
     console.warn(
@@ -2024,7 +1927,7 @@ function transform6(args) {
 }
 
 // src/next/config/transforms/webpack.ts
-function transform7(args) {
+function transform6(args) {
   const { next, microfrontend } = args;
   const configWithWebpack = {
     ...next,
@@ -2068,11 +1971,10 @@ function transform7(args) {
 var transforms = {
   assetPrefix: transform,
   draftMode: transform2,
-  headers: transform3,
-  redirects: transform4,
-  rewrites: transform5,
-  serverActions: transform6,
-  webpack: transform7
+  redirects: transform3,
+  rewrites: transform4,
+  serverActions: transform5,
+  webpack: transform6
 };
 
 // src/next/config/env.ts
@@ -2101,9 +2003,9 @@ function setEnvironment({
     NEXT_PUBLIC_MFE_CLIENT_CONFIG: JSON.stringify(
       microfrontends.config.toClientConfig().serialize()
     ),
-    ...process.env.ROUTE_OBSERVABILITY_TO_DEFAULT_APP || !app.getAssetPrefix() ? {} : {
+    ...process.env.ROUTE_OBSERVABILITY_TO_THIS_PROJECT && app.getAssetPrefix() ? {
       NEXT_PUBLIC_VERCEL_OBSERVABILITY_BASEPATH: `/${app.getAssetPrefix()}/_vercel`
-    }
+    } : {}
   };
   const serverEnvs = {
     MFE_CURRENT_APPLICATION: app.name,
@@ -2164,13 +2066,13 @@ function withMicrofrontends(nextConfig, opts) {
   const app = microfrontends.config.getApplication(fromApp);
   setEnvironment({ app, microfrontends });
   let next = { ...nextConfig };
-  for (const [key, transform8] of typedEntries(transforms)) {
+  for (const [key, transform7] of typedEntries(transforms)) {
     if (opts?.skipTransforms?.includes(key)) {
       console.log(`Skipping ${key} transform`);
       continue;
     }
     try {
-      const transformedConfig = transform8({
+      const transformedConfig = transform7({
         app,
         next,
         microfrontend: microfrontends.config,