@module-federation/vite 1.1.1 → 1.1.3

package/README.md

@@ -15,6 +15,10 @@ This plugin makes Module Federation work together with [Vite](https://vitejs.dev
 
 ### [React](https://github.com/gioboa/react-microfrontend-demo)<br>
 
+### [Svelte](https://github.com/gioboa/svelte-microfrontend-demo)<br>
+
+### [SolidJS](https://github.com/gioboa/solid-microfrontend-demo)<br>
+
 ### [More examples here](https://github.com/module-federation/vite/tree/main/examples)<br>
 
 ## Try this crazy example with all these bundlers together

package/lib/index.cjs

@@ -383,7 +383,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
-    shareStrategy: options.shareStrategy
+    shareStrategy: options.shareStrategy || 'version-first'
   };
 }
 
@@ -621,7 +621,7 @@ function generateRemoteEntry(options) {
     return item[1];
   }).join('\n') + "\n  import exposesMap from \"" + VIRTUAL_EXPOSES + "\"\n  import {usedShared, usedRemotes} from \"" + getLocalSharedImportMapPath() + "\"\n  import {\n    initResolve\n  } from \"" + virtualRuntimeInitStatus.getImportId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: usedRemotes,\n      shared: usedShared,\n      plugins: [" + pluginImportNames.map(function (item) {
     return item[0] + "()";
-  }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: " + options.shareStrategy : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    initResolve(initRes)\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  ";
+  }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: '" + options.shareStrategy + "'" : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    try {\n      await Promise.all(await initRes.initializeSharing('" + options.shareScope + "', {strategy: '" + options.shareStrategy + "'}));\n    } catch (e) {\n      console.error(e)\n    }\n    initResolve(initRes)\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  ";
 }
 /**
  * Inject entry file, automatically init when used as host,
@@ -980,13 +980,13 @@ function pluginModuleParseEnd (excludeFn) {
     apply: 'build',
     moduleParsed: function moduleParsed(module) {
       var id = module.id;
-      if (excludeFn(id)) {
-        return;
-      }
       if (id === VIRTUAL_EXPOSES) {
         // When the entry JS file is empty and only contains exposes export code, it’s necessary to wait for the exposes modules to be resolved in order to collect the dependencies being used.
         exposesParseEnd = true;
       }
+      if (excludeFn(id)) {
+        return;
+      }
       parseEndSet.add(id);
       if (exposesParseEnd && parseStartSet.size === parseEndSet.size) {
         _resolve(1);
@@ -1250,14 +1250,14 @@ function federation(mfUserOptions) {
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(VIRTUAL_EXPOSES) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [PluginDevProxyModuleTopLevelAwait(), {
     name: 'module-federation-vite',
     enforce: 'post',
     config: function config(_config, _ref) {
-      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3;
+      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3, _config$optimizeDeps4;
       // TODO: singleton
       _config.resolve.alias.push({
         find: '@module-federation/runtime',
@@ -1266,6 +1266,7 @@ function federation(mfUserOptions) {
       (_config$optimizeDeps = _config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.include) == null || _config$optimizeDeps.push('@module-federation/runtime');
       (_config$optimizeDeps2 = _config.optimizeDeps) == null || (_config$optimizeDeps2 = _config$optimizeDeps2.include) == null || _config$optimizeDeps2.push('__mf__virtual');
       (_config$optimizeDeps3 = _config.optimizeDeps) == null || (_config$optimizeDeps3 = _config$optimizeDeps3.needsInterop) == null || _config$optimizeDeps3.push('__mf__virtual');
+      (_config$optimizeDeps4 = _config.optimizeDeps) == null || (_config$optimizeDeps4 = _config$optimizeDeps4.needsInterop) == null || _config$optimizeDeps4.push(getLocalSharedImportMapPath());
     }
   }], Manifest());
 }

package/lib/index.esm.js

@@ -360,7 +360,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
-    shareStrategy: options.shareStrategy
+    shareStrategy: options.shareStrategy || 'version-first'
   };
 }
 
@@ -598,7 +598,7 @@ function generateRemoteEntry(options) {
     return item[1];
   }).join('\n') + "\n  import exposesMap from \"" + VIRTUAL_EXPOSES + "\"\n  import {usedShared, usedRemotes} from \"" + getLocalSharedImportMapPath() + "\"\n  import {\n    initResolve\n  } from \"" + virtualRuntimeInitStatus.getImportId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: usedRemotes,\n      shared: usedShared,\n      plugins: [" + pluginImportNames.map(function (item) {
     return item[0] + "()";
-  }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: " + options.shareStrategy : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    initResolve(initRes)\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  ";
+  }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: '" + options.shareStrategy + "'" : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    try {\n      await Promise.all(await initRes.initializeSharing('" + options.shareScope + "', {strategy: '" + options.shareStrategy + "'}));\n    } catch (e) {\n      console.error(e)\n    }\n    initResolve(initRes)\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  ";
 }
 /**
  * Inject entry file, automatically init when used as host,
@@ -957,13 +957,13 @@ function pluginModuleParseEnd (excludeFn) {
     apply: 'build',
     moduleParsed: function moduleParsed(module) {
       var id = module.id;
-      if (excludeFn(id)) {
-        return;
-      }
       if (id === VIRTUAL_EXPOSES) {
         // When the entry JS file is empty and only contains exposes export code, it’s necessary to wait for the exposes modules to be resolved in order to collect the dependencies being used.
         exposesParseEnd = true;
       }
+      if (excludeFn(id)) {
+        return;
+      }
       parseEndSet.add(id);
       if (exposesParseEnd && parseStartSet.size === parseEndSet.size) {
         _resolve(1);
@@ -1227,14 +1227,14 @@ function federation(mfUserOptions) {
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(VIRTUAL_EXPOSES) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [PluginDevProxyModuleTopLevelAwait(), {
     name: 'module-federation-vite',
     enforce: 'post',
     config: function config(_config, _ref) {
-      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3;
+      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3, _config$optimizeDeps4;
       // TODO: singleton
       _config.resolve.alias.push({
         find: '@module-federation/runtime',
@@ -1243,6 +1243,7 @@ function federation(mfUserOptions) {
       (_config$optimizeDeps = _config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.include) == null || _config$optimizeDeps.push('@module-federation/runtime');
       (_config$optimizeDeps2 = _config.optimizeDeps) == null || (_config$optimizeDeps2 = _config$optimizeDeps2.include) == null || _config$optimizeDeps2.push('__mf__virtual');
       (_config$optimizeDeps3 = _config.optimizeDeps) == null || (_config$optimizeDeps3 = _config$optimizeDeps3.needsInterop) == null || _config$optimizeDeps3.push('__mf__virtual');
+      (_config$optimizeDeps4 = _config.optimizeDeps) == null || (_config$optimizeDeps4 = _config$optimizeDeps4.needsInterop) == null || _config$optimizeDeps4.push(getLocalSharedImportMapPath());
     }
   }], Manifest());
 }

package/lib/index.modern.js

@@ -333,7 +333,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
-    shareStrategy: options.shareStrategy
+    shareStrategy: options.shareStrategy || 'version-first'
   };
 }
 
@@ -663,9 +663,14 @@ function generateRemoteEntry(options) {
       remotes: usedRemotes,
       shared: usedShared,
       plugins: [${pluginImportNames.map(item => `${item[0]}()`).join(', ')}],
-      ${options.shareStrategy ? `shareStrategy: ${options.shareStrategy}` : ''}
+      ${options.shareStrategy ? `shareStrategy: '${options.shareStrategy}'` : ''}
     });
     initRes.initShareScopeMap('${options.shareScope}', shared);
+    try {
+      await Promise.all(await initRes.initializeSharing('${options.shareScope}', {strategy: '${options.shareStrategy}'}));
+    } catch (e) {
+      console.error(e)
+    }
     initResolve(initRes)
     return initRes
   }
@@ -1015,13 +1020,13 @@ function pluginModuleParseEnd (excludeFn) {
     apply: 'build',
     moduleParsed(module) {
       const id = module.id;
-      if (excludeFn(id)) {
-        return;
-      }
       if (id === VIRTUAL_EXPOSES) {
         // When the entry JS file is empty and only contains exposes export code, it’s necessary to wait for the exposes modules to be resolved in order to collect the dependencies being used.
         exposesParseEnd = true;
       }
+      if (excludeFn(id)) {
+        return;
+      }
       parseEndSet.add(id);
       if (exposesParseEnd && parseStartSet.size === parseEndSet.size) {
         _resolve(1);
@@ -1271,7 +1276,7 @@ function federation(mfUserOptions) {
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES
   }), pluginProxyRemoteEntry(), pluginProxyRemotes(options), ...pluginModuleParseEnd(id => {
-    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(VIRTUAL_EXPOSES) || id.includes(getLocalSharedImportMapPath());
   }), ...proxySharedModule({
     shared
   }), PluginDevProxyModuleTopLevelAwait(), {
@@ -1280,7 +1285,7 @@ function federation(mfUserOptions) {
     config(config, {
       command: _command
     }) {
-      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3;
+      var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3, _config$optimizeDeps4;
       // TODO: singleton
       config.resolve.alias.push({
         find: '@module-federation/runtime',
@@ -1289,6 +1294,7 @@ function federation(mfUserOptions) {
       (_config$optimizeDeps = config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.include) == null || _config$optimizeDeps.push('@module-federation/runtime');
       (_config$optimizeDeps2 = config.optimizeDeps) == null || (_config$optimizeDeps2 = _config$optimizeDeps2.include) == null || _config$optimizeDeps2.push('__mf__virtual');
       (_config$optimizeDeps3 = config.optimizeDeps) == null || (_config$optimizeDeps3 = _config$optimizeDeps3.needsInterop) == null || _config$optimizeDeps3.push('__mf__virtual');
+      (_config$optimizeDeps4 = config.optimizeDeps) == null || (_config$optimizeDeps4 = _config$optimizeDeps4.needsInterop) == null || _config$optimizeDeps4.push(getLocalSharedImportMapPath());
     }
   }, ...Manifest()];
 }

package/lib/index.umd.js

@@ -381,7 +381,7 @@
       dev: options.dev,
       dts: options.dts,
       getPublicPath: options.getPublicPath,
-      shareStrategy: options.shareStrategy
+      shareStrategy: options.shareStrategy || 'version-first'
     };
   }
 
@@ -619,7 +619,7 @@
       return item[1];
     }).join('\n') + "\n  import exposesMap from \"" + VIRTUAL_EXPOSES + "\"\n  import {usedShared, usedRemotes} from \"" + getLocalSharedImportMapPath() + "\"\n  import {\n    initResolve\n  } from \"" + virtualRuntimeInitStatus.getImportId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: usedRemotes,\n      shared: usedShared,\n      plugins: [" + pluginImportNames.map(function (item) {
       return item[0] + "()";
-    }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: " + options.shareStrategy : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    initResolve(initRes)\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  ";
+    }).join(', ') + "],\n      " + (options.shareStrategy ? "shareStrategy: '" + options.shareStrategy + "'" : '') + "\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    try {\n      await Promise.all(await initRes.initializeSharing('" + options.shareScope + "', {strategy: '" + options.shareStrategy + "'}));\n    } catch (e) {\n      console.error(e)\n    }\n    initResolve(initRes)\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  ";
   }
   /**
    * Inject entry file, automatically init when used as host,
@@ -978,13 +978,13 @@
       apply: 'build',
       moduleParsed: function moduleParsed(module) {
         var id = module.id;
-        if (excludeFn(id)) {
-          return;
-        }
         if (id === VIRTUAL_EXPOSES) {
           // When the entry JS file is empty and only contains exposes export code, it’s necessary to wait for the exposes modules to be resolved in order to collect the dependencies being used.
           exposesParseEnd = true;
         }
+        if (excludeFn(id)) {
+          return;
+        }
         parseEndSet.add(id);
         if (exposesParseEnd && parseStartSet.size === parseEndSet.size) {
           _resolve(1);
@@ -1248,14 +1248,14 @@
       entryName: 'virtualExposes',
       entryPath: VIRTUAL_EXPOSES
     }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-      return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+      return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(VIRTUAL_EXPOSES) || id.includes(getLocalSharedImportMapPath());
     }), proxySharedModule({
       shared: shared
     }), [PluginDevProxyModuleTopLevelAwait(), {
       name: 'module-federation-vite',
       enforce: 'post',
       config: function config(_config, _ref) {
-        var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3;
+        var _config$optimizeDeps, _config$optimizeDeps2, _config$optimizeDeps3, _config$optimizeDeps4;
         // TODO: singleton
         _config.resolve.alias.push({
           find: '@module-federation/runtime',
@@ -1264,6 +1264,7 @@
         (_config$optimizeDeps = _config.optimizeDeps) == null || (_config$optimizeDeps = _config$optimizeDeps.include) == null || _config$optimizeDeps.push('@module-federation/runtime');
         (_config$optimizeDeps2 = _config.optimizeDeps) == null || (_config$optimizeDeps2 = _config$optimizeDeps2.include) == null || _config$optimizeDeps2.push('__mf__virtual');
         (_config$optimizeDeps3 = _config.optimizeDeps) == null || (_config$optimizeDeps3 = _config$optimizeDeps3.needsInterop) == null || _config$optimizeDeps3.push('__mf__virtual');
+        (_config$optimizeDeps4 = _config.optimizeDeps) == null || (_config$optimizeDeps4 = _config$optimizeDeps4.needsInterop) == null || _config$optimizeDeps4.push(getLocalSharedImportMapPath());
       }
     }], Manifest());
   }

package/lib/utils/normalizeModuleFederationOptions.d.ts

@@ -66,7 +66,7 @@ export interface NormalizedModuleFederationOptions {
     manifest: ManifestOptions | boolean;
     dev?: boolean | PluginDevOptions;
     dts?: boolean | PluginDtsOptions;
-    shareStrategy?: ShareStrategy;
+    shareStrategy: ShareStrategy;
     getPublicPath?: string;
 }
 interface PluginDevOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "source": "src/index.ts",
@@ -9,21 +9,6 @@
   "files": [
     "lib/**/*"
   ],
