@module-federation/vite 1.21.1 → 1.21.2

package/README.md

@@ -167,7 +167,7 @@ export default defineConfig({
       name: "host",
       remotes: {
         remote: {
-          type: "module", // type "var" (default) for vite remote is supported with remote's `varFilename` option
+          type: "module", // omitted object type defaults to "var" with a warning
           name: "remote",
           entry: "https://[...]/remoteEntry.js",
           entryGlobalName: "remote",
@@ -237,6 +237,7 @@ export default defineConfig({
 ```
 
 The host app configuration specifies its name, the filename of its exposed remote entry remoteEntry.js, and importantly, the configuration of the remote application to load.
+Object remotes that omit `type` retain the legacy `"var"` default and emit a warning. Use `type: "module"` for Vite ESM remotes. Use `type: "var"` explicitly only for global-format remotes, such as Webpack/Rspack remotes or a Vite remote's `varFilename` output.
 You can specify the place the host initialization file is injected with the **hostInitInjectLocation** option, which is described in the example code above.
 The **moduleParseTimeout** option allows you to configure the maximum time to wait for module parsing during the build process.
 The **moduleParseIdleTimeout** option is an alternative that resets the timer on every parsed module. It only fires when there has been no module activity for the configured duration, making it suitable for large codebases where the total build time exceeds the fixed timeout.

package/lib/index.js

@@ -1,6 +1,6 @@
 import { n as normalizePathForImport, r as rebaseImport } from "./buildPaths-BkaQHrd2.js";
 import { a as getPackageDetectionCwd, c as getSharedCacheDescriptor, d as packageNameDecode, f as packageNameEncode, g as createModuleFederationError, h as sharedCacheHelperCode, i as getIsRolldown, l as hasPackageDependency, m as setPackageDetectionCwd, n as getInstalledPackageEntry, o as getPackageName, p as resolveImportPath, r as getInstalledPackageJson, s as getPackageNameFromNodeModulePath, u as isNuxtProjectRoot, v as mfWarn } from "./dtsConstants-DyJrx8ah.js";
-import { a as getCommonSharedSubpaths, c as isNodeModulePath, d as normalizeNodeModulePath, f as resolvePublicPath, i as getCommonSharedSubpathFromNodeModulePath, l as isNuxtClientBase, n as filterId, o as getMatchingNodeModuleSubpath, r as getBasePath$1, s as isAssetLikeImport, t as ensureTrailingSlash, u as isViteOptimizableEntry } from "./pathNormalization-DvgU8LIp.js";
+import { a as getCommonSharedSubpaths, c as isNodeModulePath, d as normalizeNodeModulePath, f as resolvePublicPath, i as getCommonSharedSubpathFromNodeModulePath, l as isNuxtClientBase, n as filterId, o as getMatchingNodeModuleSubpath, r as getBasePath$1, s as isAssetLikeImport, t as ensureTrailingSlash, u as isViteOptimizableEntry } from "./pathNormalization-CHct3UwV.js";
 import { createRequire } from "node:module";
 import * as fs$2 from "fs";
 import { existsSync, readFileSync, realpathSync, statSync, writeFileSync } from "fs";
@@ -522,8 +522,12 @@ function findModuleImportDescriptors(code) {
 	const dynamicPattern = /\bimport\s*\(\s*(?:\/\*[\s\S]*?\*\/\s*)?(["'])([^"']+)\1\s*\)/g;
 	const requirePattern = /\brequire\s*\(\s*(["'])([^"']+)\1\s*\)/g;
 	const sideEffectPattern = /\bimport\s*(["'])([^"']+)\1/g;
-	for (const match of code.matchAll(staticFromPattern)) {
-		if (!codePositions[match.index]) continue;
+	let match;
+	while (match = staticFromPattern.exec(code)) {
+		if (!codePositions[match.index]) {
+			staticFromPattern.lastIndex = match.index + 1;
+			continue;
+		}
 		descriptors.push({
 			kind: "static",
 			syntax: "import",
@@ -573,6 +577,7 @@ function sanitizeDevEntryPath(devEntryPath) {
 */
 function rewriteEntryScripts(html, createProxySrc) {
 	return html.replace(/<script\b(?=[^>]*\btype=["']module["'])(?=[^>]*\bsrc=["'][^"']+["'])([^>]*)>/gi, (match, attrs) => {
+		if (/\svite-ignore(?:\s|=|\/|$)/i.test(attrs)) return match;
 		const srcMatch = attrs.match(/\bsrc=["']([^"']+)["']/i);
 		if (!srcMatch) return match;
 		const originalSrc = srcMatch[1];
@@ -617,6 +622,9 @@ function normalizeRemotes(remotes) {
 	});
 	return result;
 }
+function warnOmittedObjectRemoteType(remoteKey) {
+	mfWarn(`Remote "${remoteKey}" omits type and defaults to 'var'. Set type: 'module' for Vite ESM remotes, or type: 'var' explicitly to silence this warning.`);
+}
 function normalizeRemoteItem(key, remote) {
 	warnOnReservedInternalNamePrefix(key, "remoteAlias");
 	if (typeof remote === "string") {
@@ -639,6 +647,8 @@ function normalizeRemoteItem(key, remote) {
 			shareScope: "default"
 		};
 	}
+	const typeOmitted = remote.type === void 0 || remote.type === null || remote.type === "";
+	if (typeOmitted) warnOmittedObjectRemoteType(key);
 	return Object.assign({
 		type: "var",
 		name: key,
@@ -647,6 +657,7 @@ function normalizeRemoteItem(key, remote) {
 		entryGlobalName: key
 	}, {
 		...remote,
+		type: typeOmitted ? "var" : remote.type,
 		internalName: toInternalModuleFederationName(remote.name || key)
 	});
 }
@@ -664,6 +675,11 @@ function inferVersionFromRequiredVersion(requiredVersion) {
 	if (typeof requiredVersion !== "string") return void 0;
 	return requiredVersion.match(/\d+\.\d+\.\d+(?:[-+][0-9A-Za-z.-]+)?/)?.[0];
 }
+/** URI-style package specifiers are not semver ranges for runtime satisfy(). */
+const PACKAGE_SPECIFIER_PROTOCOL_RE = /^[a-z][a-z\d+.-]*:/i;
+function isProtocolRequiredVersion(requiredVersion) {
+	return PACKAGE_SPECIFIER_PROTOCOL_RE.test(requiredVersion.trim());
+}
 function getLitExportSubpathShares(sharedName) {
 	if (sharedName !== "lit") return [];
 	const exportsField = getInstalledPackageJson(sharedName, { packageName: sharedName })?.packageJson.exports;
@@ -691,6 +707,8 @@ function normalizeShareItem(key, shareItem) {
 			requiredVersion: version ? `^${version}` : "*"
 		}
 	};
+	const userRequiredVersion = shareItem.requiredVersion;
+	const keepUserRequiredVersion = userRequiredVersion === false || typeof userRequiredVersion === "string" && userRequiredVersion.trim() !== "" && !isProtocolRequiredVersion(userRequiredVersion);
 	return {
 		name: key,
 		from: "",
@@ -700,7 +718,7 @@ function normalizeShareItem(key, shareItem) {
 			import: shareItem.import,
 			singleton: shareItem.singleton || false,
 			eager: shareItem.eager || false,
-			requiredVersion: shareItem.requiredVersion !== void 0 ? shareItem.requiredVersion : isImportFalse || shareItem.version ? "*" : version ? `^${version}` : "*",
+			requiredVersion: keepUserRequiredVersion ? userRequiredVersion : isImportFalse || shareItem.version ? "*" : version ? `^${version}` : "*",
 			strictVersion: !!shareItem.strictVersion,
 			...shareItem.suppressMissingImportWarning ? { suppressMissingImportWarning: true } : {},
 			...treeShaking ? { treeShaking: { ...treeShaking } } : {}
@@ -719,9 +737,9 @@ function normalizeShareItem(key, shareItem) {
 * a prefix; concrete subpaths materialize on import via the generic matcher.
 *
 * `react-dom/` must keep collapsing. A browser-wide `react-dom/` prefix would
-* also capture `react-dom/server*`, which is unsafe without environment-aware
-* filtering. Browser-safe entries such as `react-dom/client` stay explicit via
-* COMMON_SHARED_SUBPATHS (local provider) or an exact shared key.
+* also capture `react-dom/server*`. Browser-safe entries (`react-dom/client`,
+* `react-dom/profiling`) stay via COMMON_SHARED_SUBPATHS (local provider) or
+* an exact shared key; SSR server* entries need an explicit shared key.
 */
 function normalizeSharedKey(key) {
 	if (!key.endsWith("/")) return key;
@@ -3432,12 +3450,24 @@ function generateLocalSharedImportMap(options) {
       }
       `;
 }
+/** Expand `pkg/` → package root + matching usedShares; never returns the prefix string. */
+function expandSharedPrefixKey(prefixKey, used) {
+	const base = prefixKey.slice(0, -1);
+	const expanded = /* @__PURE__ */ new Set([base]);
+	for (const pkg of used) {
+		if (pkg.endsWith("/")) continue;
+		if (pkg === base || pkg.startsWith(`${base}/`)) expanded.add(pkg);
+	}
+	return [...expanded];
+}
 function getOrderedUsedShares(options) {
 	const resolvedOptions = options ?? getNormalizeModuleFederationOptions();
-	const shares = new Set(getUsedShares(options));
+	const used = getUsedShares(options);
+	const shares = new Set(used);
 	Object.keys(resolvedOptions.shared ?? {}).forEach((pkg) => {
 		if (!pkg.endsWith("/")) shares.add(pkg);
 	});
+	for (const [pkg, share] of Object.entries(resolvedOptions.shared ?? {})) if (pkg.endsWith("/") && share.shareConfig?.eager) for (const concrete of expandSharedPrefixKey(pkg, used)) shares.add(concrete);
 	return orderSharedDependenciesFirst(Array.from(shares).sort((a, b) => {
 		const priority = (pkg) => pkg === "react" ? 0 : pkg === "react-dom" ? 1 : pkg.startsWith("react/") ? 2 : 3;
 		return priority(a) - priority(b) || a.localeCompare(b);
@@ -3447,7 +3477,12 @@ function getMaterializedShares(options) {
 	const resolvedOptions = options ?? getNormalizeModuleFederationOptions();
 	const scopedRegistrations = options ? usedSharesByOptions.get(options) : void 0;
 	const shares = new Set(options && scopedRegistrations?.size ? materializedSharesByOptions.get(options) ?? [] : usedShares);
-	for (const [pkg, share] of Object.entries(resolvedOptions.shared ?? {})) if (!pkg.endsWith("/") && share.shareConfig?.eager) shares.add(pkg);
+	const usedForEager = options ? usedSharesByOptions.get(options) ?? [] : usedShares;
+	for (const [pkg, share] of Object.entries(resolvedOptions.shared ?? {})) {
+		if (!share.shareConfig?.eager) continue;
+		if (pkg.endsWith("/")) for (const concrete of expandSharedPrefixKey(pkg, usedForEager)) shares.add(concrete);
+		else shares.add(pkg);
+	}
 	const configured = /* @__PURE__ */ new Map();
 	for (const pkg of getOrderedUsedShares(options)) {
 		const packageName = getPackageName(pkg);
@@ -5122,6 +5157,7 @@ const usedRemotesMap = {};
 const usedRemotesByOptions = /* @__PURE__ */ new WeakMap();
 const dynamicRemotesByOptions = /* @__PURE__ */ new WeakMap();
 const staticRemotesByOptions = /* @__PURE__ */ new WeakMap();
+const preloadRemotesByOptions = /* @__PURE__ */ new WeakMap();
 const EMPTY_STATIC_REMOTES = /* @__PURE__ */ new Set();
 function getScopedUsedRemotesMap(options) {
 	let scoped = usedRemotesByOptions.get(options);
@@ -5159,8 +5195,16 @@ function markStaticRemote(remote, options) {
 	}
 	remotes.add(remote);
 }
-function getStaticRemotes(options) {
-	return staticRemotesByOptions.get(options) ?? EMPTY_STATIC_REMOTES;
+function markPreloadRemote(remote, options) {
+	let remotes = preloadRemotesByOptions.get(options);
+	if (!remotes) {
+		remotes = /* @__PURE__ */ new Set();
+		preloadRemotesByOptions.set(options, remotes);
+	}
+	remotes.add(remote);
+}
+function getPreloadRemotes(options) {
+	return preloadRemotesByOptions.get(options) ?? EMPTY_STATIC_REMOTES;
 }
 function isDynamicOnlyRemote(remote, options) {
 	return (dynamicRemotesByOptions.get(options)?.has(remote) ?? false) && !(staticRemotesByOptions.get(options)?.has(remote) ?? false);
@@ -5660,7 +5704,7 @@ const __mfCurrentScript = document.currentScript;
 		const normalizedOptions = federationOptions ?? getNormalizeModuleFederationOptions();
 		const isLoadedFirstClientBuild = (_command === "build" || viteConfig?.command === "build") && waitsForInit && !viteConfig?.build?.ssr && normalizedOptions.shareStrategy === "loaded-first";
 		if (normalizedOptions.shareStrategy === "loaded-first" && !isLoadedFirstClientBuild) return [];
-		const remoteSources = isLoadedFirstClientBuild ? Array.from(getStaticRemotes(normalizedOptions)) : Object.entries(getUsedRemotesMap(federationOptions)).flatMap(([, remotes]) => Array.from(remotes)).filter((remote) => !federationOptions || !isDynamicOnlyRemote(remote, federationOptions));
+		const remoteSources = isLoadedFirstClientBuild ? Array.from(getPreloadRemotes(normalizedOptions)) : Object.entries(getUsedRemotesMap(federationOptions)).flatMap(([, remotes]) => Array.from(remotes)).filter((remote) => !federationOptions || !isDynamicOnlyRemote(remote, federationOptions));
 		return Array.from(new Set(remoteSources.flatMap((remote) => {
 			const registration = getRemoteRegistration(remote, normalizedOptions.remotes, federationOptions);
 			return registration && (registration.type === "module" || registration.type === "esm") && /^(?:https?:)?\/\//.test(registration.entry) ? [registration.entry] : [];
@@ -5680,7 +5724,7 @@ const __mfCurrentScript = document.currentScript;
 		const normalizedOptions = federationOptions ?? getNormalizeModuleFederationOptions();
 		const isLoadedFirstClientBuild = (_command === "build" || viteConfig?.command === "build") && waitsForInit && !viteConfig?.build?.ssr && normalizedOptions.shareStrategy === "loaded-first";
 		const shouldPreloadRemotes = !options?.skipRemotePreload && (normalizedOptions.shareStrategy !== "loaded-first" || isLoadedFirstClientBuild);
-		const remoteSources = isLoadedFirstClientBuild ? Array.from(getStaticRemotes(normalizedOptions)) : Object.entries(getUsedRemotesMap(federationOptions)).flatMap(([, remotes]) => Array.from(remotes)).filter((remote) => !federationOptions || !isDynamicOnlyRemote(remote, federationOptions));
+		const remoteSources = isLoadedFirstClientBuild ? Array.from(getPreloadRemotes(normalizedOptions)) : Object.entries(getUsedRemotesMap(federationOptions)).flatMap(([, remotes]) => Array.from(remotes)).filter((remote) => !federationOptions || !isDynamicOnlyRemote(remote, federationOptions));
 		const remotePreloads = shouldPreloadRemotes ? remoteSources.sort().map((remote) => {
 			const registration = isLoadedFirstClientBuild ? getRemoteRegistration(remote, normalizedOptions.remotes, federationOptions) : void 0;
 			return `__mfPreloadRemote(${JSON.stringify(getRuntimeRemoteId(remote, normalizedOptions.remotes, federationOptions))}, ${JSON.stringify(remote)}${registration ? `, ${JSON.stringify(registration)}` : ""})`;
@@ -7028,8 +7072,30 @@ function getRemoteEntrySSRId(options) {
 	return `${REMOTE_ENTRY_SSR_ID}:${getVirtualModuleScopeKey(options)}`;
 }
 function getSsrRemoteEntryFileName(browserFilename) {
-	const ext = browserFilename.match(/\.[^.]+$/)?.[0] || ".js";
-	return `${browserFilename.slice(0, browserFilename.length - ext.length)}.ssr${ext}`;
+	let filename = browserFilename;
+	if (filename.includes("[hash")) {
+		filename = filename.replace(/(?:[._-]?\[hash(?::\d+)?\])/g, "");
+		if (!/\.[^.]+$/.test(filename)) filename = `${filename}.js`;
+	}
+	const ext = filename.match(/\.[^.]+$/)?.[0] || ".js";
+	return `${filename.slice(0, filename.length - ext.length)}.ssr${ext}`;
+}
+/** Singleton map for SSR loadShare: expand `pkg/` via usedShares; never serialize the prefix. */
+function getSsrSharedSingletons(options) {
+	const used = getUsedShares(options);
+	const result = {};
+	for (const [pkg, share] of Object.entries(options.shared)) {
+		if (!share.shareConfig.singleton) continue;
+		if (pkg.endsWith("/")) {
+			for (const concrete of expandSharedPrefixKey(pkg, used)) result[concrete] = {
+				...share,
+				name: concrete
+			};
+			continue;
+		}
+		result[pkg] = share;
+	}
+	return result;
 }
 /**
 * Generates the SSR remote entry module.
@@ -7043,7 +7109,7 @@ function getSsrRemoteEntryFileName(browserFilename) {
 */
 function generateRemoteEntrySSR(options) {
 	const virtualExposesSSRId = getVirtualExposesSSRId(options);
-	const sharedSingletons = Object.fromEntries(Object.entries(options.shared).filter(([, share]) => share.shareConfig.singleton));
+	const sharedSingletons = getSsrSharedSingletons(options);
 	return `
   import { init as runtimeInit } from "@module-federation/runtime";
 
@@ -7398,7 +7464,7 @@ const Manifest = (providedOptions) => {
 			if (this.environment?.name === "ssr") return;
 			let filesMap = {};
 			const foundRemoteEntryFile = findRemoteEntryFile(mfOptions.filename, bundle);
-			const expectedSsrRemoteEntryFile = getSsrRemoteEntryFileName(foundRemoteEntryFile || mfOptions.filename);
+			const expectedSsrRemoteEntryFile = getSsrRemoteEntryFileName(mfOptions.filename);
 			const foundSsrRemoteEntryFile = Object.values(bundle).find((file) => file.fileName === expectedSsrRemoteEntryFile)?.fileName;
 			if (foundRemoteEntryFile) remoteEntryFile = foundRemoteEntryFile;
 			ssrRemoteEntryFile = foundSsrRemoteEntryFile || (_command === "serve" ? getSsrRemoteEntryFileName(resolveDevRemoteEntryFileName(mfOptions.filename)) : expectedSsrRemoteEntryFile);
@@ -9570,6 +9636,7 @@ function registerEntryImports(options, projectRoot, recordShared = true, entryFi
 			if (remoteKey) {
 				addUsedRemote(remoteKey, request, options);
 				markStaticRemote(request, options);
+				markPreloadRemote(request, options);
 			} else if (sharedKey && recordShared) addUsedShares(request, options);
 			else if (request && !typeOnly) enqueue(request, file, preloadRemotes && isStatic);
 		}
@@ -9743,7 +9810,11 @@ export default __mfShared.default ?? __mfShared;`
 						else optimizeDeps.include.push(key);
 						for (const subpath of getCommonSharedSubpaths(key)) {
 							const canResolveSubpath = canResolveSharedSubpath(subpath, root);
-							if (["react/compiler-runtime", "react-dom/client"].includes(subpath) && !canResolveSubpath) {
+							if ([
+								"react/compiler-runtime",
+								"react-dom/client",
+								"react-dom/profiling"
+							].includes(subpath) && !canResolveSubpath) {
 								optimizeDeps.exclude.push(subpath);
 								continue;
 							}

package/lib/{pathNormalization-DvgU8LIp.js → pathNormalization-CHct3UwV.js}

@@ -5,11 +5,7 @@ const COMMON_SHARED_SUBPATHS = {
 		"react/jsx-dev-runtime",
 		"react/compiler-runtime"
 	],
-	"react-dom": [
-		"react-dom/client",
-		"react-dom/server",
-		"react-dom/server.browser"
-	],
+	"react-dom": ["react-dom/client", "react-dom/profiling"],
 	"solid-js": [
 		"solid-js/web",
 		"solid-js/store",

package/lib/{ssrEntryLoader-0NnTjWR1.js → ssrEntryLoader-BMtjS_Vl.js}

@@ -606,7 +606,7 @@ async function importTempModule(filePath, versionKey) {
 }
 let warnedVmUnavailable = false;
 async function tryVmStrategy(ssrEntry, options) {
-	const { loadViaVmStrategy, isVmStrategyAvailable } = await import("./ssrVmStrategy-B0fCaHs5.js");
+	const { loadViaVmStrategy, isVmStrategyAvailable } = await import("./ssrVmStrategy-tpI6we9Q.js");
 	if (!await isVmStrategyAvailable()) {
 		if (!warnedVmUnavailable) {
 			warnedVmUnavailable = true;

package/lib/{ssrVmStrategy-B0fCaHs5.js → ssrVmStrategy-tpI6we9Q.js}

@@ -1,5 +1,5 @@
-import { a as getCommonSharedSubpaths } from "./pathNormalization-DvgU8LIp.js";
-import { c as readResponseTextBounded, n as neutralizeBrowserPreloadHelpers, s as fetchWithTimeout, t as SsrEntryHttpError } from "./ssrEntryLoader-0NnTjWR1.js";
+import { a as getCommonSharedSubpaths } from "./pathNormalization-CHct3UwV.js";
+import { c as readResponseTextBounded, n as neutralizeBrowserPreloadHelpers, s as fetchWithTimeout, t as SsrEntryHttpError } from "./ssrEntryLoader-BMtjS_Vl.js";
 //#region src/utils/ssrVmStrategy.ts
 /**
 * vm.SourceTextModule strategy for loading remote SSR entries.

package/lib/utils/ssrEntryLoader.js

@@ -1,2 +1,2 @@
-import { i as ssrEntryLoaderPlugin, n as neutralizeBrowserPreloadHelpers, r as revalidate, t as SsrEntryHttpError } from "../ssrEntryLoader-0NnTjWR1.js";
+import { i as ssrEntryLoaderPlugin, n as neutralizeBrowserPreloadHelpers, r as revalidate, t as SsrEntryHttpError } from "../ssrEntryLoader-BMtjS_Vl.js";
 export { SsrEntryHttpError, ssrEntryLoaderPlugin as default, neutralizeBrowserPreloadHelpers, revalidate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.21.1",
+  "version": "1.21.2",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "main": "./lib/index.js",
@@ -93,4 +93,4 @@
     "vite": "8.2.0",
     "vitest": "4.1.10"
   }
-}
+}