@module-federation/esbuild 0.0.0-next-20240524231356 → 0.0.0-next-20240528203231

package/dist/esbuild.esm.js

@@ -10,8 +10,7 @@ import { init, parse as parse$1 } from 'es-module-lexer';
 import { init as init$1, parse } from 'cjs-module-lexer';
 import { promisify } from 'util';
 import enhancedResolve from 'enhanced-resolve';
-import { f as federationBuilder } from './federation-builder.esm.js';
-import 'npmlog';
+import { g as getExternals } from './get-externals.esm.js';
 
 function getAugmentedNamespace(n) {
     if (n.__esModule) return n;
@@ -104,20 +103,17 @@ const writeRemoteManifest = async (config, result)=>{
             name: config.name
         };
     }
-    const mfConfig = config;
     var _process_env_NODE_ENV;
     const envType = process.env['NODE_ENV'] === 'development' ? 'local' : (_process_env_NODE_ENV = process.env['NODE_ENV']) != null ? _process_env_NODE_ENV : '';
     const publicPath = config.publicPath || 'auto';
     let containerName = '';
     const outputMap = Object.entries(((_result_metafile = result.metafile) == null ? void 0 : _result_metafile.outputs) || {}).reduce((acc, [chunkKey, chunkValue])=>{
-        //@ts-ignore
-        const { entryPoint, kind = 'static-import' } = chunkValue;
+        const { entryPoint } = chunkValue;
         const key = entryPoint || chunkKey;
-        if (key.startsWith('container:') && key.endsWith(mfConfig.filename)) {
+        if (key.startsWith('container:') && key.endsWith(config.filename)) {
             containerName = key;
         }
         acc[key] = _extends$2({}, chunkValue, {
-            kind,
             chunk: chunkKey
         });
         return acc;
@@ -160,7 +156,7 @@ const writeRemoteManifest = async (config, result)=>{
         }
         return assets;
     };
-    const shared = mfConfig.shared ? await Promise.all(Object.entries(mfConfig.shared).map(async ([pkg, config])=>{
+    const shared = config.shared ? await Promise.all(Object.entries(config.shared).map(async ([pkg, config])=>{
         const meta = outputMap['esm-shares:' + pkg];
         const chunks = getChunks(meta, outputMap);
         let { version } = config;
@@ -175,7 +171,7 @@ const writeRemoteManifest = async (config, result)=>{
             }
         }
         return {
-            id: `${mfConfig.name}:${pkg}`,
+            id: `${config.name}:${pkg}`,
             name: pkg,
             version: version || config.version,
             singleton: config.singleton || false,
@@ -183,7 +179,7 @@ const writeRemoteManifest = async (config, result)=>{
             assets: chunks
         };
     })) : [];
-    const remotes = mfConfig.remotes ? Object.entries(mfConfig.remotes).map(([alias, remote])=>{
+    const remotes = config.remotes ? Object.entries(config.remotes).map(([alias, remote])=>{
         const [federationContainerName, entry] = remote.includes('@') ? remote.split('@') : [
             alias,
             remote
@@ -195,11 +191,11 @@ const writeRemoteManifest = async (config, result)=>{
             entry
         };
     }) : [];
-    const exposes = mfConfig.exposes ? await Promise.all(Object.entries(mfConfig.exposes).map(async ([expose, value])=>{
+    const exposes = config.exposes ? await Promise.all(Object.entries(config.exposes).map(async ([expose, value])=>{
         const exposedFound = outputMapWithoutExt[value.replace('./', '')];
         const chunks = getChunks(exposedFound, outputMap);
         return {
-            id: `${mfConfig.name}:${expose.replace(/^\.\//, '')}`,
+            id: `${config.name}:${expose.replace(/^\.\//, '')}`,
             name: expose.replace(/^\.\//, ''),
             assets: chunks,
             path: expose
@@ -213,22 +209,22 @@ const writeRemoteManifest = async (config, result)=>{
     };
     var _packageJson_name;
     const manifest = {
-        id: mfConfig.name,
-        name: mfConfig.name,
+        id: config.name,
+        name: config.name,
         metaData: {
-            name: mfConfig.name,
+            name: config.name,
             type: 'app',
             buildInfo: {
                 buildVersion: envType,
                 buildName: ((_packageJson_name = packageJson.name) != null ? _packageJson_name : 'default').replace(/[^a-zA-Z0-9]/g, '_')
             },
             remoteEntry: {
-                name: mfConfig.filename,
+                name: config.filename,
                 path: outputMap[containerName] ? path__default.dirname(outputMap[containerName].chunk) : '',
                 type: 'esm'
             },
             types,
-            globalName: mfConfig.name,
+            globalName: config.name,
             pluginVersion: version,
             publicPath
         },
@@ -422,9 +418,7 @@ const createContainer = (federationOptions) => {
   return __webpack_exports__;
 }`;
 
-//replace with createContainer from bundler runtime
-//@ts-ignore
-const buildContainerHost = ({ config })=>{
+const buildContainerHost = (config)=>{
     const { name, remotes = {}, shared = {}, exposes = {} } = config;
     const remoteConfigs = Object.entries(remotes).map(([remoteAlias, remote])=>({
             type: 'esm',
@@ -492,7 +486,6 @@ const buildContainerHost = ({ config })=>{
 
             await Promise.all(remotePrefetch);
 
-console.log('module map',moduleMap);
             const map = Object.keys(moduleMap).reduce((acc, expose) => {
                 const importMap = importShim.getImportMap().imports;
                 const key = args.origin.name + expose.replace('.', '');
@@ -505,7 +498,6 @@ console.log('module map',moduleMap);
                 return acc;
             }, {});
             await importShim.addImportMap({ imports: map });
-            console.log('final map', importShim.getImportMap());
 
             return args;
         }
@@ -531,11 +523,11 @@ console.log('module map',moduleMap);
 const createContainerPlugin = (config)=>({
         name: 'createContainer',
         setup (build) {
-            const { externals, config: { filename } } = config;
+            const { filename } = config;
             const filter = new RegExp([
                 filename
             ].map((name)=>`${name}$`).join('|'));
-            const sharedExternals = new RegExp(Object.keys(federationBuilder.config.shared || {}).map((name)=>`${name}$`).join('|'));
+            const sharedExternals = new RegExp(Object.keys(config.shared || {}).map((name)=>`${name}$`).join('|'));
             build.onResolve({
                 filter
             }, async (args)=>({
@@ -597,8 +589,8 @@ const createContainerPlugin = (config)=>({
     });
 
 // Builds the federation host code
-const buildFederationHost = ()=>{
-    const { name, remotes, shared } = federationBuilder.config;
+const buildFederationHost = (config)=>{
+    const { name, remotes, shared } = config;
     const remoteConfigs = remotes ? JSON.stringify(Object.entries(remotes).map(([remoteAlias, remote])=>({
             name: remoteAlias,
             entry: remote,
@@ -684,104 +676,103 @@ const buildFederationHost = ()=>{
     });
   `;
 };
-const initializeHostPlugin = {
-    name: 'host-initialization',
-    setup (build) {
-        build.onResolve({
-            filter: /federation-host/
-        }, (args)=>({
-                path: args.path,
-                namespace: 'federation-host',
-                pluginData: {
-                    kind: args.kind,
-                    resolveDir: args.resolveDir
-                }
-            }));
-        build.onLoad({
-            filter: /.*/,
-            namespace: 'federation-host'
-        }, async (args)=>({
-                contents: buildFederationHost(),
-                resolveDir: args.pluginData.resolveDir
-            }));
-        // Add custom loaders
-        const loaders = build.initialOptions.loader || {};
-        // Apply custom loaders
-        for (const [ext, loader] of Object.entries(loaders)){
+const initializeHostPlugin = (config)=>({
+        name: 'host-initialization',
+        setup (build) {
+            build.onResolve({
+                filter: /federation-host/
+            }, (args)=>({
+                    path: args.path,
+                    namespace: 'federation-host',
+                    pluginData: {
+                        kind: args.kind,
+                        resolveDir: args.resolveDir
+                    }
+                }));
             build.onLoad({
-                filter: new RegExp(`\\${ext}$`),
+                filter: /.*/,
+                namespace: 'federation-host'
+            }, async (args)=>({
+                    contents: buildFederationHost(config),
+                    resolveDir: args.pluginData.resolveDir
+                }));
+            // Add custom loaders
+            const loaders = build.initialOptions.loader || {};
+            // Apply custom loaders
+            for (const [ext, loader] of Object.entries(loaders)){
+                build.onLoad({
+                    filter: new RegExp(`\\${ext}$`),
+                    namespace: 'file'
+                }, async (args)=>{
+                    const contents = await fs__default.promises.readFile(args.path, 'utf8');
+                    return {
+                        contents: buildFederationHost(config) + contents,
+                        loader
+                    };
+                });
+            }
+            // Fallback loader for files not matched by custom loaders
+            const fallbackFilter = new RegExp(Object.keys(loaders).map((ext)=>`\\${ext}$`).join('|'));
+            build.onLoad({
+                filter: /.*\.(ts|js|mjs)$/,
                 namespace: 'file'
-            }, async (args)=>{
-                const contents = await fs__default.promises.readFile(args.path, 'utf8');
-                return {
-                    contents: buildFederationHost() + contents,
-                    loader
-                };
+            }, //@ts-ignore
+            async (args)=>{
+                if (!fallbackFilter.test(args.path)) {
+                    if (!build.initialOptions.entryPoints.some((e)=>args.path.includes(e))) {
+                        return;
+                    }
+                    const contents = await fs__default.promises.readFile(args.path, 'utf8');
+                    return {
+                        contents: 'import "federation-host"; \n ' + contents
+                    };
+                }
             });
         }
-        // Fallback loader for files not matched by custom loaders
-        const fallbackFilter = new RegExp(Object.keys(loaders).map((ext)=>`\\${ext}$`).join('|'));
-        build.onLoad({
-            filter: /.*\.(ts|js|mjs)$/,
-            namespace: 'file'
-        }, //@ts-ignore
-        async (args)=>{
-            if (!fallbackFilter.test(args.path)) {
-                if (!build.initialOptions.entryPoints.some((e)=>args.path.includes(e))) {
-                    return;
-                }
-                const contents = await fs__default.promises.readFile(args.path, 'utf8');
-                return {
-                    contents: buildFederationHost() + contents
-                };
-            }
-        });
-    }
-};
+    });
 
 // relys on import map since i dont know the named exports of a remote to return.
 const createVirtualRemoteModule = (name, ref)=>`
 export * from ${JSON.stringify('federationRemote/' + ref)}
 `;
-const linkRemotesPlugin = {
-    name: 'linkRemotes',
-    setup (build) {
-        //@ts-ignore
-        const remotes = federationBuilder.config.remotes || {};
-        const filter = new RegExp(Object.keys(remotes).reduce((acc, key)=>{
-            if (!key) return acc;
-            acc.push(`^${key}`);
-            return acc;
-        }, []).join('|'));
-        build.onResolve({
-            filter: filter
-        }, async (args)=>{
-            return {
-                path: args.path,
+const linkRemotesPlugin = (config)=>({
+        name: 'linkRemotes',
+        setup (build) {
+            const remotes = config.remotes || {};
+            const filter = new RegExp(Object.keys(remotes).reduce((acc, key)=>{
+                if (!key) return acc;
+                acc.push(`^${key}`);
+                return acc;
+            }, []).join('|'));
+            build.onResolve({
+                filter: filter
+            }, async (args)=>{
+                return {
+                    path: args.path,
+                    namespace: 'remote-module'
+                };
+            });
+            build.onResolve({
+                filter: /^federationRemote/
+            }, async (args)=>{
+                return {
+                    path: args.path.replace('federationRemote/', ''),
+                    external: true,
+                    namespace: 'externals'
+                };
+            });
+            build.onLoad({
+                filter,
                 namespace: 'remote-module'
-            };
-        });
-        build.onResolve({
-            filter: /^federationRemote/
-        }, async (args)=>{
-            return {
-                path: args.path.replace('federationRemote/', ''),
-                external: true,
-                namespace: 'externals'
-            };
-        });
-        build.onLoad({
-            filter,
-            namespace: 'remote-module'
-        }, async (args)=>{
-            return {
-                contents: createVirtualRemoteModule(federationBuilder.config.name, args.path),
-                loader: 'js',
-                resolveDir: path__default.dirname(args.path)
-            };
-        });
-    }
-};
+            }, async (args)=>{
+                return {
+                    contents: createVirtualRemoteModule(config.name, args.path),
+                    loader: 'js',
+                    resolveDir: path__default.dirname(args.path)
+                };
+            });
+        }
+    });
 
 function _extends$1() {
     _extends$1 = Object.assign || function(target) {
@@ -847,28 +838,14 @@ const cjsToEsmPlugin = {
     }
 };
 // Plugin to link shared dependencies
-const linkSharedPlugin = {
-    name: 'linkShared',
-    setup (build) {
-        const filter = new RegExp(Object.keys(federationBuilder.config.shared || {}).map((name)=>`${name}$`).join('|'));
-        build.onResolve({
-            filter
-        }, (args)=>{
-            if (args.namespace === 'esm-shares') return null;
-            return {
-                path: args.path,
-                namespace: 'virtual-share-module',
-                pluginData: {
-                    kind: args.kind,
-                    resolveDir: args.resolveDir
-                }
-            };
-        });
-        build.onResolve({
-            filter: /.*/,
-            namespace: 'esm-shares'
-        }, (args)=>{
-            if (filter.test(args.path)) {
+const linkSharedPlugin = (config)=>({
+        name: 'linkShared',
+        setup (build) {
+            const filter = new RegExp(Object.keys(config.shared || {}).map((name)=>`${name}$`).join('|'));
+            build.onResolve({
+                filter
+            }, (args)=>{
+                if (args.namespace === 'esm-shares') return null;
                 return {
                     path: args.path,
                     namespace: 'virtual-share-module',
@@ -877,58 +854,83 @@ const linkSharedPlugin = {
                         resolveDir: args.resolveDir
                     }
                 };
-            }
-            if (filter.test(args.importer)) {
-                return {
-                    path: args.path,
+            });
+            build.onResolve({
+                filter: /.*/,
+                namespace: 'esm-shares'
+            }, (args)=>{
+                if (filter.test(args.path)) {
+                    return {
+                        path: args.path,
+                        namespace: 'virtual-share-module',
+                        pluginData: {
+                            kind: args.kind,
+                            resolveDir: args.resolveDir
+                        }
+                    };
+                }
+                if (filter.test(args.importer)) {
+                    return {
+                        path: args.path,
+                        namespace: 'esm-shares',
+                        pluginData: {
+                            kind: args.kind,
+                            resolveDir: args.resolveDir
+                        }
+                    };
+                }
+                return undefined;
+            });
+            build.onResolve({
+                filter: /^federationShare/
+            }, async (args)=>({
+                    path: args.path.replace('federationShare/', ''),
                     namespace: 'esm-shares',
                     pluginData: {
                         kind: args.kind,
                         resolveDir: args.resolveDir
                     }
+                }));
+            build.onLoad({
+                filter,
+                namespace: 'virtual-share-module'
+            }, async (args)=>{
+                const exp = await getExports(args.path);
+                return {
+                    contents: createVirtualShareModule(config.name, args.path, exp),
+                    loader: 'js',
+                    resolveDir: path__default.dirname(args.path)
                 };
-            }
-            return undefined;
-        });
-        build.onResolve({
-            filter: /^federationShare/
-        }, async (args)=>({
-                path: args.path.replace('federationShare/', ''),
-                namespace: 'esm-shares',
-                pluginData: {
-                    kind: args.kind,
-                    resolveDir: args.resolveDir
-                }
-            }));
-        build.onLoad({
-            filter,
-            namespace: 'virtual-share-module'
-        }, async (args)=>{
-            const exp = await getExports(args.path);
-            return {
-                contents: createVirtualShareModule(federationBuilder.config.name, args.path, exp),
-                loader: 'js',
-                resolveDir: path__default.dirname(args.path)
-            };
-        });
-    }
-};
+            });
+        }
+    });
 // Main module federation plugin
 const moduleFederationPlugin = (config)=>({
         name: 'module-federation',
         setup (build) {
             build.initialOptions.metafile = true;
+            const externals = getExternals(config);
+            if (build.initialOptions.external) {
+                build.initialOptions.external = [
+                    ...new Set([
+                        ...build.initialOptions.external,
+                        ...externals
+                    ])
+                ];
+            } else {
+                build.initialOptions.external = externals;
+            }
             const pluginStack = [];
-            const remotes = Object.keys(federationBuilder.config.remotes || {}).length;
-            const shared = Object.keys(federationBuilder.config.shared || {}).length;
-            const exposes = Object.keys(federationBuilder.config.exposes || {}).length;
+            const remotes = Object.keys(config.remotes || {}).length;
+            const shared = Object.keys(config.shared || {}).length;
+            const exposes = Object.keys(config.exposes || {}).length;
             const entryPoints = build.initialOptions.entryPoints;
-            const filename = federationBuilder.config.filename || 'remoteEntry.js';
+            const filename = config.filename || 'remoteEntry.js';
             if (remotes) {
-                pluginStack.push(linkRemotesPlugin);
+                pluginStack.push(linkRemotesPlugin(config));
             }
             if (shared) {
-                pluginStack.push(linkSharedPlugin);
+                pluginStack.push(linkSharedPlugin(config));
             }
             if (!entryPoints) {
                 build.initialOptions.entryPoints = [];
@@ -945,7 +947,7 @@ const moduleFederationPlugin = (config)=>({
                 }
             }
             [
-                initializeHostPlugin,
+                initializeHostPlugin(config),
                 createContainerPlugin(config),
                 cjsToEsmPlugin,
                 ...pluginStack
@@ -953,8 +955,8 @@ const moduleFederationPlugin = (config)=>({
             build.onEnd(async (result)=>{
                 if (!result.metafile) return;
                 if (exposes) {
-                    const exposedConfig = federationBuilder.config.exposes || {};
-                    const remoteFile = federationBuilder.config.filename;
+                    const exposedConfig = config.exposes || {};
+                    const remoteFile = config.filename;
                     const exposedEntries = {};
                     const outputMapWithoutExt = Object.entries(result.metafile.outputs).reduce((acc, [chunkKey, chunkValue])=>{
                         //@ts-ignore
@@ -987,7 +989,7 @@ const moduleFederationPlugin = (config)=>({
                         fs__default.writeFileSync(outputPath, withExports, 'utf-8');
                     }
                 }
-                await writeRemoteManifest(federationBuilder.config, result);
+                await writeRemoteManifest(config, result);
                 console.log(`build ended with ${result.errors.length} errors`);
             });
         }

package/dist/get-externals.cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+function getExternals(config) {
+    const shared = Object.keys(config.shared);
+    const sharedMappings = config.sharedMappings.map((m)=>m.key);
+    const remotes = config.remotes;
+    Object.keys(remotes).reduce((acc, key)=>{
+        if (!key) return acc;
+        acc.push(key);
+        acc.push(key + '/*');
+        return acc;
+    }, []);
+    const externals = [
+        ...shared,
+        ...sharedMappings
+    ];
+    return externals;
+}
+
+exports.getExternals = getExternals;

package/dist/get-externals.esm.js

@@ -0,0 +1,18 @@
+function getExternals(config) {
+    const shared = Object.keys(config.shared);
+    const sharedMappings = config.sharedMappings.map((m)=>m.key);
+    const remotes = config.remotes;
+    Object.keys(remotes).reduce((acc, key)=>{
+        if (!key) return acc;
+        acc.push(key);
+        acc.push(key + '/*');
+        return acc;
+    }, []);
+    const externals = [
+        ...shared,
+        ...sharedMappings
+    ];
+    return externals;
+}
+
+export { getExternals as g };

package/dist/src/adapters/lib/containerPlugin.d.ts

@@ -1,5 +1,6 @@
 import { PluginBuild } from 'esbuild';
-export declare const createContainerPlugin: (config: any) => {
+import { NormalizedFederationConfig } from '../../lib/config/federation-config.js';
+export declare const createContainerPlugin: (config: NormalizedFederationConfig) => {
     name: string;
     setup(build: PluginBuild): void;
 };

package/dist/src/adapters/lib/containerReference.d.ts

@@ -1,5 +1,6 @@
-export declare const buildFederationHost: () => string;
-export declare const initializeHostPlugin: {
+import { NormalizedFederationConfig } from '../../lib/config/federation-config';
+export declare const buildFederationHost: (config: NormalizedFederationConfig) => string;
+export declare const initializeHostPlugin: (config: NormalizedFederationConfig) => {
     name: string;
     setup(build: any): void;
 };

package/dist/src/adapters/lib/linkRemotesPlugin.d.ts

@@ -1,5 +1,6 @@
+import { NormalizedFederationConfig } from '../../lib/config/federation-config';
 export declare const createVirtualRemoteModule: (name: string, ref: string) => string;
-export declare const linkRemotesPlugin: {
+export declare const linkRemotesPlugin: (config: NormalizedFederationConfig) => {
     name: string;
     setup(build: any): void;
 };

package/dist/src/adapters/lib/plugin.d.ts

@@ -1,7 +1,8 @@
 import { PluginBuild } from 'esbuild';
+import { NormalizedFederationConfig } from '../../lib/config/federation-config.js';
 export declare const createVirtualShareModule: (name: string, ref: string, exports: string[]) => string;
 export declare const createVirtualRemoteModule: (name: string, ref: string) => string;
-export declare const moduleFederationPlugin: (config: any) => {
+export declare const moduleFederationPlugin: (config: NormalizedFederationConfig) => {
     name: string;
     setup(build: PluginBuild): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/esbuild",
-  "version": "0.0.0-next-20240524231356",
+  "version": "0.0.0-next-20240528203231",
   "author": "Zack Jackson (@ScriptedAlchemy)",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -65,6 +65,6 @@
     "esbuild": "^0.18.12",
     "npmlog": "^6.0.2",
     "acorn": "^8.8.1",
-    "@module-federation/sdk": "0.0.0-next-20240524231356"
+    "@module-federation/sdk": "0.0.0-next-20240528203231"
   }
 }