@module-federation/vite 1.0.0-alpha-4a73cd4 → 1.0.0-alpha-10e1f83

package/lib/index.cjs

@@ -268,7 +268,7 @@ function getLoadShareModulePath(pkg) {
   return path.resolve(emptyNpmDir, filename);
 }
 function writeLoadShareModule(pkg, shareItem, command) {
-  fs.writeFileSync(getLoadShareModulePath(pkg), "\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  ");
+  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. 去掉包名前的 "@"
@@ -299,7 +299,8 @@ function generateRemoteEntry(options) {
     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_PATH = emptyPath + '?__mf__wrapRemoteEntry__';
+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  ";
 }
@@ -307,7 +308,8 @@ function generateWrapRemoteEntry() {
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-var HOST_AUTO_INIT = emptyPath + '?__mf__isHostInit';
+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    ";
 }
@@ -330,13 +332,13 @@ function pluginProxyRemoteEntry () {
     transform: function transform(code, id) {
       try {
         if (!filter$1(id)) return Promise.resolve();
-        if (id === REMOTE_ENTRY_ID) {
+        if (id.includes(REMOTE_ENTRY_ID)) {
           return Promise.resolve(generateRemoteEntry(getNormalizeModuleFederationOptions()));
         }
-        if (id.includes(WRAP_REMOTE_ENTRY_PATH)) {
+        if (id.includes(WRAP_REMOTE_ENTRY_QUERY_STR)) {
           return Promise.resolve(generateWrapRemoteEntry());
         }
-        if (id.includes(HOST_AUTO_INIT)) {
+        if (id.includes(HOST_AUTO_INIT_QUERY_STR)) {
           return Promise.resolve(generateWrapHostInit());
         }
         return Promise.resolve();
@@ -591,7 +593,7 @@ function federation(mfUserOptions) {
     fileName: filename
   }), addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT
+    entryPath: HOST_AUTO_INIT_PATH
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], proxySharedModule({
     shared: shared
   }), [{

package/lib/index.esm.js

@@ -246,7 +246,7 @@ function getLoadShareModulePath(pkg) {
   return resolve(emptyNpmDir, filename);
 }
 function writeLoadShareModule(pkg, shareItem, command) {
-  writeFileSync(getLoadShareModulePath(pkg), "\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  ");
+  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. 去掉包名前的 "@"
@@ -277,7 +277,8 @@ function generateRemoteEntry(options) {
     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_PATH = emptyPath + '?__mf__wrapRemoteEntry__';
+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  ";
 }
@@ -285,7 +286,8 @@ function generateWrapRemoteEntry() {
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-var HOST_AUTO_INIT = emptyPath + '?__mf__isHostInit';
+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    ";
 }
@@ -308,13 +310,13 @@ function pluginProxyRemoteEntry () {
     transform: function transform(code, id) {
       try {
         if (!filter$1(id)) return Promise.resolve();
-        if (id === REMOTE_ENTRY_ID) {
+        if (id.includes(REMOTE_ENTRY_ID)) {
           return Promise.resolve(generateRemoteEntry(getNormalizeModuleFederationOptions()));
         }
-        if (id.includes(WRAP_REMOTE_ENTRY_PATH)) {
+        if (id.includes(WRAP_REMOTE_ENTRY_QUERY_STR)) {
           return Promise.resolve(generateWrapRemoteEntry());
         }
-        if (id.includes(HOST_AUTO_INIT)) {
+        if (id.includes(HOST_AUTO_INIT_QUERY_STR)) {
           return Promise.resolve(generateWrapHostInit());
         }
         return Promise.resolve();
@@ -569,7 +571,7 @@ function federation(mfUserOptions) {
     fileName: filename
   }), addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT
+    entryPath: HOST_AUTO_INIT_PATH
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], proxySharedModule({
     shared: shared
   }), [{

package/lib/index.modern.js

@@ -263,6 +263,8 @@ function getLoadShareModulePath(pkg) {
 }
 function writeLoadShareModule(pkg, shareItem, command) {
   writeFileSync(getLoadShareModulePath(pkg), `
+    // dev uses dynamic import to separate chunks
+    ${command !== "build" ? `;() => import(${JSON.stringify(pkg)}).catch(() => {});` : ''}
     const {loadShare} = require("@module-federation/runtime")
     const res = loadShare(${JSON.stringify(pkg)}, {
     customShareInfo: {shareConfig:{
@@ -367,7 +369,8 @@ function generateRemoteEntry(options) {
   }
   `;
 }
-const WRAP_REMOTE_ENTRY_PATH = emptyPath + '?__mf__wrapRemoteEntry__';
+const WRAP_REMOTE_ENTRY_QUERY_STR = "__mf__wrapRemoteEntry__";
+const WRAP_REMOTE_ENTRY_PATH = emptyPath + '?' + WRAP_REMOTE_ENTRY_QUERY_STR;
 function generateWrapRemoteEntry() {
   return `
   import {init, get} from "${REMOTE_ENTRY_ID}"
@@ -378,7 +381,8 @@ function generateWrapRemoteEntry() {
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-const HOST_AUTO_INIT = emptyPath + '?__mf__isHostInit';
+const HOST_AUTO_INIT_QUERY_STR = "__mf__isHostInit";
+const HOST_AUTO_INIT_PATH = emptyPath + '?' + HOST_AUTO_INIT_QUERY_STR;
 function generateWrapHostInit() {
   return `
     import {init} from "${REMOTE_ENTRY_ID}"
@@ -403,13 +407,13 @@ function pluginProxyRemoteEntry () {
     },
     async transform(code, id) {
       if (!filter$1(id)) return;
-      if (id === REMOTE_ENTRY_ID) {
+      if (id.includes(REMOTE_ENTRY_ID)) {
         return generateRemoteEntry(getNormalizeModuleFederationOptions());
       }
-      if (id.includes(WRAP_REMOTE_ENTRY_PATH)) {
+      if (id.includes(WRAP_REMOTE_ENTRY_QUERY_STR)) {
         return generateWrapRemoteEntry();
       }
-      if (id.includes(HOST_AUTO_INIT)) {
+      if (id.includes(HOST_AUTO_INIT_QUERY_STR)) {
         return generateWrapHostInit();
       }
     }
@@ -677,7 +681,7 @@ function federation(mfUserOptions) {
     fileName: filename
   }), ...addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT
+    entryPath: HOST_AUTO_INIT_PATH
   }), pluginProxyRemoteEntry(), pluginProxyRemotes(options), ...proxySharedModule({
     shared
   }), {

package/lib/index.umd.js

@@ -267,7 +267,7 @@
     return path.resolve(emptyNpmDir, filename);
   }
   function writeLoadShareModule(pkg, shareItem, command) {
-    fs.writeFileSync(getLoadShareModulePath(pkg), "\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  ");
+    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. 去掉包名前的 "@"
@@ -298,7 +298,8 @@
       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_PATH = emptyPath + '?__mf__wrapRemoteEntry__';
+  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  ";
   }
@@ -306,7 +307,8 @@
    * Inject entry file, automatically init when used as host,
    * and will not inject remoteEntry
    */
-  var HOST_AUTO_INIT = emptyPath + '?__mf__isHostInit';
+  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    ";
   }
@@ -329,13 +331,13 @@
       transform: function transform(code, id) {
         try {
           if (!filter$1(id)) return Promise.resolve();
-          if (id === REMOTE_ENTRY_ID) {
+          if (id.includes(REMOTE_ENTRY_ID)) {
             return Promise.resolve(generateRemoteEntry(getNormalizeModuleFederationOptions()));
           }
-          if (id.includes(WRAP_REMOTE_ENTRY_PATH)) {
+          if (id.includes(WRAP_REMOTE_ENTRY_QUERY_STR)) {
             return Promise.resolve(generateWrapRemoteEntry());
           }
-          if (id.includes(HOST_AUTO_INIT)) {
+          if (id.includes(HOST_AUTO_INIT_QUERY_STR)) {
             return Promise.resolve(generateWrapHostInit());
           }
           return Promise.resolve();
@@ -590,7 +592,7 @@
       fileName: filename
     }), addEntry({
       entryName: 'hostInit',
-      entryPath: HOST_AUTO_INIT
+      entryPath: HOST_AUTO_INIT_PATH
     }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], proxySharedModule({
       shared: shared
     }), [{

package/lib/virtualModules/virtualRemoteEntry.d.ts

@@ -1,11 +1,13 @@
 import { NormalizedModuleFederationOptions } from "../utils/normalizeModuleFederationOptions";
 export declare const REMOTE_ENTRY_ID = "REMOTE_ENTRY_ID";
 export declare function generateRemoteEntry(options: NormalizedModuleFederationOptions): string;
+export declare const WRAP_REMOTE_ENTRY_QUERY_STR = "__mf__wrapRemoteEntry__";
 export declare const WRAP_REMOTE_ENTRY_PATH: string;
 export declare function generateWrapRemoteEntry(): string;
 /**
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-export declare const HOST_AUTO_INIT: string;
+export declare const HOST_AUTO_INIT_QUERY_STR = "__mf__isHostInit";
+export declare const HOST_AUTO_INIT_PATH: string;
 export declare function generateWrapHostInit(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.0.0-alpha-4a73cd4",
+  "version": "1.0.0-alpha-10e1f83",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "source": "src/index.ts",
@@ -38,19 +38,19 @@
   "homepage": "https://github.com/module-federation/vite#readme",
   "packageManager": "pnpm@9.1.3",
   "dependencies": {
-    "@module-federation/runtime": "^0.2.8",
+    "@module-federation/runtime": "^0.3.5",
     "@rollup/pluginutils": "^5.1.0",
     "an-empty-js-file": "1.0.0",
     "estree-walker": "^2",
-    "magic-string": "^0.30.10",
+    "magic-string": "^0.30.11",
     "pathe": "^1.1.2"
   },
   "devDependencies": {
     "husky": "^8.0.3",
     "microbundle": "^0.15.1",
     "mime-types": "^2.1.35",
-    "pretty-quick": "^3.1.3",
-    "rimraf": "^5.0.1",
-    "vite": "^4.4.9"
+    "pretty-quick": "^4.0.0",
+    "rimraf": "^6.0.1",
+    "vite": "^5.4.0"
   }
 }