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

package/dist/experimental/vite.js

@@ -1,8 +1,3 @@
-// src/vite/index.ts
-import { existsSync } from "node:fs";
-import { join as join3 } from "node:path";
-import { cwd } from "node:process";
-
 // src/config/microfrontends/server/index.ts
 import fs5 from "node:fs";
 import { dirname as dirname3, join as join2 } from "node:path";
@@ -676,12 +671,8 @@ var MicrofrontendConfigIsomorphic = class {
     const skipValidation = opts?.skipValidation ?? [];
     const c = typeof config === "string" ? 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);
       }
@@ -1676,6 +1667,20 @@ function getApplicationContext(opts) {
   }
 }
 
+// src/vite/detect-framework.ts
+import { existsSync } from "node:fs";
+import { join as join3 } from "node:path";
+import { cwd } from "node:process";
+function detectFramework() {
+  if (existsSync(join3(cwd(), "svelte.config.js"))) {
+    return "sveltekit";
+  }
+  if (existsSync(join3(cwd(), "react-router.config.js")) || existsSync(join3(cwd(), "react-router.config.ts"))) {
+    return "react-router";
+  }
+  return "unknown";
+}
+
 // src/vite/index.ts
 function microfrontends(opts) {
   const { name: fromApp } = getApplicationContext();
@@ -1685,22 +1690,44 @@ 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 = existsSync(join3(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",