-  "scripts": {
-    "prepare": "husky install",
-    "fmt": "prettier --write src",
-    "fmt.check": "prettier --check src",
-    "format": "pretty-quick",
-    "dev": "microbundle watch --no-sourcemap --compress=false",
-    "build": "rimraf lib && microbundle --no-sourcemap --compress=false",
-    "dev-rv": "pnpm -filter 'examples-rust-vite*' run dev",
-    "preview-rv": "pnpm -filter 'examples-rust-vite*' run preview",
-    "dev-vv": "pnpm -filter 'examples-vite-vite*' run dev",
-    "dev-nv": "pnpm -filter 'examples-nuxt-vite-host' -filter 'examples-vite-vite-remote' run dev",
-    "preview-vv": "pnpm -filter 'examples-vite-vite*'  run preview",
-    "multi-example": "pnpm --filter \"multi-example-*\" run start",
-    "test": "vitest"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/module-federation/vite.git"
@@ -43,23 +28,40 @@
     "url": "https://github.com/module-federation/vite/issues"
   },
   "homepage": "https://github.com/module-federation/vite#readme",
-  "packageManager": "pnpm@9.1.3",
   "dependencies": {
     "@module-federation/runtime": "^0.6.8",
     "@rollup/pluginutils": "^5.1.0",
     "defu": "^6.1.4",
     "estree-walker": "^2",
     "magic-string": "^0.30.11",
-    "pathe": "^1.1.2",
-    "vitest": "^2.1.1"
+    "vitest": "^2.1.1",
+    "pathe": "^1.1.2"
   },
   "devDependencies": {
+    "@playwright/test": "^1.47.2",
+    "@types/node": "^22.7.4",
     "husky": "^8.0.3",
     "microbundle": "^0.15.1",
     "mime-types": "^2.1.35",
     "prettier": "3.3.3",
     "pretty-quick": "^4.0.0",
     "rimraf": "^6.0.1",
-    "vite": "^5.4.3"
+    "vite": "^5.4.3",
+    "wait-on": "^8.0.1"
+  },
+  "scripts": {
+    "fmt": "prettier --write src",
+    "fmt.check": "prettier --check src",
+    "format": "pretty-quick",
+    "dev": "microbundle watch --no-sourcemap --compress=false",
+    "build": "rimraf lib && microbundle --no-sourcemap --compress=false",
+    "dev-rv": "pnpm -filter 'examples-rust-vite*' run dev",
+    "preview-rv": "pnpm -filter 'examples-rust-vite*' run preview",
+    "dev-vv": "pnpm -filter 'examples-vite-vite*' run dev",
+    "dev-nv": "pnpm -filter 'examples-nuxt-vite-host' -filter 'examples-vite-vite-remote' run dev",
+    "preview-vv": "pnpm -filter 'examples-vite-vite*'  run preview",
+    "multi-example": "pnpm --filter \"multi-example-*\" --parallel run start",
+    "test": "vitest",
+    "e2e": "playwright test"
   }
-}
+}