@vercel/microfrontends 1.1.1-canary.6 → 1.2.0

package/dist/next/config.d.ts

@@ -1,6 +1,6 @@
 import { NextConfig } from 'next';
 
-type TransformKeys = 'assetPrefix' | 'buildId' | 'draftMode' | 'redirects' | 'rewrites' | 'serverActions' | 'webpack';
+type TransformKeys = 'assetPrefix' | 'buildId' | 'draftMode' | 'redirects' | 'rewrites' | 'webpack';
 
 interface WithMicrofrontendsOptions {
     /**

package/dist/next/config.js

@@ -401,8 +401,7 @@ var validateConfigPaths = (applicationConfigsById) => {
     if (isDefaultApp(app)) {
       continue;
     }
-    const childApp = app;
-    for (const pathMatch of childApp.routing) {
+    for (const pathMatch of app.routing) {
       for (const path6 of pathMatch.paths) {
         const maybeError = validatePathExpression(path6);
         if (maybeError) {
@@ -550,64 +549,15 @@ var validateConfigDefaultApplication = (applicationConfigsById) => {
 };
 var validateDeprecatedFields = (config) => {
   const errors = [];
-  if (config.options?.vercel) {
-    errors.push(
-      `Configuration cannot contain deprecated field 'options.vercel'. Use 'options.disableOverrides' instead.`
-    );
-  }
-  if (config.options?.localProxy) {
-    errors.push(
-      `Configuration cannot contain deprecated field 'options.localProxy'. Use 'options.localProxyPort' instead.`
-    );
-  }
   for (const [applicationId, application] of Object.entries(
     config.applications
   )) {
-    if (application.vercel) {
-      errors.push(
-        `Application '${applicationId}' cannot contain deprecated field 'vercel'. Use 'projectId' instead.`
-      );
-    }
-    if (application.production) {
-      errors.push(
-        `Application '${applicationId}' cannot contain deprecated field 'production'. Use 'development.fallback' instead.`
-      );
-    }
     if (application.development?.localPort) {
       errors.push(
         `Application '${applicationId}' cannot contain deprecated field 'development.localPort'. Use 'developement.local' instead.`
       );
     }
-    if (application.development?.fallback && typeof application.development.fallback !== "string") {
-      const fallback = application.development.fallback;
-      let asString = fallback.host;
-      if (fallback.protocol) {
-        asString = `${fallback.protocol}://${asString}`;
-      }
-      if (fallback.port) {
-        asString = `${asString}:${fallback.port}`;
-      }
-      errors.push(
-        `Application '${applicationId}' requires a string (not an object) for the 'development.fallback' field. Please set 'development.fallback' to '${asString}'.`
-      );
-    }
-    if (application.development?.local && typeof application.development.local !== "string" && typeof application.development.local !== "number") {
-      const local = application.development.local;
-      let asString;
-      if (local.port && !local.protocol && !local.host) {
-        asString = String(local.port);
-      } else {
-        asString = local.host ?? "localhost";
-        if (local.protocol) {
-          asString = `${local.protocol}://${asString}`;
-        }
-        if (local.port) {
-          asString = `${asString}:${local.port}`;
-        }
-      }
-      errors.push(
-        `Application '${applicationId}' requires a string or number (not an object) for the 'development.local' field. Please set 'development.local' to '${asString}'.`
-      );
+    if (application.projectId) {
     }
   }
   if (errors.length) {
@@ -762,6 +712,13 @@ var LocalHost = class extends Host {
   }
 };
 
+// src/config/microfrontends-config/isomorphic/utils/generate-automation-bypass-env-var-name.ts
+function generateAutomationBypassEnvVarName({
+  name
+}) {
+  return `AUTOMATION_BYPASS_${name.toUpperCase().replace(/[^a-zA-Z0-9]/g, "_")}`;
+}
+
 // src/config/microfrontends-config/isomorphic/application.ts
 var Application = class {
   constructor(name, {
@@ -780,10 +737,8 @@ var Application = class {
     };
     if (app.development?.fallback) {
       this.fallback = new Host(app.development.fallback);
-    } else if (app.production) {
-      this.fallback = new Host(app.production);
     }
-    this.projectId = app.projectId ?? app.vercel?.projectId;
+    this.projectId = app.projectId;
     this.packageName = app.packageName;
     this.overrides = overrides?.environment ? {
       environment: new Host(overrides.environment)
@@ -797,6 +752,9 @@ var Application = class {
   getAssetPrefix() {
     return generateAssetPrefixFromName({ name: this.name });
   }
+  getAutomationBypassEnvVarName() {
+    return generateAutomationBypassEnvVarName({ name: this.name });
+  }
   serialize() {
     return this.serialized;
   }
@@ -812,16 +770,7 @@ var DefaultApplication = class extends Application {
       isDefault: true
     });
     this.default = true;
-    const fallbackHost = app.development?.fallback ?? app.production;
-    if (fallbackHost === void 0) {
-      throw new Error(
-        "`app.production` or `app.development.fallback` must be set in the default application in microfrontends.json."
-      );
-    }
-    this.fallback = new Host(fallbackHost);
-    if (app.production) {
-      this.production = new Host(app.production);
-    }
+    this.fallback = new Host(app.development.fallback);
   }
   getAssetPrefix() {
     return "";
@@ -858,7 +807,7 @@ var MicrofrontendConfigIsomorphic = class {
   }) {
     this.childApplications = {};
     MicrofrontendConfigIsomorphic.validate(config, opts);
-    const disableOverrides = config.options?.disableOverrides ?? config.options?.vercel?.disableOverrides ?? false;
+    const disableOverrides = config.options?.disableOverrides ?? false;
     this.overrides = overrides && !disableOverrides ? overrides : void 0;
     let defaultApplication;
     for (const [appId, appConfig] of Object.entries(config.applications)) {
@@ -911,7 +860,7 @@ var MicrofrontendConfigIsomorphic = class {
     });
   }
   isOverridesDisabled() {
-    return this.options?.vercel?.disableOverrides ?? false;
+    return this.options?.disableOverrides ?? false;
   }
   getConfig() {
     return this.config;
@@ -949,6 +898,14 @@ var MicrofrontendConfigIsomorphic = class {
     }
     return app;
   }
+  hasApplication(name) {
+    try {
+      this.getApplication(name);
+      return true;
+    } catch {
+      return false;
+    }
+  }
   getApplicationByProjectId(projectId) {
     if (this.defaultApplication.projectId === projectId) {
       return this.defaultApplication;
@@ -967,7 +924,7 @@ var MicrofrontendConfigIsomorphic = class {
    * Returns the configured port for the local proxy
    */
   getLocalProxyPort() {
-    return this.config.options?.localProxyPort ?? this.config.options?.localProxy?.port ?? DEFAULT_LOCAL_PROXY_PORT;
+    return this.config.options?.localProxyPort ?? DEFAULT_LOCAL_PROXY_PORT;
   }
   /**
    * Serializes the class back to the Schema type.
@@ -1078,20 +1035,10 @@ var schema_default = {
     Options: {
       type: "object",
       properties: {
-        vercel: {
-          $ref: "#/definitions/VercelOptions",
-          description: "Microfrontends wide options for Vercel.",
-          deprecated: "This is being replaced by the `disableOverrides` field below."
-        },
         disableOverrides: {
           type: "boolean",
           description: "If you want to disable the overrides for the site. For example, if you are managing rewrites between applications externally, you may wish to disable the overrides on the toolbar as they will have no effect."
         },
-        localProxy: {
-          $ref: "#/definitions/LocalProxyOptions",
-          description: "Options for local proxy.",
-          deprecated: "This is being replaced by the `localProxyPort` field below."
-        },
         localProxyPort: {
           type: "number",
           description: "The port number used by the local proxy server.\n\nThe default is `3024`."
@@ -1099,26 +1046,6 @@ var schema_default = {
       },
       additionalProperties: false
     },
-    VercelOptions: {
-      type: "object",
-      properties: {
-        disableOverrides: {
-          type: "boolean",
-          description: "If you want to disable the overrides for the site. For example, if you are managing rewrites between applications externally, you may wish to disable the overrides on the toolbar as they will have no effect."
-        }
-      },
-      additionalProperties: false
-    },
-    LocalProxyOptions: {
-      type: "object",
-      properties: {
-        port: {
-          type: "number",
-          description: "The port number used by the local proxy server.\n\nThe default is `3024`."
-        }
-      },
-      additionalProperties: false
-    },
     ApplicationRouting: {
       type: "object",
       additionalProperties: {
@@ -1141,141 +1068,62 @@ var schema_default = {
     DefaultApplication: {
       type: "object",
       properties: {
-        vercel: {
-          $ref: "#/definitions/Vercel",
-          deprecated: "This is being replaced by the `projectId` field below."
-        },
         projectId: {
           type: "string",
           description: "Vercel project ID, only required if the application name / id is different to the Vercel project name.",
-          deprecated: "Instead, the application id should match the Vercel project name."
+          deprecated: "Instead, the application id should match the Vercel project name. `packageName` can optionally\nbe set to the name of the package.json (if it is different from the project name)."
         },
         packageName: {
           type: "string",
           description: "The name used to run the application, e.g. the `name` field in the `package.json`.\n\nThis is used by the local proxy to map the application config to the locally running app.\n\nThis is only necessary when the application name does not match the `name` used in `package.json`."
         },
-        production: {
-          $ref: "#/definitions/HostConfig",
-          deprecated: "This is a duplicate of the `development.fallback` field and this will be removed soon."
-        },
         development: {
-          $ref: "#/definitions/Development"
-        }
-      },
-      additionalProperties: false
-    },
-    Vercel: {
-      type: "object",
-      properties: {
-        projectId: {
-          type: "string",
-          description: "Vercel project ID"
+          $ref: "#/definitions/DefaultDevelopment",
+          description: "Development configuration for the default application."
         }
       },
-      required: ["projectId"],
+      required: ["development"],
       additionalProperties: false
     },
-    HostConfig: {
-      type: "object",
-      properties: {
-        protocol: {
-          type: "string",
-          enum: ["http", "https"],
-          description: "The protocol to be used for the connection.\n- `http`: Hypertext Transfer Protocol (HTTP).\n- `https`: Secure Hypertext Transfer Protocol (HTTPS).\n\n*"
-        },
-        host: {
-          type: "string",
-          description: "The hostname or IP address of the server. This can be a domain name (e.g., `example.com`) or an IP address (e.g., `192.168.1.1`)."
-        },
-        port: {
-          type: "number",
-          description: "The port number to be used for the connection. Common values include `80` for HTTP and `443` for HTTPS."
-        }
-      },
-      required: ["host"],
-      additionalProperties: false
-    },
-    Development: {
+    DefaultDevelopment: {
       type: "object",
       properties: {
         local: {
-          anyOf: [
-            {
-              type: "number"
-            },
-            {
-              type: "string"
-            },
-            {
-              $ref: "#/definitions/LocalHostConfig"
-            }
-          ],
-          description: "A local port number or host string that this application runs on when it is running locally. If passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTP. If omitted, the port defaults to a unique, but stable (based on the application name) number.\n\nExamples of valid values:\n- 8080\n- my.localhost.me\n- my.localhost.me:8080\n- https://my.localhost.me\n- https://my.localhost.me:8080\n\nPassing a LocalHostConfig is deprecated and will go away soon, please pass a number or string."
+          type: ["number", "string"],
+          description: "A local port number or host string that this application runs on when it is running locally. If passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTP. If omitted, the port defaults to a unique, but stable (based on the application name) number.\n\nExamples of valid values:\n- 8080\n- my.localhost.me\n- my.localhost.me:8080\n- https://my.localhost.me\n- https://my.localhost.me:8080"
         },
         localPort: {
           type: "number",
           description: "The local port number that this application runs on when it is running locally. Common values include `80` for HTTP and `443` for HTTPS. If omitted, the port defaults to a unique, but stable (based on the application name) number.",
           deprecated: "Please set the port with the 'local' field instead."
         },
-        fallback: {
-          anyOf: [
-            {
-              $ref: "#/definitions/HostConfig"
-            },
-            {
-              type: "string"
-            }
-          ],
-          description: "Fallback for local development, could point to any environment. If this is not provided, or the application is not running - requests to the application in local development will error.\n\nIf passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTPS. If omitted, the port defaults to `80` for HTTP and `443` for HTTPS.\n\nPassing a HostConfig is deprecated and will go away soon, please pass a string."
-        },
         task: {
           type: "string",
           description: "Optional task to run when starting the development server. Should reference a script in the package.json of the application."
-        }
-      },
-      additionalProperties: false
-    },
-    LocalHostConfig: {
-      type: "object",
-      additionalProperties: false,
-      properties: {
-        host: {
-          type: "string",
-          description: "The hostname or IP address of the server. This can be a domain name (e.g., `example.com`) or an IP address (e.g., `192.168.1.1`)."
         },
-        protocol: {
+        fallback: {
           type: "string",
-          enum: ["http", "https"],
-          description: "The protocol to be used for the connection.\n- `http`: Hypertext Transfer Protocol (HTTP).\n- `https`: Secure Hypertext Transfer Protocol (HTTPS).\n\n*"
-        },
-        port: {
-          type: "number",
-          description: "The port number to be used for the connection. Common values include `80` for HTTP and `443` for HTTPS."
+          description: "Fallback for local development, could point to any environment. This is required for the default app. This value is used as the fallback for child apps as well if they do not have a fallback.\n\nIf passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTPS. If omitted, the port defaults to `80` for HTTP and `443` for HTTPS."
         }
-      }
+      },
+      required: ["fallback"],
+      additionalProperties: false
     },
     ChildApplication: {
       type: "object",
       properties: {
-        vercel: {
-          $ref: "#/definitions/Vercel",
-          deprecated: "This is being replaced by the `projectId` field below."
-        },
         projectId: {
           type: "string",
           description: "Vercel project ID, only required if the application name / id is different to the Vercel project name.",
-          deprecated: "Instead, the application id should match the Vercel project name."
+          deprecated: "Instead, the application id should match the Vercel project name. `packageName` can optionally\nbe set to the name of the package.json (if it is different from the project name)."
         },
         packageName: {
           type: "string",
           description: "The name used to run the application, e.g. the `name` field in the `package.json`.\n\nThis is used by the local proxy to map the application config to the locally running app.\n\nThis is only necessary when the application name does not match the `name` used in `package.json`."
         },
-        production: {
-          $ref: "#/definitions/HostConfig",
-          deprecated: "This is a duplicate of the `development.fallback` field and this will be removed soon."
-        },
         development: {
-          $ref: "#/definitions/Development"
+          $ref: "#/definitions/ChildDevelopment",
+          description: "Development configuration for the child application."
         },
         routing: {
           $ref: "#/definitions/Routing",
@@ -1285,6 +1133,29 @@ var schema_default = {
       required: ["routing"],
       additionalProperties: false
     },
+    ChildDevelopment: {
+      type: "object",
+      properties: {
+        local: {
+          type: ["number", "string"],
+          description: "A local port number or host string that this application runs on when it is running locally. If passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTP. If omitted, the port defaults to a unique, but stable (based on the application name) number.\n\nExamples of valid values:\n- 8080\n- my.localhost.me\n- my.localhost.me:8080\n- https://my.localhost.me\n- https://my.localhost.me:8080"
+        },
+        localPort: {
+          type: "number",
+          description: "The local port number that this application runs on when it is running locally. Common values include `80` for HTTP and `443` for HTTPS. If omitted, the port defaults to a unique, but stable (based on the application name) number.",
+          deprecated: "Please set the port with the 'local' field instead."
+        },
+        task: {
+          type: "string",
+          description: "Optional task to run when starting the development server. Should reference a script in the package.json of the application."
+        },
+        fallback: {
+          type: "string",
+          description: "Fallback for local development, could point to any environment. This is optional for child apps. If not provided, the fallback of the default app will be used.\n\nIf passing a string, include the protocol (optional), host (required) and port (optional). For example: `https://this.ismyhost:8080`. If omitted, the protocol defaults to HTTPS. If omitted, the port defaults to `80` for HTTP and `443` for HTTPS."
+        }
+      },
+      additionalProperties: false
+    },
     Routing: {
       type: "array",
       items: {
@@ -1370,7 +1241,7 @@ function formatAjvErrors(errors) {
 }
 function validateSchema(configString) {
   const parsedConfig = parse3(configString);
-  const ajv = new Ajv();
+  const ajv = new Ajv({ allowUnionTypes: true });
   const validate = ajv.compile(SCHEMA);
   const isValid = validate(parsedConfig);
   if (!isValid) {
@@ -1664,88 +1535,6 @@ ${indent} - Automatically redirecting all requests to local microfrontends proxy
   return { next };
 }
 
-// src/routing/get-domain-from-environment.ts
-function getDomainFromEnvironment({
-  app,
-  target
-}) {
-  const mfeProjects = JSON.parse(
-    process.env.VERCEL_MICROFRONTENDS_PROJECTS ?? "[]"
-  );
-  if (mfeProjects.length === 0) {
-    throw new Error("Missing related microfrontends project information");
-  }
-  const vercelProject = mfeProjects.find(
-    (p) => p.project.name === app.name || p.project.id === app.projectId
-  );
-  if (!vercelProject) {
-    throw new Error(
-      `Could not find the Vercel project for application "${app.name}". If the name does not match the Vercel project name, set the \`projectId\` field in the application config.`
-    );
-  }
-  const domain = target === "preview" && vercelProject.preview.branch ? vercelProject.preview.branch : vercelProject.production.alias ?? vercelProject.production.url;
-  if (!domain) {
-    throw new Error(
-      `Missing domain for target "${target}" in application "${app.name}"`
-    );
-  }
-  return domain.startsWith("https://") ? domain : `https://${domain}`;
-}
-
-// src/routing/get-domain-for-current-environment.ts
-function debugDomains(zone, env, domain) {
-  if (process.env.MFE_DEBUG === "true") {
-    const indent = " ".repeat(4);
-    const header = "domains (zone (env) -> domain)";
-    const separator = "\u23AF".repeat(header.length);
-    const line = `${indent} 1. ${zone} (${env}) -> ${domain}`;
-    console.log(`${indent}${header}
-${indent}${separator}
-${line}
-`);
-  }
-}
-function getCurrentEnvironment() {
-  const isDevelopment = !process.env.VERCEL_ENV || process.env.VERCEL_ENV === "development";
-  const isPreview = process.env.VERCEL_ENV === "preview";
-  const isProduction2 = process.env.VERCEL_ENV === "production";
-  if (isDevelopment) {
-    return { group: "development" };
-  }
-  if (isProduction2) {
-    return { group: "production" };
-  }
-  if (isPreview) {
-    return { group: "preview" };
-  }
-  return { group: "custom", name: process.env.VERCEL_ENV };
-}
-function getDomainForCurrentEnvironment(config, appName, opts = {}) {
-  const app = config.getApplication(appName);
-  if (!opts.ignoreOverride && app.overrides?.environment) {
-    return app.overrides.environment.toString();
-  }
-  const { group } = getCurrentEnvironment();
-  const fallbackHost = config.getDefaultApplication().fallback.toString();
-  switch (group) {
-    case "development": {
-      const domain = ["test", "development"].includes(process.env.NODE_ENV) ? app.development.local.toString() : fallbackHost;
-      debugDomains(appName, "development", domain);
-      return domain;
-    }
-    case "preview": {
-      return getDomainFromEnvironment({ app, target: "preview" });
-    }
-    case "production": {
-      return getDomainFromEnvironment({ app, target: "production" });
-    }
-    case "custom":
-      throw new Error(
-        "Custom environments are not supported in getDomainForCurrentEnvironment"
-      );
-  }
-}
-
 // src/next/config/transforms/rewrites.ts
 function debugRewrites(rewrites) {
   if (process.env.MFE_DEBUG) {
@@ -1779,7 +1568,7 @@ function rewritesMapToArr(rewrites) {
   });
 }
 function transform5(args) {
-  const { app, microfrontend, next, opts } = args;
+  const { app, next } = args;
   const buildBeforeFiles = () => {
     const rewrites = /* @__PURE__ */ new Map();
     if (!app.isDefault()) {
@@ -1798,15 +1587,6 @@ function transform5(args) {
           pathname: "/_vercel/:path*"
         }
       });
