@module-federation/vite 1.23.6 → 1.23.8

package/lib/index.js

@@ -1,6 +1,6 @@
 import { a as CodeRewriter, c as isAbsoluteUrl, d as rebaseImport, f as resolveHashPlaceholderFileName, i as createCodePositionMap, l as isHttpUrl, o as createSourceMap, r as mfWarn, t as createModuleFederationError, u as normalizePathForImport } from "./logger-D67aJYOe.js";
 import { _ as removeTrailingSlash, a as matchesSharedSource, b as stripViteFsPrefix, c as filterId, d as getNodeModulesSuffix, f as isAssetLikeImport, g as normalizeNodeModulePath, h as isViteOptimizableEntry, i as invalidateSharedKeyMatcher, l as getBasePath$1, m as isNuxtClientBase, n as getSharedRequest, p as isNodeModulePath, r as getSharedRuntimeKey, s as ensureTrailingSlash, t as findSharedKey, u as getCommonSharedSubpaths, v as resolvePublicPath, x as toRelativeImport, y as stripQueryAndHash } from "./sharedKeyMatcher-C04bVN1q.js";
-import { C as supportsCodeSplittingGroupDebugName, E as isReactCoreShare, S as sharedCacheHelperCode, T as REACT_DOM_CLIENT_SHARE, _ as packageNameDecode, a as getInstalledPackageEntry, b as resolveModulePath, c as getPackageDetectionCwd, d as getPackageNameFromNodeModulePath, f as getSharedCacheDescriptor, g as isPackageInstalled, h as isPackageExportAvailable, i as getDependencyNames, l as getPackageExportSpecifiersForFile, m as isNuxtProjectRoot, n as formatDevServerHostForOrigin, o as getInstalledPackageJson, p as hasPackageDependency, r as watchFileEvents, s as getIsRolldown, u as getPackageName, v as packageNameEncode, w as REACT_CLIENT_INTERNALS_KEY, x as setPackageDetectionCwd, y as resolveImportPath } from "./dtsConstants-CDuC8Bb7.js";
+import { C as sharedCacheHelperCode, D as isReactCoreShare, E as REACT_DOM_CLIENT_SHARE, S as setPackageDetectionCwd, T as REACT_CLIENT_INTERNALS_KEY, _ as isPackageInstalled, a as getDependencyNames, b as resolveImportPath, c as getIsRolldown, d as getPackageName, f as getPackageNameFromNodeModulePath, g as isPackageExportAvailable, h as isNuxtProjectRoot, i as findPackageInDependents, l as getPackageDetectionCwd, m as hasPackageDependency, n as formatDevServerHostForOrigin, o as getInstalledPackageEntry, p as getSharedCacheDescriptor, r as watchFileEvents, s as getInstalledPackageJson, u as getPackageExportSpecifiersForFile, v as packageNameDecode, w as supportsCodeSplittingGroupDebugName, x as resolveModulePath, y as packageNameEncode } from "./dtsConstants-286VtFnC.js";
 import { createRequire } from "node:module";
 import * as fs$2 from "fs";
 import { existsSync, readFileSync, readdirSync, realpathSync, statSync, writeFileSync } from "fs";
@@ -981,16 +981,6 @@ function getSsrCapabilities(viteMajor, command, hasRemotes, isSsr = false) {
 	};
 }
 //#endregion
