@module-federation/vite 1.14.0 → 1.14.2

package/lib/index.cjs

@@ -234,11 +234,11 @@ const addEntry = ({ entryName, entryPath, fileName, inject = "entry" }) => {
 				if (!injectHtml()) return;
 				clientInjected = true;
 				const base = viteConfig.base.replace(/\/$/, "");
-				const stripBase = (p) => base && p.startsWith(base) ? p.slice(base.length) : p;
+				const stripBase = (p) => base && p.startsWith(base + "/") ? p.slice(base.length) : p;
 				const html = rewriteEntryScripts(c, (originalSrc) => {
 					return `/@id/${DEV_HTML_PROXY_PREFIX}${new URLSearchParams({
 						init: sanitizeDevEntryPath(stripBase(devEntryPath)),
-						entry: originalSrc
+						entry: sanitizeDevEntryPath(stripBase(originalSrc))
 					}).toString()}`;
 				});
 				return html === c ? injectEntryScript(c, stripBase(devEntryPath)) : html;
@@ -253,11 +253,7 @@ const addEntry = ({ entryName, entryPath, fileName, inject = "entry" }) => {
 			const initSrc = params.get("init");
 			const entrySrc = params.get("entry");
 			if (!initSrc || !entrySrc) return;
-			return `
-const baseUrl = document.baseURI || window.location.href;
-await import(new URL(${JSON.stringify(initSrc)}, baseUrl).href);
-await import(new URL(${JSON.stringify(entrySrc)}, baseUrl).href);
-`;
+			return `import ${JSON.stringify(initSrc)};\nimport ${JSON.stringify(entrySrc)};\n`;
 		},
 		transform(code, id) {
 			if (id.includes("node_modules") || inject !== "html" || htmlFilePath) return;
@@ -640,6 +636,13 @@ function pluginDevRemoteHmr(options) {
 					connections.length = 0;
 				};
 				for (const [remoteName, remote] of Object.entries(options.remotes)) connectRemote(remoteName, remote);
+				const triggerHostReload = (file) => {
+					if (shouldIgnoreFile(file, options)) return;
+					server.ws.send({ type: "full-reload" });
+				};
+				server.watcher.on("change", triggerHostReload);
+				server.watcher.on("add", triggerHostReload);
+				server.watcher.on("unlink", triggerHostReload);
 				server.httpServer?.once("close", teardown);
 			}
 		}
