@module-federation/vite 1.0.0-alpha-51eeeb6 → 1.0.0-alpha-661e052

package/README.md

@@ -23,7 +23,7 @@ https://module-federation.io/guide/basic/webpack.html
 // vite.config.js
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import { federation } from 'module-federation-vite';
+import { federation } from '@module-federation/vite';
 import topLevelAwait from 'vite-plugin-top-level-await';
 
 // https://vitejs.dev/config/
@@ -43,7 +43,7 @@ export default defineConfig({
         // }
       },
       exposes: {
-        App: './src/App.vue',
+        './App': './src/App.vue',
       },
       filename: 'dd/remoteEntry.js',
       shared: {
@@ -59,7 +59,7 @@ export default defineConfig({
   server: {
     port: 5173,
     // dev mode please set origin
-    origin: "http://localhost:5173"
+    origin: 'http://localhost:5173',
   },
   build: {
     target: 'chrome89',

package/lib/index.cjs

@@ -1,6 +1,7 @@
 var fs = require('fs');
 var path = require('pathe');
 var pluginutils = require('@rollup/pluginutils');
+var defu = require('defu');
 var estreeWalker = require('estree-walker');
 var MagicString = require('magic-string');
 
@@ -102,6 +103,48 @@ var addEntry = function addEntry(_ref) {
   }];
 };
 
+var _resolve,
+  promise = new Promise(function (resolve, reject) {
+    _resolve = resolve;
+  });
+var parsePromise = promise;
+var parseStartSet = new Set();
+var parseEndSet = new Set();
+function pluginModuleParseEnd (excludeFn) {
+  return [{
+    name: "_",
+    apply: "serve",
+    config: function config() {
+      // No waiting in development mode
+      _resolve(1);
+    }
+  }, {
+    enforce: "pre",
+    name: "parseStart",
+    apply: "build",
+    load: function load(id) {
+      if (excludeFn(id)) {
+        return;
+      }
+      parseStartSet.add(id);
+    }
+  }, {
+    enforce: "post",
+    name: "parseEnd",
+    apply: "build",
+    moduleParsed: function moduleParsed(module) {
+      var id = module.id;
+      if (excludeFn(id)) {
+        return;
+      }
+      parseEndSet.add(id);
+      if (parseStartSet.size === parseEndSet.size) {
+        _resolve(1);
+      }
+    }
+  }];
+}
+
 function normalizeExposesItem(key, item) {
   var importPath = '';
   if (typeof item === 'string') {
@@ -152,7 +195,7 @@ function normalizeRemoteItem(key, remote) {
     entryGlobalName: key
   }, remote);
 }
-function removePathFromNpmPackage(packageString) {
+function removePathFromNpmPackage$1(packageString) {
   // 匹配npm包名的正则表达式，忽略路径部分
   var regex = /^(?:@[^/]+\/)?[^/]+/;
   // 使用正则表达式匹配并提取包名
@@ -163,7 +206,7 @@ function removePathFromNpmPackage(packageString) {
 function normalizeShareItem(key, shareItem) {
   var version;
   try {
-    version = require(path__namespace.join(removePathFromNpmPackage(key), 'package.json')).version;
+    version = require(path__namespace.join(removePathFromNpmPackage$1(key), 'package.json')).version;
   } catch (e) {
     console.log(e);
   }
@@ -236,62 +279,151 @@ function normalizeModuleFederationOptions(options) {
 }
 
 /**
- * Even the resolveId hook cannot interfere with vite pre-build,
- * and adding query parameter virtual modules will also fail.
- * You can only proxy to the real file through alias
+ * Escaping rules:
+ * Convert using the format __${mapping}__, where _ and $ are not allowed in npm package names but can be used in variable names.
+ *  @ => 1
+ *  / => 2
+ *  - => 3
+ *  . => 4
  */
-var emptyNpmDir = path.resolve(require.resolve("an-empty-js-file"), "../");
 /**
- * The original shared module is proxied by getLoadShareModulePath, and the new shared module is prebuilt here
+ * @param {*} name "@scope/xx-xx.xx" => "__$1__scope__$2__xx__$3__xx$__4__xx"
  */
-var cacheMap2 = {};
-function getPreBuildLibPath(pkg) {
-  if (!cacheMap2[pkg]) cacheMap2[pkg] = "__mf__prebuildwrap_" + npmPackageNameToFileName(pkg) + ".js";
-  var filename = cacheMap2[pkg];
-  return filename;
-}
-function getLocalSharedImportMapFileName() {
-  var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
-    name = _getNormalizeModuleFe.name;
-  return npmPackageNameToFileName(name) + "_" + "__mf__localSharedImportMap.js";
+function packageNameEncode(name) {
+  if (typeof name !== "string") throw new Error("A string package name is required");
+  return name.replace(/\@/g, "__$1__").replace(/\//g, "__$2__").replace(/\-/g, "__$3__").replace(/\./g, "__$4__");
 }
-// Only npm package name import can trigger pre-build, absolute path cannot
-function getLocalSharedImportMapId() {
-  return "an-empty-js-file/" + getLocalSharedImportMapFileName();
+/**
+ * @param {*} global "__$1__scope__$2__xx__$3__xx$__4__xx" => "@scope/xx-xx.xx"
+ */
+function packageNameDecode(global) {
+  if (typeof global !== "string") throw new Error("A string global variable name is required");
+  return global.replace(/\_\_\$1\_\_/g, "@").replace(/\_\_\$2\_\_/g, "/").replace(/\_\_\$3\_\_/g, "-").replace(/\_\_\$4\_\_/g, ".");
 }
-function getLocalSharedImportMapPath() {
-  return path.resolve(emptyNpmDir, getLocalSharedImportMapFileName());
+function removePathFromNpmPackage(packageString) {
+  // Regular expression to match npm package name, ignoring path parts
+  var regex = /^(?:@[^/]+\/)?[^/]+/;
+  // Use regular expression to match and extract the package name
+  var match = packageString.match(regex);
+  // Return the matched package name or the original string if no match is found
+  return match ? match[0] : packageString;
 }
-function writeLocalSharedImportMap(pkgList) {
-  fs.writeFileSync(getLocalSharedImportMapPath(), "\n    export default {\n      " + pkgList.map(function (pkg) {
-    return "\n        " + JSON.stringify(pkg) + ": async () => {\n          let pkg = await import(\"" + getPreBuildLibPath(pkg) + "\")\n          return pkg\n        }\n      ";
-  }).join(",") + "\n    }\n    ");
+
+var nodeModulesDir = function findNodeModulesDir(startDir) {
+  if (startDir === void 0) {
+    startDir = process.cwd();
+  }
+  var currentDir = startDir;
+  while (currentDir !== path.parse(currentDir).root) {
+    var nodeModulesPath = path.join(currentDir, 'node_modules');
+    if (fs.existsSync(nodeModulesPath)) {
+      return nodeModulesPath;
+    }
+    currentDir = path.dirname(currentDir);
+  }
+  return "";
+}();
+var virtualPackageName = "__mf__virtual";
+if (!fs.existsSync(path.resolve(nodeModulesDir, virtualPackageName))) {
+  fs.mkdirSync(path.resolve(nodeModulesDir, virtualPackageName));
 }
-var LOAD_SHARE_TAG = "__mf__loadShare_";
+fs.writeFileSync(path.resolve(nodeModulesDir, virtualPackageName, "empty.js"), "");
+fs.writeFileSync(path.resolve(nodeModulesDir, virtualPackageName, "package.json"), JSON.stringify({
+  name: virtualPackageName,
+  main: "empty.js"
+}));
 /**
- * generate loadShare virtual module
+ * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
-var cacheMap1 = {};
+var VirtualModule = /*#__PURE__*/function () {
+  function VirtualModule(name) {
+    this.originName = void 0;
+    this.originName = name;
+  }
+  var _proto = VirtualModule.prototype;
+  _proto.getPath = function getPath() {
+    return path.resolve(nodeModulesDir, this.getImportId());
+  };
+  _proto.getImportId = function getImportId() {
+    return virtualPackageName + "/" + packageNameEncode(this.originName);
+  };
+  _proto.writeSync = function writeSync(code) {
+    fs.writeFileSync(this.getPath() + ".js", code);
+  };
+  _proto.write = function write(code) {
+    fs.writeFile(this.getPath() + ".js", code, function () {});
+  };
+  return VirtualModule;
+}();
+
+/**
+ * Even the resolveId hook cannot interfere with vite pre-build,
+ * and adding query parameter virtual modules will also fail.
+ * You can only proxy to the real file through alias
+ */
+// *** __prebuild__
+
+var generateLocalSharedImportMap = function generateLocalSharedImportMap() {
+  return Promise.resolve(parsePromise).then(function () {
+    var options = getNormalizeModuleFederationOptions();
+    return "\n    const localSharedImportMap = {\n      " + Array.from(shareds).map(function (pkg) {
+      return "\n        " + JSON.stringify(pkg) + ": async () => {\n          let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\")\n          return pkg\n        }\n      ";
+    }).join(",") + "\n    }\n      const localShared = {\n      " + Array.from(shareds).map(function (key) {
+      var shareItem = options.shared[removePathFromNpmPackage(key)] || options.shared[removePathFromNpmPackage(key) + "/"];
+      return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              localShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = localSharedImportMap \n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n            }\n          }\n        ";
+    }).join(',') + "\n    }\n      export default localShared\n      ";
+  });
+};
+// *** __loadShare__
+var writeLocalSharedImportMap = function writeLocalSharedImportMap() {
+  try {
+    var sharedCount = shareds.size;
+    return Promise.resolve(function () {
+      if (prevSharedCount !== sharedCount) {
+        prevSharedCount = sharedCount;
+        var _writeSync = localSharedImportMapModule.writeSync;
+        return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI) {
+          return _writeSync.call(localSharedImportMapModule, _generateLocalSharedI);
+        });
+      }
+    }());
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var preBuildCacheMap = {};
+var PREBUILD_TAG = "__prebuild__";
+function writePreBuildLibPath(pkg) {
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  preBuildCacheMap[pkg].writeSync("");
+}
+function getPreBuildLibImportId(pkg) {
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  var importId = preBuildCacheMap[pkg].getImportId();
+  return importId;
+}
+var shareds = new Set();
+function addShare(pkg) {
+  shareds.add(pkg);
+}
+// *** Expose locally provided shared modules here
+var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
+localSharedImportMapModule.writeSync("");
+function getLocalSharedImportMapId() {
+  return localSharedImportMapModule.getPath();
+}
+var prevSharedCount = 0;
+var LOAD_SHARE_TAG = "__loadShare__";
+var loadShareCacheMap = {};
 function getLoadShareModulePath(pkg) {
-  var _getNormalizeModuleFe2 = getNormalizeModuleFederationOptions(),
-    name = _getNormalizeModuleFe2.name;
-  if (!cacheMap1[pkg]) cacheMap1[pkg] = npmPackageNameToFileName(name) + "_" + ("" + LOAD_SHARE_TAG + npmPackageNameToFileName(pkg) + ".js");
-  var filename = cacheMap1[pkg];
-  return path.resolve(emptyNpmDir, filename);
+  if (!loadShareCacheMap[pkg]) loadShareCacheMap[pkg] = new VirtualModule(LOAD_SHARE_TAG + pkg);
+  var filepath = loadShareCacheMap[pkg].getPath();
+  return filepath;
 }
 function writeLoadShareModule(pkg, shareItem, command) {
-  fs.writeFileSync(getLoadShareModulePath(pkg), "\n    // dev uses dynamic import to separate chunks\n    " + (command !== "build" ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const res = loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}})\n    const exportModule = " + (command !== "build" ? "/*mf top-level-await placeholder replacement mf*/" : "await ") + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
-}
-function npmPackageNameToFileName(packageName) {
-  // 1. 去掉包名前的 "@"
-  // 2. 将包名中的 "/" 替换为 "__" 以避免文件路径问题
-  // 3. 去掉不合法的文件名字符
-  return packageName.replace(/^@/, '') // 移除作用域前缀 "@"
-  .replace(/\//g, '__') // 将 "/" 替换为 "__"
-  .replace(/[^a-zA-Z0-9_.-]/g, '_'); // 替换其他非法字符为 "_"
+  loadShareCacheMap[pkg].writeSync("\n    () => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== "build" ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const res = loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}})\n    const exportModule = " + (command !== "build" ? "/*mf top-level-await placeholder replacement mf*/" : "await ") + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
 }
 
-var emptyPath = require.resolve('an-empty-js-file');
 var REMOTE_ENTRY_ID = 'REMOTE_ENTRY_ID';
 function generateRemoteEntry(options) {
   var pluginImportNames = options.runtimePlugins.map(function (p, i) {
@@ -301,30 +433,25 @@ function generateRemoteEntry(options) {
     return item[1];
   }).join('\n') + "\n\n  const exposesMap = {\n    " + Object.keys(options.exposes).map(function (key) {
     return "\n        " + JSON.stringify(key) + ": async () => {\n          const importModule = await import(" + JSON.stringify(options.exposes[key]["import"]) + ")\n          const exportModule = {}\n          Object.assign(exportModule, importModule)\n          Object.defineProperty(exportModule, \"__esModule\", {\n            value: true,\n            enumerable: false\n          })\n          return exportModule\n        }\n      ";
-  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapId() + "\"\n  async function init(shared = {}) {\n    const localShared = {\n      " + Object.keys(options.shared).map(function (key) {
-    var shareItem = options.shared[key];
-    return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(shareItem.name) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              localShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = localSharedImportMap \n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n            }\n          }\n        ";
-  }).join(',') + "\n    }\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
+  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
     var remote = options.remotes[key];
     return "\n                {\n                  entryGlobalName: " + JSON.stringify(remote.entryGlobalName) + ",\n                  name: " + JSON.stringify(remote.name) + ",\n                  type: " + JSON.stringify(remote.type) + ",\n                  entry: " + JSON.stringify(remote.entry) + ",\n                }\n          ";
-  }).join(',') + "\n      ],\n      shared: localShared,\n      plugins: [" + pluginImportNames.map(function (item) {
+  }).join(',') + "\n      ],\n      shared: localSharedImportMap,\n      plugins: [" + pluginImportNames.map(function (item) {
     return item[0] + "()";
   }).join(', ') + "]\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    return initRes\n  }\n\n  function getExposes(moduleName) {\n    if (!(moduleName in exposesMap)) throw new Error(`Module ${moduleName} does not exist in container.`)\n    return (exposesMap[moduleName])().then(res => () => res)\n  }\n  export {\n      init,\n      getExposes as get\n  }\n  ";
 }
-var WRAP_REMOTE_ENTRY_QUERY_STR = '__mf__wrapRemoteEntry__';
-var WRAP_REMOTE_ENTRY_PATH = emptyPath + '?' + WRAP_REMOTE_ENTRY_QUERY_STR;
-function generateWrapRemoteEntry() {
-  return "\n  import {init, get} from \"" + REMOTE_ENTRY_ID + "\"\n  export {init, get}\n  ";
-}
+var wrapRemoteEntryModule = new VirtualModule("wrapRemoteEntry");
+wrapRemoteEntryModule.writeSync("\nimport {init, get} from \"" + REMOTE_ENTRY_ID + "\"\nexport {init, get}\n");
+var WRAP_REMOTE_ENTRY_QUERY_STR = wrapRemoteEntryModule.getImportId();
+var WRAP_REMOTE_ENTRY_PATH = wrapRemoteEntryModule.getPath();
 /**
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-var HOST_AUTO_INIT_QUERY_STR = '__mf__isHostInit';
-var HOST_AUTO_INIT_PATH = emptyPath + '?' + HOST_AUTO_INIT_QUERY_STR;
-function generateWrapHostInit() {
-  return "\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ";
-}
+var hostAutoInitModule = new VirtualModule("hostAutoInit");
+hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
+var HOST_AUTO_INIT_QUERY_STR = hostAutoInitModule.getImportId();
+var HOST_AUTO_INIT_PATH = hostAutoInitModule.getPath();
 
 var filter$1 = pluginutils.createFilter();
 function pluginProxyRemoteEntry () {
@@ -347,12 +474,6 @@ function pluginProxyRemoteEntry () {
         if (id.includes(REMOTE_ENTRY_ID)) {
           return Promise.resolve(generateRemoteEntry(getNormalizeModuleFederationOptions()));
         }
-        if (id.includes(WRAP_REMOTE_ENTRY_QUERY_STR)) {
-          return Promise.resolve(generateWrapRemoteEntry());
-        }
-        if (id.includes(HOST_AUTO_INIT_QUERY_STR)) {
-          return Promise.resolve(generateWrapHostInit());
-        }
         return Promise.resolve();
       } catch (e) {
         return Promise.reject(e);
@@ -361,6 +482,8 @@ function pluginProxyRemoteEntry () {
   };
 }
 
+var remoteVirtualModule = new VirtualModule("remoteModule");
+remoteVirtualModule.writeSync("");
 function generateRemotes(id, command) {
   return {
     code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
@@ -388,10 +511,11 @@ function pluginProxyRemotes (options) {
           find: new RegExp("(" + remote.name + "(/.*|$)?)"),
           replacement: '$1',
           customResolver: function customResolver(source) {
+            var requestPath = remoteVirtualModule.getImportId() + '?__moduleRemote__=' + encodeURIComponent(source);
             if (!_config.optimizeDeps) _config.optimizeDeps = {};
             if (!_config.optimizeDeps.needsInterop) _config.optimizeDeps.needsInterop = [];
-            if (_config.optimizeDeps.needsInterop.indexOf(source) === -1) _config.optimizeDeps.needsInterop.push(source);
-            return this.resolve(require.resolve('an-empty-js-file') + '?__moduleRemote__=' + encodeURIComponent(source));
+            if (_config.optimizeDeps.needsInterop.indexOf(requestPath) === -1) _config.optimizeDeps.needsInterop.push(requestPath);
+            return this.resolve(requestPath);
           }
         });
       });
@@ -417,6 +541,43 @@ function pluginProxyRemotes (options) {
   };
 }
 
+/**
+ * example:
+ * const store = new PromiseStore<number>();
+ * store.get("example").then((result) => {
+ *  console.log("Result from example:", result); // 42
+ * });
+ * setTimeout(() => {
+ *  store.set("example", Promise.resolve(42));
+ * }, 2000);
+ */
+var PromiseStore = /*#__PURE__*/function () {
+  function PromiseStore() {
+    this.promiseMap = new Map();
+    this.resolveMap = new Map();
+  }
+  var _proto = PromiseStore.prototype;
+  _proto.set = function set(id, promise) {
+    if (this.resolveMap.has(id)) {
+      promise.then(this.resolveMap.get(id));
+      this.resolveMap["delete"](id);
+    }
+    this.promiseMap.set(id, promise);
+  };
+  _proto.get = function get(id) {
+    var _this = this;
+    if (this.promiseMap.has(id)) {
+      return this.promiseMap.get(id);
+    }
+    var pendingPromise = new Promise(function (resolve) {
+      _this.resolveMap.set(id, resolve);
+    });
+    this.promiseMap.set(id, pendingPromise);
+    return pendingPromise;
+  };
+  return PromiseStore;
+}();
+
 function wrapManualChunks(output, manualChunksCb) {
   if (!output.manualChunks) output.manualChunks = {};
   var wrapManualChunks = function wrapManualChunks(original) {
@@ -441,9 +602,24 @@ function proxySharedModule(options) {
     include = options.include,
     exclude = options.exclude;
   var filterFunction = pluginutils.createFilter(include, exclude);
-  writeLocalSharedImportMap(Object.keys(shared));
   return [{
-    name: 'preBuildShared',
+    name: "generateLocalSharedImportMap",
+    enforce: "post",
+    resolveId: function resolveId(id) {
+      if (id.includes(getLocalSharedImportMapId())) return id;
+    },
+    load: function load(id) {
+      if (id.includes(getLocalSharedImportMapId())) {
+        return generateLocalSharedImportMap();
+      }
+    },
+    transform: function transform(code, id) {
+      if (id.includes(getLocalSharedImportMapId())) {
+        return generateLocalSharedImportMap();
+      }
+    }
+  }, {
+    name: 'proxyPreBuildShared',
     enforce: 'post',
     config: function config(_config, _ref) {
       var _config$resolve$alias, _config$resolve$alias2;
@@ -452,50 +628,77 @@ function proxySharedModule(options) {
       if (!_config.build.rollupOptions) _config.build.rollupOptions = {};
       var rollupOptions = _config.build.rollupOptions;
       if (!rollupOptions.output) rollupOptions.output = {};
-      // config?.optimizeDeps?.include?.push?.("an-empty-js-file");
-      // config.optimizeDeps.needsInterop.push('an-empty-js-file');
       wrapManualChunks(_config.build.rollupOptions.output, function (id) {
+        // https://github.com/module-federation/vite/issues/40#issuecomment-2311434503
+        if (id.includes('/preload-helper.js')) {
+          return "preload-helper";
+        }
         if (id.includes("node_modules/@module-federation/runtime")) {
           return "@module-federation/runtime";
         }
-        if (id.includes(LOAD_SHARE_TAG) || id.includes("__mf__prebuildwrap_")) {
-          return id.split("/").pop();
-        }
       });
       (_config$resolve$alias = _config.resolve.alias).push.apply(_config$resolve$alias, Object.keys(shared).map(function (key) {
-        var _config$optimizeDeps, _config$optimizeDeps2;
-        _config == null || (_config$optimizeDeps = _config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.include) == null || _config$optimizeDeps.push == null || _config$optimizeDeps.push(getPreBuildLibPath(key));
-        // write proxyFile
-        writeLoadShareModule(key, shared[key], command);
-        var preBuildLibPath = getLoadShareModulePath(key);
-        _config == null || (_config$optimizeDeps2 = _config.optimizeDeps) == null || (_config$optimizeDeps2 = _config$optimizeDeps2.needsInterop) == null || _config$optimizeDeps2.push(key);
+        var pattern = key.endsWith("/") ? "(^" + key.replace(/\/$/, "") + "(/.+)?$)" : "(^" + key + "$)";
         return {
-          // Intercept all dependency requests to the proxy module
-          // Dependency requests issued by localSharedImportMap are allowed without proxying.
-          find: new RegExp("^" + key + "$"),
-          replacement: preBuildLibPath,
+          // Intercept all shared requests and proxy them to loadShare
+          find: new RegExp(pattern),
+          replacement: "$1",
           customResolver: function customResolver(source, importer) {
-            var _config$optimizeDeps3;
-            if (importer.includes("node_modules/" + key + "/")) {
-              return this.resolve(key);
-            }
-            _config == null || (_config$optimizeDeps3 = _config.optimizeDeps) == null || (_config$optimizeDeps3 = _config$optimizeDeps3.needsInterop) == null || _config$optimizeDeps3.push(preBuildLibPath);
-            return this.resolve(preBuildLibPath);
+            var _config$optimizeDeps;
+            var loadSharePath = getLoadShareModulePath(source);
+            _config == null || (_config$optimizeDeps = _config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.needsInterop) == null || _config$optimizeDeps.push(loadSharePath);
+            writeLoadShareModule(source, shared[key], command);
+            writePreBuildLibPath(source);
+            addShare(source);
+            writeLocalSharedImportMap();
+            return this.resolve(loadSharePath);
           }
         };
       }));
+      var savePrebuild = new PromiseStore();
       (_config$resolve$alias2 = _config.resolve.alias).push.apply(_config$resolve$alias2, Object.keys(shared).map(function (key) {
         return command === "build" ? {
-          find: new RegExp("^" + getPreBuildLibPath(key) + "$"),
-          replacement: key
+          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
+          replacement: function replacement(_, $1) {
+            return packageNameDecode($1);
+          }
         } : {
-          find: new RegExp("^" + getPreBuildLibPath(key) + "$"),
+          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
+          replacement: "$1",
           customResolver: function customResolver(source, importer) {
-            return this.resolve(key);
+            try {
+              var _this = this;
+              if (importer.includes(LOAD_SHARE_TAG)) {
+                // save pre-bunding module id
+                savePrebuild.set(source, _this.resolve(packageNameDecode(source)).then(function (item) {
+                  return item.id;
+                }));
+              }
+              // Fix localSharedImportMap import id
+              var _resolve = _this.resolve;
+              return Promise.resolve(savePrebuild.get(source)).then(function (_savePrebuild$get) {
+                return Promise.resolve(_resolve.call(_this, _savePrebuild$get));
+              });
+            } catch (e) {
+              return Promise.reject(e);
+            }
           }
         };
       }));
     }
+  }, {
+    name: "watchLocalSharedImportMap",
+    apply: "serve",
+    config: function config(_config2) {
+      _config2.server = defu.defu(_config2.server, {
+        watch: {
+          ignored: []
+        }
+      });
+      var watch = _config2.server.watch;
+      watch.ignored = [].concat(watch.ignored);
+      watch.ignored.push("!**/node_modules/" + localSharedImportMapModule.getImportId() + ".js");
+    }
   }, {
     name: "prebuild-top-level-await",
     apply: "serve",
@@ -515,7 +718,6 @@ function proxySharedModule(options) {
       var magicString = new MagicString__default["default"](code);
       estreeWalker.walk(ast, {
         enter: function enter(node) {
-          // 处理命名导出
           if (node.type === 'ExportNamedDeclaration' && node.specifiers) {
             var exportSpecifiers = node.specifiers.map(function (specifier) {
               return specifier.exported.name;
@@ -531,7 +733,6 @@ function proxySharedModule(options) {
             var replacement = proxyStatements + "\nexport { " + exportStatements + " };";
             magicString.overwrite(start, end, replacement);
           }
-          // 处理默认导出
           if (node.type === 'ExportDefaultDeclaration') {
             var declaration = node.declaration;
             var _start = node.start;
@@ -539,14 +740,14 @@ function proxySharedModule(options) {
             var proxyStatement;
             var exportStatement = 'default';
             if (declaration.type === 'Identifier') {
-              // 处理标识符 (如: export default foo;)
+              // example: export default foo;
               proxyStatement = "\n                  const __mfproxy__awaitdefault = await " + declaration.name + "();\n                  const __mfproxy__default = __mfproxy__awaitdefault;\n                ";
             } else if (declaration.type === 'CallExpression' || declaration.type === 'FunctionDeclaration') {
-              // 处理调用表达式或函数声明 (如: export default someFunction();)
+              // example: export default someFunction();
               var declarationCode = code.slice(declaration.start, declaration.end);
               proxyStatement = "\n                  const __mfproxy__awaitdefault = await (" + declarationCode + ");\n                  const __mfproxy__default = __mfproxy__awaitdefault;\n                ";
             } else {
-              // 其他类型 (可以根据需要添加更多处理逻辑)
+              // other
               proxyStatement = "\n                  const __mfproxy__awaitdefault = await (" + code.slice(declaration.start, declaration.end) + ");\n                  const __mfproxy__default = __mfproxy__awaitdefault;\n                ";
             }
             var _replacement = proxyStatement + "\nexport { __mfproxy__default as " + exportStatement + " };";
@@ -609,7 +810,9 @@ function federation(mfUserOptions) {
   }), addEntry({
     entryName: 'hostInit',
     entryPath: HOST_AUTO_INIT_PATH
-  }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], proxySharedModule({
+  }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
+    return id.includes(HOST_AUTO_INIT_QUERY_STR) || id.includes(WRAP_REMOTE_ENTRY_QUERY_STR) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapId());
+  }), proxySharedModule({
     shared: shared
   }), [{
     name: 'module-federation-vite',