@module-federation/vite 1.17.1 → 1.18.0

package/README.md

@@ -31,6 +31,7 @@ Examples live in [`gioboa/module-federation-vite-examples`](https://github.com/g
 | ---------------------------------------------------------------------------------------- | --------------- | ----------------- | --------------------------- |
 | [Alpine](https://github.com/gioboa/module-federation-vite-examples/tree/main/alpine)     | `alpine-host`   | `alpine-remote`   | Alpine.js                   |
 | [Angular](https://github.com/gioboa/module-federation-vite-examples/tree/main/angular)   | `angular-host`  | `angular-remote`  | Angular                     |
+| [Ember](https://github.com/gioboa/module-federation-vite-examples/tree/main/ember)       | `ember-host`    | `ember-remote`    | Ember 7                     |
 | [Lit](https://github.com/gioboa/module-federation-vite-examples/tree/main/lit)           | `lit-host`      | `lit-remote`      | Lit                         |
 | [Nuxt](https://github.com/gioboa/module-federation-vite-examples/tree/main/nuxt)         | `nuxt-host`     | `nuxt-remote`     | Nuxt 4                      |
 | [Nx](https://github.com/gioboa/react-nx-microfrontend-demo)                              | `host`          | `remote`          | React + Nx                  |

package/lib/index.d.ts

@@ -8,7 +8,7 @@ interface RemoteObjectConfig {
   internalName?: string;
   entry: string;
   entryGlobalName?: string;
-  shareScope?: string;
+  shareScope?: string | string[];
 }
 interface TreeShakingConfig {
   mode: 'server-calc' | 'runtime-infer';
@@ -36,7 +36,7 @@ type ModuleFederationOptions = {
   name: string;
   remotes?: Record<string, string | RemoteObjectConfig> | undefined;
   runtime?: any;
-  shareScope?: string;
+  shareScope?: string | string[];
   /**
    * Override the public path used for remote entries
    * Defaults to Vite's base config or "auto" if base is empty

package/lib/index.js

@@ -639,7 +639,7 @@ var VirtualModule = class VirtualModule {
 //#endregion
 //#region src/utils/ssrCapabilities.ts
 /** A browser-safe generated expression that is true only in Node.js. */
-const SERVER_ENV_GUARD = "typeof process !== 'undefined' && !!process.versions && !!process.versions.node";
+const SERVER_ENV_GUARD = "import.meta.env.SSR";
 /**
 * Single source of truth for SSR-related feature gates.
 *
@@ -1854,6 +1854,7 @@ function getDependencyNames(packageJson) {
 }
 function isSharedSingletonConsumedByPeer(pkg) {
 	const shared = getNormalizeModuleFederationOptions()?.shared || {};
+	if (Object.entries(shared).some(([key, item]) => key !== pkg && key.startsWith(`${pkg}/`) && item.shareConfig.singleton === true)) return true;
 	const sharedKeyByPackageName = /* @__PURE__ */ new Map();
 	Object.entries(shared).filter(([, item]) => item.shareConfig.singleton === true).forEach(([key]) => {
 		const packageName = getPackageName(key);
@@ -2144,13 +2145,14 @@ function generateEagerWorkspaceSingletonExports(namedExports, importSource, cach
     __mfApplyEagerShareExports(exportModule);
     export { __mf_default as default };${namedExportLine}`;
 }
-function generateLazyWorkspaceSingletonExports(namedExports, importSource, cacheDescriptor, cacheOwner, treeShakingConsumer) {
+function generateLazyWorkspaceSingletonExports(namedExports, importSource, cacheDescriptor, cacheOwner, treeShakingConsumer, serveLocalFallback = false) {
 	const namedExportVars = namedExports.map((_name, i) => `__mf_${i}`);
 	const declarations = namedExports.length > 0 ? ["let __mf_default;", ...namedExportVars.map((name) => `let ${name};`)].join("\n    ") : "let __mf_default;";
 	const assignments = namedExports.length > 0 ? [...namedExports.map((name, i) => `${namedExportVars[i]} = mod[${escapeGeneratedStringLiteral(name)}];`), "__mf_default = mod.default ?? mod;"].join("\n      ") : "__mf_default = mod.default ?? mod;";
 	const namedExportLine = namedExports.length > 0 ? `\n    export { ${namedExports.map((name, i) => `${namedExportVars[i]} as ${name}`).join(", ")} };` : "";
 	const applyLocalFallback = `exportModule = __mfNormalizeShareModule(__mfLocalShare);
-      __mfWriteSharedCache(__mfModuleCache.share, ${cacheDescriptor}, exportModule, ${cacheOwner});`;
+      __mfWriteSharedCache(__mfModuleCache.share, ${cacheDescriptor}, exportModule, ${cacheOwner});
+      __mfApplyLazyShareExports(exportModule);`;
 	return `${declarations}
     const __mfApplyLazyShareExports = (mod) => {
       ${assignments}
@@ -2158,7 +2160,7 @@ function generateLazyWorkspaceSingletonExports(namedExports, importSource, cache
     __mfSubscribeSharedCache(__mfModuleCache.share, ${cacheDescriptor}, __mfApplyLazyShareExports);
     let exportModule = ${getSharedCacheReadExpression(cacheDescriptor, treeShakingConsumer)};
     if (exportModule === undefined) {
-      if (import.meta.env.SSR) {
+      if (import.meta.env.SSR${serveLocalFallback ? " || (import.meta.env.DEV && typeof __mfLocalShare !== 'undefined')" : ""}) {
         ${applyLocalFallback}
       } else {
         (__mfModuleCache.pendingShareLoads ||= []).push(initPromise.then(() => {
@@ -2183,7 +2185,7 @@ function prependWorkspaceSingletonSsrImport(code) {
 	if (!code.includes("if (import.meta.env.SSR)")) return code;
 	if (!code.includes(WORKSPACE_SINGLETON_SSR_LOCAL_SHARE)) return code;
 	if (code.includes("import * as __mfLocalShare")) return code;
-	const importMatch = code.match(/initPromise\.then\(\(\)\s*=>\s*\{[\s\S]*?\breturn import\((["'])(.+?)\1\)\.then\(\(mod\)\s*=>\s*\{[\s\S]*?__mfApplyLazyShareExports/) ?? code.match(/initPromise\.then\(\(\)\s*=>\s*\n\s*import\((["'])(.+?)\1\)\.then\(\(mod\)\s*=>\s*\{[\s\S]*?__mfApplyLazyShareExports/);
+	const importMatch = code.match(/initPromise\.then\(\(\)\s*=>\s*\{[\s\S]*?\breturn import\((["'])(.+?)\1\)\.then\(\(mod\)\s*=>\s*\{[\s\S]*?__mfApplyLazyShareExports/) ?? code.match(/initPromise\.then\(\(\)\s*=>\s*\n\s*import\((["'])(.+?)\1\)\.then\(\(mod\)\s*=>\s*\{[\s\S]*?__mfApplyLazyShareExports/) ?? code.match(/import\((["'])(.+?)\1\)/);
 	if (!importMatch) return code;
 	const quote = importMatch[1];
 	return `import * as __mfLocalShare from ${quote}${importMatch[2]}${quote};\n${code}`;
@@ -2223,10 +2225,15 @@ function generateShareModuleUnwrapCode({ source, preserveNamedExports, stopWithR
       return current;`;
 }
 const normalizeLocalShareModuleCode = `const __mfNormalizeShareModule = (mod) => {
-      ${generateShareModuleUnwrapCode({
+      const normalized = (() => {
+        ${generateShareModuleUnwrapCode({
 	source: "mod",
 	preserveNamedExports: true
 })}
+      })();
+      return normalized && Object.getPrototypeOf(normalized) === null
+        ? Object.assign({}, normalized)
+        : normalized;
     };`;
 function writeLoadShareModule(pkg, shareItem, command, _isRolldown) {
 	if (!loadShareCacheMap[pkg]) loadShareCacheMap[pkg] = new VirtualModule(pkg, LOAD_SHARE_TAG, ".js");
@@ -2265,6 +2272,7 @@ function writeLoadShareModule(pkg, shareItem, command, _isRolldown) {
 	const isWorkspaceSingleton = isWorkspacePackage && shareItem.shareConfig.singleton === true;
 	const isDefaultShareScope = shareItem.scope === void 0 || shareItem.scope === "default" || Array.isArray(shareItem.scope) && shareItem.scope[0] === "default";
 	const usesDeferredSingletonFallback = hasCompleteExportCoverage && (isWorkspaceSingleton || command !== "build" && isRemoteOnlyContainer() && shareItem.shareConfig.singleton === true || command === "build" && isRemoteOnlyContainer() && shareItem.shareConfig.singleton === true && !isDefaultShareScope);
+	const servesRemoteSingletonFallback = command !== "build" && isRemoteOnlyContainer() && shareItem.shareConfig.singleton === true;
 	const isConsumedByPeerSingleton = isSharedSingletonConsumedByPeer(pkg);
 	const usesEntryInjectedRemoteFallback = hasCompleteExportCoverage && command !== "build" && !isWorkspaceSingleton && isRemoteOnlyContainer() && shareItem.shareConfig.singleton === true && getNormalizeModuleFederationOptions().hostInitInjectLocation === "entry" && isConsumedByPeerSingleton;
 	const usesEagerWorkspaceFallback = hasCompleteExportCoverage && isWorkspaceSingleton && isConsumedByPeerSingleton;
@@ -2273,11 +2281,11 @@ function writeLoadShareModule(pkg, shareItem, command, _isRolldown) {
 	let initBlock = "";
 	if (usesDeferredTreeShakingFallback) {
 		importLine = `${getRuntimeInitPromiseBootstrapCode()}\n    ${importLine}`;
-		exportLine = generateLazyWorkspaceSingletonExports(namedExports, lazyLocalFallbackSource, cacheDescriptor, cacheOwner, treeShakingConsumer);
+		exportLine = generateLazyWorkspaceSingletonExports(namedExports, lazyLocalFallbackSource, cacheDescriptor, cacheOwner, treeShakingConsumer, command !== "build" && (isWorkspaceSingleton || isWorkspacePackage || servesRemoteSingletonFallback));
 	} else if (usesEagerWorkspaceFallback || usesEntryInjectedRemoteFallback) exportLine = generateEagerWorkspaceSingletonExports(namedExports, lazyLocalFallbackSource, cacheDescriptor, cacheOwner, treeShakingConsumer);
 	else if (usesDeferredSingletonFallback) {
 		importLine = `${getRuntimeInitPromiseBootstrapCode()}\n    ${importLine}`;
-		exportLine = generateLazyWorkspaceSingletonExports(namedExports, lazyLocalFallbackSource, cacheDescriptor, cacheOwner, treeShakingConsumer);
+		exportLine = generateLazyWorkspaceSingletonExports(namedExports, lazyLocalFallbackSource, cacheDescriptor, cacheOwner, treeShakingConsumer, command !== "build" && (isWorkspaceSingleton || isWorkspacePackage || servesRemoteSingletonFallback));
 	} else if (detectedNamedExports === void 0) {
 		exportLine = `const __mfDefaultExport = (() => {
       ${generateShareModuleUnwrapCode({
@@ -2339,7 +2347,7 @@ function writeLoadShareModule(pkg, shareItem, command, _isRolldown) {
 		initBlock = `exportModule = __mfNormalizeShareModule(__mfLocalShare);
       __mfWriteSharedCache(__mfModuleCache.share, ${cacheDescriptor}, exportModule, ${cacheOwner});`;
 	}
-	const prebuildImportLine = usesDeferredSingletonFallback || usesDeferredTreeShakingFallback ? "" : `import * as __mfLocalShare from ${escapeGeneratedStringLiteral(detectedNamedExports === void 0 ? coherentLocalSource : skipServePrebuildWarmup ? devImportSource : sharedImportSource)};`;
+	const prebuildImportLine = usesDeferredSingletonFallback || usesDeferredTreeShakingFallback ? servesRemoteSingletonFallback || usesDeferredSingletonFallback && command !== "build" && (isWorkspaceSingleton || isWorkspacePackage) ? `import * as __mfLocalShare from ${escapeGeneratedStringLiteral(lazyLocalFallbackSource)};` : "" : `import * as __mfLocalShare from ${escapeGeneratedStringLiteral(detectedNamedExports === void 0 ? coherentLocalSource : skipServePrebuildWarmup ? devImportSource : sharedImportSource)};`;
 	const devDynamicImportLine = isWorkspacePackage ? "" : usesDeferredSingletonFallback || usesDeferredTreeShakingFallback ? "" : command !== "build" && !skipServePrebuildWarmup ? `;() => import(${escapeGeneratedStringLiteral(devImportSource)}).catch(() => {});` : "";
 	const moduleBody = usesDeferredSingletonFallback || usesDeferredTreeShakingFallback ? `
     ${prebuildImportLine}
@@ -2454,10 +2462,12 @@ function generateLocalSharedImportMap() {
                 ? (res?.default ?? res)
                 : {...res}
               // All npm packages pre-built by vite will be converted to esm
-              Object.defineProperty(exportModule, "__esModule", {
-                value: true,
-                enumerable: false
-              })
+              if (exportModule.__esModule !== true) {
+                Object.defineProperty(exportModule, "__esModule", {
+                  value: true,
+                  enumerable: false
+                })
+              }
               return function () {
                 return exportModule
               }
@@ -2550,7 +2560,17 @@ function orderSharedDependenciesFirst(sharedPackages) {
 			const sharedDependency = sharedKeyByPackageName.get(dependency);
 			if (sharedDependency) visit(sharedDependency);
 		});
-		if (pkg === packageName) (subpathKeysByPackageName.get(packageName) || []).forEach(visit);
+		if (pkg === packageName) {
+			const subpaths = subpathKeysByPackageName.get(packageName) || [];
+			if (packageName === "react" || packageName === "react-dom") {
+				visiting.delete(pkg);
+				visited.add(pkg);
+				ordered.push(pkg);
+				subpaths.forEach(visit);
+				return;
+			}
+			subpaths.forEach(visit);
+		}
 		visiting.delete(pkg);
 		visited.add(pkg);
 		ordered.push(pkg);
@@ -2572,7 +2592,7 @@ function generateSharedCacheSeedItem(pkg, shareItem, importPath) {
         ${normalizeRuntimeShareCode}
         const normalizedModule = __mfNormalizeRuntimeShare(mod);
         const exportModule = normalizedModule === mod ? {...mod} : normalizedModule;
-        Object.defineProperty(exportModule, "__esModule", {
+        if (exportModule.__esModule !== true) Object.defineProperty(exportModule, "__esModule", {
           value: true,
           enumerable: false
         });
@@ -2789,7 +2809,7 @@ function generateRuntimeSharedCacheSeedCode(shareStrategy) {
         ${normalizeRuntimeShareCode}
         const normalizedModule = __mfNormalizeRuntimeShare(resolved);
         const exportModule = normalizedModule === resolved ? {...resolved} : normalizedModule;
-        Object.defineProperty(exportModule, "__esModule", {
+        if (exportModule.__esModule !== true) Object.defineProperty(exportModule, "__esModule", {
           value: true,
           enumerable: false
         });
@@ -3047,6 +3067,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
 	const needsSharedProviderSelectionHelper = Object.keys(options.shared ?? {}).length > 0;
 	const hasTreeShakingShared = Object.values(options.shared ?? {}).some((share) => !!share?.shareConfig.treeShaking);
 	const hasEagerShared = Object.values(options.shared ?? {}).some((share) => share?.shareConfig.eager === true && share.shareConfig.import !== false);
+	const hasMultipleShareScopes = Array.isArray(options.shareScope);
 	const runtimeImports = [
 		"init as runtimeInit",
 		"loadRemote",
@@ -3065,7 +3086,19 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
 			serializeRuntimeOptions(p[1])
 		];
 	});
-	const initializeSharingCode = `try {
+	const initializeSharingCode = hasMultipleShareScopes ? `for (const shareScopeName of shareScopeNamesToInitialize) {
+      try {
+        await retrySharedInit(async () => {
+          await Promise.all(await initRes.initializeSharing(shareScopeName, {
+            strategy: '${options.shareStrategy}',
+            from: "build",
+            initScope
+          }));
+        });
+      } catch (e) {
+        console.error('[Module Federation]', e)
+      }
+    }` : `try {
       await retrySharedInit(async () => {
         await Promise.all(await initRes.initializeSharing('${options.shareScope}', {
           strategy: '${options.shareStrategy}',
@@ -3092,7 +3125,8 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
   ${command === "build" ? getRuntimeInitResolveBootstrapCode() : getRuntimeInitBootstrapCode() + "\n  const { initResolve } = globalThis[globalKey];"}
   ${getRuntimeModuleCacheBootstrapCode()}
   const initTokens = {}
-  const shareScopeName = ${JSON.stringify(options.shareScope)}
+  const shareScopeNames = Array.isArray(${JSON.stringify(options.shareScope)}) ? ${JSON.stringify(options.shareScope)} : [${JSON.stringify(options.shareScope)}]
+  const shareScopeName = ${JSON.stringify(hasMultipleShareScopes ? options.shareScope[0] : options.shareScope)}
   const mfName = ${JSON.stringify(options.name)}
   let localSharedImportMapPromise
   let exposesMapPromise
@@ -3139,31 +3173,66 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
 
   async function init(shared = {}, initScope = []) {
     ${sharedCacheHelperCode}
+    const getShareScope = (scopeName) => ${hasMultipleShareScopes} ? (shared?.[scopeName] || {}) : shared;
+    const getShareScopeNames = (share) => {
+      const configuredScopes = Array.isArray(share?.scope) ? share.scope : [share?.scope || shareScopeName];
+      if (!${hasMultipleShareScopes}) return configuredScopes;
+      return [...new Set([...configuredScopes, ...shareScopeNames])];
+    };
+    const getShareScopeName = (pkg, share) => {
+      for (const scopeName of getShareScopeNames(share)) {
+        if (getShareScope(scopeName)?.[pkg]) return scopeName;
+      }
+      return shareScopeName;
+    };
+    const getShareVersions = (pkg, share) => {
+      for (const scopeName of getShareScopeNames(share)) {
+        const versions = getShareScope(scopeName)?.[pkg];
+        if (versions) return versions;
+      }
+      return getShareScope(shareScopeName)?.[pkg];
+    };
     const federationInstances = globalThis.__FEDERATION__?.__INSTANCES__ || [];
     const initRootName = initScope.find((token) => token?.from)?.from;
     const scopeRoot = federationInstances.find((instance) =>
       instance?.options?.name === initRootName &&
-      instance?.shareScopeMap?.['${options.shareScope}'] === shared
+      ${hasMultipleShareScopes ? "shareScopeNames.some((scopeName) => instance?.shareScopeMap?.[scopeName] === getShareScope(scopeName))" : `instance?.shareScopeMap?.['${options.shareScope}'] === shared`}
     ) || federationInstances.find((instance) =>
       instance?.options?.name !== mfName &&
-      instance?.shareScopeMap?.['${options.shareScope}'] === shared
+      ${hasMultipleShareScopes ? "shareScopeNames.some((scopeName) => instance?.shareScopeMap?.[scopeName] === getShareScope(scopeName))" : `instance?.shareScopeMap?.['${options.shareScope}'] === shared`}
     );
     const initialShared = Object.create(null);
-    for (const [pkg, versions] of Object.entries(shared)) {
+    ${hasMultipleShareScopes ? `for (const scopeName of shareScopeNames) {
+      for (const [pkg, versions] of Object.entries(getShareScope(scopeName))) {
+        if (initialShared[pkg]) continue;
+        const initialVersions = initialShared[pkg] = Object.create(null);
+        for (const [version, provider] of Object.entries(versions)) {
+          initialVersions[version] = Object.assign({}, provider);
+        }
+      }
+    }` : `for (const [pkg, versions] of Object.entries(shared)) {
       const initialVersions = initialShared[pkg] = Object.create(null);
       for (const [version, provider] of Object.entries(versions)) {
         // Runtime registration mutates provider records in-place, notably their origin.
         // Preserve the parent-visible provider and its original provenance.
         initialVersions[version] = Object.assign({}, provider);
       }
-    }
+    }`}
     const {usedShared, usedRemotes} = await getLocalSharedImportMap()
     // handling circular init calls before an external provider can re-enter this container
-    var initToken = initTokens[shareScopeName];
+    ${hasMultipleShareScopes ? `const shareScopeNamesToInitialize = [];
+    for (const shareScopeName of shareScopeNames) {
+      let initToken = initTokens[shareScopeName];
+      if (!initToken) initToken = initTokens[shareScopeName] = { from: mfName };
+      if (initScope.indexOf(initToken) >= 0) continue;
+      initScope.push(initToken);
+      shareScopeNamesToInitialize.push(shareScopeName);
+    }
+    if (shareScopeNamesToInitialize.length === 0) return;` : `var initToken = initTokens[shareScopeName];
     if (!initToken)
       initToken = initTokens[shareScopeName] = { from: mfName };
     if (initScope.indexOf(initToken) >= 0) return;
-    initScope.push(initToken);
+    initScope.push(initToken);`}
     ${normalizeRuntimeShareCode}
     const __browserPlugins = [${pluginImportNames.filter((item) => !isSsrOnlyPlugin(item[1])).map((item) => `${item[0]}(${item[2]})`).join(", ")}];
     const __ssrPlugins = typeof globalThis.window === 'undefined'
@@ -3184,7 +3253,10 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
       plugins: [__mfSharePinLifecyclePlugin(), ${hasTreeShakingShared ? "__mfTreeShakingSnapshotPlugin()," : ""} ...__browserPlugins, ...__ssrPlugins],
       ${options.shareStrategy ? `shareStrategy: '${options.shareStrategy}'` : ""}
     });
-    initRes.initShareScopeMap('${options.shareScope}', shared);
+    ${hasMultipleShareScopes ? `for (const shareScopeName of shareScopeNamesToInitialize) {
+      const scopeShare = getShareScope(shareScopeName);
+      initRes.initShareScopeMap(shareScopeName, scopeShare);
+    }` : `initRes.initShareScopeMap('${options.shareScope}', shared);`}
     function __mfSharePinLifecyclePlugin() {
       return {
         name: "vite-share-pin-lifecycle-plugin",
@@ -3232,7 +3304,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
       if (!versionMap || versionMap[version] !== currentProvider) return undefined;
       const pinnedProvider = Object.assign({}, provider, {
         version: provider.version ?? version,
-        scope: provider.scope ?? currentProvider?.scope ?? ['${options.shareScope}'],
+        scope: provider.scope ?? currentProvider?.scope ?? ${JSON.stringify(hasMultipleShareScopes ? options.shareScope : [options.shareScope])},
         strategy: 'loaded-first'
       });
       const providerFrom = provider.from;
@@ -3440,7 +3512,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
           usedShare.scope
         );
         if (__mfReadSharedCache(__mfModuleCache.share, usedCacheDescriptor) !== undefined) return;
-        const liveVersionMap = shared[pkg];
+        const liveVersionMap = ${hasMultipleShareScopes ? "getShareVersions(pkg, usedShare)" : "shared[pkg]"};
         const liveProvider = liveVersionMap?.[version];
         if (providerEntry.registered && !__mfMatchesSharedProvider(liveProvider, provider)) return;
         let loadedShare;
@@ -3526,8 +3598,8 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
         const resolvedExternalProvider = __mfResolveExternalSharedProvider(
           federationInstances,
           scopeRoot,
-          shared,
-          '${options.shareScope}',
+          ${hasMultipleShareScopes ? "getShareScope(getShareScopeName(pkg, usedShare))" : "shared"},
+          ${hasMultipleShareScopes ? "getShareScopeName(pkg, usedShare)" : `'${options.shareScope}'`},
           pkg,
           providerEntry,
           selectedExternalProvider,
@@ -3549,7 +3621,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
         if (cachedShare !== undefined && cachedShareOwner !== mfName) return;
         // Registration can replace an unloaded same-version root provider in-place.
         // Pin the chosen provider while loadShare() runs its implicit registration.
-        const liveVersionMap = shared[pkg];
+        const liveVersionMap = ${hasMultipleShareScopes ? "getShareVersions(pkg, usedShare)" : "shared[pkg]"};
         const liveProvider = liveVersionMap?.[version];
         if (
           providerEntry.registered &&
@@ -3631,7 +3703,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
       await __mfBridgeExternalSharedProvider(
         pkg,
         usedShare,
-        shared[pkg],
+        ${hasMultipleShareScopes ? "getShareVersions(pkg, usedShare)" : "shared[pkg]"},
         initialShared[pkg],
         undefined
       );
@@ -3641,9 +3713,10 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
       const globalVersionsByPackage = Object.create(null);
       if (allInstances) {
         for (const [, scopes] of Object.entries(allInstances)) {
-          const scopeShare = scopes?.['${options.shareScope}'];
-          if (!scopeShare) continue;
-          for (const [pkg, versionMap] of Object.entries(scopeShare)) {
+          for (const scopeName of shareScopeNames) {
+            const scopeShare = scopes?.[scopeName];
+            if (!scopeShare) continue;
+            for (const [pkg, versionMap] of Object.entries(scopeShare)) {
             const usedShare = usedShared?.[pkg];
             const passedVersions = initialShared[pkg];
             const bridgeSelection = bridgeSelections.get(pkg);
@@ -3664,6 +3737,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
               if (provider === usedShare || (usedShare.from && provider.from === usedShare.from)) continue;
               if (globalVersions[version] === undefined) globalVersions[version] = provider;
             }
+            }
           }
         }
       }
@@ -3687,7 +3761,7 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
         : __mfReadSharedCache(__mfModuleCache.share, cacheDescriptor);
       if (share.shareConfig?.import !== false || cachedShare !== undefined) return;
       ${normalizeRuntimeShareCode}
-      const versionMap = shared?.[pkg];
+      const versionMap = ${hasMultipleShareScopes ? "getShareVersions(pkg, share)" : "shared?.[pkg]"};
       const provider = __mfSelectSharedProvider(
         versionMap,
         pkg,
@@ -3861,7 +3935,7 @@ function getRemoteVirtualModule(remote, command, enableSsrInit = false, consumer
 	const { shareStrategy } = getNormalizeModuleFederationOptions();
 	const cacheKey = `${remote}__${command}__${shareStrategy}__${consumer}__${enableSsrInit ? "ssr-init" : "no-ssr-init"}`;
 	if (!cacheRemoteMap[cacheKey]) {
-		cacheRemoteMap[cacheKey] = new VirtualModule(remote, LOAD_REMOTE_TAG, ".js");
+		cacheRemoteMap[cacheKey] = new VirtualModule(consumer === "unified" ? remote : `${remote}__mf_consumer__${consumer}`, LOAD_REMOTE_TAG, ".js");
 		cacheRemoteMap[cacheKey].writeSync(generateRemotes(remote, command, enableSsrInit, consumer));
 	}
 	return cacheRemoteMap[cacheKey];
@@ -3904,9 +3978,24 @@ function shouldIncludeDeferredProxy(initMode, consumer, eagerLoadClientRemote, d
 function getRemoteModuleRuntimeHelpers() {
 	return `
     function __mfUnwrapRemoteDefault(mod) {
-      if (mod == null) return mod;
-      if (mod.__esModule && mod.default != null) return mod.default;
-      return mod.default ?? mod;
+      let value = mod;
+      // A federated expose can pass through more than one ESM/CJS namespace
+      // wrapper (notably with React/Preact lazy imports). Keep unwrapping
+      // explicit default namespaces until the actual component is reached.
+      const seen = new Set();
+      while (value != null && typeof value === "object" && !seen.has(value)) {
+        seen.add(value);
+        if (value.__esModule && value.default != null) {
+          value = value.default;
+          continue;
+        }
+        if (!value.__esModule && value.default != null) {
+          value = value.default;
+          continue;
+        }
+        break;
+      }
+      return value;
     }
     let __mfDefaultExport;
     function __mfSyncDefaultExport() {
@@ -4210,9 +4299,10 @@ const addEntry = ({ entryName, entryPath, fileName, inject = "entry", forceClien
 			const blockEnd = body.lastIndexOf("}");
 			if (blockStart === -1 || blockEnd <= blockStart) return scriptTag;
 			return `<script>${body.slice(0, blockStart + 1) + `
+const __mfCurrentScript = document.currentScript;
 (async () => {
   await import(${JSON.stringify(initPath)}).then(({ initHost }) => initHost());
-` + body.slice(blockStart + 1, blockEnd) + `
+` + body.slice(blockStart + 1, blockEnd).replaceAll("document.currentScript", "__mfCurrentScript") + `
 })();
 ` + body.slice(blockEnd)}<\/script>`;
 		});
@@ -5521,15 +5611,25 @@ function generateRemoteEntrySSR(options) {
     const initToken = { from: ${JSON.stringify(options.name)} };
     if (initScope.indexOf(initToken) >= 0) return;
     initScope.push(initToken);
-    initRes.initShareScopeMap(${JSON.stringify(options.shareScope)}, shared);
+    const shareScopeNames = Array.isArray(${JSON.stringify(options.shareScope)})
+      ? ${JSON.stringify(options.shareScope)}
+      : [${JSON.stringify(options.shareScope)}];
     try {
-      await Promise.all(
-        await initRes.initializeSharing(${JSON.stringify(options.shareScope)}, {
-          strategy: ${JSON.stringify(options.shareStrategy ?? "version-first")},
-          from: 'build',
-          initScope,
-        })
-      );
+      for (const scopeName of shareScopeNames) {
+        try {
+          const scopeShare = Array.isArray(${JSON.stringify(options.shareScope)}) ? (shared?.[scopeName] || {}) : shared;
+          initRes.initShareScopeMap(scopeName, scopeShare);
+          await Promise.all(
+            await initRes.initializeSharing(scopeName, {
+              strategy: ${JSON.stringify(options.shareStrategy ?? "version-first")},
+              from: 'build',
+              initScope,
+            })
+          );
+        } catch (e) {
+          console.error('[Module Federation SSR]', e);
+        }
+      }
     } catch (e) {
       console.error('[Module Federation SSR]', e);
     }
@@ -6114,7 +6214,7 @@ function pluginProxyRemoteEntry_default({ options, remoteEntryId, virtualExposes
 		},
 		async buildStart() {
 			await refreshExposeRemoteDependencies(this);
-			if (_command !== "build") return;
+			if (_command !== "build" || hasPackageDependency("@tanstack/react-start", root)) return;
 			for (const expose of Object.values(options.exposes)) {
 				const resolved = await this.resolve(expose.import);
 				if (resolved) this.emitFile({
@@ -6966,15 +7066,22 @@ function isPathWithinAllowedDirectories(filePath, allowedDirectories) {
 	return allowedDirectories.some((directory) => isPathWithinDirectory(filePath, directory));
 }
 function isSafeRunnerFetchModuleId(id, config) {
-	if (typeof id !== "string" || !id || id.includes("\0")) return false;
-	const decoded = decodeViteId(id).replace(/^\0+/, "");
-	if (!decoded || decoded.startsWith("virtual:")) return !!decoded;
-	if (/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(decoded) || decoded.startsWith("//")) return false;
+	if (typeof id !== "string" || !id) return false;
+	const rawDecoded = decodeViteId(id);
+	const decoded = rawDecoded.replace(/^\0+/, "");
+	if (!decoded || rawDecoded.startsWith("\0") || decoded.startsWith("virtual:")) return !!decoded;
+	if (decoded.startsWith("file://")) try {
+		const filePath = decodeURIComponent(new URL(decoded).pathname);
+		return path$1.isAbsolute(filePath) && isPathWithinAllowedDirectories(filePath, getRunnerAllowedDirectories(config));
+	} catch {
+		return false;
+	}
+	if (/^(?:https?|data|blob|javascript):/i.test(decoded) || decoded.startsWith("//")) return false;
 	const cleanId = decodeRunnerFilePath(stripQueryAndHash(decoded));
 	if (!cleanId || hasRelativeTraversal(cleanId)) return false;
 	const allowedDirectories = getRunnerAllowedDirectories(config);
 	if (cleanId.startsWith(VITE_FS_PREFIX)) {
-		const fsPath = cleanId.slice(5);
+		const fsPath = `/${cleanId.slice(5)}`;
 		return path$1.isAbsolute(fsPath) && isPathWithinAllowedDirectories(fsPath, allowedDirectories);
 	}
 	if (path$1.isAbsolute(cleanId)) {
@@ -7591,8 +7698,8 @@ function createEarlyVirtualModulesPlugin(options) {
 							name: "module-federation:optimize-shared-resolver",
 							load(id) {
 								if (id !== "module-federation:optimized-require-react") return;
-								const optimizedLoadSharePath = toViteOptimizedDepVirtualId(getLoadShareModulePath("react", isRolldown));
-								const source = JSON.stringify(optimizedLoadSharePath);
+								const loadSharePath = getLoadShareModulePath("react", isRolldown);
+								const source = JSON.stringify(loadSharePath);
 								return "import * as __mfShared from " + source + ";\nexport * from " + source + ";\nexport default __mfShared.default ?? __mfShared;";
 							},
 							resolveId(source, importer, options) {
@@ -8105,6 +8212,11 @@ function federation(mfUserOptions) {
 				if (resolvedTarget === "node" && !("FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN" in config.define)) config.define["FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN"] = "true";
 				if (options.target && "ENV_TARGET" in config.define && config.define["ENV_TARGET"] !== JSON.stringify(options.target)) mfWarn(`ENV_TARGET define (${config.define["ENV_TARGET"]}) differs from target option ("${options.target}"). ENV_TARGET will not be overridden.`);
 			},
+			configResolved(config) {
+				if (!hasPackageDependency("nitro")) return;
+				const prematureExit = config.plugins.find((plugin) => plugin.name === "tanstack-build-exit");
+				if (prematureExit) prematureExit.closeBundle = void 0;
+			},
 			configEnvironment(name, config) {
 				if (!(config.consumer === "server" || name === "ssr" || name === "server" || config.build?.ssr === true)) return;
 				const isAstro = hasPackageDependency("astro");

package/lib/{ssrEntryLoader-D_sUES94.js → ssrEntryLoader-DgsCQOqq.js}

@@ -1,14 +1,38 @@
 //#region src/utils/fetchWithTimeout.ts
 const DEFAULT_SSR_FETCH_TIMEOUT_MS = 1e4;
+function getFetchUrl(input) {
+	const raw = typeof input === "string" || input instanceof URL ? String(input) : input.url;
+	return new URL(raw);
+}
+function getSecureFetchUrl(input) {
+	const url = getFetchUrl(input);
+	const isLoopback = url.hostname === "localhost" || url.hostname === "127.0.0.1" || url.hostname === "[::1]";
+	if (url.protocol !== "https:" && !(url.protocol === "http:" && isLoopback)) throw new TypeError(`Refusing to fetch SSR resource over an insecure connection: ${url}`);
+	return url;
+}
 /** Fetch with a bounded wait. Set timeoutMs to 0 to disable the timeout. */
-function fetchWithTimeout(input, init = {}, timeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS) {
-	if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) return fetch(input, init);
-	const timeoutSignal = AbortSignal.timeout(timeoutMs);
-	const signal = init.signal ? AbortSignal.any([init.signal, timeoutSignal]) : timeoutSignal;
-	return fetch(input, {
-		...init,
-		signal
-	});
+async function fetchWithTimeout(input, init = {}, timeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS) {
+	const inputUrl = getSecureFetchUrl(input);
+	const request = (target) => {
+		const requestInit = {
+			...init,
+			redirect: "error"
+		};
+		if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) return fetch(target.href, requestInit);
+		const timeoutSignal = AbortSignal.timeout(timeoutMs);
+		const signal = init.signal ? AbortSignal.any([init.signal, timeoutSignal]) : timeoutSignal;
+		return fetch(target.href, {
+			...requestInit,
+			signal
+		});
+	};
+	try {
+		return await request(inputUrl);
+	} catch (error) {
+		if (inputUrl.hostname !== "localhost") throw error;
+		inputUrl.hostname = "[::1]";
+		return request(inputUrl);
+	}
 }
 //#endregion
 //#region src/utils/ssrEntryLoader.ts
@@ -347,6 +371,9 @@ function revalidate(remoteEntryUrl) {
 }
 const tempFileCache = /* @__PURE__ */ new Map();
 const tempFilePathCache = /* @__PURE__ */ new Map();
+function getSsrTransformContextKey(resolvedShared, shareScopeName) {
+	return JSON.stringify([shareScopeName, Object.entries(resolvedShared).sort(([left], [right]) => left.localeCompare(right))]);
+}
 let ssrCacheDirPromise;
 async function getSSRCacheDir() {
 	if (!ssrCacheDirPromise) ssrCacheDirPromise = (async () => {
@@ -402,11 +429,12 @@ function isVitePreloadHelperSpecifier(specifier) {
 * a remote redeploy (new manifest → new key) produces new files and bypasses
 * Node's ESM module cache instead of serving the stale build.
 */
-async function fetchEsmToTempFile(url, tmpDir, visited, pending, sharedPkgMap, versionKey = UNVERSIONED, fetchTimeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS) {
+async function fetchEsmToTempFile(url, tmpDir, visited, pending, sharedPkgMap, versionKey = UNVERSIONED, fetchTimeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS, contextKey = "default") {
 	const cacheKey = JSON.stringify([
 		fetchTimeoutMs,
 		versionKey,
-		url
+		url,
+		contextKey
 	]);
 	if (visited.has(url)) return visited.get(url);
 	const cached = tempFileCache.get(cacheKey);
@@ -435,7 +463,7 @@ async function fetchEsmToTempFile(url, tmpDir, visited, pending, sharedPkgMap, v
 		while ((m = relRegex.exec(code)) !== null) if ((m[1].startsWith("./") || m[1].startsWith("../")) && !isVitePreloadHelperSpecifier(m[1])) relImports.push(new URL(m[1], base).href);
 		const subMap = /* @__PURE__ */ new Map();
 		await Promise.all([...new Set(relImports)].filter((u) => u.startsWith("http://") || u.startsWith("https://")).map(async (u) => {
-			const tmpPath = await fetchEsmToTempFile(u, tmpDir, visited, pending, sharedPkgMap, versionKey, fetchTimeoutMs);
+			const tmpPath = await fetchEsmToTempFile(u, tmpDir, visited, pending, sharedPkgMap, versionKey, fetchTimeoutMs, contextKey);
 			subMap.set(u, `file://${tmpPath}`);
 		}));
 		code = transformSsrCode(code, base, sharedPkgMap);
@@ -452,18 +480,21 @@ async function fetchEsmToTempFile(url, tmpDir, visited, pending, sharedPkgMap, v
 	});
 	return promise;
 }
-async function fetchEsmGraphToTempFile(url, tmpDir, sharedPkgMap, versionKey = UNVERSIONED, fetchTimeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS) {
+async function fetchEsmGraphToTempFile(url, tmpDir, sharedPkgMap, versionKey = UNVERSIONED, fetchTimeoutMs = DEFAULT_SSR_FETCH_TIMEOUT_MS, contextKey = "default") {
 	const pending = /* @__PURE__ */ new Set();
-	const rootFile = await fetchEsmToTempFile(url, tmpDir, /* @__PURE__ */ new Map(), pending, sharedPkgMap, versionKey, fetchTimeoutMs);
+	const rootFile = await fetchEsmToTempFile(url, tmpDir, /* @__PURE__ */ new Map(), pending, sharedPkgMap, versionKey, fetchTimeoutMs, contextKey);
 	await Promise.all(pending);
 	return rootFile;
 }
 async function importTempModule(filePath, versionKey) {
-	return await import(`${filePath}?v=${encodeURIComponent(versionKey)}`);
+	return await import(
+		/* @vite-ignore */
+		`${filePath}?v=${encodeURIComponent(versionKey)}`
+);
 }
 let warnedVmUnavailable = false;
 async function tryVmStrategy(ssrEntry, options) {
-	const { loadViaVmStrategy, isVmStrategyAvailable } = await import("./ssrVmStrategy-By_N71Dl.js");
+	const { loadViaVmStrategy, isVmStrategyAvailable } = await import("./ssrVmStrategy-ChF8MB7l.js");
 	if (!await isVmStrategyAvailable()) {
 		if (!warnedVmUnavailable) {
 			warnedVmUnavailable = true;
@@ -475,7 +506,9 @@ async function tryVmStrategy(ssrEntry, options) {
 		resolvedShared: options.resolvedShared,
 		shareScopeName: options.shareScopeName,
 		versionKey: ssrEntry.versionKey,
-		fetchTimeoutMs: options.fetchTimeoutMs
+		fetchTimeoutMs: options.fetchTimeoutMs,
+		cacheContext: options.cacheContext,
+		federationInstance: options.federationInstance
 	});
 }
 async function loadSSRRemoteEntry(ssrEntry, options) {
@@ -514,7 +547,7 @@ async function loadSSRRemoteEntry(ssrEntry, options) {
 		mkdirSync(cacheDir, { recursive: true });
 		const sharedPkgMap = new Map(Object.entries(resolvedShared));
 		try {
-			return await importTempModule(await fetchEsmGraphToTempFile(url, cacheDir, sharedPkgMap, versionKey, options.fetchTimeoutMs), versionKey);
+			return await importTempModule(await fetchEsmGraphToTempFile(url, cacheDir, sharedPkgMap, versionKey, options.fetchTimeoutMs, getSsrTransformContextKey(resolvedShared, options.shareScopeName)), versionKey);
 		} catch (error) {
 			if (isSsrEntryHttpError(error)) throw error;
 			return null;
@@ -535,15 +568,21 @@ function ssrEntryLoaderPlugin(options = {}) {
 		strategy: options.strategy ?? "temp-file",
 		shareScopeName: options.shareScopeName ?? "default",
 		maxAgeMs: options.maxAgeMs,
-		fetchTimeoutMs: options.fetchTimeoutMs ?? 1e4
+		fetchTimeoutMs: options.fetchTimeoutMs ?? 1e4,
+		cacheContext: {}
 	};
 	return {
 		name: "mf-vite:ssr-entry-loader",
-		async loadEntry({ remoteInfo }) {
+		async loadEntry({ remoteInfo, origin }) {
 			if (!isNodeServer()) return;
-			const ssrEntry = await getSSREntry(remoteInfo.entry, resolved.maxAgeMs, resolved.fetchTimeoutMs);
+			const loadOptions = origin ? {
+				...resolved,
+				cacheContext: origin,
+				federationInstance: origin
+			} : resolved;
+			const ssrEntry = await getSSREntry(remoteInfo.entry, loadOptions.maxAgeMs, loadOptions.fetchTimeoutMs);
 			if (!ssrEntry) return;
-			const mod = await loadSSRRemoteEntry(ssrEntry, resolved);
+			const mod = await loadSSRRemoteEntry(ssrEntry, loadOptions);
 			if (!mod) return;
 			return mod;
 		}

package/lib/{ssrVmStrategy-By_N71Dl.js → ssrVmStrategy-ChF8MB7l.js}

@@ -1,4 +1,4 @@
-import { n as neutralizeBrowserPreloadHelpers, o as fetchWithTimeout, t as SsrEntryHttpError } from "./ssrEntryLoader-D_sUES94.js";
+import { n as neutralizeBrowserPreloadHelpers, o as fetchWithTimeout, t as SsrEntryHttpError } from "./ssrEntryLoader-DgsCQOqq.js";
 //#region src/utils/ssrVmStrategy.ts
 /**
 * vm.SourceTextModule strategy for loading remote SSR entries.
@@ -47,9 +47,13 @@ function getFederationInstances() {
 * build-time resolvedShared file map, then plain host import.
 */
 async function loadBareModule(specifier, options) {
-	for (const instance of getFederationInstances()) {
+	const owner = options.federationInstance;
+	const instances = owner ? [owner] : getFederationInstances();
+	for (const instance of instances) {
 		if (typeof instance?.loadShare !== "function") continue;
-		if (!instance.options?.shared || !(specifier in instance.options.shared)) continue;
+		const shared = instance.options?.shared?.[specifier];
+		if (!shared) continue;
+		if (!(Array.isArray(shared.scope) ? shared.scope : [shared.scope ?? "default"]).includes(options.shareScopeName)) continue;
 		try {
 			const factory = await instance.loadShare(specifier);
 			if (typeof factory === "function") {
@@ -80,6 +84,23 @@ function createSyntheticModule(vm, specifier, namespace) {
 }
 const httpModuleCache = /* @__PURE__ */ new Map();
 const namespaceCache = /* @__PURE__ */ new Map();
+const contextIds = /* @__PURE__ */ new WeakMap();
+let nextContextId = 1;
+function getContextId(context) {
+	let id = contextIds.get(context);
+	if (id === void 0) {
+		id = nextContextId++;
+		contextIds.set(context, id);
+	}
+	return id;
+}
+function getVmCacheContextKey(options) {
+	return JSON.stringify([
+		getContextId(options.cacheContext),
+		options.shareScopeName,
+		Object.entries(options.resolvedShared).sort(([left], [right]) => left.localeCompare(right))
+	]);
+}
 function getBodyPreview(body) {
 	return body.slice(0, 240).replace(/\s+/g, " ").trim();
 }
@@ -100,6 +121,7 @@ function resolveSpecifierUrl(specifier, referencerUrl) {
 }
 function getHttpModule(vm, url, options) {
 	const cacheKey = JSON.stringify([
+		getVmCacheContextKey(options),
 		options.fetchTimeoutMs ?? 1e4,
 		options.versionKey,
 		url
@@ -139,7 +161,7 @@ async function importDynamically(vm, specifier, referencingModule, options) {
 async function loadViaVmStrategy(entryUrl, options) {
 	const vm = await getVmApi();
 	if (!vm) return null;
-	const cacheKey = `${options.versionKey}::${entryUrl}`;
+	const cacheKey = `${getVmCacheContextKey(options)}::${options.versionKey}::${entryUrl}`;
 	if (!namespaceCache.has(cacheKey)) namespaceCache.set(cacheKey, (async () => {
 		const entryModule = await getHttpModule(vm, entryUrl, options);
 		const linker = (specifier, referencingModule) => linkModule(vm, specifier, referencingModule, options);

package/lib/utils/ssrEntryLoader.d.ts

@@ -109,9 +109,11 @@ interface SsrEntryLoaderOptions {
 declare function ssrEntryLoaderPlugin(options?: SsrEntryLoaderOptions): {
   name: string;
   loadEntry({
-    remoteInfo
+    remoteInfo,
+    origin
   }: {
     remoteInfo: RemoteInfo;
+    origin?: object;
   }): Promise<{
     init: unknown;
     get: unknown;

package/lib/utils/ssrEntryLoader.js

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

package/package.json

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