-    } else if (opts?.supportPagesRouter) {
-      for (const child of microfrontend.getChildApplications()) {
-        rewrites.set(`/_next/data/${child.getAssetPrefix()}-:buildId/:path*`, {
-          destination: {
-            domain: getDomainForCurrentEnvironment(microfrontend, child.name),
-            pathname: `/_next/data/${child.getAssetPrefix()}-:buildId/:path*`
-          }
-        });
-      }
     }
     return rewritesMapToArr(rewrites);
   };
@@ -1842,76 +1622,8 @@ function transform5(args) {
   };
 }
 
-// src/next/config/transforms/server-actions.ts
-function debugRewrites2(allowedOrigins) {
-  if (process.env.MFE_DEBUG === "true" && allowedOrigins) {
-    const indent = " ".repeat(4);
-    const header = "server actions allowed origins";
-    const separator = "\u23AF".repeat(header.length);
-    const maxSourceLength = Math.max(
-      ...allowedOrigins.map((key) => key.length)
-    );
-    const table = allowedOrigins.map((origin, idx) => {
-      const paddedSource = origin.padEnd(maxSourceLength);
-      return `${indent} ${idx + 1}. ${paddedSource}`;
-    }).join("\n");
-    console.log(`${indent}${header}
-${indent}${separator}
-${table}
-`);
-  }
-}
-var formatDomainForServerAction = (domain) => domain.replace(/https?:\/\//, "");
-function transform6(args) {
-  const { next, app, microfrontend } = args;
-  const defaultApplication = microfrontend.getDefaultApplication();
-  const appsToAllow = [
-    // this zone - this is included by default unless allowedOrigins is overridden (which we are)
-    // so we re-add it here.
-    app,
-    // this is the default zone for the microfrontend. Allow child zones to call server actions
-    // that are in the default zone.
-    defaultApplication
-  ];
-  const existingServerActionConfig = next.experimental?.serverActions;
-  next.experimental = {
-    ...next.experimental,
-    serverActions: {
-      ...existingServerActionConfig,
-      allowedOrigins: Array.from(
-        /* @__PURE__ */ new Set([
-          // existing
-          ...existingServerActionConfig?.allowedOrigins ?? [],
-          // this deployments host
-          ...process.env.VERCEL_URL ? [formatDomainForServerAction(process.env.VERCEL_URL)] : [],
-          // default application host
-          ...process.env.VERCEL_MICROFRONTENDS_PROJECTS ? [
-            formatDomainForServerAction(
-              getDomainFromEnvironment({
-                app: defaultApplication,
-                target: "production"
-              })
-            )
-          ] : [],
-          formatDomainForServerAction(defaultApplication.fallback.toString()),
-          // environment specific microfrontend hosts
-          ...appsToAllow.flatMap((a) => [
-            formatDomainForServerAction(
-              getDomainForCurrentEnvironment(microfrontend, a.name)
-            )
-          ])
-        ])
-      )
-    }
-  };
-  debugRewrites2(next.experimental.serverActions?.allowedOrigins);
-  return {
-    next
-  };
-}
-
 // src/next/config/transforms/webpack.ts
-function transform7(args) {
+function transform6(args) {
   const { next, microfrontend, opts } = args;
   const configWithWebpack = {
     ...next,
@@ -1990,8 +1702,7 @@ var transforms = {
   draftMode: transform3,
   redirects: transform4,
   rewrites: transform5,
-  serverActions: transform6,
-  webpack: transform7
+  webpack: transform6
 };
 
 // src/next/config/env.ts
@@ -2056,13 +1767,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,