-//#region src/utils/runtimePluginSpecifier.ts
-function getRuntimePluginSpecifier(plugin) {
-	return typeof plugin === "string" ? plugin : plugin[0];
-}
-/** Drop SSR-only plugins from a client graph; a server graph keeps them all. */
-function filterRuntimePluginsForTarget(runtimePlugins, ssrOnlySpecifiers, isServer) {
-	if (isServer) return [...runtimePlugins];
-	return runtimePlugins.filter((plugin) => !ssrOnlySpecifiers.has(getRuntimePluginSpecifier(plugin)));
-}
-//#endregion
 //#region src/utils/serializeRuntimeOptions.ts
 const UNSAFE_JS_CHAR_MAP = {
 	"<": "\\u003C",
@@ -1003,6 +993,11 @@ function toSafeJsLiteral(value) {
 	if (json === void 0) return "undefined";
 	return json.replace(UNSAFE_JS_CHAR_PATTERN, (char) => UNSAFE_JS_CHAR_MAP[char]);
 }
+const JS_IDENTIFIER_PATTERN = `[\$_\\p{ID_Start}][\$_\\u200C\\u200D\\p{ID_Continue}]*`;
+const JS_IDENTIFIER_REGEX = new RegExp(`^${JS_IDENTIFIER_PATTERN}$`, "u");
+function isValidJsIdentifier(name) {
+	return JS_IDENTIFIER_REGEX.test(name);
+}
 /**
 * Serializes a JavaScript object into a string of source code that can be evaluated.
 * This function is used to create runtime plugin options without relying solely on JSON.stringify,
@@ -1477,240 +1472,117 @@ async function collectTreeShakingImports(code, id, shared, findSharedKey, record
 	await Promise.all(pending);
 }
 //#endregion
-//#region src/utils/reactIsland.ts
-const SOURCE_EXTENSIONS$1 = [
-	".tsx",
-	".jsx",
-	".ts",
-	".js",
-	".mts",
-	".mjs",
-	".cts",
-	".cjs"
-];
-function resolveSourceFile(importPath, root) {
-	const cleanImport = stripQueryAndHash(importPath);
-	if (!cleanImport.startsWith(".") && !path$1.isAbsolute(cleanImport)) return;
-	const candidate = path$1.isAbsolute(cleanImport) ? cleanImport : path$1.resolve(root, cleanImport);
-	return [
-		candidate,
-		...SOURCE_EXTENSIONS$1.map((extension) => `${candidate}${extension}`),
-		...SOURCE_EXTENSIONS$1.map((extension) => path$1.join(candidate, `index${extension}`))
-	].find((filePath) => {
-		try {
-			return fs$1.statSync(filePath).isFile();
-		} catch {
-			return false;
-		}
-	});
-}
-function localDefaultReexport(source) {
-	const match = source.match(/export\s*{\s*(?:default(?:\s+as\s+default)?|[A-Za-z_$][\w$]*\s+as\s+default)\s*}\s*from\s*["']([^"']+)["']/);
-	return match?.[1]?.startsWith(".") ? match[1] : void 0;
-}
-function isReactComponentSource(source, filePath = "component.tsx") {
-	if (!(/\bexport\s+default\b/.test(source) || /\bexport\s*{[^}]*\bdefault\b[^}]*}(?:\s*from\s*["'][^"']+["'])?/.test(source))) return false;
-	const extension = path$1.extname(stripQueryAndHash(filePath)).toLowerCase();
-	const canContainJsx = extension === ".tsx" || extension === ".jsx";
-	const hasJsx = /<>|<\s*[A-Za-z][\w.:-]*(?:\s[^<>]*?)?\s*\/?>/.test(source);
-	const importsReact = /\bfrom\s*["']react["']|\brequire\(\s*["']react["']\s*\)/.test(source);
-	const usesReactApi = /\b(?:React\.)?(?:createElement|jsx|jsxs)\s*\(/.test(source);
-	const isClientModule = /^\s*["']use client["']\s*;?/m.test(source);
-	return canContainJsx && hasJsx || importsReact && (hasJsx || usesReactApi || isClientModule);
+//#region src/utils/typeArgumentScanner.ts
+function getTypeArgumentStartContext(source, start) {
+	let previous = start - 1;
+	while (previous >= 0 && /\s/.test(source[previous])) previous--;
+	const previousChar = source[previous] || "";
+	const followsNamedExpression = /[$_\u200C\u200D\p{ID_Continue})\]>]/u.test(previousChar);
+	const startsStandaloneGeneric = previousChar !== "" && "=([{,:".includes(previousChar);
+	if (!followsNamedExpression && !startsStandaloneGeneric) return void 0;
+	return { followsNamedExpression };
 }
-function isReactComponentFile(filePath, seen = /* @__PURE__ */ new Set()) {
-	const normalizedPath = path$1.resolve(filePath);
-	if (seen.has(normalizedPath)) return false;
-	seen.add(normalizedPath);
-	let source;
-	try {
-		source = fs$1.readFileSync(normalizedPath, "utf8");
-	} catch {
-		return false;
+function updateTypeArgumentGroupDepth(char, state) {
+	if (char === "(" || char === "[" || char === "{") {
+		state.groupDepth++;
+		return "handled";
 	}
-	if (isReactComponentSource(source, normalizedPath)) return true;
-	const reexport = localDefaultReexport(source);
-	if (!reexport) return false;
-	const reexportPath = resolveSourceFile(reexport, path$1.dirname(normalizedPath));
-	return reexportPath ? isReactComponentFile(reexportPath, seen) : false;
+	if (char !== ")" && char !== "]" && char !== "}") return void 0;
+	if (state.groupDepth === 0) return "invalid";
+	state.groupDepth--;
+	return "handled";
 }
-/**
-* React is shared by the normal MF runtime when explicitly configured. When it
-* is local, UI exposes can safely advertise an island capability in addition
-* to their unchanged default export.
-*/
-function getReactIslandExposes(options, root) {
-	if (options.experiments.ssrMode !== "ISLAND") return /* @__PURE__ */ new Set();
-	if (Object.hasOwn(options.shared, "react")) return /* @__PURE__ */ new Set();
-	const islandExposes = /* @__PURE__ */ new Set();
-	for (const [key, expose] of Object.entries(options.exposes)) {
-		const sourceFile = resolveSourceFile(expose.import, root);
-		if (sourceFile && isReactComponentFile(sourceFile)) islandExposes.add(key);
+function updateTypeArgumentAngleDepth(source, index, state) {
+	const char = source[index];
+	if (char === "<") {
+		if (source[index + 1] === "=" || source[index + 1] === "<") return "invalid";
+		state.angleDepth++;
+		return "handled";
 	}
-	return islandExposes;
-}
-function generateReactIslandBrowserDefinition(enabled) {
-	if (!enabled) return "";
-	return `
-          exportModule.__mf_island = {
-            version: 1,
-            renderToHtml() {
-              return Promise.reject(new Error("[Module Federation] renderToHtml is only available in the SSR remote entry"));
-            },
-            hydrate(element, props) {
-              const root = element && element.hasAttribute && element.hasAttribute("data-mf-island-state")
-                ? element
-                : element && element.querySelector
-                  ? element.querySelector("[data-mf-island-state]") || element
-                  : element;
-              if (!root) {
-                return Promise.reject(new Error("[Module Federation] Cannot hydrate an island without a root element"));
-              }
-              let serverProps = {};
-              const encodedState = root.getAttribute && root.getAttribute("data-mf-island-state");
-              if (encodedState) {
-                try {
-                  serverProps = JSON.parse(decodeURIComponent(encodedState));
-                } catch {
-                  serverProps = {};
-                }
-              }
-              const finalProps = Object.assign({}, serverProps, props || {});
-              return Promise.all([import("react"), import("react-dom/client")]).then(([React, ReactDOMClient]) => {
-                if (typeof ReactDOMClient.hydrateRoot !== "function") {
-                  throw new Error("[Module Federation] react-dom/client does not provide hydrateRoot");
-                }
-                return ReactDOMClient.hydrateRoot(
-                  root,
-                  React.createElement(importModule.default, finalProps)
-                );
-              });
-            }
-          }`;
-}
-function generateReactIslandSSRDefinition(enabled) {
-	if (!enabled) return "";
-	return `
-          exportModule.__mf_island = {
-            version: 1,
-            async renderToHtml(props) {
-              if (typeof importModule.default !== "function" && typeof importModule.default !== "object") {
-                throw new Error("[Module Federation] A React island expose must have a default component export");
-              }
-              const loadedProps = typeof importModule.load === "function" ? await importModule.load() : {};
-              const finalProps = Object.assign({}, loadedProps || {}, props || {});
-              const [React, ReactDOMServer] = await Promise.all([
-                import("react"),
-                import("react-dom/server")
-              ]);
-              const body = ReactDOMServer.renderToString(
-                React.createElement(importModule.default, finalProps)
-              );
-              const state = encodeURIComponent(JSON.stringify(finalProps));
-              return '<div data-mf-island-state="' + state + '">' + body + '</div>';
-            },
-            hydrate() {
-              return Promise.reject(new Error("[Module Federation] hydrate is only available in the browser remote entry"));
-            }
-          }`;
-}
-const REACT_ISLAND_CLIENT_ID_PREFIX = "virtual:mf-react-island-client:";
-const REACT_ISLAND_SERVER_ID_PREFIX = "virtual:mf-react-island-server:";
-const RESOLVED_REACT_ISLAND_CLIENT_ID_PREFIX = `\0${REACT_ISLAND_CLIENT_ID_PREFIX}`;
-const RESOLVED_REACT_ISLAND_SERVER_ID_PREFIX = `\0${REACT_ISLAND_SERVER_ID_PREFIX}`;
-function encodeIslandRemoteId(remoteId) {
-	return encodeURIComponent(remoteId);
-}
-function decodeIslandRemoteId(encodedRemoteId) {
-	return decodeURIComponent(encodedRemoteId);
-}
-function getReactIslandImportRemoteId(source) {
-	const queryIndex = source.indexOf("?");
-	if (queryIndex === -1) return;
-	if (!new URLSearchParams(source.slice(queryIndex + 1)).has("mf-island")) return;
-	return source.slice(0, queryIndex);
-}
-function getReactIslandServerImportId(remoteId) {
-	return `${REACT_ISLAND_SERVER_ID_PREFIX}${encodeIslandRemoteId(remoteId)}`;
-}
-function getReactIslandClientImportId(remoteId) {
-	return `${REACT_ISLAND_CLIENT_ID_PREFIX}${encodeIslandRemoteId(remoteId)}`;
+	if (char !== ">") return void 0;
+	if (source[index - 1] === "=" || source[index + 1] === "=") return "handled";
+	state.angleDepth--;
+	return state.angleDepth === 0 ? "closed" : "handled";
 }
-function resolveReactIslandConsumerId(id) {
-	if (id.startsWith("virtual:mf-react-island-server:")) return `\0${id}`;
-	if (id.startsWith("virtual:mf-react-island-client:")) return `\0${id}`;
+function hasLikelyTypeArgumentFollower(source, end, codePositions, followsNamedExpression) {
+	let next = end + 1;
+	while (next < source.length && (!codePositions[next] || /\s/.test(source[next]))) next++;
+	if (next >= source.length || /[([.!?=;,)\]}:|&]/.test(source[next])) return true;
+	if (source.slice(end + 1, next).includes("\n")) return true;
+	const followingToken = source.slice(next).match(/^[$_\p{ID_Start}][$_\u200C\u200D\p{ID_Continue}]*/u)?.[0];
+	return followingToken === "as" || followingToken === "satisfies" || !followsNamedExpression && followingToken !== void 0;
 }
-function remoteIdFromResolvedIslandId(id, prefix) {
-	if (!id.startsWith(prefix)) return;
-	return decodeIslandRemoteId(id.slice(prefix.length));
+function isInvalidTypeArgumentTerminator(source, index, followsNamedExpression) {
+	const char = source[index];
+	return char === ";" || char === "=" && source[index + 1] !== ">" && followsNamedExpression;
 }
-/** Generates the server half of the opt-in `?mf-island` consumer component. */
-function generateReactIslandConsumerServer(remoteId) {
-	const source = JSON.stringify(remoteId);
-	return `import * as React from "react";
-import IslandClient from ${JSON.stringify(getReactIslandClientImportId(remoteId))};
-
-const islandModulePromise = import(${source});
-
-async function loadIslandModule() {
-  const namespace = await islandModulePromise;
-  const pending = namespace && namespace.__mf_remote_pending;
-  if (pending && typeof pending.then === "function") return pending;
-  return namespace && namespace.__moduleExports || namespace;
+/**
+* Finds the end of a balanced, type-like angle-bracket range that contains a
+* comma. Ambiguous syntax returns `undefined` so callers can fail closed.
+*/
+function findLikelyTypeArgumentEnd(source, start, codePositions) {
+	const context = getTypeArgumentStartContext(source, start);
+	if (!context) return void 0;
+	const state = {
+		angleDepth: 1,
+		groupDepth: 0,
+		sawTypeComma: false
+	};
+	for (let index = start + 1; index < source.length; index++) {
+		if (!codePositions[index]) continue;
+		const char = source[index];
+		const groupAction = updateTypeArgumentGroupDepth(char, state);
+		if (groupAction === "invalid") return void 0;
+		if (groupAction === "handled") continue;
+		const angleAction = updateTypeArgumentAngleDepth(source, index, state);
+		if (angleAction === "invalid") return void 0;
+		if (angleAction === "closed") return state.sawTypeComma && hasLikelyTypeArgumentFollower(source, index, codePositions, context.followsNamedExpression) ? index : void 0;
+		if (angleAction === "handled") continue;
+		if (char === "," && state.groupDepth === 0) {
+			state.sawTypeComma = true;
+			continue;
+		}
+		if (state.angleDepth === 1 && state.groupDepth === 0 && isInvalidTypeArgumentTerminator(source, index, context.followsNamedExpression)) return;
+	}
 }
-
-export default async function ModuleFederationIsland(props) {
-  const remoteModule = await loadIslandModule();
-  const shell = remoteModule && remoteModule.__mf_island;
-  if (!shell || typeof shell.renderToHtml !== "function") {
-    throw new Error(${JSON.stringify(`[Module Federation] ${remoteId} does not expose an SSR island capability`)});
-  }
-  const html = await shell.renderToHtml(props);
-  return React.createElement(IslandClient, { html, islandProps: props });
-}`;
+//#endregion
+//#region src/utils/sharedExportConditions.ts
+const DEFAULT_CLIENT_EXPORT_CONDITIONS = [
+	"browser",
+	"import",
+	"module",
+	"default"
+];
+const DEFAULT_NODE_SSR_EXPORT_CONDITIONS = [
+	"node",
+	"import",
+	"module",
+	"default"
+];
+const DEFAULT_WEBWORKER_SSR_EXPORT_CONDITIONS = [
+	"worker",
+	"browser",
+	"import",
+	"module",
+	"default"
+];
+const VITE_DEV_PROD_CONDITION = "development|production";
+function appendConditions(conditions, fallbackConditions) {
+	return [.../* @__PURE__ */ new Set([...conditions, ...fallbackConditions])];
 }
-/** Generates the client boundary which hydrates with the remote-owned React. */
-function generateReactIslandConsumerClient(remoteId) {
-	return `"use client";
-
-import * as React from "react";
-
-const islandModulePromise = import(${JSON.stringify(remoteId)});
-
-async function loadIslandModule() {
-  const namespace = await islandModulePromise;
-  const pending = namespace && namespace.__mf_remote_pending;
-  if (pending && typeof pending.then === "function") return pending;
-  return namespace && namespace.__moduleExports || namespace;
+function resolveViteModeCondition(conditions, isProduction) {
+	const modeCondition = isProduction ? "production" : "development";
+	return [...new Set(conditions.map((condition) => condition === VITE_DEV_PROD_CONDITION ? modeCondition : condition))];
 }
-
-export default function ModuleFederationIslandClient({ html, islandProps }) {
-  const ref = React.useRef(null);
-
-  React.useEffect(() => {
-    const element = ref.current;
-    if (!element) return;
-    void loadIslandModule().then((remoteModule) => {
-      const shell = remoteModule && remoteModule.__mf_island;
-      if (!shell || typeof shell.hydrate !== "function") {
-        throw new Error(${JSON.stringify(`[Module Federation] ${remoteId} does not expose a client island capability`)});
-      }
-      return shell.hydrate(element, islandProps);
-    });
-  }, []);
-
-  return React.createElement("div", {
-    ref,
-    suppressHydrationWarning: true,
-    dangerouslySetInnerHTML: { __html: html },
-  });
-}`;
+function getSharedExportConditions({ environmentConditions, isProduction, isSsr, rootConditions, ssrConditions, ssrTarget = "node" }) {
+	if (environmentConditions !== void 0) return resolveViteModeCondition(appendConditions(environmentConditions, ["import", "default"]), isProduction);
+	const defaultConditions = isSsr ? ssrTarget === "webworker" ? DEFAULT_WEBWORKER_SSR_EXPORT_CONDITIONS : DEFAULT_NODE_SSR_EXPORT_CONDITIONS : DEFAULT_CLIENT_EXPORT_CONDITIONS;
+	const configuredConditions = isSsr ? ssrConditions ?? rootConditions : rootConditions;
+	if (configuredConditions !== void 0) return resolveViteModeCondition(appendConditions(configuredConditions, defaultConditions), isProduction);
+	return [...defaultConditions];
 }
-function loadReactIslandConsumerModule(id) {
-	const serverRemoteId = remoteIdFromResolvedIslandId(id, RESOLVED_REACT_ISLAND_SERVER_ID_PREFIX);
-	if (serverRemoteId !== void 0) return generateReactIslandConsumerServer(serverRemoteId);
-	const clientRemoteId = remoteIdFromResolvedIslandId(id, RESOLVED_REACT_ISLAND_CLIENT_ID_PREFIX);
-	if (clientRemoteId !== void 0) return generateReactIslandConsumerClient(clientRemoteId);
+function isReactServerConditions(conditions) {
+	return Boolean(conditions?.includes("react-server"));
 }
 //#endregion
 //#region src/virtualModules/virtualModuleScope.ts
@@ -1755,158 +1627,17 @@ function stableConfigValue(value, ancestors = /* @__PURE__ */ new WeakSet()) {
 	ancestors.delete(value);
 	return result;
 }
-function getFederationScopeKey(options) {
-	const identity = JSON.stringify(stableConfigValue(options));
-	const ownerId = BigInt(`0x${createHash("sha256").update(identity).digest("hex").slice(0, 12)}`);
-	return `${options.internalName}${MF_OWNER_INFIX}${ownerId}`;
+function hashConfig(value) {
+	const identity = JSON.stringify(stableConfigValue(value));
+	return BigInt(`0x${createHash("sha256").update(identity).digest("hex").slice(0, 12)}`);
 }
-//#endregion
-//#region src/virtualModules/virtualExposes.ts
-const EXPOSES_CSS_MAP_PLACEHOLDER = "__MF_EXPOSES_CSS_MAP__";
-function getExposesCssMapPlaceholder() {
-	return EXPOSES_CSS_MAP_PLACEHOLDER;
-}
-function getVirtualExposesId(options) {
-	return `virtual:mf-exposes:${getVirtualModuleScopeKey(options)}`;
-}
-function generateExposes(options, remoteDependencyMap = {}, command = "build", reactIslandExposes = /* @__PURE__ */ new Set()) {
-	return `
-    const cssAssetMap = ${JSON.stringify(options.bundleAllCSS ? EXPOSES_CSS_MAP_PLACEHOLDER : {})};
-    const injectedCssHrefs = new Set();
-    const exposeLoadPromises = new Map();
-
-    // Shared and remote readiness is handled by explicit Promise barriers below
-    // and by remoteEntry's pendingShareLoads barrier. Keep this map scoped to a
-    // single expose: unrelated exposes must stay independent and load in parallel.
-    function loadExposedModule(exposeKey, loader) {
-      let load = exposeLoadPromises.get(exposeKey);
-      if (!load) {
-        load = Promise.resolve()
-          .then(loader)
-          .catch((error) => {
-            exposeLoadPromises.delete(exposeKey);
-            throw error;
-          });
-        exposeLoadPromises.set(exposeKey, load);
-      }
-      return load;
-    }
-
-    async function injectCssAssets(exposeKey) {
-      if (typeof document === "undefined") {
-        return;
-      }
-
-      // Replaced at build time with expose -> css asset paths.
-      const cssAssets = cssAssetMap[exposeKey] || [];
-
-      await Promise.all(
-        cssAssets.map((cssAsset) => {
-          const href = new URL(cssAsset, import.meta.url).href;
-
-          // Same expose can be resolved multiple times in one page.
-          if (injectedCssHrefs.has(href)) {
-            return Promise.resolve();
-          }
-          injectedCssHrefs.add(href);
-
-          // Check for any existing stylesheet with the same href, not just
-          // MF-injected ones. This prevents duplicate <link> tags when Vite's
-          // own CSS module injection or MF runtime's createLink has already
-          // created a <link rel="stylesheet"> for the same URL.
-          const existingLink = document.querySelector(
-            \`link[rel="stylesheet"][href="\${href}"]\`
-          );
-          if (existingLink) {
-            return Promise.resolve();
-          }
-
-          return new Promise((resolve, reject) => {
-            const link = document.createElement("link");
-            link.rel = "stylesheet";
-            link.href = href;
-            link.onload = () => resolve();
-            link.onerror = () => {
-              injectedCssHrefs.delete(href);
-              reject(new Error(\`[Module Federation] Failed to load CSS asset: \${href}\`));
-            };
-            document.head.appendChild(link);
-          });
-        })
-      );
-    }
-
-    export default {
-    ${Object.keys(options.exposes).map((key) => {
-		const remoteDependencyPreloads = (remoteDependencyMap[key] ?? []).map((remoteId) => {
-			const virtualRemote = getRemoteVirtualModule(remoteId, command, false, "unified", options);
-			return `import(${JSON.stringify(virtualRemote.getImportId())})
-            .then((mod) => mod.__mf_remote_pending)`;
-		}).join(",");
-		return `
-        ${JSON.stringify(key)}: async () => {
-          await injectCssAssets(${JSON.stringify(key)})
-          await Promise.all([${remoteDependencyPreloads}])
-          const importModule = await loadExposedModule(
-            ${JSON.stringify(key)},
-            () => import(${JSON.stringify(options.exposes[key].import)})
-          )
-          const dependencyPending = importModule && importModule.__mf_remote_dependency_pending;
-          if (dependencyPending && typeof dependencyPending.then === "function") {
-            await dependencyPending;
-          }
-          const exportModule = {}
-          Object.assign(exportModule, importModule)
-          ${generateReactIslandBrowserDefinition(reactIslandExposes.has(key))}
-          Object.defineProperty(exportModule, "__esModule", {
-            value: true,
-            enumerable: false
-          })
-          return exportModule
-        }
-      `;
-	}).join(",")}
-  }
-  `;
-}
-//#endregion
-//#region src/utils/sharedExportConditions.ts
-const DEFAULT_CLIENT_EXPORT_CONDITIONS = [
-	"browser",
-	"import",
-	"module",
-	"default"
-];
-const DEFAULT_NODE_SSR_EXPORT_CONDITIONS = [
-	"node",
-	"import",
-	"module",
-	"default"
-];
-const DEFAULT_WEBWORKER_SSR_EXPORT_CONDITIONS = [
-	"worker",
-	"browser",
-	"import",
-	"module",
-	"default"
-];
-const VITE_DEV_PROD_CONDITION = "development|production";
-function appendConditions(conditions, fallbackConditions) {
-	return [.../* @__PURE__ */ new Set([...conditions, ...fallbackConditions])];
-}
-function resolveViteModeCondition(conditions, isProduction) {
-	const modeCondition = isProduction ? "production" : "development";
-	return [...new Set(conditions.map((condition) => condition === VITE_DEV_PROD_CONDITION ? modeCondition : condition))];
-}
-function getSharedExportConditions({ environmentConditions, isProduction, isSsr, rootConditions, ssrConditions, ssrTarget = "node" }) {
-	if (environmentConditions !== void 0) return resolveViteModeCondition(appendConditions(environmentConditions, ["import", "default"]), isProduction);
-	const defaultConditions = isSsr ? ssrTarget === "webworker" ? DEFAULT_WEBWORKER_SSR_EXPORT_CONDITIONS : DEFAULT_NODE_SSR_EXPORT_CONDITIONS : DEFAULT_CLIENT_EXPORT_CONDITIONS;
-	const configuredConditions = isSsr ? ssrConditions ?? rootConditions : rootConditions;
-	if (configuredConditions !== void 0) return resolveViteModeCondition(appendConditions(configuredConditions, defaultConditions), isProduction);
-	return [...defaultConditions];
-}
-function isReactServerConditions(conditions) {
-	return Boolean(conditions?.includes("react-server"));
+const ownerIdFilenames = /* @__PURE__ */ new Map();
+function getFederationScopeKey(options) {
+	const { filename, ...identity } = options;
+	let ownerId = hashConfig(identity);
+	if (!ownerIdFilenames.has(ownerId)) ownerIdFilenames.set(ownerId, filename);
+	else if (ownerIdFilenames.get(ownerId) !== filename) ownerId = hashConfig(options);
+	return `${options.internalName}${MF_OWNER_INFIX}${ownerId}`;
 }
 //#endregion
 //#region src/virtualModules/virtualRuntimeInitStatus.ts
@@ -1938,10 +1669,13 @@ function getRuntimeRemoteAlias(alias, options) {
 	return `${getFederationScopeKey(options)}__${alias}`;
 }
 function getSsrRuntimeRemotes(remotes, options) {
-	return Object.entries(remotes).map(([name, item]) => ({
-		name: getRuntimeRemoteAlias(name, options),
+	return Object.entries(remotes).map(([alias, item]) => ({
+		alias,
+		entryGlobalName: item.entryGlobalName,
+		name: getRuntimeRemoteAlias(alias, options),
 		entry: item.entry,
-		type: item.type ?? "module"
+		type: item.type ?? "module",
+		shareScope: item.shareScope ?? "default"
 	}));
 }
 function getRuntimeInitGlobalKey(ownerImportId) {
@@ -2091,80 +1825,6 @@ ${exportStatement}
 `);
 }
 //#endregion
-//#region src/utils/typeArgumentScanner.ts
-function getTypeArgumentStartContext(source, start) {
-	let previous = start - 1;
-	while (previous >= 0 && /\s/.test(source[previous])) previous--;
-	const previousChar = source[previous] || "";
-	const followsNamedExpression = /[$_\u200C\u200D\p{ID_Continue})\]>]/u.test(previousChar);
-	const startsStandaloneGeneric = previousChar !== "" && "=([{,:".includes(previousChar);
-	if (!followsNamedExpression && !startsStandaloneGeneric) return void 0;
-	return { followsNamedExpression };
-}
-function updateTypeArgumentGroupDepth(char, state) {
-	if (char === "(" || char === "[" || char === "{") {
-		state.groupDepth++;
-		return "handled";
-	}
-	if (char !== ")" && char !== "]" && char !== "}") return void 0;
-	if (state.groupDepth === 0) return "invalid";
-	state.groupDepth--;
-	return "handled";
-}
-function updateTypeArgumentAngleDepth(source, index, state) {
-	const char = source[index];
-	if (char === "<") {
-		if (source[index + 1] === "=" || source[index + 1] === "<") return "invalid";
-		state.angleDepth++;
-		return "handled";
-	}
-	if (char !== ">") return void 0;
-	if (source[index - 1] === "=" || source[index + 1] === "=") return "handled";
-	state.angleDepth--;
-	return state.angleDepth === 0 ? "closed" : "handled";
-}
-function hasLikelyTypeArgumentFollower(source, end, codePositions, followsNamedExpression) {
-	let next = end + 1;
-	while (next < source.length && (!codePositions[next] || /\s/.test(source[next]))) next++;
-	if (next >= source.length || /[([.!?=;,)\]}:|&]/.test(source[next])) return true;
-	if (source.slice(end + 1, next).includes("\n")) return true;
-	const followingToken = source.slice(next).match(/^[$_\p{ID_Start}][$_\u200C\u200D\p{ID_Continue}]*/u)?.[0];
-	return followingToken === "as" || followingToken === "satisfies" || !followsNamedExpression && followingToken !== void 0;
-}
-function isInvalidTypeArgumentTerminator(source, index, followsNamedExpression) {
-	const char = source[index];
-	return char === ";" || char === "=" && source[index + 1] !== ">" && followsNamedExpression;
-}
-/**
-* Finds the end of a balanced, type-like angle-bracket range that contains a
-* comma. Ambiguous syntax returns `undefined` so callers can fail closed.
-*/
-function findLikelyTypeArgumentEnd(source, start, codePositions) {
-	const context = getTypeArgumentStartContext(source, start);
-	if (!context) return void 0;
-	const state = {
-		angleDepth: 1,
-		groupDepth: 0,
-		sawTypeComma: false
-	};
-	for (let index = start + 1; index < source.length; index++) {
-		if (!codePositions[index]) continue;
-		const char = source[index];
-		const groupAction = updateTypeArgumentGroupDepth(char, state);
-		if (groupAction === "invalid") return void 0;
-		if (groupAction === "handled") continue;
-		const angleAction = updateTypeArgumentAngleDepth(source, index, state);
-		if (angleAction === "invalid") return void 0;
-		if (angleAction === "closed") return state.sawTypeComma && hasLikelyTypeArgumentFollower(source, index, codePositions, context.followsNamedExpression) ? index : void 0;
-		if (angleAction === "handled") continue;
-		if (char === "," && state.groupDepth === 0) {
-			state.sawTypeComma = true;
-			continue;
-		}
-		if (state.angleDepth === 1 && state.groupDepth === 0 && isInvalidTypeArgumentTerminator(source, index, context.followsNamedExpression)) return;
-	}
-}
-//#endregion
 //#region src/virtualModules/shareTags.ts
 const LOAD_SHARE_TAG = "__loadShare__";
 /** A share's local copy. Reachable only through `import()`, so it stays lazy. */
@@ -2247,7 +1907,6 @@ function findEagerFallbacksInSharedChunk(bundle) {
 * 1. __prebuild__: export shareModule (pre-built source code of modules such as vue, react, etc.)
 * 2. __loadShare__: load shareModule (mfRuntime.loadShare('vue'))
 */
-const JS_IDENTIFIER_REGEX = /* @__PURE__ */ new RegExp("^[$_\\p{ID_Start}][$_\\u200C\\u200D\\p{ID_Continue}]*$", "u");
 function escapeGeneratedStringLiteral(value) {
 	return JSON.stringify(value).replace(/[<>\u2028\u2029]/g, (char) => {
 		switch (char) {
@@ -2265,13 +1924,9 @@ function getDefaultOrNamespaceExpression(namespace) {
 function getSharedCacheDescriptorLiteral(pkg, shareItem) {
 	return JSON.stringify(getSharedCacheDescriptor(pkg, shareItem));
 }
-function isValidJsIdentifier(name) {
-	return JS_IDENTIFIER_REGEX.test(name);
-}
 function isValidEsmExportName(name) {
 	return !!name && name !== "default" && name !== "__esModule" && isValidJsIdentifier(name);
 }
-const JS_IDENTIFIER_PATTERN = `[\$_\\p{ID_Start}][\$_\\u200C\\u200D\\p{ID_Continue}]*`;
 function resolvePackageEntryFromProjectRoot(pkg) {
 	try {
 		return resolveModulePath(pkg, path$1.join(getPackageDetectionCwd(), "package.json"));
@@ -2279,14 +1934,18 @@ function resolvePackageEntryFromProjectRoot(pkg) {
 		return;
 	}
 }
+let workspaceEntryConditions = [
+	"browser",
+	"import",
+	"module",
+	"default"
+];
+function setWorkspaceEntryConditions(conditions) {
+	workspaceEntryConditions = conditions;
+}
 function getPackageEsmEntryPath(pkg) {
 	return getInstalledPackageEntry(pkg, {
-		conditions: [
-			"browser",
-			"import",
-			"module",
-			"default"
-		],
+		conditions: workspaceEntryConditions,
 		resolveSubpathWithRequire: false
 	}) || resolvePackageEntryFromProjectRoot(pkg);
 }
@@ -2796,12 +2455,7 @@ function getLocalProviderImportPath(pkg) {
 		return isWorkspaceFilePath(resolved) ? resolved : void 0;
 	} catch {
 		const resolved = getInstalledPackageEntry(pkg, {
-			conditions: [
-				"browser",
-				"import",
-				"module",
-				"default"
-			],
+			conditions: workspaceEntryConditions,
 			resolveSubpathWithRequire: false
 		});
 		return isWorkspaceFilePath(resolved) ? resolved : void 0;
@@ -2839,12 +2493,7 @@ function resolveWorkspaceEsmEntry(pkg, resolved, cwd = getPackageDetectionCwd())
 	if (!isWorkspaceFilePath(resolved)) return resolved;
 	const esmEntry = getInstalledPackageEntry(pkg, {
 		cwd,
-		conditions: [
-			"browser",
-			"import",
-			"module",
-			"default"
-		],
+		conditions: workspaceEntryConditions,
 		resolveSubpathWithRequire: false
 	});
 	if (esmEntry && isWorkspaceFilePath(esmEntry)) return esmEntry;
@@ -2965,7 +2614,7 @@ function resolveConcreteSharedImportSource(pkg, projectRoot) {
 		currentDir = path$1.dirname(currentDir);
 	}
 	return tryResolveImportFromPackageRoot(pkg, currentDir) ?? getInstalledPackageEntry(pkg, {
-		conditions: DEFAULT_SHARED_EXPORT_CONDITIONS,
+		conditions: workspaceEntryConditions,
 		resolveSubpathWithRequire: false
 	});
 }
@@ -3630,9 +3279,426 @@ function writeLoadShareModule(pkg, shareItem, command, options, exportConditions
     if (exportModule === undefined) {
       ${initBlock}
     }
-    ${exportLine}
+    ${exportLine}
+  `;
+	loadShareCacheMap[pkg].writeSync(moduleBody, true);
+}
+//#endregion
+//#region src/utils/localShareImports.ts
+/**
+* The source file of a share whose `import` points at a project file rather than an installed
+* package, such as an application module shared with its micro frontends. Installed packages
+* describe their dependencies in `package.json`, so a path import of an installed package (a shim)
+* is not local. Undefined when the file cannot be found.
+*/
+function getLocalShareSourceFile(pkg, shareItem) {
+	const importSource = shareItem?.shareConfig?.import;
+	if (typeof importSource !== "string") return void 0;
+	if (!importSource.startsWith(".") && !path$1.isAbsolute(importSource)) return void 0;
+	if (getInstalledPackageJson(getPackageName(pkg)) !== void 0) return void 0;
+	return resolveConfiguredImportPath(importSource);
+}
+const specifiersByFile = /* @__PURE__ */ new Map();
+/** Specifiers a file evaluates (static, not type-only), cached until the file changes; empty when it cannot be read. */
+function readStaticImportSpecifiers(file) {
+	try {
+		const { mtimeMs } = statSync(file);
+		const cached = specifiersByFile.get(file);
+		if (cached && cached.mtimeMs === mtimeMs) return cached.specifiers;
+		const specifiers = findModuleImportDescriptors(readFileSync(file, "utf-8")).filter(({ kind, typeOnly }) => kind === "static" && !typeOnly).map(({ source }) => source);
+		specifiersByFile.set(file, {
+			mtimeMs,
+			specifiers
+		});
+		return specifiers;
+	} catch {
+		return [];
+	}
+}
+/**
+* Keys of the other local shares that `sourceFile` imports at evaluation time, by key (or request)
+* or by source file, directly or through relative imports of project files that are not shared.
+* `localShareFiles` maps each local share's key to its source file; `requests` maps a share's
+* request to its key when they differ.
+*/
+function getImportedLocalShares(sourceFile, localShareFiles, requests = /* @__PURE__ */ new Map()) {
+	const keysByFile = new Map(Array.from(localShareFiles, ([key, file]) => [file, key]));
+	const imported = /* @__PURE__ */ new Set();
+	const visited = /* @__PURE__ */ new Set();
+	const visit = (file) => {
+		if (visited.has(file)) return;
+		visited.add(file);
+		for (const specifier of readStaticImportSpecifiers(file)) if (specifier.startsWith(".")) {
+			const resolved = resolveRelativeModule(file, specifier);
+			if (!resolved || resolved.split(path$1.sep).includes("node_modules")) continue;
+			const key = keysByFile.get(resolved);
+			if (key !== void 0) imported.add(key);
+			else visit(resolved);
+		} else {
+			const key = localShareFiles.has(specifier) ? specifier : requests.get(specifier);
+			if (key !== void 0) imported.add(key);
+		}
+	};
+	visit(sourceFile);
+	const self = keysByFile.get(sourceFile);
+	if (self !== void 0) imported.delete(self);
+	return [...imported];
+}
+//#endregion
+//#region src/utils/runtimePluginSpecifier.ts
+function getRuntimePluginSpecifier(plugin) {
+	return typeof plugin === "string" ? plugin : plugin[0];
+}
+/** Drop SSR-only plugins from a client graph; a server graph keeps them all. */
+function filterRuntimePluginsForTarget(runtimePlugins, ssrOnlySpecifiers, isServer) {
+	if (isServer) return [...runtimePlugins];
+	return runtimePlugins.filter((plugin) => !ssrOnlySpecifiers.has(getRuntimePluginSpecifier(plugin)));
+}
+//#endregion
+//#region src/utils/reactIsland.ts
+const SOURCE_EXTENSIONS$1 = [
+	".tsx",
+	".jsx",
+	".ts",
+	".js",
+	".mts",
+	".mjs",
+	".cts",
+	".cjs"
+];
+function resolveSourceFile(importPath, root) {
+	const cleanImport = stripQueryAndHash(importPath);
+	if (!cleanImport.startsWith(".") && !path$1.isAbsolute(cleanImport)) return;
+	const candidate = path$1.isAbsolute(cleanImport) ? cleanImport : path$1.resolve(root, cleanImport);
+	return [
+		candidate,
+		...SOURCE_EXTENSIONS$1.map((extension) => `${candidate}${extension}`),
+		...SOURCE_EXTENSIONS$1.map((extension) => path$1.join(candidate, `index${extension}`))
+	].find((filePath) => {
+		try {
+			return fs$1.statSync(filePath).isFile();
+		} catch {
+			return false;
+		}
+	});
+}
+function localDefaultReexport(source) {
+	const match = source.match(/export\s*{\s*(?:default(?:\s+as\s+default)?|[A-Za-z_$][\w$]*\s+as\s+default)\s*}\s*from\s*["']([^"']+)["']/);
+	return match?.[1]?.startsWith(".") ? match[1] : void 0;
+}
+function isReactComponentSource(source, filePath = "component.tsx") {
+	if (!(/\bexport\s+default\b/.test(source) || /\bexport\s*{[^}]*\bdefault\b[^}]*}(?:\s*from\s*["'][^"']+["'])?/.test(source))) return false;
+	const extension = path$1.extname(stripQueryAndHash(filePath)).toLowerCase();
+	const canContainJsx = extension === ".tsx" || extension === ".jsx";
+	const hasJsx = /<>|<\s*[A-Za-z][\w.:-]*(?:\s[^<>]*?)?\s*\/?>/.test(source);
+	const importsReact = /\bfrom\s*["']react["']|\brequire\(\s*["']react["']\s*\)/.test(source);
+	const usesReactApi = /\b(?:React\.)?(?:createElement|jsx|jsxs)\s*\(/.test(source);
+	const isClientModule = /^\s*["']use client["']\s*;?/m.test(source);
+	return canContainJsx && hasJsx || importsReact && (hasJsx || usesReactApi || isClientModule);
+}
+function isReactComponentFile(filePath, seen = /* @__PURE__ */ new Set()) {
+	const normalizedPath = path$1.resolve(filePath);
+	if (seen.has(normalizedPath)) return false;
+	seen.add(normalizedPath);
+	let source;
+	try {
+		source = fs$1.readFileSync(normalizedPath, "utf8");
+	} catch {
+		return false;
+	}
+	if (isReactComponentSource(source, normalizedPath)) return true;
+	const reexport = localDefaultReexport(source);
+	if (!reexport) return false;
+	const reexportPath = resolveSourceFile(reexport, path$1.dirname(normalizedPath));
+	return reexportPath ? isReactComponentFile(reexportPath, seen) : false;
+}
+/**
+* React is shared by the normal MF runtime when explicitly configured. When it
+* is local, UI exposes can safely advertise an island capability in addition
+* to their unchanged default export.
+*/
+function getReactIslandExposes(options, root) {
+	if (options.experiments.ssrMode !== "ISLAND") return /* @__PURE__ */ new Set();
+	if (Object.hasOwn(options.shared, "react")) return /* @__PURE__ */ new Set();
+	const islandExposes = /* @__PURE__ */ new Set();
+	for (const [key, expose] of Object.entries(options.exposes)) {
+		const sourceFile = resolveSourceFile(expose.import, root);
+		if (sourceFile && isReactComponentFile(sourceFile)) islandExposes.add(key);
+	}
+	return islandExposes;
+}
+function generateReactIslandBrowserDefinition(enabled) {
+	if (!enabled) return "";
+	return `
+          exportModule.__mf_island = {
+            version: 1,
+            renderToHtml() {
+              return Promise.reject(new Error("[Module Federation] renderToHtml is only available in the SSR remote entry"));
+            },
+            hydrate(element, props) {
+              const root = element && element.hasAttribute && element.hasAttribute("data-mf-island-state")
+                ? element
+                : element && element.querySelector
+                  ? element.querySelector("[data-mf-island-state]") || element
+                  : element;
+              if (!root) {
+                return Promise.reject(new Error("[Module Federation] Cannot hydrate an island without a root element"));
+              }
+              let serverProps = {};
+              const encodedState = root.getAttribute && root.getAttribute("data-mf-island-state");
+              if (encodedState) {
+                try {
+                  serverProps = JSON.parse(decodeURIComponent(encodedState));
+                } catch {
+                  serverProps = {};
+                }
+              }
+              const finalProps = Object.assign({}, serverProps, props || {});
+              return Promise.all([import("react"), import("react-dom/client")]).then(([React, ReactDOMClient]) => {
+                if (typeof ReactDOMClient.hydrateRoot !== "function") {
+                  throw new Error("[Module Federation] react-dom/client does not provide hydrateRoot");
+                }
+                return ReactDOMClient.hydrateRoot(
+                  root,
+                  React.createElement(importModule.default, finalProps)
+                );
+              });
+            }
+          }`;
+}
+function generateReactIslandSSRDefinition(enabled) {
+	if (!enabled) return "";
+	return `
+          exportModule.__mf_island = {
+            version: 1,
+            async renderToHtml(props) {
+              if (typeof importModule.default !== "function" && typeof importModule.default !== "object") {
+                throw new Error("[Module Federation] A React island expose must have a default component export");
+              }
+              const loadedProps = typeof importModule.load === "function" ? await importModule.load() : {};
+              const finalProps = Object.assign({}, loadedProps || {}, props || {});
+              const [React, ReactDOMServer] = await Promise.all([
+                import("react"),
+                import("react-dom/server")
+              ]);
+              const body = ReactDOMServer.renderToString(
+                React.createElement(importModule.default, finalProps)
+              );
+              const state = encodeURIComponent(JSON.stringify(finalProps));
+              return '<div data-mf-island-state="' + state + '">' + body + '</div>';
+            },
+            hydrate() {
+              return Promise.reject(new Error("[Module Federation] hydrate is only available in the browser remote entry"));
+            }
+          }`;
+}
+const REACT_ISLAND_CLIENT_ID_PREFIX = "virtual:mf-react-island-client:";
+const REACT_ISLAND_SERVER_ID_PREFIX = "virtual:mf-react-island-server:";
+const RESOLVED_REACT_ISLAND_CLIENT_ID_PREFIX = `\0${REACT_ISLAND_CLIENT_ID_PREFIX}`;
+const RESOLVED_REACT_ISLAND_SERVER_ID_PREFIX = `\0${REACT_ISLAND_SERVER_ID_PREFIX}`;
+function encodeIslandRemoteId(remoteId) {
+	return encodeURIComponent(remoteId);
+}
+function decodeIslandRemoteId(encodedRemoteId) {
+	return decodeURIComponent(encodedRemoteId);
+}
+function getReactIslandImportRemoteId(source) {
+	const queryIndex = source.indexOf("?");
+	if (queryIndex === -1) return;
+	if (!new URLSearchParams(source.slice(queryIndex + 1)).has("mf-island")) return;
+	return source.slice(0, queryIndex);
+}
+function getReactIslandServerImportId(remoteId) {
+	return `${REACT_ISLAND_SERVER_ID_PREFIX}${encodeIslandRemoteId(remoteId)}`;
+}
+function getReactIslandClientImportId(remoteId) {
+	return `${REACT_ISLAND_CLIENT_ID_PREFIX}${encodeIslandRemoteId(remoteId)}`;
+}
+function resolveReactIslandConsumerId(id) {
+	if (id.startsWith("virtual:mf-react-island-server:")) return `\0${id}`;
+	if (id.startsWith("virtual:mf-react-island-client:")) return `\0${id}`;
+}
+function remoteIdFromResolvedIslandId(id, prefix) {
+	if (!id.startsWith(prefix)) return;
+	return decodeIslandRemoteId(id.slice(prefix.length));
+}
+/** Generates the server half of the opt-in `?mf-island` consumer component. */
+function generateReactIslandConsumerServer(remoteId) {
+	const source = JSON.stringify(remoteId);
+	return `import * as React from "react";
+import IslandClient from ${JSON.stringify(getReactIslandClientImportId(remoteId))};
+
+const islandModulePromise = import(${source});
+
+async function loadIslandModule() {
+  const namespace = await islandModulePromise;
+  const pending = namespace && namespace.__mf_remote_pending;
+  if (pending && typeof pending.then === "function") return pending;
+  return namespace && namespace.__moduleExports || namespace;
+}
+
+export default async function ModuleFederationIsland(props) {
+  const remoteModule = await loadIslandModule();
+  const shell = remoteModule && remoteModule.__mf_island;
+  if (!shell || typeof shell.renderToHtml !== "function") {
+    throw new Error(${JSON.stringify(`[Module Federation] ${remoteId} does not expose an SSR island capability`)});
+  }
+  const html = await shell.renderToHtml(props);
+  return React.createElement(IslandClient, { html, islandProps: props });
+}`;
+}
+/** Generates the client boundary which hydrates with the remote-owned React. */
+function generateReactIslandConsumerClient(remoteId) {
+	return `"use client";
+
+import * as React from "react";
+
+const islandModulePromise = import(${JSON.stringify(remoteId)});
+
+async function loadIslandModule() {
+  const namespace = await islandModulePromise;
+  const pending = namespace && namespace.__mf_remote_pending;
+  if (pending && typeof pending.then === "function") return pending;
+  return namespace && namespace.__moduleExports || namespace;
+}
+
+export default function ModuleFederationIslandClient({ html, islandProps }) {
+  const ref = React.useRef(null);
+
+  React.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    void loadIslandModule().then((remoteModule) => {
+      const shell = remoteModule && remoteModule.__mf_island;
+      if (!shell || typeof shell.hydrate !== "function") {
+        throw new Error(${JSON.stringify(`[Module Federation] ${remoteId} does not expose a client island capability`)});
+      }
+      return shell.hydrate(element, islandProps);
+    });
+  }, []);
+
+  return React.createElement("div", {
+    ref,
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: { __html: html },
+  });
+}`;
+}
+function loadReactIslandConsumerModule(id) {
+	const serverRemoteId = remoteIdFromResolvedIslandId(id, RESOLVED_REACT_ISLAND_SERVER_ID_PREFIX);
+	if (serverRemoteId !== void 0) return generateReactIslandConsumerServer(serverRemoteId);
+	const clientRemoteId = remoteIdFromResolvedIslandId(id, RESOLVED_REACT_ISLAND_CLIENT_ID_PREFIX);
+	if (clientRemoteId !== void 0) return generateReactIslandConsumerClient(clientRemoteId);
+}
+//#endregion
+//#region src/virtualModules/virtualExposes.ts
+const EXPOSES_CSS_MAP_PLACEHOLDER = "__MF_EXPOSES_CSS_MAP__";
+function getExposesCssMapPlaceholder() {
+	return EXPOSES_CSS_MAP_PLACEHOLDER;
+}
+function getVirtualExposesId(options) {
+	return `virtual:mf-exposes:${getVirtualModuleScopeKey(options)}`;
+}
+function generateExposes(options, remoteDependencyMap = {}, command = "build", reactIslandExposes = /* @__PURE__ */ new Set()) {
+	return `
+    const cssAssetMap = ${JSON.stringify(options.bundleAllCSS ? EXPOSES_CSS_MAP_PLACEHOLDER : {})};
+    const injectedCssHrefs = new Set();
+    const exposeLoadPromises = new Map();
+
+    // Shared and remote readiness is handled by explicit Promise barriers below
+    // and by remoteEntry's pendingShareLoads barrier. Keep this map scoped to a
+    // single expose: unrelated exposes must stay independent and load in parallel.
+    function loadExposedModule(exposeKey, loader) {
+      let load = exposeLoadPromises.get(exposeKey);
+      if (!load) {
+        load = Promise.resolve()
+          .then(loader)
+          .catch((error) => {
+            exposeLoadPromises.delete(exposeKey);
+            throw error;
+          });
+        exposeLoadPromises.set(exposeKey, load);
+      }
+      return load;
+    }
+
+    async function injectCssAssets(exposeKey) {
+      if (typeof document === "undefined") {
+        return;
+      }
+
+      // Replaced at build time with expose -> css asset paths.
+      const cssAssets = cssAssetMap[exposeKey] || [];
+
+      await Promise.all(
+        cssAssets.map((cssAsset) => {
+          const href = new URL(cssAsset, import.meta.url).href;
+
+          // Same expose can be resolved multiple times in one page.
+          if (injectedCssHrefs.has(href)) {
+            return Promise.resolve();
+          }
+          injectedCssHrefs.add(href);
+
+          // Check for any existing stylesheet with the same href, not just
+          // MF-injected ones. This prevents duplicate <link> tags when Vite's
+          // own CSS module injection or MF runtime's createLink has already
+          // created a <link rel="stylesheet"> for the same URL.
+          const existingLink = document.querySelector(
+            \`link[rel="stylesheet"][href="\${href}"]\`
+          );
+          if (existingLink) {
+            return Promise.resolve();
+          }
+
+          return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = href;
+            link.onload = () => resolve();
+            link.onerror = () => {
+              injectedCssHrefs.delete(href);
+              link.remove();
+              reject(new Error(\`[Module Federation] Failed to load CSS asset: \${href}\`));
+            };
+            document.head.appendChild(link);
+          });
+        })
+      );
+    }
+
+    export default {
+    ${Object.keys(options.exposes).map((key) => {
+		const remoteDependencyPreloads = (remoteDependencyMap[key] ?? []).map((remoteId) => {
+			const virtualRemote = getRemoteVirtualModule(remoteId, command, false, "unified", options);
+			return `import(${JSON.stringify(virtualRemote.getImportId())})
+            .then((mod) => mod.__mf_remote_pending)`;
+		}).join(",");
+		return `
+        ${JSON.stringify(key)}: async () => {
+          await injectCssAssets(${JSON.stringify(key)})
+          await Promise.all([${remoteDependencyPreloads}])
+          const importModule = await loadExposedModule(
+            ${JSON.stringify(key)},
+            () => import(${JSON.stringify(options.exposes[key].import)})
+          )
+          const dependencyPending = importModule && importModule.__mf_remote_dependency_pending;
+          if (dependencyPending && typeof dependencyPending.then === "function") {
+            await dependencyPending;
+          }
+          const exportModule = {}
+          Object.assign(exportModule, importModule)
+          ${generateReactIslandBrowserDefinition(reactIslandExposes.has(key))}
+          Object.defineProperty(exportModule, "__esModule", {
+            value: true,
+            enumerable: false
+          })
+          return exportModule
+        }
+      `;
+	}).join(",")}
+  }
   `;
-	loadShareCacheMap[pkg].writeSync(moduleBody, true);
 }
 //#endregion
 //#region src/virtualModules/virtualRemoteEntry.ts
@@ -3947,7 +4013,7 @@ function getOrderedUsedShares(options) {
 	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);
-	}));
+	}), options);
 }
 function getMaterializedShares(options) {
 	const shares = new Set(materializedSharesByOptions.get(options));
@@ -3959,14 +4025,20 @@ function getMaterializedShares(options) {
 		else shares.add(pkg);
 	}
 	const configured = /* @__PURE__ */ new Map();
-	for (const pkg of getOrderedUsedShares(options)) {
+	const orderedUsed = getOrderedUsedShares(options);
+	for (const pkg of orderedUsed) {
 		const packageName = getPackageName(pkg);
 		if (!configured.has(packageName) || pkg === packageName) configured.set(packageName, pkg);
 	}
+	const localImports = getLocalShareImports(orderedUsed, options);
 	const pending = [...shares];
 	while (pending.length) {
 		const pkg = pending.pop();
 		const share = getNormalizeShareItem(pkg, options);
+		for (const imported of localImports.get(pkg) ?? []) if (!shares.has(imported) && getNormalizeShareItem(imported, options)?.scope === share?.scope) {
+			shares.add(imported);
+			pending.push(imported);
+		}
 		const packageName = getPackageName(pkg);
 		const packageJson = getInstalledPackageJson(pkg)?.packageJson ?? (pkg !== packageName ? getInstalledPackageJson(packageName)?.packageJson : void 0);
 		const dependencies = {
@@ -3991,10 +4063,39 @@ function getMaterializedShares(options) {
 	return orderSharedDependenciesFirst([...new Set(sorted.map((pkg) => {
 		const shareItem = getNormalizeShareItem(pkg, options);
 		return shareItem ? getCanonicalSharedKey(pkg, shareItem) : pkg;
-	}))]);
+	}))], options);
+}
+/**
+* The other local shares each local share (one whose `import` is a project file) imports at module
+* evaluation, found through the static imports of its source and of the unshared project files it
+* imports, keyed by share. Only local shares have an entry.
+*/
+function getLocalShareImports(shares, options) {
+	const localShareFiles = /* @__PURE__ */ new Map();
+	const requests = /* @__PURE__ */ new Map();
+	for (const pkg of shares) {
+		const shareItem = getNormalizeShareItem(pkg, options);
+		const sourceFile = getLocalShareSourceFile(pkg, shareItem);
+		if (sourceFile === void 0) continue;
+		localShareFiles.set(pkg, sourceFile);
+		const request = getSharedRequest(pkg, shareItem);
+		if (request !== pkg) requests.set(request, pkg);
+	}
+	return new Map(Array.from(localShareFiles, ([pkg, sourceFile]) => [pkg, getImportedLocalShares(sourceFile, localShareFiles, requests)]));
+}
+/**
+* Shares that must be materialized before each local share, keyed by share. A project file has no
+* package.json to read dependencies from and may import any shared package, directly or through
+* other project files, so every installed-package share comes first, followed by the local shares
+* its source imports (see #1507).
+*/
+function getLocalSharePrerequisites(shares, options) {
+	const localImports = getLocalShareImports(shares, options);
+	const packageShares = shares.filter((pkg) => !localImports.has(pkg));
+	return new Map(Array.from(localImports, ([pkg, imports]) => [pkg, [...packageShares, ...imports]]));
 }
 /** Shared keys a share's package.json depends on (roots stand in for their subpaths, subpaths for their root), keyed by share. */
-function getSharePrerequisites(ordered) {
+function getSharePrerequisites(ordered, options) {
 	const roots = /* @__PURE__ */ new Map();
 	const subpaths = /* @__PURE__ */ new Map();
 	for (const pkg of ordered) {
@@ -4003,7 +4104,13 @@ function getSharePrerequisites(ordered) {
 		else subpaths.set(packageName, [...subpaths.get(packageName) ?? [], pkg]);
 	}
 	const prerequisitesByShare = /* @__PURE__ */ new Map();
+	const localPrerequisites = getLocalSharePrerequisites(ordered, options);
 	for (const pkg of ordered) {
+		const local = localPrerequisites.get(pkg);
+		if (local) {
+			prerequisitesByShare.set(pkg, local);
+			continue;
+		}
 		const packageName = getPackageName(pkg);
 		const packageJson = getInstalledPackageJson(pkg)?.packageJson ?? (pkg !== packageName ? getInstalledPackageJson(packageName)?.packageJson : void 0);
 		const dependencies = {
@@ -4023,14 +4130,15 @@ function getSharePrerequisites(ordered) {
 }
 function getShareBatches(options, materializedOnly = true) {
 	const ordered = materializedOnly ? getMaterializedShares(options) : getOrderedUsedShares(options);
-	const prerequisitesByShare = getSharePrerequisites(ordered);
+	const prerequisitesByShare = getSharePrerequisites(ordered, options);
 	const levels = /* @__PURE__ */ new Map();
 	for (const pkg of ordered) levels.set(pkg, (prerequisitesByShare.get(pkg) ?? []).reduce((level, dependency) => Math.max(level, (levels.get(dependency) ?? 0) + 1), 0));
 	const batches = [];
 	for (const pkg of ordered) (batches[levels.get(pkg) ?? 0] ??= []).push(pkg);
 	return batches.filter(Boolean);
 }
-function orderSharedDependenciesFirst(sharedPackages) {
+function orderSharedDependenciesFirst(sharedPackages, options) {
+	const localPrerequisites = getLocalSharePrerequisites(sharedPackages, options);
 	const sharedKeyByPackageName = /* @__PURE__ */ new Map();
 	const subpathKeysByPackageName = /* @__PURE__ */ new Map();
 	sharedPackages.forEach((pkg) => {
@@ -4049,6 +4157,14 @@ function orderSharedDependenciesFirst(sharedPackages) {
 		if (visited.has(pkg)) return;
 		if (visiting.has(pkg)) return;
 		visiting.add(pkg);
+		const local = localPrerequisites.get(pkg);
+		if (local) {
+			local.forEach(visit);
+			visiting.delete(pkg);
+			visited.add(pkg);
+			ordered.push(pkg);
+			return;
+		}
 		const packageName = getPackageName(pkg);
 		const packageJson = getInstalledPackageJson(pkg)?.packageJson ?? (pkg !== packageName ? getInstalledPackageJson(packageName)?.packageJson : void 0);
 		const dependencies = {
@@ -4329,7 +4445,7 @@ function generateRuntimeSharedCacheSeedCode(shareStrategy, options, command = "b
 	const seedBatches = getShareBatches(options, false);
 	const seedOrder = seedBatches.flat();
 	const seedIndex = new Map(seedOrder.map((pkg, index) => [pkg, index]));
-	const seedPrerequisites = Object.fromEntries(Array.from(getSharePrerequisites(seedOrder)).filter(([, prerequisites]) => prerequisites.length > 0).map(([pkg, prerequisites]) => [seedIndex.get(pkg), prerequisites.map((prerequisite) => seedIndex.get(prerequisite))]));
+	const seedPrerequisites = Object.fromEntries(Array.from(getSharePrerequisites(seedOrder, options)).filter(([, prerequisites]) => prerequisites.length > 0).map(([pkg, prerequisites]) => [seedIndex.get(pkg), prerequisites.map((prerequisite) => seedIndex.get(prerequisite))]));
 	return `
     const __mfSeedOrder = ${toSafeJsLiteral(seedOrder)};
     const __mfSeedBatches = ${toSafeJsLiteral(seedBatches)};
@@ -8259,7 +8375,7 @@ function ${helperName}(names) {
 }
 //#endregion
 //#region package.json
-var version$1 = "1.23.6";
+var version$1 = "1.23.8";
 //#endregion
 //#region src/virtualModules/virtualExposesSSR.ts
 /**
@@ -8306,6 +8422,15 @@ const REMOTE_ENTRY_SSR_ID = "virtual:mf-REMOTE_ENTRY_SSR_ID";
 function getRemoteEntrySSRId(options) {
 	return `${REMOTE_ENTRY_SSR_ID}:${getVirtualModuleScopeKey(options)}`;
 }
+const SSR_HOST_INIT_ID = "virtual:mf-ssr-host-init";
+/**
+* The SSR entry's import of the host bootstrap. Keyed by config scope, not by federation()
+* instance: under the Vite builder the entry plugin is shared by every environment, so the
+* instance building each environment resolves it to its own bootstrap.
+*/
+function getSsrHostInitId(options) {
+	return `${SSR_HOST_INIT_ID}:${getVirtualModuleScopeKey(options)}`;
+}
 const FILE_EXTENSION_RE = /\.[^.]+$/;
 function getSsrFileNameParts(browserFilename) {
 	const filename = resolveHashPlaceholderFileName(browserFilename);
@@ -8356,7 +8481,7 @@ function generateRemoteEntrySSR(options) {
 	const virtualExposesSSRId = getVirtualExposesSSRId(options);
 	const sharedSingletons = getSsrSharedSingletons(options);
 	return `
-  ${hasRemotes(options) ? `import { hostInitPromise } from ${JSON.stringify(getHostAutoInitPath(options))};` : "import { init as runtimeInit } from \"@module-federation/runtime\";"}
+  ${hasRemotes(options) ? `import { hostInitPromise } from ${JSON.stringify(getSsrHostInitId(options))};` : "import { init as runtimeInit } from \"@module-federation/runtime\";"}
 
   const sharedSingletons = ${JSON.stringify(sharedSingletons)};
   const moduleCacheKey = Symbol.for(${JSON.stringify(MODULE_CACHE_SHARE_SCOPE_KEY)});
@@ -8614,7 +8739,7 @@ function getRemoteContainerName(remoteKey, remote) {
 }
 const Manifest = (providedOptions) => {
 	const mfOptions = providedOptions ?? getNormalizeModuleFederationOptions();
-	const { name, filename, getPublicPath, manifest: manifestOptions, varFilename } = mfOptions;
+	const { filename, getPublicPath, manifest: manifestOptions } = mfOptions;
 	let mfManifestName = manifestOptions === true ? "mf-manifest.json" : typeof manifestOptions === "object" ? normalizePathForImport(path$1.join(manifestOptions?.filePath || "", manifestOptions?.fileName || "mf-manifest.json")) : void 0;
 	let mfManifestStatsName = mfManifestName ? getStatsFileName(mfManifestName) : void 0;
 	const isConsumerProject = !isRemoteContainer(mfOptions);
@@ -8659,39 +8784,7 @@ const Manifest = (providedOptions) => {
 					res.setHeader("Content-Type", "application/json");
 					res.setHeader("Access-Control-Allow-Origin", "*");
 					(async () => {
-						const manifest = await applyManifestAdditionalData({
-							...generateMFManifest({}, disableAssetsAnalyze),
-							id: name,
-							name,
-							metaData: {
-								name,
-								type: "app",
-								buildInfo: {
-									buildVersion: getBuildVersion(),
-									buildName: name,
-									...getTreeShakingBuildInfo(mfOptions)
-								},
-								remoteEntry: {
-									name: devRemoteEntryFile,
-									path: "",
-									type: "module"
-								},
-								ssrRemoteEntry: {
-									name: getSsrRemoteEntryFileName(mfOptions, devRemoteEntryFile),
-									path: "/__mf_ssr__/",
-									type: "module"
-								},
-								varRemoteEntry: varFilename ? {
-									name: varFilename,
-									path: "",
-									type: "var"
-								} : void 0,
-								types: resolveTypesMeta(mfOptions.dts),
-								globalName: name,
-								pluginVersion: version$1,
-								...getPublicPath ? { getPublicPath } : { publicPath }
-							}
-						});
+						const manifest = await applyManifestAdditionalData(generateMFManifest({}, disableAssetsAnalyze));
 						res.end(JSON.stringify(manifest));
 					})().catch(next);
 				} else next();
@@ -8766,7 +8859,7 @@ const Manifest = (providedOptions) => {
 			const expectedSsrRemoteEntryFile = getSsrRemoteEntryFileName(mfOptions);
 			const foundSsrRemoteEntryFile = Object.values(bundle).find((file) => file.fileName === expectedSsrRemoteEntryFile)?.fileName;
 			if (foundRemoteEntryFile) remoteEntryFile = foundRemoteEntryFile;
-			ssrRemoteEntryFile = foundSsrRemoteEntryFile || (_command === "serve" ? getSsrRemoteEntryFileName(mfOptions, resolveHashPlaceholderFileName(mfOptions.filename)) : void 0);
+			ssrRemoteEntryFile = foundSsrRemoteEntryFile;
 			const allCssAssets = mfOptions.bundleAllCSS && !disableAssetsAnalyze ? collectCssAssets(bundle) : /* @__PURE__ */ new Set();
 			if (allCssAssets.size > 0) {
 				const secondaryCss = /* @__PURE__ */ new Set();
@@ -8836,13 +8929,13 @@ const Manifest = (providedOptions) => {
 	function generateMFManifest(preloadMap, disableAssetsAnalyze = false) {
 		const options = mfOptions;
 		const { name, varFilename } = options;
-		const resolvedRemoteEntryFile = _command === "serve" ? remoteEntryFile || resolveHashPlaceholderFileName(filename) : remoteEntryFile;
+		const resolvedRemoteEntryFile = _command === "serve" ? resolveHashPlaceholderFileName(filename) : remoteEntryFile;
 		const remoteEntry = {
 			name: resolvedRemoteEntryFile,
 			path: "",
 			type: "module"
 		};
-		const resolvedSsrRemoteEntryFile = _command === "serve" ? ssrRemoteEntryFile || getSsrRemoteEntryFileName(mfOptions, resolveHashPlaceholderFileName(filename)) : ssrRemoteEntryFile;
+		const resolvedSsrRemoteEntryFile = _command === "serve" ? getSsrRemoteEntryFileName(mfOptions, resolvedRemoteEntryFile) : ssrRemoteEntryFile;
 		const ssrRemoteEntry = resolvedSsrRemoteEntryFile ? {
 			name: resolvedSsrRemoteEntryFile,
 			path: _command === "serve" ? "/__mf_ssr__/" : "",
@@ -9478,6 +9571,21 @@ function shouldScanResolvedImport(id) {
 	if (isNodeModulePath(id)) return false;
 	return /\.(?:[cm]?[jt]sx?|vue|svelte)(?:\?|$)/.test(id);
 }
+const TS_MODULE_RE = /\.[cm]?tsx?$/;
+/**
+* The module as Vite's TypeScript transform leaves it. A value-style import used only as a type
+* (`import { Props } from 'remote/Widget'`) is dropped there, so it loads nothing at runtime.
+* `transformWithOxc` is Vite 8+; `transformWithEsbuild` needs esbuild, which Vite 8 no longer ships.
+*/
+async function withoutTypeOnlyImports(id, code) {
+	if (!TS_MODULE_RE.test(id)) return code;
+	const { transformWithOxc } = vite;
+	try {
+		return (transformWithOxc ? await transformWithOxc(code, id, { jsx: "preserve" }) : await vite.transformWithEsbuild(code, id, { jsx: "preserve" })).code;
+	} catch {
+		return code;
+	}
+}
 async function readModuleEdges(ctx, id, isRemoteImport) {
 	let code;
 	try {
@@ -9489,12 +9597,14 @@ async function readModuleEdges(ctx, id, isRemoteImport) {
 			dynamicImports: []
 		};
 	}
+	let sources = collectImportSources(code);
+	if (sources.some(({ source }) => isRemoteImport(source))) sources = collectImportSources(await withoutTypeOnlyImports(id, code));
 	const edges = {
 		remotes: [],
 		staticImports: [],
 		dynamicImports: []
 	};
-	for (const { source, dynamic } of collectImportSources(code)) {
+	for (const { source, dynamic } of sources) {
 		if (isRemoteImport(source)) {
 			if (!dynamic) edges.remotes.push(source);
 			continue;
@@ -10206,6 +10316,8 @@ function proxySharedModule(options) {
 	let devServer;
 	const materializedLoadShareSources = /* @__PURE__ */ new Set();
 	const emittedTreeShakingProviders = /* @__PURE__ */ new Set();
+	const concreteShareSources = /* @__PURE__ */ new Map();
+	let concreteShareSourcesSize = -1;
 	const hasAnalyzableShares = Object.values(shared).some((share) => shouldAnalyzeSharedExports(share));
 	const getEnvironmentConfig = (context) => context.environment?.config;
 	const getEnvironmentConditions = (context) => getEnvironmentConfig(context)?.resolve?.conditions;
@@ -10443,6 +10555,23 @@ function proxySharedModule(options) {
 			name: "proxyPreBuildShared:resolve-prebuild",
 			enforce: "pre",
 			async resolveId(source, importer) {
+				if (_command === "serve" && path$1.isAbsolute(source)) {
+					const usedShares = getUsedShares(federationOptions);
+					if (concreteShareSourcesSize !== usedShares.size) {
+						concreteShareSourcesSize = usedShares.size;
+						concreteShareSources.clear();
+						for (const used of usedShares) {
+							const concrete = getConcreteSharedImportSource(used);
+							if (concrete) concreteShareSources.set(concrete.replaceAll("\\", "/"), used);
+						}
+					}
+					const share = concreteShareSources.get(source.replaceAll("\\", "/"));
+					if (!share) return;
+					const dependent = findPackageInDependents(getPackageName(share), getPackageDetectionCwd());
+					if (!dependent) return;
+					const dependentPackageJson = path$1.join(dependent.dependentDir, "package.json");
+					return resolveInternally(this, share, dependentPackageJson);
+				}
 				if (!source.includes("__prebuild__")) return;
 				if (source.startsWith(".")) return;
 				const pkgName = assertModuleFound(PREBUILD_TAG, source).name;
@@ -10927,6 +11056,8 @@ function readBoundedRunnerBody(req, res) {
 */
 function pluginSSRRemoteEntry(options) {
 	const remoteEntrySSRId = getRemoteEntrySSRId(options);
+	const ssrHostInitId = getSsrHostInitId(options);
+	let hostInitChunkRef;
 	const virtualExposesSSRId = getVirtualExposesSSRId(options);
 	let cachedSsrRemoteEntrySource;
 	const ssrOutputFilename = getSsrRemoteEntryFileName(options);
@@ -10990,6 +11121,7 @@ function pluginSSRRemoteEntry(options) {
 		resolveId(id, importer) {
 			if (id === remoteEntrySSRId || id.startsWith(remoteEntrySSRId)) return id;
 			if (id === virtualExposesSSRId || id.startsWith(virtualExposesSSRId)) return id;
+			if (id === ssrHostInitId) return this.resolve(getHostAutoInitPath(options), importer, { skipSelf: true });
 			if (!importer || !ssrModuleIds.has(importer)) return;
 			if (ssrOnlyExternalPattern.test(id) && !isNoExternal(id)) return {
 				id,
@@ -11102,9 +11234,9 @@ function pluginSSRRemoteEntry(options) {
 			const isRolldown = getIsRolldown(this);
 			const environment = this.environment;
 			if (!isSsrRemoteEntryBuild(environment)) return;
-			if (!isRolldown && hasRemotes(options)) this.emitFile({
+			if (!isRolldown && hasRemotes(options)) hostInitChunkRef = this.emitFile({
 				type: "chunk",
-				id: getHostAutoInitPath(options),
+				id: ssrHostInitId,
 				name: "hostInit",
 				preserveSignature: "strict"
 			});
@@ -11130,11 +11262,7 @@ function pluginSSRRemoteEntry(options) {
 				const exposesChunk = findNuxtExposesChunk(bundle) ?? findEmittedExposesChunk(bundle);
 				if (!isRolldown && isSsrRemoteEntryBuild(environment)) {
 					let source = getSsrRemoteEntrySource();
-					if (hasRemotes(options)) {
-						const hostInitId = getHostAutoInitPath(options);
-						const hostInitChunk = Object.values(bundle).find((file) => file.type === "chunk" && file.facadeModuleId?.includes(hostInitId));
-						if (hostInitChunk) source = source.replace(JSON.stringify(hostInitId), JSON.stringify(toRelativeImport(ssrOutputFilename, hostInitChunk.fileName)));
-					}
+					if (hasRemotes(options) && hostInitChunkRef) source = source.replace(JSON.stringify(ssrHostInitId), JSON.stringify(toRelativeImport(ssrOutputFilename, this.getFileName(hostInitChunkRef))));
 					if (exposesChunk) source = source.replace(/import\("virtual:mf-exposes-ssr:[^"]+"\)/g, `import("${toRelativeImport(ssrOutputFilename, exposesChunk)}")`);
 					this.emitFile({
 						type: "asset",
@@ -11266,7 +11394,13 @@ const VarRemoteEntry = (providedOptions) => {
 		}
 	}];
 	function isValidVarName(name) {
-		return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name);
+		if (!isValidJsIdentifier(name)) return false;
+		try {
+			new Function(`var ${name};`);
+			return true;
+		} catch {
+			return false;
+		}
 	}
 	/**
 	* Generates the final "var" remote entry file
@@ -11278,23 +11412,35 @@ const VarRemoteEntry = (providedOptions) => {
 		const isValidName = isValidVarName(name);
 		return `
   ${isValidName ? `var ${name};` : ""}
-  ${isValidName ? name : `globalThis['${name}']`} = (function () {
+  (function (global) {
+    const name = ${toSafeJsLiteral(name)};
+    const descriptor = Object.getOwnPropertyDescriptor(global, name);
+    const prototype = Object.getPrototypeOf(global);
+    const emptyVarSlot = ${isValidName} && descriptor && 'value' in descriptor && descriptor.value === undefined && descriptor.writable && !(prototype && name in prototype);
+    if (name in global && !emptyVarSlot) {
+      const existing = descriptor && 'value' in descriptor ? descriptor.value : undefined;
+      if (existing && typeof existing.get === 'function' && typeof existing.init === 'function') {
+        return;
+      }
+      throw new Error('[Module Federation] Cannot register var remote "' + name + '" because the global already exists. Choose a different federation name or use an ESM remote.');
+    }
+
     function getScriptUrl() {
       const currentScript = document.currentScript;
       if (!currentScript) {
-        console.error("[Module Federation] ${varFilename} script should be called from sync <script> tag (document.currentScript is undefined)")
+        console.error(${toSafeJsLiteral(`[Module Federation] ${varFilename} script should be called from sync <script> tag (document.currentScript is undefined)`)})
         return '/';
       }
       return document.currentScript.src.replace(/\\/[^/]*$/, '/');
     }
 
-    const entry = getScriptUrl() + '${remoteEntryFile}';
+    const entry = getScriptUrl() + ${toSafeJsLiteral(remoteEntryFile)};
 
-    return {
+    global[name] = {
       get: (...args) => import(entry).then(m => m.get(...args)),
       init: (...args) => import(entry).then(m => m.init(...args)),
     };
-  })();
+  })(globalThis);
   `;
 	}
 };
@@ -11331,6 +11477,7 @@ function pluginSsrRuntimeInit(options) {
 			if (isOwnedHostAutoInitId(id, options)) {
 				const pluginImports = options.runtimePlugins.map((plugin, index) => `import plugin${index} from ${toSafeJsLiteral(getRuntimePluginSpecifier(plugin))};`).join("\n");
 				const plugins = options.runtimePlugins.map((plugin, index) => `plugin${index}(${Array.isArray(plugin) ? serializeRuntimeOptions(plugin[1]) : ""})`).join(",");
+				const fallbackRemotes = toSafeJsLiteral(getSsrRuntimeRemotes(options.remotes, options));
 				return {
 					code: `
             import { init } from ${toSafeJsLiteral(options.implementation)};
@@ -11338,11 +11485,33 @@ function pluginSsrRuntimeInit(options) {
             ${pluginImports}
             ${getRuntimeInitBootstrapCode(false, getRuntimeInitStatusImportId(options))}
             globalThis[globalKey].ssrInitStarted = true;
+            // These remotes are registered before application code, under owner-scoped
+            // names aliased to their configured names, and the runtime resolves an id
+            // against the first remote whose name or alias matches. Drop the alias once the
+            // application registers a remote under that name or alias, so its entry wins.
+            const bootstrapRemotes = Array.isArray(usedRemotes) ? usedRemotes : ${fallbackRemotes};
+            const bootstrapRemoteNames = new Set(bootstrapRemotes.map((remote) => remote.name));
+            const applicationRemotePlugin = {
+              name: 'vite-ssr-application-remote-plugin',
+              beforeRegisterRemote(args) {
+                const { name, alias } = args.remote;
+                if (bootstrapRemoteNames.has(name)) return args;
+                for (const registered of args.origin.options.remotes) {
+                  if (
+                    bootstrapRemoteNames.has(registered.name) &&
+                    (registered.alias === name || registered.alias === alias)
+                  ) {
+                    delete registered.alias;
+                  }
+                }
+                return args;
+              },
+            };
             const runtime = init({
               name: ${toSafeJsLiteral(options.name)},
-              remotes: usedRemotes,
+              remotes: bootstrapRemotes,
               shared: usedShared,
-              plugins: [${plugins}],
+              plugins: [applicationRemotePlugin, ${plugins}],
               shareStrategy: ${toSafeJsLiteral(options.shareStrategy)},
             });
             const hostInitPromise = Promise.resolve(runtime);
@@ -11882,6 +12051,11 @@ function canResolveSharedSubpath(subpath, projectRoot) {
 		return false;
 	}
 }
+function getSharedIncludeEntry(subpath, projectRoot) {
+	if (canResolveSharedSubpath(subpath, projectRoot)) return subpath;
+	const dependent = findPackageInDependents(getPackageName(subpath), projectRoot);
+	if (dependent && canResolveSharedSubpath(subpath, dependent.dependentDir)) return [...dependent.chain, subpath].join(" > ");
+}
 const VITE_DEV_IMPORT_CONDITIONS = /* @__PURE__ */ new Set([
 	"browser",
 	"development",
@@ -12071,13 +12245,18 @@ function createEarlyVirtualModulesPlugin(options) {
 	return {
 		name: "vite:module-federation-early-init",
 		enforce: "pre",
-		config(config, { command: _command }) {
+		config(config, { command: _command, mode }) {
 			if (_command === "serve") ignoreFederationGeneratedFiles(config, options);
 			const root = config.root || process.cwd();
 			const buildInput = getBuildInput(config);
 			const resolvedConfiguredEntryFiles = (typeof buildInput === "string" ? [buildInput] : Array.isArray(buildInput) ? buildInput : buildInput && typeof buildInput === "object" ? Object.values(buildInput) : []).map((entry) => String(entry)).filter((entry) => !isReactRouterBuildClientRouteInput(entry)).map((entry) => entry.split(/[?#]/)[0]).map((entry) => path$1.isAbsolute(entry) ? entry : path$1.resolve(root, entry));
 			resetConcreteSharedImportSourceCache();
 			setPackageDetectionCwd(root);
+			setWorkspaceEntryConditions(getSharedExportConditions({
+				isProduction: mode === "production",
+				isSsr: false,
+				rootConditions: config.resolve?.conditions
+			}));
 			resolveSharedVersions(shared, root);
 			const isVinext = hasPackageDependency("vinext");
 			initVirtualModules(_command, getRemoteEntryId(options), false, options);
@@ -12223,7 +12402,8 @@ export default __mfShared.default ?? __mfShared;`
 							optimizeDeps.exclude ??= [];
 							for (const subpath of getCommonSharedSubpaths(request)) {
 								writePreBuildLibPath(subpath, shareItem, options);
-								if (canResolveSharedSubpath(subpath, root)) optimizeDeps.include.push(subpath);
+								const includeEntry = getSharedIncludeEntry(subpath, root);
+								if (includeEntry) optimizeDeps.include.push(includeEntry);
 								else optimizeDeps.exclude.push(subpath);
 							}
 						}
@@ -12241,18 +12421,18 @@ export default __mfShared.default ?? __mfShared;`
 						const optimizeDeps = config.optimizeDeps ??= {};
 						optimizeDeps.include ??= [];
 						optimizeDeps.exclude ??= [];
-						const shouldBypassOptimizeDep = isLitShare(runtimeKey) || !canResolveSharedSubpath(runtimeKey, root);
+						const includeEntry = isLitShare(runtimeKey) ? void 0 : getSharedIncludeEntry(runtimeKey, root);
 						if (optimizeDeps.include.includes(runtimeKey)) optimizeDeps.exclude = optimizeDeps.exclude.filter((dep) => dep !== runtimeKey);
-						else if (shouldBypassOptimizeDep || optimizeDeps.exclude.includes(runtimeKey)) optimizeDeps.exclude.push(runtimeKey);
-						else optimizeDeps.include.push(runtimeKey);
+						else if (!includeEntry || optimizeDeps.exclude.includes(runtimeKey)) optimizeDeps.exclude.push(runtimeKey);
+						else optimizeDeps.include.push(includeEntry);
 						const commonSubpaths = shareItem.shareConfig.request === void 0 && shareItem.shareConfig.shareKey === void 0 ? getCommonSharedSubpaths(runtimeKey) : [];
 						for (const subpath of commonSubpaths) {
-							const canResolveSubpath = canResolveSharedSubpath(subpath, root);
+							const subpathIncludeEntry = getSharedIncludeEntry(subpath, root);
 							if ([
 								"react/compiler-runtime",
 								"react-dom/client",
 								"react-dom/profiling"
-							].includes(subpath) && !canResolveSubpath) {
+							].includes(subpath) && !subpathIncludeEntry) {
 								optimizeDeps.exclude.push(subpath);
 								continue;
 							}
@@ -12260,9 +12440,9 @@ export default __mfShared.default ?? __mfShared;`
 							writeLoadShareModule(subpath, shareItem, _command, options);
 							writePreBuildLibPath(subpath, shareItem, options);
 							addConfiguredShare(subpath, options);
-							if (canResolveSubpath) {
-								optimizeDeps.include.push(subpath);
-								if (runtimeKey === "react-dom") optimizeDeps.include.push(`${runtimeKey} > ${subpath}`);
+							if (subpathIncludeEntry) {
+								optimizeDeps.include.push(subpathIncludeEntry);
+								if (runtimeKey === "react-dom" && includeEntry) optimizeDeps.include.push(`${includeEntry} > ${subpath}`);
 							} else optimizeDeps.exclude.push(subpath);
 						}
 					}
@@ -12305,12 +12485,15 @@ export default __mfShared.default ?? __mfShared;`
 				"@module-federation/sdk"
 			];
 			const resolvedShared = {};
-			for (const pkg of [...commonSharedPkgs, ...sharedKeys]) try {
-				resolvedShared[pkg] = projectRequire.resolve(pkg);
-			} catch {
+			for (const pkg of [...commonSharedPkgs, ...sharedKeys]) {
+				const resolutionSpecifier = removeTrailingSlash(pkg);
 				try {
-					resolvedShared[pkg] = resolveImportPath(pkg);
-				} catch {}
+					resolvedShared[pkg] = projectRequire.resolve(resolutionSpecifier);
+				} catch {
+					try {
+						resolvedShared[pkg] = resolveImportPath(resolutionSpecifier);
+					} catch {}
+				}
 			}
 			const ssrEntryLoaderSpecifier = SSR_ENTRY_LOADER_SPECIFIER;
 			try {
@@ -12347,7 +12530,7 @@ function withoutDynamicRemoteTypeHints(options) {
 }
 function loadPluginDts(options) {
 	if (options.dts === false) return [];
-	return [import("./pluginDts-rZMRTCTz.js").then(({ default: pluginDts }) => pluginDts(options))];
+	return [import("./pluginDts-DvTJxjaE.js").then(({ default: pluginDts }) => pluginDts(options))];
 }
 const INJECT_EXTERNAL_RUNTIME_CORE_PLUGIN = "@module-federation/vite/injectExternalRuntimeCorePlugin";
 function isInjectExternalRuntimeCorePlugin(specifier) {