@vercel/microfrontends 1.0.1-canary.2 → 1.0.1-canary.3

package/dist/experimental/vite.cjs

@@ -33,9 +33,6 @@ __export(vite_exports, {
   microfrontends: () => microfrontends
 });
 module.exports = __toCommonJS(vite_exports);
-var import_node_fs9 = require("fs");
-var import_node_path9 = require("path");
-var import_node_process = require("process");
 
 // src/config/microfrontends/server/index.ts
 var import_node_fs7 = __toESM(require("fs"), 1);
@@ -710,12 +707,8 @@ var MicrofrontendConfigIsomorphic = class {
     const skipValidation = opts?.skipValidation ?? [];
     const c = typeof config === "string" ? (0, import_jsonc_parser.parse)(config) : config;
     if (isMainConfig(c)) {
-      if (!skipValidation.includes("paths")) {
-        validateConfigPaths(c.applications);
-      }
-      if (!skipValidation.includes("defaultApplication")) {
-        validateConfigDefaultApplication(c.applications);
-      }
+      validateConfigPaths(c.applications);
+      validateConfigDefaultApplication(c.applications);
       if (!skipValidation.includes("deprecatedFields")) {
         validateDeprecatedFields(c);
       }
@@ -1710,6 +1703,20 @@ function getApplicationContext(opts) {
   }
 }
 
+// src/vite/detect-framework.ts
+var import_node_fs9 = require("fs");
+var import_node_path9 = require("path");
+var import_node_process = require("process");
+function detectFramework() {
+  if ((0, import_node_fs9.existsSync)((0, import_node_path9.join)((0, import_node_process.cwd)(), "svelte.config.js"))) {
+    return "sveltekit";
+  }
+  if ((0, import_node_fs9.existsSync)((0, import_node_path9.join)((0, import_node_process.cwd)(), "react-router.config.js")) || (0, import_node_fs9.existsSync)((0, import_node_path9.join)((0, import_node_process.cwd)(), "react-router.config.ts"))) {
+    return "react-router";
+  }
+  return "unknown";
+}
+
 // src/vite/index.ts
 function microfrontends(opts) {
   const { name: fromApp } = getApplicationContext();
@@ -1719,23 +1726,45 @@ function microfrontends(opts) {
     }
   });
   const app = microfrontendsObj.config.getApplication(fromApp);
+  if (app.isDefault() && opts?.basePath) {
+    throw new Error(
+      "`basePath` can not be set for the default microfrontends application."
+    );
+  }
+  if (opts?.basePath && !opts.basePath.startsWith("/")) {
+    throw new Error("`basePath` must start with a `/`");
+  }
   const additionalConfigOptions = {};
+  const framework = detectFramework();
   if (!app.isDefault()) {
     if (opts?.basePath) {
-      additionalConfigOptions.base = `/${opts.basePath}`;
-    } else {
-      const isSvelteKit = (0, import_node_fs9.existsSync)((0, import_node_path9.join)((0, import_node_process.cwd)(), "svelte.config.js"));
-      if (!isSvelteKit) {
-        additionalConfigOptions.experimental = {
-          renderBuiltUrl(filename, { type }) {
-            if (type === "asset") {
-              return `/${app.getAssetPrefix()}/${filename}`;
-            }
-          }
-        };
+      if (framework !== "react-router" || !process.env.VERCEL_ENV) {
+        let basePath = opts.basePath;
+        if (process.env.NODE_ENV === "production" && !basePath.endsWith("/")) {
+          basePath = `${basePath}/`;
+        }
+        additionalConfigOptions.base = basePath;
       }
+    } else if (framework !== "sveltekit") {
+      additionalConfigOptions.experimental = {
+        renderBuiltUrl(filename, { type }) {
+          if (type === "asset") {
+            return `/${app.getAssetPrefix()}/${filename}`;
+          }
+        }
+      };
+    }
+    if (framework === "react-router") {
+      additionalConfigOptions.build = {
+        assetsDir: `./${opts?.basePath ?? app.getAssetPrefix()}`
+      };
     }
   }
+  if (app.development.local.port) {
+    additionalConfigOptions.server = {
+      port: app.development.local.port
+    };
+  }
   return {
     name: "vite-plugin-vercel-microfrontends",
     config: () => {