@vercel/microfrontends 2.0.0-canary.1 → 2.0.0

package/dist/utils/mfe-port.js

@@ -355,8 +355,106 @@ function findConfig({ dir }) {
 // src/config/microfrontends-config/isomorphic/index.ts
 import { parse as parse2 } from "jsonc-parser";
 
+// src/config/microfrontends-config/client/index.ts
+import { pathToRegexp } from "path-to-regexp";
+var regexpCache = /* @__PURE__ */ new Map();
+var getRegexp = (path7) => {
+  const existing = regexpCache.get(path7);
+  if (existing) {
+    return existing;
+  }
+  const regexp = pathToRegexp(path7);
+  regexpCache.set(path7, regexp);
+  return regexp;
+};
+var MicrofrontendConfigClient = class {
+  constructor(config, opts) {
+    this.pathCache = {};
+    this.hasFlaggedPaths = config.hasFlaggedPaths ?? false;
+    for (const app of Object.values(config.applications)) {
+      if (app.routing) {
+        if (app.routing.some((match) => match.flag)) {
+          this.hasFlaggedPaths = true;
+        }
+        const newRouting = [];
+        const pathsWithoutFlags = [];
+        for (const group of app.routing) {
+          if (group.flag) {
+            if (opts?.removeFlaggedPaths) {
+              continue;
+            }
+            if (group.group) {
+              delete group.group;
+            }
+            newRouting.push(group);
+          } else {
+            pathsWithoutFlags.push(...group.paths);
+          }
+        }
+        if (pathsWithoutFlags.length > 0) {
+          newRouting.push({ paths: pathsWithoutFlags });
+        }
+        app.routing = newRouting;
+      }
+    }
+    this.serialized = config;
+    if (this.hasFlaggedPaths) {
+      this.serialized.hasFlaggedPaths = this.hasFlaggedPaths;
+    }
+    this.applications = config.applications;
+  }
+  /**
+   * Create a new `MicrofrontendConfigClient` from a JSON string.
+   * Config must be passed in to remain framework agnostic
+   */
+  static fromEnv(config) {
+    if (!config) {
+      throw new Error(
+        "Could not construct MicrofrontendConfigClient: configuration is empty or undefined. Did you set up your application with `withMicrofrontends`?"
+      );
+    }
+    return new MicrofrontendConfigClient(JSON.parse(config));
+  }
+  isEqual(other) {
+    return this === other || JSON.stringify(this.applications) === JSON.stringify(other.applications);
+  }
+  getApplicationNameForPath(path7) {
+    if (!path7.startsWith("/")) {
+      throw new Error(`Path must start with a /`);
+    }
+    if (this.pathCache[path7]) {
+      return this.pathCache[path7];
+    }
+    const pathname = new URL(path7, "https://example.com").pathname;
+    for (const [name, application] of Object.entries(this.applications)) {
+      if (application.routing) {
+        for (const group of application.routing) {
+          for (const childPath of group.paths) {
+            const regexp = getRegexp(childPath);
+            if (regexp.test(pathname)) {
+              this.pathCache[path7] = name;
+              return name;
+            }
+          }
+        }
+      }
+    }
+    const defaultApplication = Object.entries(this.applications).find(
+      ([, application]) => application.default
+    );
+    if (!defaultApplication) {
+      return null;
+    }
+    this.pathCache[path7] = defaultApplication[0];
+    return defaultApplication[0];
+  }
+  serialize() {
+    return this.serialized;
+  }
+};
+
 // src/config/microfrontends-config/isomorphic/validation.ts
-import { pathToRegexp, parse as parsePathRegexp } from "path-to-regexp";
+import { pathToRegexp as pathToRegexp2, parse as parsePathRegexp } from "path-to-regexp";
 var LIST_FORMATTER = new Intl.ListFormat("en", {
   style: "long",
   type: "conjunction"
@@ -384,7 +482,7 @@ var validateConfigPaths = (applicationConfigsById) => {
           } else {
             pathsByApplicationId.set(path7, {
               applications: [id],
-              matcher: pathToRegexp(path7),
+              matcher: pathToRegexp2(path7),
               applicationId: id
             });
           }
@@ -889,6 +987,28 @@ var MicrofrontendConfigIsomorphic = class {
   getLocalProxyPort() {
     return this.config.options?.localProxyPort ?? DEFAULT_LOCAL_PROXY_PORT;
   }
+  toClientConfig(options) {
+    const applications = Object.fromEntries(
+      Object.entries(this.childApplications).map(([name, application]) => [
+        hashApplicationName(name),
+        {
+          default: false,
+          routing: application.routing
+        }
+      ])
+    );
+    applications[hashApplicationName(this.defaultApplication.name)] = {
+      default: true
+    };
+    return new MicrofrontendConfigClient(
+      {
+        applications
+      },
+      {
+        removeFlaggedPaths: options?.removeFlaggedPaths
+      }
+    );
+  }
   /**
    * Serializes the class back to the Schema type.
    *
@@ -1308,6 +1428,7 @@ var MicrofrontendsServer = class {
    * This can return either a Child or Main configuration.
    */
   static infer({
+    appName,
     directory,
     filePath,
     cookies
@@ -1320,7 +1441,10 @@ var MicrofrontendsServer = class {
     }
     try {
       const packageRoot = findPackageRoot(directory);
-      const applicationContext = getApplicationContext({ packageRoot });
+      const applicationContext = getApplicationContext({
+        appName,
+        packageRoot
+      });
       const maybeConfig = findConfig({ dir: packageRoot });
       if (maybeConfig) {
         return MicrofrontendsServer.fromFile({