@vercel/microfrontends 0.17.2 → 0.17.4

package/dist/bin/cli.cjs

@@ -29,7 +29,7 @@ var import_commander = require("commander");
 // package.json
 var package_default = {
   name: "@vercel/microfrontends",
-  version: "0.17.2",
+  version: "0.17.4",
   private: false,
   description: "Defines configuration and utilities for micro-frontend development",
   repository: {
@@ -39,12 +39,8 @@ var package_default = {
   },
   sideEffects: false,
   type: "module",
-  bin: {
-    microfrontends: "./cli/index.cjs",
-    "micro-frontends": "./cli/index.cjs"
-  },
   exports: {
-    "./schema.json": "./schema/schema-v2.json",
+    "./schema.json": "./schema/schema.json",
     "./validation": {
       import: "./dist/validation.js",
       require: "./dist/validation.cjs"
@@ -104,35 +100,68 @@ var package_default = {
   },
   typesVersions: {
     "*": {
-      validation: ["./dist/validation.d.ts"],
-      config: ["./dist/config.d.ts"],
-      microfrontends: ["./dist/microfrontends.d.ts"],
-      overrides: ["./dist/overrides.d.ts"],
-      routing: ["./dist/routing.d.ts"],
-      "microfrontends/server": ["./dist/microfrontends/server.d.ts"],
-      "microfrontends/utils": ["./dist/microfrontends/utils.d.ts"],
-      schema: ["./dist/schema.d.ts"],
-      "next/config": ["./dist/next/config.d.ts"],
-      "next/middleware": ["./dist/next/middleware.d.ts"],
-      "next/endpoints": ["./dist/next/endpoints.d.ts"],
-      "next/testing": ["./dist/next/testing.d.ts"],
-      "next/client": ["./dist/next/client.d.ts"],
-      "utils/mfe-port": ["./dist/utils/mfe-port.d.ts"]
+      validation: [
+        "./dist/validation.d.ts"
+      ],
+      config: [
+        "./dist/config.d.ts"
+      ],
+      microfrontends: [
+        "./dist/microfrontends.d.ts"
+      ],
+      overrides: [
+        "./dist/overrides.d.ts"
+      ],
+      routing: [
+        "./dist/routing.d.ts"
+      ],
+      "microfrontends/server": [
+        "./dist/microfrontends/server.d.ts"
+      ],
+      "microfrontends/utils": [
+        "./dist/microfrontends/utils.d.ts"
+      ],
+      schema: [
+        "./dist/schema.d.ts"
+      ],
+      "next/config": [
+        "./dist/next/config.d.ts"
+      ],
+      "next/middleware": [
+        "./dist/next/middleware.d.ts"
+      ],
+      "next/endpoints": [
+        "./dist/next/endpoints.d.ts"
+      ],
+      "next/testing": [
+        "./dist/next/testing.d.ts"
+      ],
+      "next/client": [
+        "./dist/next/client.d.ts"
+      ],
+      "utils/mfe-port": [
+        "./dist/utils/mfe-port.d.ts"
+      ]
     }
   },
-  files: ["dist", "schema"],
+  bin: {
+    microfrontends: "./cli/index.cjs"
+  },
+  files: [
+    "dist",
+    "schema"
+  ],
   scripts: {
     build: "tsup",
     postbuild: "pnpm generate:exports",
-    "generate:schema": "tsx scripts/generate-json-schema.ts",
     "generate:exports": "tsx scripts/generate-exports/index.ts",
-    conformance: "vercel conformance",
-    eslint: "eslint-runner",
-    "eslint-fix": "eslint-runner --fix",
+    "generate:schema": "tsx scripts/generate-json-schema.ts",
+    lint: "eslint .",
+    "lint-fix": "eslint . --fix",
     prepublishOnly: "pnpm build && pnpm generate:exports && pnpm generate:schema",
-    "type-check": "tsc --noEmit",
-    "unit-test": "cross-env TZ=UTC jest",
-    proxy: "tsx src/proxy/index.ts"
+    proxy: "tsx src/proxy/index.ts",
+    test: "cross-env TZ=UTC jest",
+    typecheck: "tsc --noEmit"
   },
   dependencies: {
     ajv: "^8.17.1",
@@ -144,9 +173,8 @@ var package_default = {
     "path-to-regexp": "6.2.1"
   },
   devDependencies: {
+    "@edge-runtime/jest-environment": "^4.0.0",
     "@edge-runtime/types": "^3.0.2",
-    "@pyra/eslint-config": "workspace:*",
-    "@pyra/typescript-config": "workspace:*",
     "@testing-library/react": "^15.0.7",
     "@types/cookie": "0.5.1",
     "@types/http-proxy": "^1.17.15",
@@ -155,31 +183,31 @@ var package_default = {
     "@types/node": "20.11.30",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
-    "@vercel-private/conformance": "^1.12.2-canary.0",
+    "eslint-config-custom": "workspace:*",
     jest: "^29.7.0",
     "jest-environment-jsdom": "29.2.2",
-    next: "15.2.0-canary.28",
+    next: "15.2.0-canary.32",
     react: "19.0.0",
     "react-dom": "19.0.0",
+    "ts-config": "workspace:*",
     "ts-json-schema-generator": "^1.1.2",
+    "ts-node": "~10.9.2",
     tsup: "^6.6.2",
     tsx: "^4.6.2",
-    typescript: "5.6.3",
+    typescript: "5.7.3",
     webpack: "5"
   },
   peerDependencies: {
-    next: "15.2.0-canary.28",
-    react: "19.0.0",
-    "react-dom": "19.0.0"
-  },
-  publishConfig: {
-    access: "restricted"
+    next: ">=13",
+    react: ">=17.0.0",
+    "react-dom": ">=17.0.0"
   }
 };
 
 // src/bin/local-proxy.ts
 var http = __toESM(require("http"), 1);
 var https = __toESM(require("https"), 1);
+var import_node_url = require("url");
 var import_cookie = require("cookie");
 var import_path_to_regexp3 = require("path-to-regexp");
 var import_http_proxy = __toESM(require("http-proxy"), 1);
@@ -194,9 +222,9 @@ var MicrofrontendError = class extends Error {
   constructor(message, opts) {
     super(message);
     this.name = "MicrofrontendsError";
-    this.source = (opts == null ? void 0 : opts.source) ?? "@vercel/microfrontends";
-    this.type = (opts == null ? void 0 : opts.type) ?? "unknown";
-    this.subtype = opts == null ? void 0 : opts.subtype;
+    this.source = opts?.source ?? "@vercel/microfrontends";
+    this.type = opts?.type ?? "unknown";
+    this.subtype = opts?.subtype;
     Error.captureStackTrace(this, MicrofrontendError);
   }
   isKnown() {
@@ -211,7 +239,7 @@ var MicrofrontendError = class extends Error {
    * @returns The converted MicrofrontendsError.
    */
   static convert(original, opts) {
-    if (opts == null ? void 0 : opts.fileName) {
+    if (opts?.fileName) {
       const err = MicrofrontendError.convertFSError(original, opts.fileName);
       if (err) {
         return err;
@@ -283,17 +311,6 @@ var MicrofrontendError = class extends Error {
 
 // src/config/microfrontends-config/isomorphic/validation.ts
 var import_path_to_regexp = require("path-to-regexp");
-var SUPPORTED_VERSIONS = ["2"];
-var validateConfigVersion = (version) => {
-  if (!SUPPORTED_VERSIONS.includes(version)) {
-    throw new MicrofrontendError(
-      `Unsupported version: ${version}. Supported versions are: ${SUPPORTED_VERSIONS.join(
-        ", "
-      )}`,
-      { type: "config", subtype: "unsupported_version" }
-    );
-  }
-};
 var validateConfigPaths = (applicationConfigsById) => {
   if (!applicationConfigsById) {
     return;
@@ -469,7 +486,7 @@ var Host = class {
     this.protocol = protocol;
     this.host = host;
     this.port = Host.getPort({ port, protocol: this.protocol });
-    this.local = options == null ? void 0 : options.isLocal;
+    this.local = options?.isLocal;
   }
   isLocal() {
     return this.local || this.host === "localhost" || this.host === "127.0.0.1";
@@ -518,18 +535,17 @@ var Application = class {
     overrides,
     isDefault
   }) {
-    var _a, _b;
     this.name = name;
     this.development = {
       local: new LocalHost({
         appName: name,
-        ...(_a = app.development) == null ? void 0 : _a.local
+        ...app.development?.local
       }),
-      fallback: ((_b = app.development) == null ? void 0 : _b.fallback) ? new Host(app.development.fallback) : void 0
+      fallback: app.development?.fallback ? new Host(app.development.fallback) : void 0
     };
     this.production = app.production ? new Host(app.production) : void 0;
     this.vercel = app.vercel;
-    this.overrides = (overrides == null ? void 0 : overrides.environment) ? {
+    this.overrides = overrides?.environment ? {
       environment: new Host(overrides.environment)
     } : void 0;
     this.default = isDefault ?? false;
@@ -607,7 +623,7 @@ var MicrofrontendConfigClient = class {
   constructor(config, opts) {
     this.pathCache = {};
     this.serialized = config;
-    if (opts == null ? void 0 : opts.removeFlaggedPaths) {
+    if (opts?.removeFlaggedPaths) {
       for (const app of Object.values(config.applications)) {
         if (app.routing) {
           app.routing = app.routing.filter((match) => !match.flag);
@@ -673,8 +689,7 @@ var OVERRIDES_ENV_COOKIE_PREFIX = `${OVERRIDES_COOKIE_PREFIX}:env:`;
 
 // src/config/overrides/is-override-cookie.ts
 function isOverrideCookie(cookie) {
-  var _a;
-  return Boolean((_a = cookie.name) == null ? void 0 : _a.startsWith(OVERRIDES_COOKIE_PREFIX));
+  return Boolean(cookie.name?.startsWith(OVERRIDES_COOKIE_PREFIX));
 }
 
 // src/config/overrides/get-override-from-cookie.ts
@@ -713,14 +728,13 @@ var MicrofrontendConfigIsomorphic = class {
     opts
   }) {
     this.childApplications = {};
-    var _a, _b, _c, _d;
     MicrofrontendConfigIsomorphic.validate(config, opts);
-    const disableOverrides = ((_b = (_a = config.options) == null ? void 0 : _a.vercel) == null ? void 0 : _b.disableOverrides) ?? false;
+    const disableOverrides = config.options?.vercel?.disableOverrides ?? false;
     this.overrides = overrides && !disableOverrides ? overrides : void 0;
     this.isMainConfig = isMainConfig(config);
     if (isMainConfig(config)) {
       for (const [appId, appConfig] of Object.entries(config.applications)) {
-        const appOverrides = !disableOverrides ? (_c = this.overrides) == null ? void 0 : _c.applications[appId] : void 0;
+        const appOverrides = !disableOverrides ? this.overrides?.applications[appId] : void 0;
         if (isDefaultApp(appConfig)) {
           this.defaultApplication = new DefaultApplication(appId, {
             app: appConfig,
@@ -735,7 +749,7 @@ var MicrofrontendConfigIsomorphic = class {
       }
     } else {
       this.partOf = config.partOf;
-      const appOverrides = !disableOverrides ? (_d = this.overrides) == null ? void 0 : _d.applications[meta.fromApp] : void 0;
+      const appOverrides = !disableOverrides ? this.overrides?.applications[meta.fromApp] : void 0;
       this.childApplications[meta.fromApp] = new ChildApplication(
         meta.fromApp,
         {
@@ -763,12 +777,9 @@ var MicrofrontendConfigIsomorphic = class {
     };
   }
   static validate(config, opts) {
-    const skipValidation = (opts == null ? void 0 : opts.skipValidation) ?? [];
+    const skipValidation = opts?.skipValidation ?? [];
     const c = typeof config === "string" ? (0, import_jsonc_parser.parse)(config) : config;
     if (isMainConfig(c)) {
-      if (!skipValidation.includes("version")) {
-        validateConfigVersion(c.version);
-      }
       if (!skipValidation.includes("paths")) {
         validateConfigPaths(c.applications);
       }
@@ -789,8 +800,7 @@ var MicrofrontendConfigIsomorphic = class {
     });
   }
   isOverridesDisabled() {
-    var _a, _b;
-    return ((_b = (_a = this.options) == null ? void 0 : _a.vercel) == null ? void 0 : _b.disableOverrides) ?? false;
+    return this.options?.vercel?.disableOverrides ?? false;
   }
   getConfig() {
     return this.config;
@@ -811,8 +821,7 @@ var MicrofrontendConfigIsomorphic = class {
     ].filter(Boolean);
   }
   getApplication(name) {
-    var _a;
-    if (((_a = this.defaultApplication) == null ? void 0 : _a.name) === name) {
+    if (this.defaultApplication?.name === name) {
       return this.defaultApplication;
     }
     const app = this.childApplications[name];
@@ -828,15 +837,11 @@ var MicrofrontendConfigIsomorphic = class {
     return app;
   }
   getApplicationByProjectId(projectId) {
-    var _a, _b;
-    if (((_b = (_a = this.defaultApplication) == null ? void 0 : _a.vercel) == null ? void 0 : _b.projectId) === projectId) {
+    if (this.defaultApplication?.vercel?.projectId === projectId) {
       return this.defaultApplication;
     }
     return Object.values(this.childApplications).find(
-      (app) => {
-        var _a2;
-        return ((_a2 = app.vercel) == null ? void 0 : _a2.projectId) === projectId;
-      }
+      (app) => app.vercel?.projectId === projectId
     );
   }
   /**
@@ -859,8 +864,7 @@ var MicrofrontendConfigIsomorphic = class {
    * Returns the configured port for the local proxy
    */
   getLocalProxyPort() {
-    var _a, _b;
-    return ((_b = (_a = this.config.options) == null ? void 0 : _a.localProxy) == null ? void 0 : _b.port) ?? DEFAULT_LOCAL_PROXY_PORT;
+    return this.config.options?.localProxy?.port ?? DEFAULT_LOCAL_PROXY_PORT;
   }
   /**
    * Serializes the class back to the Schema type.
@@ -901,13 +905,12 @@ var MicrofrontendMainConfig = class extends MicrofrontendConfigIsomorphic {
     overrides,
     meta
   }) {
-    var _a, _b, _c;
     super({ config, overrides, meta });
     this.isMainConfig = true;
-    const disableOverrides = ((_b = (_a = config.options) == null ? void 0 : _a.vercel) == null ? void 0 : _b.disableOverrides) ?? false;
+    const disableOverrides = config.options?.vercel?.disableOverrides ?? false;
     let defaultApplication;
     for (const [appId, appConfig] of Object.entries(config.applications)) {
-      const appOverrides = !disableOverrides ? (_c = this.overrides) == null ? void 0 : _c.applications[appId] : void 0;
+      const appOverrides = !disableOverrides ? this.overrides?.applications[appId] : void 0;
       if (isDefaultApp(appConfig)) {
         defaultApplication = new DefaultApplication(appId, {
           app: appConfig,
@@ -1122,7 +1125,7 @@ function findDefaultMicrofrontendsPackage(opts) {
   const result = findDefaultMicrofrontendsPackages(opts);
   if (!result) {
     throw new Error(
-      `Error trying to resolve the main microfrontends configuration`
+      "Error trying to resolve the main microfrontends configuration"
     );
   }
   configCache2[cacheKey] = result;
@@ -1194,20 +1197,8 @@ var import_node_path7 = __toESM(require("path"), 1);
 var MFE_CONFIG_DEFAULT_FILE_PATH = "microfrontends";
 var MFE_CONFIG_DEFAULT_FILE_NAME = "microfrontends.json";
 
-// src/utils/is-vercel.ts
-function isVercel() {
-  return process.env.VERCEL === "1";
-}
-
 // src/config/microfrontends/server/utils/get-output-file-path.ts
 function getOutputFilePath() {
-  if (isVercel()) {
-    return import_node_path7.default.join(
-      ".vercel",
-      MFE_CONFIG_DEFAULT_FILE_PATH,
-      MFE_CONFIG_DEFAULT_FILE_NAME
-    );
-  }
   return import_node_path7.default.join(MFE_CONFIG_DEFAULT_FILE_PATH, MFE_CONFIG_DEFAULT_FILE_NAME);
 }
 
@@ -1238,7 +1229,7 @@ var schema_default = {
         },
         version: {
           type: "string",
-          const: "2"
+          const: "1"
         },
         options: {
           $ref: "#/definitions/Options"
@@ -1248,6 +1239,9 @@ var schema_default = {
           additionalProperties: {
             $ref: "#/definitions/Application"
           },
+          propertyNames: {
+            description: "The unique identifier for a Microfrontend Application. Must match the `name` field of the application's `package.json`."
+          },
           description: "Applications that only serve a subset of the microfrontend routes only need to reference the name of the primary application that owns the full microfrontends configuration."
         },
         applications: {
@@ -1255,7 +1249,9 @@ var schema_default = {
           description: "Mapping of application names to the routes that they host. Only needs to be defined in the application that owns the primary microfrontend domain"
         }
       },
-      required: ["applications", "version"],
+      required: [
+        "applications"
+      ],
       additionalProperties: false
     },
     Options: {
@@ -1319,7 +1315,9 @@ var schema_default = {
           $ref: "#/definitions/HostConfig"
         }
       },
-      required: ["production"],
+      required: [
+        "production"
+      ],
       additionalProperties: false
     },
     Vercel: {
@@ -1330,7 +1328,9 @@ var schema_default = {
           description: "Vercel project ID"
         }
       },
-      required: ["projectId"],
+      required: [
+        "projectId"
+      ],
       additionalProperties: false
     },
     Development: {
@@ -1360,8 +1360,11 @@ var schema_default = {
         },
         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* @defaultValue "http" for local development, "https" for otherwise'
+          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",
@@ -1374,8 +1377,11 @@ var schema_default = {
       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* @defaultValue "http" for local development, "https" for otherwise'
+          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",
@@ -1386,7 +1392,9 @@ var schema_default = {
           description: "The port number to be used for the connection. Common values include `80` for HTTP and `443` for HTTPS."
         }
       },
-      required: ["host"],
+      required: [
+        "host"
+      ],
       additionalProperties: false
     },
     ChildApplication: {
@@ -1406,7 +1414,9 @@ var schema_default = {
           $ref: "#/definitions/HostConfig"
         }
       },
-      required: ["routing"],
+      required: [
+        "routing"
+      ],
       additionalProperties: false
     },
     Routing: {
@@ -1433,13 +1443,18 @@ var schema_default = {
           }
         }
       },
-      required: ["paths"],
+      required: [
+        "paths"
+      ],
       additionalProperties: false
     },
     ApplicationRouting: {
       type: "object",
       additionalProperties: {
         $ref: "#/definitions/Application"
+      },
+      propertyNames: {
+        description: "The unique identifier for a Microfrontend Application. Must match the `name` field of the application's `package.json`."
       }
     },
     ChildConfig: {
@@ -1450,7 +1465,7 @@ var schema_default = {
         },
         version: {
           type: "string",
-          const: "2"
+          const: "1"
         },
         options: {
           $ref: "#/definitions/Options"
@@ -1460,6 +1475,9 @@ var schema_default = {
           additionalProperties: {
             $ref: "#/definitions/Application"
           },
+          propertyNames: {
+            description: "The unique identifier for a Microfrontend Application. Must match the `name` field of the application's `package.json`."
+          },
           description: "Applications that only serve a subset of the microfrontend routes only need to reference the name of the primary application that owns the full microfrontends configuration."
         },
         partOf: {
@@ -1467,7 +1485,9 @@ var schema_default = {
           description: "Applications that only serve a subset of the microfrontend routes only need to reference the name of the primary application that owns the full microfrontends configuration."
         }
       },
-      required: ["partOf", "version"],
+      required: [
+        "partOf"
+      ],
       additionalProperties: false
     }
   }
@@ -1641,7 +1661,7 @@ var MicrofrontendsServer = class extends Microfrontends {
     try {
       const configJson = import_node_fs7.default.readFileSync(filePath, "utf-8");
       const config = MicrofrontendsServer.validate(configJson);
-      if (!isMainConfig(config) && (options == null ? void 0 : options.resolveMainConfig)) {
+      if (!isMainConfig(config) && options?.resolveMainConfig) {
         const repositoryRoot = findRepositoryRoot();
         const isMonorepo2 = isMonorepo({ repositoryRoot });
         if (isMonorepo2) {
@@ -1725,53 +1745,29 @@ var mfeDebug = (message) => {
     console.log(message);
   }
 };
-var LocalProxy = class {
+var ProxyRequestRouter = class {
   constructor(config, {
-    localApps,
-    proxyPort
+    localApps
   }) {
     this.config = config;
     this.localApps = localApps;
-    this.proxyPort = proxyPort ?? this.config.getLocalProxyPort();
-    this.proxy = import_http_proxy.default.createProxyServer({ secure: true });
-    this.proxy.on("error", (err, req, res) => {
-      if (res instanceof http.ServerResponse) {
-        res.writeHead(500, {
-          "Content-Type": "text/plain"
-        });
-      }
-      const target = this.getTarget(req);
-      res.end(
-        `Error proxying request to ${target.application}. Is the server running locally on port ${target.port}?`
-      );
-      console.error(`Error proxying request for ${target.application}: `, err);
-    });
-  }
-  static fromFile(filePath, {
-    localApps,
-    proxyPort
-  }) {
-    const microfrontends = MicrofrontendsServer.infer({
-      directory: filePath
-    });
-    if (isMainConfig2(microfrontends.config)) {
-      return new LocalProxy(microfrontends.config, { localApps, proxyPort });
-    }
-    throw new Error(
-      `Unable to find main config from child application (${filePath})`
-    );
   }
   getDefaultHost(config) {
     const defaultApp = config.getDefaultApplication();
     return this.getApplicationTarget(defaultApp);
   }
   getApplicationTarget(application) {
-    var _a, _b;
     const useDev = this.localApps.includes(application.name);
-    let host = useDev ? application.development.local : application.production ?? this.config.getDefaultApplication().production;
-    if ((_b = (_a = application.overrides) == null ? void 0 : _a.environment) == null ? void 0 : _b.host) {
+    let applicationName = application.name;
+    let host = useDev ? application.development.local : application.production;
+    if (application.overrides?.environment?.host) {
       host = application.overrides.environment;
     }
+    if (!host) {
+      const defaultApp = this.config.getDefaultApplication();
+      host = defaultApp.production;
+      applicationName = defaultApp.name;
+    }
     const protocol = host.protocol;
     const hostname = host.host;
     const port = host.port;
@@ -1780,7 +1776,7 @@ var LocalProxy = class {
       protocol,
       hostname,
       port,
-      application: application.name
+      application: applicationName
     };
   }
   /**
@@ -1790,12 +1786,11 @@ var LocalProxy = class {
    * protected host.
    */
   getAuthTarget(request2, config) {
-    var _a, _b;
-    const url = new URL(request2.url ?? "", `http://${request2.headers.host}`);
-    const isAuthRedirect = (_a = request2.url) == null ? void 0 : _a.startsWith(
+    const url = new import_node_url.URL(request2.url ?? "", `http://${request2.headers.host}`);
+    const isAuthRedirect = request2.url?.startsWith(
       "/.well-known/vercel-auth-redirect"
     );
-    const isSsoRedirect = (_b = request2.url) == null ? void 0 : _b.startsWith("/sso-api");
+    const isSsoRedirect = request2.url?.startsWith("/sso-api");
     const isJWTRedirect = url.searchParams.has("_vercel_jwt");
     const defaultHost = this.getDefaultHost(config);
     let hostname = null;
@@ -1843,13 +1838,13 @@ var LocalProxy = class {
     if (authTarget) {
       return authTarget;
     }
-    const url = new URL(`http://example.com${path6}`);
-    const pathname = url.pathname;
-    const target = this.findMatchingApplication(
-      path6,
-      pathname,
-      config.getChildApplications()
-    );
+    const url = new import_node_url.URL(`http://example.com${path6}`);
+    const target = this.findMatchingApplication({
+      path: path6,
+      url,
+      applications: config.getChildApplications(),
+      referer: request2.headers.referer
+    });
     if (target)
       return target;
     const defaultHost = this.getDefaultHost(config);
@@ -1858,13 +1853,31 @@ var LocalProxy = class {
     );
     return { path: path6, ...defaultHost };
   }
-  findMatchingApplication(path6, pathname, applications) {
+  findMatchingApplication({
+    path: path6,
+    url,
+    applications,
+    referer = void 0
+  }) {
     for (const application of Object.values(applications)) {
+      const target = this.getApplicationTarget(application);
+      const builtInRewrite = this.checkBuiltinAssetPrefix({
+        rewrites: [
+          "/_next/static/:path+",
+          "/.well-known/vercel/flags",
+          "/_vercel/:path*"
+        ],
+        path: path6,
+        url,
+        app: application
+      }) || this.checkNextOriginalFrame({ url, referer, applications });
+      if (builtInRewrite) {
+        return builtInRewrite;
+      }
       for (const group of application.routing) {
         for (const childPath of group.paths) {
           const regexp = (0, import_path_to_regexp3.pathToRegexp)(childPath);
-          if (regexp.test(pathname)) {
-            const target = this.getApplicationTarget(application);
+          if (regexp.test(url.pathname)) {
             mfeDebug(
               `routing ${path6} to '${target.application}' at ${target.hostname}`
             );
@@ -1875,39 +1888,112 @@ var LocalProxy = class {
     }
     return null;
   }
-  // Handles requests that return data from the local proxy itself.
-  // Returns true if the request was handled, false otherwise.
-  handleProxyInfoRequest(path6, res) {
-    if (!path6) {
-      return false;
-    }
-    const url = new URL(`http://example.comf${path6}`);
+  checkBuiltinAssetPrefix({
+    rewrites,
+    path: path6,
+    url,
+    app
+  }) {
     const pathname = url.pathname;
-    switch (pathname) {
-      case "/.well-known/vercel/microfrontends/routing": {
-        res.writeHead(200, {
-          "Content-Type": "application/json"
-        });
-        const payload = Object.fromEntries(
-          this.config.getAllApplications().map((app) => {
-            const { hostname, port, protocol } = this.getApplicationTarget(app);
-            return [
-              app.name,
-              { routing: { host: hostname, port, protocol } }
-            ];
-          })
+    const target = this.getApplicationTarget(app);
+    const isTargetDefault = target.application === this.config.getDefaultApplication().name;
+    for (const rewrite of rewrites) {
+      if ((0, import_path_to_regexp3.pathToRegexp)(`/${app.getAssetPrefix()}${rewrite}`).test(pathname)) {
+        mfeDebug(
+          `routing ${pathname} to '${target.application}' at ${target.hostname}`
         );
-        res.end(JSON.stringify(payload));
-        return true;
+        const processedPath = isTargetDefault ? path6 : path6.replace(`/${app.getAssetPrefix()}`, "");
+        return {
+          path: processedPath,
+          ...target
+        };
       }
     }
-    return false;
+    return null;
+  }
+  checkNextOriginalFrame({
+    url,
+    referer = void 0,
+    applications
+  }) {
+    const isStackFrame = (0, import_path_to_regexp3.pathToRegexp)("/__nextjs_original-stack-frame").test(
+      url.pathname
+    );
+    if (!referer || !isStackFrame) {
+      return null;
+    }
+    const refererURL = new import_node_url.URL(referer);
+    const refererPath = `${refererURL.pathname}?${refererURL.search}`;
+    const refererApp = this.findMatchingApplication({
+      path: refererPath,
+      url: refererURL,
+      applications
+    });
+    mfeDebug(
+      `routing nextjs stack frame request to ${refererApp?.application}`
+    );
+    return refererApp ? {
+      ...refererApp,
+      path: `${url.pathname}${url.search}`
+    } : null;
+  }
+};
+var LocalProxy = class {
+  constructor(config, {
+    localApps,
+    proxyPort
+  }) {
+    this.router = new ProxyRequestRouter(config, { localApps });
+    this.proxyPort = proxyPort ?? this.router.config.getLocalProxyPort();
+    this.proxy = import_http_proxy.default.createProxyServer({ secure: true });
+    this.proxy.on("error", (err, req, res) => {
+      if (res instanceof http.ServerResponse) {
+        res.writeHead(500, {
+          "Content-Type": "text/plain"
+        });
+      }
+      const target = this.router.getTarget(req);
+      res.end(
+        `Error proxying request to ${target.application}. Is the server running locally on port ${target.port}?`
+      );
+      console.error(`Error proxying request for ${target.application}: `, err);
+    });
+  }
+  static fromFile(filePath, {
+    localApps,
+    proxyPort
+  }) {
+    const microfrontends = MicrofrontendsServer.infer({
+      directory: filePath
+    });
+    if (isMainConfig2(microfrontends.config)) {
+      return new LocalProxy(microfrontends.config, { localApps, proxyPort });
+    }
+    throw new Error(
+      `Unable to find main config from child application (${filePath})`
+    );
+  }
+  startServer() {
+    const httpServer = http.createServer(
+      (req, res) => this.handleRequest(req, res)
+    );
+    httpServer.on("upgrade", (req, socket, head) => {
+      const target = this.router.getTarget(req);
+      try {
+        this.proxy.ws(req, socket, head, { target: target.url });
+      } catch (err) {
+        console.error("Error proxying ws: ", err);
+      }
+    });
+    httpServer.listen(this.proxyPort, () => {
+      console.log(`Microfrontends Proxy: http://localhost:${this.proxyPort}`);
+    });
   }
   handleRequest(req, res) {
     if (this.handleProxyInfoRequest(req.url, res)) {
       return;
     }
-    const target = this.getTarget(req);
+    const target = this.router.getTarget(req);
     if (target.protocol === "https") {
       const { hostname, port, path: path6 } = target;
       const requestOptions = {
@@ -1925,7 +2011,7 @@ var LocalProxy = class {
         if (realRes.statusCode === 307) {
           const locationHeader = realRes.headers.location;
           if (locationHeader) {
-            const redirectUrl = new URL(
+            const redirectUrl = new import_node_url.URL(
               locationHeader.replace(/https:\/\/[^/]+\//, "/"),
               localhost
             );
@@ -1949,21 +2035,33 @@ var LocalProxy = class {
       });
     }
   }
-  startServer() {
-    const httpServer = http.createServer(
-      (req, res) => this.handleRequest(req, res)
-    );
-    httpServer.on("upgrade", (req, socket, head) => {
-      const target = this.getTarget(req);
-      try {
-        this.proxy.ws(req, socket, head, { target: target.url });
-      } catch (err) {
-        console.error("Error proxying ws: ", err);
+  // Handles requests that return data from the local proxy itself.
+  // Returns true if the request was handled, false otherwise.
+  handleProxyInfoRequest(path6, res) {
+    if (!path6) {
+      return false;
+    }
+    const url = new import_node_url.URL(`http://example.comf${path6}`);
+    const pathname = url.pathname;
+    switch (pathname) {
+      case "/.well-known/vercel/microfrontends/routing": {
+        res.writeHead(200, {
+          "Content-Type": "application/json"
+        });
+        const payload = Object.fromEntries(
+          this.router.config.getAllApplications().map((app) => {
+            const { hostname, port, protocol } = this.router.getApplicationTarget(app);
+            return [
+              app.name,
+              { routing: { host: hostname, port, protocol } }
+            ];
+          })
+        );
+        res.end(JSON.stringify(payload));
+        return true;
       }
-    });
-    httpServer.listen(this.proxyPort, () => {
-      console.log(`Microfrontends Proxy: http://localhost:${this.proxyPort}`);
-    });
+    }
+    return false;
   }
 };