@@ -898,11 +901,20 @@ function normalizeRemotes(remotes) {
 }
 function normalizeRemoteItem(key, remote) {
 	if (typeof remote === "string") {
-		const [entryGlobalName] = remote.split("@");
+		const separatorIndex = remote.startsWith("@") ? remote.indexOf("@", 1) : remote.indexOf("@");
+		let entryGlobalName;
+		let entry;
+		if (separatorIndex > 0) {
+			entryGlobalName = remote.slice(0, separatorIndex);
+			entry = remote.slice(separatorIndex + 1);
+		} else {
+			entryGlobalName = remote;
+			entry = remote;
+		}
 		return {
 			type: "var",
 			name: key,
-			entry: remote.replace(entryGlobalName + "@", ""),
+			entry,
 			entryGlobalName,
 			shareScope: "default"
 		};
@@ -928,8 +940,13 @@ function searchPackageVersion(sharedName) {
 		while (pathe.parse(potentialPackageJsonDir).base !== "node_modules" && potentialPackageJsonDir !== rootDir) {
 			const potentialPackageJsonPath = pathe.join(potentialPackageJsonDir, "package.json");
 			if (fs.existsSync(potentialPackageJsonPath)) {
-				const potentialPackageJson = JSON.parse(fs.readFileSync(potentialPackageJsonPath, "utf-8"));
-				if (typeof potentialPackageJson == "object" && potentialPackageJson !== null && typeof potentialPackageJson.version === "string" && potentialPackageJson.name === sharedName) return potentialPackageJson.version;
+				const potentialPackageJsonContent = fs.readFileSync(potentialPackageJsonPath, "utf-8");
+				try {
+					const potentialPackageJson = JSON.parse(potentialPackageJsonContent);
+					if (typeof potentialPackageJson == "object" && potentialPackageJson !== null && typeof potentialPackageJson.version === "string" && potentialPackageJson.name === sharedName) return potentialPackageJson.version;
+				} catch (error) {
+					if (!(error instanceof SyntaxError)) throw error;
+				}
 			}
 			potentialPackageJsonDir = pathe.dirname(potentialPackageJsonDir);
 		}
@@ -1453,13 +1470,23 @@ function getInstalledPackageJsonPath(pkg) {
 		while (currentDir !== rootDir) {
 			const packageJsonPath = pathe.default.join(currentDir, "package.json");
 			if ((0, fs.existsSync)(packageJsonPath)) {
-				if (JSON.parse((0, fs.readFileSync)(packageJsonPath, "utf-8")).name === packageName) return packageJsonPath;
+				const packageJsonContent = (0, fs.readFileSync)(packageJsonPath, "utf-8");
+				try {
+					if (JSON.parse(packageJsonContent).name === packageName) return packageJsonPath;
+				} catch (error) {
+					if (!(error instanceof SyntaxError)) throw error;
+				}
 			}
 			currentDir = pathe.default.dirname(currentDir);
 		}
 		const rootPackageJsonPath = pathe.default.join(rootDir, "package.json");
 		if ((0, fs.existsSync)(rootPackageJsonPath)) {
-			if (JSON.parse((0, fs.readFileSync)(rootPackageJsonPath, "utf-8")).name === packageName) return rootPackageJsonPath;
+			const rootPackageJsonContent = (0, fs.readFileSync)(rootPackageJsonPath, "utf-8");
+			try {
+				if (JSON.parse(rootPackageJsonContent).name === packageName) return rootPackageJsonPath;
+			} catch (error) {
+				if (!(error instanceof SyntaxError)) throw error;
+			}
 		}
 	} catch {
 		const packageName = removePathFromNpmPackage(pkg);
@@ -3111,6 +3138,16 @@ var aliasToArrayPlugin_default = {
 	}
 };
 //#endregion
+//#region src/utils/isTestEnv.ts
+/**
+* Detects whether the current process is running in a test environment
+* Set `MFE_VITE_NO_TEST_ENV_CHECK=true` to load federation plugins during tests.
+*/
+function isTestEnv() {
+	if (process.env.MFE_VITE_NO_TEST_ENV_CHECK === "true") return false;
+	return process.env.NODE_ENV === "test" || process.env.VITEST != null || process.env.JEST_WORKER_ID != null;
+}
+//#endregion
 //#region src/utils/controlChunkSanitizer.ts
 const FEDERATION_CONTROL_CHUNK_HINTS = [
 	"hostInit",
@@ -3256,6 +3293,7 @@ function createEarlyVirtualModulesPlugin(options) {
 	};
 }
 function federation(mfUserOptions) {
+	if (isTestEnv()) return [];
 	const options = normalizeModuleFederationOptions(mfUserOptions);
 	const isVinext = hasPackageDependency("vinext");
 	const { name, remotes, shared, filename, hostInitInjectLocation } = options;
@@ -3651,12 +3689,12 @@ function federation(mfUserOptions) {
 						const prefixToRoot = chunkDir === "." ? "" : `${pathe.default.relative(chunkDir, ".")}/`;
 						const replacementExpr = prefixToRoot ? `${escapeUnsafeJsSourceChars(JSON.stringify(prefixToRoot))}+$1` : "$1";
 						const replacement = `=function($1){return new URL(${replacementExpr},import.meta.url).href}`;
-						const replaced = chunk.code.replace(/=\(?(\w+)(?:,\w+)?\)?\s*=>\s*["'`][^"'`]*["'`]\s*\+\s*\1/, replacement);
+						const replaced = chunk.code.replace(/=\(?(\w+)(?:,\w+)?\)?\s*=>\s*["'][./][^"']*["']\s*\+\s*\1/, replacement);
 						if (replaced !== chunk.code) {
 							chunk.code = replaced;
 							continue;
 						}
-						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return\s*["'`][^"'`]*["'`]\s*\+\s*\1\s*\}/, replacement);
+						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return\s*["'][./][^"']*["']\s*\+\s*\1\s*\}/, replacement);
 						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return new URL\("\.\.\/"\+\1,import\.meta\.url\)\.href\}/, replacement);
 						chunk.code = chunk.code.replace(/new URL\("\.\.\/"\+(\w+),import\.meta\.url\)\.href/g, `new URL(${replacementExpr},import.meta.url).href`);
 					}

package/lib/index.mjs

@@ -212,11 +212,11 @@ const addEntry = ({ entryName, entryPath, fileName, inject = "entry" }) => {
 				if (!injectHtml()) return;
 				clientInjected = true;
 				const base = viteConfig.base.replace(/\/$/, "");
-				const stripBase = (p) => base && p.startsWith(base) ? p.slice(base.length) : p;
+				const stripBase = (p) => base && p.startsWith(base + "/") ? p.slice(base.length) : p;
 				const html = rewriteEntryScripts(c, (originalSrc) => {
 					return `/@id/${DEV_HTML_PROXY_PREFIX}${new URLSearchParams({
 						init: sanitizeDevEntryPath(stripBase(devEntryPath)),
-						entry: originalSrc
+						entry: sanitizeDevEntryPath(stripBase(originalSrc))
 					}).toString()}`;
 				});
 				return html === c ? injectEntryScript(c, stripBase(devEntryPath)) : html;
@@ -231,11 +231,7 @@ const addEntry = ({ entryName, entryPath, fileName, inject = "entry" }) => {
 			const initSrc = params.get("init");
 			const entrySrc = params.get("entry");
 			if (!initSrc || !entrySrc) return;
-			return `
-const baseUrl = document.baseURI || window.location.href;
-await import(new URL(${JSON.stringify(initSrc)}, baseUrl).href);
-await import(new URL(${JSON.stringify(entrySrc)}, baseUrl).href);
-`;
+			return `import ${JSON.stringify(initSrc)};\nimport ${JSON.stringify(entrySrc)};\n`;
 		},
 		transform(code, id) {
 			if (id.includes("node_modules") || inject !== "html" || htmlFilePath) return;
@@ -618,6 +614,13 @@ function pluginDevRemoteHmr(options) {
 					connections.length = 0;
 				};
 				for (const [remoteName, remote] of Object.entries(options.remotes)) connectRemote(remoteName, remote);
+				const triggerHostReload = (file) => {
+					if (shouldIgnoreFile(file, options)) return;
+					server.ws.send({ type: "full-reload" });
+				};
+				server.watcher.on("change", triggerHostReload);
+				server.watcher.on("add", triggerHostReload);
+				server.watcher.on("unlink", triggerHostReload);
 				server.httpServer?.once("close", teardown);
 			}
 		}
@@ -876,11 +879,20 @@ function normalizeRemotes(remotes) {
 }
 function normalizeRemoteItem(key, remote) {
 	if (typeof remote === "string") {
-		const [entryGlobalName] = remote.split("@");
+		const separatorIndex = remote.startsWith("@") ? remote.indexOf("@", 1) : remote.indexOf("@");
+		let entryGlobalName;
+		let entry;
+		if (separatorIndex > 0) {
+			entryGlobalName = remote.slice(0, separatorIndex);
+			entry = remote.slice(separatorIndex + 1);
+		} else {
+			entryGlobalName = remote;
+			entry = remote;
+		}
 		return {
 			type: "var",
 			name: key,
-			entry: remote.replace(entryGlobalName + "@", ""),
+			entry,
 			entryGlobalName,
 			shareScope: "default"
 		};
@@ -906,8 +918,13 @@ function searchPackageVersion(sharedName) {
 		while (path$1.parse(potentialPackageJsonDir).base !== "node_modules" && potentialPackageJsonDir !== rootDir) {
 			const potentialPackageJsonPath = path$1.join(potentialPackageJsonDir, "package.json");
 			if (fs.existsSync(potentialPackageJsonPath)) {
-				const potentialPackageJson = JSON.parse(fs.readFileSync(potentialPackageJsonPath, "utf-8"));
-				if (typeof potentialPackageJson == "object" && potentialPackageJson !== null && typeof potentialPackageJson.version === "string" && potentialPackageJson.name === sharedName) return potentialPackageJson.version;
+				const potentialPackageJsonContent = fs.readFileSync(potentialPackageJsonPath, "utf-8");
+				try {
+					const potentialPackageJson = JSON.parse(potentialPackageJsonContent);
+					if (typeof potentialPackageJson == "object" && potentialPackageJson !== null && typeof potentialPackageJson.version === "string" && potentialPackageJson.name === sharedName) return potentialPackageJson.version;
+				} catch (error) {
+					if (!(error instanceof SyntaxError)) throw error;
+				}
 			}
 			potentialPackageJsonDir = path$1.dirname(potentialPackageJsonDir);
 		}
@@ -1430,13 +1447,23 @@ function getInstalledPackageJsonPath(pkg) {
 		while (currentDir !== rootDir) {
 			const packageJsonPath = path.join(currentDir, "package.json");
 			if (existsSync(packageJsonPath)) {
-				if (JSON.parse(readFileSync(packageJsonPath, "utf-8")).name === packageName) return packageJsonPath;
+				const packageJsonContent = readFileSync(packageJsonPath, "utf-8");
+				try {
+					if (JSON.parse(packageJsonContent).name === packageName) return packageJsonPath;
+				} catch (error) {
+					if (!(error instanceof SyntaxError)) throw error;
+				}
 			}
 			currentDir = path.dirname(currentDir);
 		}
 		const rootPackageJsonPath = path.join(rootDir, "package.json");
 		if (existsSync(rootPackageJsonPath)) {
-			if (JSON.parse(readFileSync(rootPackageJsonPath, "utf-8")).name === packageName) return rootPackageJsonPath;
+			const rootPackageJsonContent = readFileSync(rootPackageJsonPath, "utf-8");
+			try {
+				if (JSON.parse(rootPackageJsonContent).name === packageName) return rootPackageJsonPath;
+			} catch (error) {
+				if (!(error instanceof SyntaxError)) throw error;
+			}
 		}
 	} catch {
 		const packageName = removePathFromNpmPackage(pkg);
@@ -3088,6 +3115,16 @@ var aliasToArrayPlugin_default = {
 	}
 };
 //#endregion
+//#region src/utils/isTestEnv.ts
+/**
+* Detects whether the current process is running in a test environment
+* Set `MFE_VITE_NO_TEST_ENV_CHECK=true` to load federation plugins during tests.
+*/
+function isTestEnv() {
+	if (process.env.MFE_VITE_NO_TEST_ENV_CHECK === "true") return false;
+	return process.env.NODE_ENV === "test" || process.env.VITEST != null || process.env.JEST_WORKER_ID != null;
+}
+//#endregion
 //#region src/utils/controlChunkSanitizer.ts
 const FEDERATION_CONTROL_CHUNK_HINTS = [
 	"hostInit",
@@ -3233,6 +3270,7 @@ function createEarlyVirtualModulesPlugin(options) {
 	};
 }
 function federation(mfUserOptions) {
+	if (isTestEnv()) return [];
 	const options = normalizeModuleFederationOptions(mfUserOptions);
 	const isVinext = hasPackageDependency("vinext");
 	const { name, remotes, shared, filename, hostInitInjectLocation } = options;
@@ -3628,12 +3666,12 @@ function federation(mfUserOptions) {
 						const prefixToRoot = chunkDir === "." ? "" : `${path.relative(chunkDir, ".")}/`;
 						const replacementExpr = prefixToRoot ? `${escapeUnsafeJsSourceChars(JSON.stringify(prefixToRoot))}+$1` : "$1";
 						const replacement = `=function($1){return new URL(${replacementExpr},import.meta.url).href}`;
-						const replaced = chunk.code.replace(/=\(?(\w+)(?:,\w+)?\)?\s*=>\s*["'`][^"'`]*["'`]\s*\+\s*\1/, replacement);
+						const replaced = chunk.code.replace(/=\(?(\w+)(?:,\w+)?\)?\s*=>\s*["'][./][^"']*["']\s*\+\s*\1/, replacement);
 						if (replaced !== chunk.code) {
 							chunk.code = replaced;
 							continue;
 						}
-						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return\s*["'`][^"'`]*["'`]\s*\+\s*\1\s*\}/, replacement);
+						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return\s*["'][./][^"']*["']\s*\+\s*\1\s*\}/, replacement);
 						chunk.code = chunk.code.replace(/=function\((\w+)(?:,\w+)?\)\{return new URL\("\.\.\/"\+\1,import\.meta\.url\)\.href\}/, replacement);
 						chunk.code = chunk.code.replace(/new URL\("\.\.\/"\+(\w+),import\.meta\.url\)\.href/g, `new URL(${replacementExpr},import.meta.url).href`);
 					}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "main": "./lib/index.cjs",