@jiayouzuo/vite-module-federation-core 0.6.1

package/dist/dev/remote.js

@@ -0,0 +1,274 @@
+/**
+ * 开发环境 - 远程模块插件
+ */
+import MagicString from 'magic-string';
+import { parsedOptions, parseRemoteOptions, devRemotes, createRemotesMap, getModuleMarker, getFileExtname, normalizePath, REMOTE_FROM_PARAMETER } from '../utils.js';
+import { walk } from '../walker.js';
+// 默认需要转换的文件类型
+const defaultTransformFileTypes = ['.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs', '.vue', '.svelte'];
+export function devRemotePlugin(options) {
+    parsedOptions.devRemote = parseRemoteOptions(options);
+    for (const item of parsedOptions.devRemote) {
+        devRemotes.push({
+            id: item[0],
+            regexp: new RegExp(`^${item[0]}/.+?`),
+            config: item[1]
+        });
+    }
+    // 合并文件类型配置
+    const transformFileTypes = (options.transformFileTypes ?? [])
+        .concat(defaultTransformFileTypes)
+        .map((item) => item.toLowerCase());
+    const transformFileTypeSet = new Set(transformFileTypes);
+    let viteDevServer;
+    return {
+        name: 'federation:remote-development',
+        virtualFile: options.remotes ? {
+            __federation__: `
+${createRemotesMap(devRemotes)}
+const loadJS = async (url, fn) => {
+  const resolvedUrl = typeof url === 'function' ? await url() : url;
+  const script = document.createElement('script')
+  script.type = 'text/javascript';
+  script.onload = fn;
+  script.src = resolvedUrl;
+  document.getElementsByTagName('head')[0].appendChild(script);
+}
+function get(name, ${REMOTE_FROM_PARAMETER}){
+  return import(/* @vite-ignore */ name).then(module => ()=> {
+    if (${REMOTE_FROM_PARAMETER} === 'webpack') {
+      return Object.prototype.toString.call(module).indexOf('Module') > -1 && module.default ? module.default : module
+    }
+    return module
+  })
+}
+const wrapShareModule = ${REMOTE_FROM_PARAMETER} => {
+  return {
+    ${getModuleMarker('shareScope')}
+  }
+}
+const initMap = Object.create(null);
+async function __federation_method_ensure(remoteId) {
+  const remote = remotesMap[remoteId];
+  if (!remote.inited) {
+    if ('var' === remote.format) {
+      return new Promise(resolve => {
+        const callback = () => {
+          if (!remote.inited) {
+            remote.lib = window[remoteId];
+            remote.lib.init(wrapShareModule(remote.from))
+            remote.inited = true;
+          }
+          resolve(remote.lib);
+        }
+        return loadJS(remote.url, callback);
+      });
+    } else if (['esm', 'systemjs'].includes(remote.format)) {
+      return new Promise((resolve, reject) => {
+        const getUrl = typeof remote.url === 'function' ? remote.url : () => Promise.resolve(remote.url);
+        getUrl().then(url => {
+          import(/* @vite-ignore */ url).then(lib => {
+            if (!remote.inited) {
+              const shareScope = wrapShareModule(remote.from)
+              lib.init(shareScope);
+              remote.lib = lib;
+              remote.lib.init(shareScope);
+              remote.inited = true;
+            }
+            resolve(remote.lib);
+          }).catch(reject)
+        })
+      })
+    }
+  } else {
+    return remote.lib;
+  }
+}
+
+function __federation_method_unwrapDefault(module) {
+  return (module?.__esModule || module?.[Symbol.toStringTag] === 'Module')?module.default:module
+}
+
+function __federation_method_wrapDefault(module ,need){
+  if (!module?.default && need) {
+    let obj = Object.create(null);
+    obj.default = module;
+    obj.__esModule = true;
+    return obj;
+  }
+  return module;
+}
+
+function __federation_method_getRemote(remoteName,  componentName){
+  return __federation_method_ensure(remoteName).then((remote) => remote.get(componentName).then(factory => factory()));
+}
+
+function __federation_method_setRemote(remoteName, remoteConfig) {
+  remotesMap[remoteName] = remoteConfig;
+}
+export {__federation_method_ensure, __federation_method_getRemote , __federation_method_setRemote , __federation_method_unwrapDefault , __federation_method_wrapDefault}
+;`
+        } : { __federation__: '' },
+        // 配置 optimizeDeps.exclude
+        config(config) {
+            if (parsedOptions.devRemote.length) {
+                const excludeRemotes = [];
+                parsedOptions.devRemote.forEach((item) => excludeRemotes.push(item[0]));
+                let optimizeDeps = config.optimizeDeps;
+                if (!optimizeDeps) {
+                    optimizeDeps = config.optimizeDeps = {};
+                }
+                if (!optimizeDeps.exclude) {
+                    optimizeDeps.exclude = [];
+                }
+                optimizeDeps.exclude = optimizeDeps.exclude.concat(excludeRemotes);
+            }
+        },
+        configureServer(server) {
+            viteDevServer = server;
+        },
+        async transform(code, id) {
+            // 处理 __federation__ 虚拟模块的 shareScope 替换
+            if (id === '\0virtual:__federation__') {
+                const scopeCode = await devSharedScopeCode.call(this, viteDevServer, parsedOptions.devShared);
+                return code.replace(getModuleMarker('shareScope'), scopeCode.join(','));
+            }
+            // 检查文件类型是否需要转换
+            const fileExtname = getFileExtname(id);
+            if (!transformFileTypeSet.has((fileExtname ?? '').toLowerCase())) {
+                return;
+            }
+            let ast = null;
+            try {
+                ast = this.parse(code);
+            }
+            catch (err) {
+                console.error(err);
+            }
+            if (!ast) {
+                return null;
+            }
+            const magicString = new MagicString(code);
+            const hasStaticImported = new Map();
+            let requiresRuntime = false;
+            let manualRequired = null;
+            walk(ast, {
+                enter(node) {
+                    // 检测手动导入 virtual:__federation__
+                    if (node.type === 'ImportDeclaration' && node.source?.value === 'virtual:__federation__') {
+                        manualRequired = node;
+                    }
+                    // 处理远程模块导入
+                    if ((node.type === 'ImportExpression' || node.type === 'ImportDeclaration' || node.type === 'ExportNamedDeclaration') &&
+                        node.source?.value?.indexOf('/') > -1) {
+                        const moduleId = node.source.value;
+                        const remote = devRemotes.find((r) => r.regexp.test(moduleId));
+                        const needWrap = remote?.config.from === 'vite';
+                        if (remote) {
+                            requiresRuntime = true;
+                            const modName = `.${moduleId.slice(remote.id.length)}`;
+                            switch (node.type) {
+                                case 'ImportExpression': {
+                                    magicString.overwrite(node.start, node.end, `__federation_method_getRemote(${JSON.stringify(remote.id)} , ${JSON.stringify(modName)}).then(module=>__federation_method_wrapDefault(module, ${needWrap}))`);
+                                    break;
+                                }
+                                case 'ImportDeclaration': {
+                                    if (node.specifiers?.length) {
+                                        const afterImportName = `__federation_var_${moduleId.replace(/[@/\\.-]/g, '')}`;
+                                        if (!hasStaticImported.has(moduleId)) {
+                                            magicString.overwrite(node.start, node.end, `const ${afterImportName} = await __federation_method_getRemote(${JSON.stringify(remote.id)} , ${JSON.stringify(modName)});`);
+                                            hasStaticImported.set(moduleId, afterImportName);
+                                        }
+                                        let deconstructStr = '';
+                                        node.specifiers.forEach((spec) => {
+                                            if (spec.type === 'ImportDefaultSpecifier') {
+                                                magicString.appendRight(node.end, `\n let ${spec.local.name} = __federation_method_unwrapDefault(${afterImportName}) `);
+                                            }
+                                            else if (spec.type === 'ImportSpecifier') {
+                                                const importedName = spec.imported.name;
+                                                const localName = spec.local.name;
+                                                deconstructStr += `${importedName === localName ? localName : `${importedName} : ${localName}`},`;
+                                            }
+                                            else if (spec.type === 'ImportNamespaceSpecifier') {
+                                                magicString.appendRight(node.end, `let {${spec.local.name}} = ${afterImportName}`);
+                                            }
+                                        });
+                                        if (deconstructStr.length > 0) {
+                                            magicString.appendRight(node.end, `\n let {${deconstructStr.slice(0, -1)}} = ${afterImportName}`);
+                                        }
+                                    }
+                                    break;
+                                }
+                                case 'ExportNamedDeclaration': {
+                                    const afterImportName = `__federation_var_${moduleId.replace(/[@/\\.-]/g, '')}`;
+                                    if (!hasStaticImported.has(moduleId)) {
+                                        hasStaticImported.set(moduleId, afterImportName);
+                                        magicString.overwrite(node.start, node.end, `const ${afterImportName} = await __federation_method_getRemote(${JSON.stringify(remote.id)} , ${JSON.stringify(modName)});`);
+                                    }
+                                    if (node.specifiers.length > 0) {
+                                        const specifiers = node.specifiers;
+                                        let exportContent = '';
+                                        let deconstructContent = '';
+                                        specifiers.forEach((spec) => {
+                                            const localName = spec.local.name;
+                                            const exportName = spec.exported.name;
+                                            const variableName = `${afterImportName}_${localName}`;
+                                            deconstructContent = deconstructContent.concat(`${localName}:${variableName},`);
+                                            exportContent = exportContent.concat(`${variableName} as ${exportName},`);
+                                        });
+                                        magicString.append(`\n const {${deconstructContent.slice(0, deconstructContent.length - 1)}} = ${afterImportName}; \n`);
+                                        magicString.append(`\n export {${exportContent.slice(0, exportContent.length - 1)}}; `);
+                                    }
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+            if (requiresRuntime) {
+                let requiresCode = `import {__federation_method_ensure, __federation_method_getRemote , __federation_method_wrapDefault , __federation_method_unwrapDefault} from '__federation__';\n\n`;
+                if (manualRequired) {
+                    requiresCode = `import {__federation_method_setRemote, __federation_method_ensure, __federation_method_getRemote , __federation_method_wrapDefault , __federation_method_unwrapDefault} from '__federation__';\n\n`;
+                    magicString.overwrite(manualRequired.start, manualRequired.end, ``);
+                }
+                magicString.prepend(requiresCode);
+            }
+            if (requiresRuntime) {
+                return magicString.toString();
+            }
+        }
+    };
+}
+/**
+ * 生成开发环境共享模块代码
+ */
+async function devSharedScopeCode(viteDevServer, shared) {
+    const res = [];
+    if (shared.length && viteDevServer) {
+        const serverConfiguration = viteDevServer.config.server;
+        const base = viteDevServer.config.base;
+        const cwdPath = normalizePath(process.cwd());
+        for (const item of shared) {
+            const moduleInfo = await this.resolve(item[1].packagePath, undefined, { skipSelf: true });
+            if (!moduleInfo)
+                continue;
+            const moduleFilePath = normalizePath(moduleInfo.id);
+            const idx = moduleFilePath.indexOf(cwdPath);
+            const relativePath = idx === 0
+                ? require('path').posix.join(base, moduleFilePath.slice(cwdPath.length))
+                : null;
+            const sharedName = item[0];
+            const obj = item[1];
+            let str = '';
+            if (typeof obj === 'object') {
+                const origin = serverConfiguration.origin;
+                const pathname = relativePath ?? `/@fs/${moduleInfo.id}`;
+                const url = origin ? `'${origin}${pathname}'` : `window.location.origin+'${pathname}'`;
+                str += `get:()=> get(${url}, ${REMOTE_FROM_PARAMETER})`;
+                res.push(`'${sharedName}':{'${obj.version}':{${str}}}`);
+            }
+        }
+    }
+    return res;
+}

package/dist/dev/shared.d.ts

@@ -0,0 +1,3 @@
+import type { FederationSubPlugin, VitePluginFederationOptions } from '../types.js';
+export declare function devSharedPlugin(options: VitePluginFederationOptions): FederationSubPlugin;
+//# sourceMappingURL=shared.d.ts.map

package/dist/dev/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/dev/shared.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAGnF,wBAAgB,eAAe,CAAC,OAAO,EAAE,2BAA2B,GAAG,mBAAmB,CAsBzF"}

package/dist/dev/shared.js

@@ -0,0 +1,22 @@
+/**
+ * 开发环境 - 共享依赖插件
+ */
+import { readFileSync } from 'fs';
+import { parsedOptions, parseSharedOptions } from '../utils.js';
+export function devSharedPlugin(options) {
+    parsedOptions.devShared = parseSharedOptions(options);
+    return {
+        name: 'federation:shared-development',
+        async configureServer(server) {
+            for (const arr of parsedOptions.devShared) {
+                if (!arr[1].version && !arr[1].manuallyPackagePathSetting) {
+                    const packageJsonPath = (await server.pluginContainer.resolveId(`${arr[1].packagePath}/package.json`))?.id;
+                    if (packageJsonPath) {
+                        const packageJson = JSON.parse(readFileSync(packageJsonPath, { encoding: 'utf-8' }));
+                        arr[1].version = packageJson.version;
+                    }
+                }
+            }
+        }
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 模块联邦插件入口
+ */
+import type { Plugin } from 'vite';
+import type { VitePluginFederationOptions } from './types.js';
+export type { VitePluginFederationOptions } from './types.js';
+/**
+ * Vite模块联邦插件
+ */
+export default function federation(options: VitePluginFederationOptions): Plugin[];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAiC,MAAM,MAAM,CAAA;AACjE,OAAO,KAAK,EAAE,2BAA2B,EAAuB,MAAM,YAAY,CAAA;AAUlF,YAAY,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAA;AA8B7D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,EAAE,2BAA2B,GAAG,MAAM,EAAE,CAiKjF"}

package/dist/index.js

@@ -0,0 +1,181 @@
+import { virtual } from './virtual.js';
+import { builderInfo, parsedOptions, viteConfigResolved } from './utils.js';
+import { prodSharedPlugin } from './prod/shared.js';
+import { prodRemotePlugin } from './prod/remote.js';
+import { prodExposePlugin } from './prod/expose.js';
+import { devSharedPlugin } from './dev/shared.js';
+import { devRemotePlugin } from './dev/remote.js';
+import { devExposePlugin } from './dev/expose.js';
+// semver satisfy 函数
+const federation_fn_satisfy = `
+const satisfy = (version, range) => {
+  if (range.startsWith('^') || range.startsWith('~')) range = '>=' + range.slice(1)
+  if (!range || range === '*') return true
+  const op = range.match(/^([<>=~^]+)/)?.[1] || '='
+  const target = range.replace(/^[<>=~^]+/, '').split('.').map(Number)
+  const current = version.split('.').map(Number)
+  for (let i = 0; i < 3; i++) {
+    target[i] = target[i] || 0
+    current[i] = current[i] || 0
+  }
+  if (op === '~') return current[0] === target[0] && current[1] === target[1] && current[2] >= target[2]
+  if (op === '^') {
+    if (target[0] !== 0) return current[0] === target[0] && (current[1] > target[1] || (current[1] === target[1] && current[2] >= target[2]))
+    if (target[1] !== 0) return current[0] === target[0] && current[1] === target[1] && current[2] >= target[2]
+    return current[0] === target[0] && current[1] === target[1] && current[2] === target[2]
+  }
+  if (op === '=') return current.join('.') === target.join('.')
+  if (op === '>=') return current[0] > target[0] || (current[0] === target[0] && (current[1] > target[1] || (current[1] === target[1] && current[2] >= target[2])))
+  if (op === '<=') return current[0] < target[0] || (current[0] === target[0] && (current[1] < target[1] || (current[1] === target[1] && current[2] <= target[2])))
+  if (op === '>') return current[0] > target[0] || (current[0] === target[0] && (current[1] > target[1] || (current[1] === target[1] && current[2] > target[2])))
+  if (op === '<') return current[0] < target[0] || (current[0] === target[0] && (current[1] < target[1] || (current[1] === target[1] && current[2] < target[2])))
+  return false
+}
+export { satisfy }
+`;
+/**
+ * Vite模块联邦插件
+ */
+export default function federation(options) {
+    const isBuild = process.env.NODE_ENV === 'production' || process.argv.includes('build');
+    // 根据环境选择插件
+    const subPlugins = isBuild
+        ? [
+            prodSharedPlugin(options),
+            prodRemotePlugin(options),
+            prodExposePlugin(options)
+        ]
+        : [
+            devSharedPlugin(options),
+            devRemotePlugin(options),
+            devExposePlugin(options)
+        ];
+    // 收集所有虚拟文件
+    const virtualFiles = {
+        __federation_fn_satisfy: federation_fn_satisfy
+    };
+    for (const plugin of subPlugins) {
+        if (plugin.virtualFile) {
+            Object.assign(virtualFiles, plugin.virtualFile);
+        }
+    }
+    // 创建虚拟模块插件
+    const virtualPlugin = virtual(virtualFiles);
+    // 主插件
+    const mainPlugin = {
+        name: 'vite-module-federation',
+        enforce: 'post',
+        config(config, { command }) {
+            // 设置构建信息
+            builderInfo.builder = 'vite';
+            builderInfo.assetsDir = config.build?.assetsDir || 'assets';
+            // 调用子插件的 config
+            for (const plugin of subPlugins) {
+                if (plugin.config) {
+                    plugin.config.call(this, config, { command });
+                }
+            }
+        },
+        configResolved(config) {
+            viteConfigResolved.config = config;
+            builderInfo.isHost = !!parsedOptions.prodRemote.length || !!parsedOptions.devRemote.length;
+            builderInfo.isRemote = !!parsedOptions.prodExpose.length || !!parsedOptions.devExpose.length;
+            builderInfo.isShared = !!parsedOptions.prodShared.length || !!parsedOptions.devShared.length;
+            for (const plugin of subPlugins) {
+                if (plugin.configResolved) {
+                    plugin.configResolved.call(this, config);
+                }
+            }
+        },
+        configureServer(server) {
+            for (const plugin of subPlugins) {
+                if (plugin.configureServer) {
+                    plugin.configureServer.call(this, server);
+                }
+            }
+        },
+        async resolveId(id, importer) {
+            // 先检查虚拟模块
+            const v = virtualPlugin.resolveId(id, importer);
+            if (v)
+                return v;
+            // 处理 __federation_fn_import 虚拟模块
+            if (id === '\0virtual:__federation_fn_import') {
+                return { id: '\0virtual:__federation_fn_import', moduleSideEffects: true };
+            }
+            // 处理 __federation_fn_satisfy 模块解析
+            if (id === '__federation_fn_satisfy') {
+                return { id: '\0virtual:__federation_fn_satisfy', moduleSideEffects: true };
+            }
+            // 处理 virtual:__federation__ 模块
+            if (id === 'virtual:__federation__') {
+                return { id: '\0virtual:__federation__', moduleSideEffects: true };
+            }
+            return null;
+        },
+        load(id) {
+            return virtualPlugin.load(id);
+        },
+        options(inputOptions) {
+            for (const plugin of subPlugins) {
+                if (plugin.options) {
+                    inputOptions = plugin.options.call(this, inputOptions) || inputOptions;
+                }
+            }
+            return inputOptions;
+        },
+        async buildStart(inputOptions) {
+            for (const plugin of subPlugins) {
+                if (plugin.buildStart) {
+                    await plugin.buildStart.call(this, inputOptions);
+                }
+            }
+        },
+        async transform(code, id) {
+            for (const plugin of subPlugins) {
+                if (plugin.transform) {
+                    const result = await plugin.transform.call(this, code, id);
+                    if (result) {
+                        if (typeof result === 'string') {
+                            code = result;
+                        }
+                        else if (result.code) {
+                            return result;
+                        }
+                    }
+                }
+            }
+        },
+        outputOptions(outputOptions) {
+            for (const plugin of subPlugins) {
+                if (plugin.outputOptions) {
+                    outputOptions = plugin.outputOptions.call(this, outputOptions) || outputOptions;
+                }
+            }
+            return outputOptions;
+        },
+        renderChunk(code, chunkInfo, options) {
+            for (const plugin of subPlugins) {
+                if (plugin.renderChunk) {
+                    const result = plugin.renderChunk.call(this, code, chunkInfo, options);
+                    if (result) {
+                        if (typeof result === 'string') {
+                            code = result;
+                        }
+                        else if (result.code) {
+                            return result;
+                        }
+                    }
+                }
+            }
+        },
+        generateBundle(options, bundle, isWrite) {
+            for (const plugin of subPlugins) {
+                if (plugin.generateBundle) {
+                    plugin.generateBundle.call(this, options, bundle, isWrite);
+                }
+            }
+        }
+    };
+    return [mainPlugin];
+}

package/dist/prod/expose.d.ts

@@ -0,0 +1,3 @@
+import type { FederationSubPlugin, VitePluginFederationOptions } from '../types.js';
+export declare function prodExposePlugin(options: VitePluginFederationOptions): FederationSubPlugin;
+//# sourceMappingURL=expose.d.ts.map

package/dist/prod/expose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expose.d.ts","sourceRoot":"","sources":["../../src/prod/expose.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAiBnF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,2BAA2B,GAAG,mBAAmB,CAqQ1F"}