@module-federation/vite 1.7.2 → 1.8.0

package/lib/index.cjs

@@ -465,6 +465,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
+    publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
     virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
@@ -919,6 +920,30 @@ var buildFileToShareKeyMap = function buildFileToShareKeyMap(shareKeys, resolveF
   }
 };
 
+/**
+ * Resolves the public path for remote entries
+ * @param options - Module Federation options
+ * @param viteBase - Vite's base config value
+ * @param originalBase - Original base config before any transformations
+ * @returns The resolved public path
+ */
+function resolvePublicPath(options, viteBase, originalBase) {
+  // Use explicitly set publicPath if provided
+  if (options.publicPath) {
+    return options.publicPath;
+  }
+  // Handle empty original base case
+  if (originalBase === '') {
+    return 'auto';
+  }
+  // Use viteBase if available, ensuring it ends with a slash
+  if (viteBase) {
+    return viteBase.replace(/\/?$/, '/');
+  }
+  // Fallback to auto if no base is specified
+  return 'auto';
+}
+
 var Manifest = function Manifest() {
   var mfOptions = getNormalizeModuleFederationOptions();
   var name = mfOptions.name,
@@ -1034,7 +1059,7 @@ var Manifest = function Manifest() {
       if (_command === 'serve') {
         base = (config.server.origin || '') + config.base;
       }
-      publicPath = _originalConfigBase === '' ? 'auto' : base ? base.replace(/\/?$/, '/') : 'auto';
+      publicPath = resolvePublicPath(mfOptions, base, _originalConfigBase);
     },
     /**
      * Generates the module federation manifest file
@@ -1300,7 +1325,8 @@ function pluginProxyRemoteEntry () {
           if (_command === 'serve') {
             var _viteConfig$server, _viteConfig$server2;
             var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
-            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + \"" + (viteConfig.base + options.filename) + "\")\n          // __tla only serves as a hack for vite-plugin-top-level-await. \n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+            var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
+            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
           }
           return Promise.resolve(code);
         }

package/lib/index.esm.js

@@ -441,6 +441,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
+    publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
     virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
@@ -895,6 +896,30 @@ var buildFileToShareKeyMap = function buildFileToShareKeyMap(shareKeys, resolveF
   }
 };
 
+/**
+ * Resolves the public path for remote entries
+ * @param options - Module Federation options
+ * @param viteBase - Vite's base config value
+ * @param originalBase - Original base config before any transformations
+ * @returns The resolved public path
+ */
+function resolvePublicPath(options, viteBase, originalBase) {
+  // Use explicitly set publicPath if provided
+  if (options.publicPath) {
+    return options.publicPath;
+  }
+  // Handle empty original base case
+  if (originalBase === '') {
+    return 'auto';
+  }
+  // Use viteBase if available, ensuring it ends with a slash
+  if (viteBase) {
+    return viteBase.replace(/\/?$/, '/');
+  }
+  // Fallback to auto if no base is specified
+  return 'auto';
+}
+
 var Manifest = function Manifest() {
   var mfOptions = getNormalizeModuleFederationOptions();
   var name = mfOptions.name,
@@ -1010,7 +1035,7 @@ var Manifest = function Manifest() {
       if (_command === 'serve') {
         base = (config.server.origin || '') + config.base;
       }
-      publicPath = _originalConfigBase === '' ? 'auto' : base ? base.replace(/\/?$/, '/') : 'auto';
+      publicPath = resolvePublicPath(mfOptions, base, _originalConfigBase);
     },
     /**
      * Generates the module federation manifest file
@@ -1276,7 +1301,8 @@ function pluginProxyRemoteEntry () {
           if (_command === 'serve') {
             var _viteConfig$server, _viteConfig$server2;
             var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
-            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + \"" + (viteConfig.base + options.filename) + "\")\n          // __tla only serves as a hack for vite-plugin-top-level-await. \n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+            var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
+            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
           }
           return Promise.resolve(code);
         }

package/lib/index.modern.js

@@ -411,6 +411,7 @@ function normalizeModuleFederationOptions(options) {
     dev: options.dev,
     dts: options.dts,
     getPublicPath: options.getPublicPath,
+    publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
     virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
@@ -971,6 +972,30 @@ const buildFileToShareKeyMap = async (shareKeys, resolveFn) => {
   return fileToShareKey;
 };
 
+/**
+ * Resolves the public path for remote entries
+ * @param options - Module Federation options
+ * @param viteBase - Vite's base config value
+ * @param originalBase - Original base config before any transformations
+ * @returns The resolved public path
+ */
+function resolvePublicPath(options, viteBase, originalBase) {
+  // Use explicitly set publicPath if provided
+  if (options.publicPath) {
+    return options.publicPath;
+  }
+  // Handle empty original base case
+  if (originalBase === '') {
+    return 'auto';
+  }
+  // Use viteBase if available, ensuring it ends with a slash
+  if (viteBase) {
+    return viteBase.replace(/\/?$/, '/');
+  }
+  // Fallback to auto if no base is specified
+  return 'auto';
+}
+
 const Manifest = () => {
   const mfOptions = getNormalizeModuleFederationOptions();
   const {
@@ -1089,7 +1114,7 @@ const Manifest = () => {
       if (_command === 'serve') {
         base = (config.server.origin || '') + config.base;
       }
-      publicPath = _originalConfigBase === '' ? 'auto' : base ? base.replace(/\/?$/, '/') : 'auto';
+      publicPath = resolvePublicPath(mfOptions, base, _originalConfigBase);
     },
     /**
      * Generates the module federation manifest file
@@ -1332,10 +1357,11 @@ function pluginProxyRemoteEntry () {
         if (_command === 'serve') {
           var _viteConfig$server, _viteConfig$server2;
           const host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
+          const publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
           return `
           const origin = (window && ${!options.ignoreOrigin}) ? window.origin : "//${host}:${(_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port}"
-          const remoteEntryPromise = await import(origin + "${viteConfig.base + options.filename}")
-          // __tla only serves as a hack for vite-plugin-top-level-await. 
+          const remoteEntryPromise = await import(origin + ${publicPath})
+          // __tla only serves as a hack for vite-plugin-top-level-await.
           Promise.resolve(remoteEntryPromise)
           .then(remoteEntry => {
             return Promise.resolve(remoteEntry.__tla)

package/lib/index.umd.js

@@ -463,6 +463,7 @@
       dev: options.dev,
       dts: options.dts,
       getPublicPath: options.getPublicPath,
+      publicPath: options.publicPath,
       shareStrategy: options.shareStrategy || 'version-first',
       ignoreOrigin: options.ignoreOrigin || false,
       virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
@@ -917,6 +918,30 @@
     }
   };
 
+  /**
+   * Resolves the public path for remote entries
+   * @param options - Module Federation options
+   * @param viteBase - Vite's base config value
+   * @param originalBase - Original base config before any transformations
+   * @returns The resolved public path
+   */
+  function resolvePublicPath(options, viteBase, originalBase) {
+    // Use explicitly set publicPath if provided
+    if (options.publicPath) {
+      return options.publicPath;
+    }
+    // Handle empty original base case
+    if (originalBase === '') {
+      return 'auto';
+    }
+    // Use viteBase if available, ensuring it ends with a slash
+    if (viteBase) {
+      return viteBase.replace(/\/?$/, '/');
+    }
+    // Fallback to auto if no base is specified
+    return 'auto';
+  }
+
   var Manifest = function Manifest() {
     var mfOptions = getNormalizeModuleFederationOptions();
     var name = mfOptions.name,
@@ -1032,7 +1057,7 @@
         if (_command === 'serve') {
           base = (config.server.origin || '') + config.base;
         }
-        publicPath = _originalConfigBase === '' ? 'auto' : base ? base.replace(/\/?$/, '/') : 'auto';
+        publicPath = resolvePublicPath(mfOptions, base, _originalConfigBase);
       },
       /**
        * Generates the module federation manifest file
@@ -1298,7 +1323,8 @@
             if (_command === 'serve') {
               var _viteConfig$server, _viteConfig$server2;
               var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
-              return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + \"" + (viteConfig.base + options.filename) + "\")\n          // __tla only serves as a hack for vite-plugin-top-level-await. \n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+              var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
+              return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
             }
             return Promise.resolve(code);
           }

package/lib/utils/__tests__/helpers.d.ts

@@ -0,0 +1,2 @@
+import type { NormalizedModuleFederationOptions } from '../normalizeModuleFederationOptions';
+export declare function getDefaultMockOptions(overrides?: Partial<NormalizedModuleFederationOptions>): NormalizedModuleFederationOptions;

package/lib/utils/__tests__/publicPath.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/normalizeModuleFederationOptions.d.ts

@@ -36,6 +36,11 @@ export type ModuleFederationOptions = {
     remotes?: Record<string, string | RemoteObjectConfig> | undefined;
     runtime?: any;
     shareScope?: string;
+    /**
+     * Override the public path used for remote entries
+     * Defaults to Vite's base config or "auto" if base is empty
+     */
+    publicPath?: string;
     shared?: string[] | Record<string, string | {
         name?: string;
         version?: string;
@@ -70,6 +75,7 @@ export interface NormalizedModuleFederationOptions {
     dts?: boolean | PluginDtsOptions;
     shareStrategy: ShareStrategy;
     getPublicPath?: string;
+    publicPath?: string;
     ignoreOrigin?: boolean;
     virtualModuleDir: string;
 }

package/lib/utils/publicPath.d.ts

@@ -0,0 +1,9 @@
+import { NormalizedModuleFederationOptions } from './normalizeModuleFederationOptions';
+/**
+ * Resolves the public path for remote entries
+ * @param options - Module Federation options
+ * @param viteBase - Vite's base config value
+ * @param originalBase - Original base config before any transformations
+ * @returns The resolved public path
+ */
+export declare function resolvePublicPath(options: NormalizedModuleFederationOptions, viteBase: string, originalBase?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "source": "src/index.ts",
@@ -9,22 +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-*\" --parallel run start",
-    "test": "vitest",
-    "e2e": "playwright test"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/module-federation/vite.git"
@@ -44,7 +28,6 @@
     "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.17.1",
     "@rollup/pluginutils": "^5.1.0",
@@ -66,5 +49,20 @@
     "vite": "^5.4.3",
     "vitest": "^2.1.1",
     "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"
   }
-}
+}