@umijs/mfsu 4.0.0-beta.6 → 4.0.0-rc.1

package/compiled/webpack-virtual-modules/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 SysGears
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/compiled/webpack-virtual-modules/index.js

@@ -0,0 +1 @@
+(function(){"use strict";var e={636:function(e,t,r){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};const a=i(r(622));const s=r(570);let n=45e6;function checkActivation(e){if(!e._compiler){throw new Error("You must use this plugin only after creating webpack instance!")}}function getModulePath(e,t){return a.default.isAbsolute(e)?e:a.default.join(t.context,e)}function createWebpackData(e){return t=>{if(t._data){const r=t._currentLevel;const i=t._levels[r];return{result:e,level:i}}return[null,e]}}function getData(e,t){if(e._data instanceof Map){return e._data.get(t)}else if(e._data){return e.data[t]}else if(e.data instanceof Map){return e.data.get(t)}else{return e.data[t]}}function setData(e,t,r){const i=r(e);if(e._data instanceof Map){e._data.set(t,i)}else if(e._data){e.data[t]=i}else if(e.data instanceof Map){e.data.set(t,i)}else{e.data[t]=i}}function getStatStorage(e){if(e._statStorage){return e._statStorage}else if(e._statBackend){return e._statBackend}else{throw new Error("Couldn't find a stat storage")}}function getFileStorage(e){if(e._readFileStorage){return e._readFileStorage}else if(e._readFileBackend){return e._readFileBackend}else{throw new Error("Couldn't find a readFileStorage")}}function getReadDirBackend(e){if(e._readdirBackend){return e._readdirBackend}else if(e._readdirStorage){return e._readdirStorage}else{throw new Error("Couldn't find a readDirStorage from Webpack Internals")}}class VirtualModulesPlugin{constructor(e){this._compiler=null;this._watcher=null;this._staticModules=e||null}writeModule(e,t){if(!this._compiler){throw new Error(`Plugin has not been initialized`)}checkActivation(this);const r=t?t.length:0;const i=Date.now();const a=new Date(i);const o=new s.VirtualStats({dev:8675309,nlink:0,uid:1e3,gid:1e3,rdev:0,blksize:4096,ino:n++,mode:33188,size:r,blocks:Math.floor(r/4096),atime:a,mtime:a,ctime:a,birthtime:a});const l=getModulePath(e,this._compiler);if(process.env.WVM_DEBUG)console.log(this._compiler.name,"Write virtual module:",l,t);let c=this._watcher&&this._watcher.watchFileSystem;while(c&&c.wfs){c=c.wfs}let u=this._compiler.inputFileSystem;while(u&&u._inputFileSystem){u=u._inputFileSystem}u._writeVirtualFile(l,o,t);if(c&&(c.watcher.fileWatchers.size||c.watcher.fileWatchers.length)){const t=c.watcher.fileWatchers instanceof Map?Array.from(c.watcher.fileWatchers.values()):c.watcher.fileWatchers;for(const r of t){if(r.path===l){if(process.env.DEBUG)console.log(this._compiler.name,"Emit file change:",l,i);delete r.directoryWatcher._cachedTimeInfoEntries;r.directoryWatcher.setFileTime(e,i,false,false,null);r.emit("change",i,null)}}}}apply(e){this._compiler=e;const afterEnvironmentHook=()=>{let t=e.inputFileSystem;while(t&&t._inputFileSystem){t=t._inputFileSystem}if(!t._writeVirtualFile){const e=t.purge;t.purge=()=>{e.apply(t,[]);if(t._virtualFiles){Object.keys(t._virtualFiles).forEach((e=>{const r=t._virtualFiles[e];t._writeVirtualFile(e,r.stats,r.contents)}))}};t._writeVirtualFile=(e,r,i)=>{const o=getStatStorage(t);const l=getFileStorage(t);const c=getReadDirBackend(t);t._virtualFiles=t._virtualFiles||{};t._virtualFiles[e]={stats:r,contents:i};setData(o,e,createWebpackData(r));setData(l,e,createWebpackData(i));const u=e.split(/[\\/]/);let d=u.length-1;const _=u[0]?1:0;while(d>_){const e=u.slice(0,d).join(a.default.sep)||a.default.sep;try{t.readdirSync(e)}catch(t){const i=Date.now();const a=new s.VirtualStats({dev:8675309,nlink:0,uid:1e3,gid:1e3,rdev:0,blksize:4096,ino:n++,mode:16877,size:r.size,blocks:Math.floor(r.size/4096),atime:i,mtime:i,ctime:i,birthtime:i});setData(c,e,createWebpackData([]));setData(o,e,createWebpackData(a))}let i=getData(getReadDirBackend(t),e);i=i[1]||i.result;const l=u[d];if(i.indexOf(l)<0){const r=i.concat([l]).sort();setData(getReadDirBackend(t),e,createWebpackData(r))}else{break}d--}}}};const afterResolversHook=()=>{if(this._staticModules){for(const[e,t]of Object.entries(this._staticModules)){this.writeModule(e,t)}this._staticModules=null}};const watchRunHook=(t,r)=>{this._watcher=t.compiler||t;const i=e.inputFileSystem._virtualFiles;const a=e.fileTimestamps;if(i&&a&&typeof a.set==="function"){Object.keys(i).forEach((e=>{a.set(e,+i[e].stats.mtime)}))}r()};if(e.hooks){e.hooks.afterEnvironment.tap("VirtualModulesPlugin",afterEnvironmentHook);e.hooks.afterResolvers.tap("VirtualModulesPlugin",afterResolversHook);e.hooks.watchRun.tapAsync("VirtualModulesPlugin",watchRunHook)}else{e.plugin("after-environment",afterEnvironmentHook);e.plugin("after-resolvers",afterResolversHook);e.plugin("watch-run",watchRunHook)}}}e.exports=VirtualModulesPlugin},570:function(e,t,r){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:true});t.VirtualStats=void 0;const a=i(r(619));class VirtualStats{constructor(e){for(const t in e){if(!Object.prototype.hasOwnProperty.call(e,t)){continue}this[t]=e[t]}}_checkModeProperty(e){return(this.mode&a.default.S_IFMT)===e}isDirectory(){return this._checkModeProperty(a.default.S_IFDIR)}isFile(){return this._checkModeProperty(a.default.S_IFREG)}isBlockDevice(){return this._checkModeProperty(a.default.S_IFBLK)}isCharacterDevice(){return this._checkModeProperty(a.default.S_IFCHR)}isSymbolicLink(){return this._checkModeProperty(a.default.S_IFLNK)}isFIFO(){return this._checkModeProperty(a.default.S_IFIFO)}isSocket(){return this._checkModeProperty(a.default.S_IFSOCK)}}t.VirtualStats=VirtualStats},619:function(e){e.exports=require("constants")},622:function(e){e.exports=require("path")}};var t={};function __nccwpck_require__(r){var i=t[r];if(i!==undefined){return i.exports}var a=t[r]={exports:{}};var s=true;try{e[r].call(a.exports,a,a.exports,__nccwpck_require__);s=false}finally{if(s)delete t[r]}return a.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var r=__nccwpck_require__(636);module.exports=r})();

package/compiled/webpack-virtual-modules/package.json

@@ -0,0 +1 @@
+{"name":"webpack-virtual-modules","author":"SysGears INC","license":"MIT"}

package/dist/babelPlugins/awaitImport/awaitImport.d.ts

@@ -18,8 +18,10 @@ export default function (): {
                 opts: IOpts;
             }): void;
         };
-        CallExpression(path: Babel.NodePath<t.CallExpression>, { opts }: {
-            opts: IOpts;
-        }): void;
+        CallExpression: {
+            exit(path: Babel.NodePath<t.CallExpression>, { opts }: {
+                opts: IOpts;
+            }): void;
+        };
     };
 };

package/dist/babelPlugins/awaitImport/awaitImport.js

@@ -21,10 +21,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const t = __importStar(require("@umijs/bundler-utils/compiled/babel/types"));
 const checkMatch_1 = require("./checkMatch");
-const parseSpecifiers_1 = require("./parseSpecifiers");
-function isCSS(val) {
-    return /\.(css|less|sass|scss|stylus|styl)(\?.+?)?$/.test(val);
-}
 function default_1() {
     return {
         pre() {
@@ -46,9 +42,6 @@ function default_1() {
         visitor: {
             Program: {
                 exit(path, { opts }) {
-                    var _a;
-                    const topDeclarations = [];
-                    const bottomDeclarations = [];
                     let index = path.node.body.length - 1;
                     while (index >= 0) {
                         const node = path.node.body[index];
@@ -64,25 +57,8 @@ function default_1() {
                                 opts,
                                 path,
                             });
-                            if (isMatch || isCSS(node.source.value)) {
-                                path.node.body.splice(index, 1);
-                                const { properties, namespaceIdentifier } = (0, parseSpecifiers_1.parseSpecifiers)(node.specifiers);
-                                const id = t.objectPattern(properties);
-                                const init = t.awaitExpression(t.callExpression(t.import(), [
-                                    t.stringLiteral(isMatch ? replaceValue : node.source.value),
-                                ]));
-                                if (namespaceIdentifier) {
-                                    topDeclarations.unshift(t.variableDeclaration('const', [
-                                        t.variableDeclarator(namespaceIdentifier, init),
-                                        properties.length &&
-                                            t.variableDeclarator(id, namespaceIdentifier),
-                                    ].filter(Boolean)));
-                                }
-                                else {
-                                    topDeclarations.unshift(t.variableDeclaration('const', [
-                                        t.variableDeclarator(id, init),
-                                    ]));
-                                }
+                            if (isMatch) {
+                                node.source.value = replaceValue;
                             }
                         }
                         // export * from 'x';
@@ -93,28 +69,9 @@ function default_1() {
                                 value: node.source.value,
                                 opts,
                                 path,
-                                isExportAll: true,
                             });
                             if (isMatch) {
-                                const members = ((_a = opts.exportAllMembers) === null || _a === void 0 ? void 0 : _a[node.source.value]) || [];
-                                if (members.length) {
-                                    const id = t.identifier(`__all_exports_${node.source.value.replace(/([@\/\-])/g, '_')}`);
-                                    const init = t.awaitExpression(t.callExpression(t.import(), [
-                                        t.stringLiteral(replaceValue),
-                                    ]));
-                                    topDeclarations.unshift(t.variableDeclaration('const', [
-                                        t.variableDeclarator(id, init),
-                                    ]));
-                                    // replace node with export const { a, b, c } = __all_exports
-                                    // a, b, c was declared from opts.exportAllMembers
-                                    path.node.body[index] = t.exportNamedDeclaration(t.variableDeclaration('const', [
-                                        t.variableDeclarator(t.objectPattern(members.map((m) => t.objectProperty(t.identifier(m), t.identifier(m)))), id),
-                                    ]));
-                                }
-                                // 有些 export * 只是为了类型
-                                else {
-                                    path.node.body[index] = t.expressionStatement(t.numericLiteral(1));
-                                }
+                                node.source.value = replaceValue;
                             }
                         }
                         // export { x } from 'x';
@@ -127,56 +84,31 @@ function default_1() {
                                 path,
                             });
                             if (isMatch) {
-                                const { properties, defaultIdentifier } = (0, parseSpecifiers_1.parseSpecifiers)(node.specifiers);
-                                const id = t.objectPattern(properties);
-                                const init = t.awaitExpression(t.callExpression(t.import(), [t.stringLiteral(replaceValue)]));
-                                topDeclarations.unshift(t.variableDeclaration('const', [
-                                    t.variableDeclarator(id, init),
-                                ]));
-                                node.source = null;
-                                node.specifiers = node.specifiers.filter((specifier) => {
-                                    if (t.isExportSpecifier(specifier) &&
-                                        t.isIdentifier(specifier.local) &&
-                                        t.isIdentifier(specifier.exported)) {
-                                        specifier.local = specifier.exported;
-                                    }
-                                    return !(t.isExportSpecifier(specifier) &&
-                                        t.isIdentifier(specifier.exported) &&
-                                        specifier.exported.name === 'default');
-                                });
-                                if (!node.specifiers.length) {
-                                    path.node.body.splice(index, 1);
-                                }
-                                if (defaultIdentifier) {
-                                    bottomDeclarations.push(t.exportDefaultDeclaration(t.identifier(defaultIdentifier)));
-                                }
+                                node.source.value = replaceValue;
                             }
                         }
                         index -= 1;
                     }
-                    path.node.body = [
-                        ...topDeclarations,
-                        ...path.node.body,
-                        ...bottomDeclarations,
-                    ];
                 },
             },
-            CallExpression(path, { opts }) {
-                const { node } = path;
-                if (t.isImport(node.callee) &&
-                    node.arguments.length === 1 &&
-                    node.arguments[0].type === 'StringLiteral') {
-                    const { isMatch, replaceValue } = (0, checkMatch_1.checkMatch)({
-                        // @ts-ignore
-                        cache: this.cache,
-                        value: node.arguments[0].value,
-                        opts,
-                        path,
-                    });
-                    if (isMatch) {
-                        node.arguments[0] = t.stringLiteral(replaceValue);
+            CallExpression: {
+                exit(path, { opts }) {
+                    const { node } = path;
+                    if (t.isImport(node.callee) &&
+                        node.arguments.length === 1 &&
+                        node.arguments[0].type === 'StringLiteral') {
+                        const { isMatch, replaceValue } = (0, checkMatch_1.checkMatch)({
+                            // @ts-ignore
+                            cache: this.cache,
+                            value: node.arguments[0].value,
+                            opts,
+                            path,
+                        });
+                        if (isMatch) {
+                            node.arguments[0] = t.stringLiteral(replaceValue);
+                        }
                     }
-                }
+                },
             },
         },
     };

package/dist/babelPlugins/awaitImport/checkMatch.d.ts

@@ -1,12 +1,13 @@
 import * as Babel from '@umijs/bundler-utils/compiled/babel/core';
 import type { IOpts } from './awaitImport';
-export declare function checkMatch({ value, path, opts, isExportAll, depth, cache, }: {
+export declare function checkMatch({ value, path, opts, isExportAll, depth, cache, filename, }: {
     value: string;
     path?: Babel.NodePath;
     opts?: IOpts;
     isExportAll?: boolean;
     depth?: number;
     cache?: Map<string, any>;
+    filename?: string;
 }): {
     isMatch: boolean;
     replaceValue: string;

package/dist/babelPlugins/awaitImport/checkMatch.js

@@ -12,7 +12,10 @@ const isExternals_1 = require("./isExternals");
 // const UNMATCH_LIBS = ['umi', 'dumi', '@alipay/bigfish'];
 const RE_NODE_MODULES = /node_modules/;
 const RE_UMI_LOCAL_DEV = /umi(-next)?\/packages\//;
-function checkMatch({ value, path, opts, isExportAll, depth, cache, }) {
+function isUmiLocalDev(path) {
+    return RE_UMI_LOCAL_DEV.test(path);
+}
+function checkMatch({ value, path, opts, isExportAll, depth, cache, filename, }) {
     var _a, _b;
     let isMatch;
     let replaceValue = '';
@@ -20,6 +23,8 @@ function checkMatch({ value, path, opts, isExportAll, depth, cache, }) {
     (0, assert_1.default)(depth <= 10, `endless loop detected in checkMatch, please check your alias config.`);
     opts = opts || {};
     const remoteName = opts.remoteName || 'mf';
+    // FIXME: hard code for vite mode
+    value = value.replace(/^@fs\//, '/');
     if (
     // unMatch specified libs
     ((_a = opts.unMatchLibs) === null || _a === void 0 ? void 0 : _a.includes(value)) ||
@@ -38,7 +43,7 @@ function checkMatch({ value, path, opts, isExportAll, depth, cache, }) {
         isMatch = false;
     }
     else if ((0, path_1.isAbsolute)(value)) {
-        isMatch = RE_NODE_MODULES.test(value) || RE_UMI_LOCAL_DEV.test(value);
+        isMatch = RE_NODE_MODULES.test(value) || isUmiLocalDev(value);
     }
     else {
         const aliasedPath = (0, getAliasedPath_1.getAliasedPath)({
@@ -53,6 +58,7 @@ function checkMatch({ value, path, opts, isExportAll, depth, cache, }) {
                 isExportAll,
                 depth: depth + 1,
                 cache,
+                filename,
             });
         }
         else {
@@ -66,7 +72,7 @@ function checkMatch({ value, path, opts, isExportAll, depth, cache, }) {
         replaceValue = `${remoteName}/${value}`;
     }
     // @ts-ignore
-    const file = path === null || path === void 0 ? void 0 : path.hub.file.opts.filename;
+    const file = (path === null || path === void 0 ? void 0 : path.hub.file.opts.filename) || filename;
     (_b = opts.onTransformDeps) === null || _b === void 0 ? void 0 : _b.call(opts, {
         sourceValue: value,
         replaceValue,

package/dist/dep/dep.d.ts

@@ -23,4 +23,8 @@ export declare class Dep {
         cwd: string;
         mfsu: MFSU;
     }): Dep[];
+    static getDepVersion(opts: {
+        dep: string;
+        cwd: string;
+    }): string;
 }

package/dist/dep/dep.js

@@ -13,9 +13,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dep = void 0;
+const utils_1 = require("@umijs/utils");
 const assert_1 = __importDefault(require("assert"));
 const enhanced_resolve_1 = __importDefault(require("enhanced-resolve"));
 const fs_1 = require("fs");
+const path_1 = require("path");
 const constants_1 = require("../constants");
 const trimFileContent_1 = require("../utils/trimFileContent");
 const getExposeFromContent_1 = require("./getExposeFromContent");
@@ -38,7 +40,7 @@ class Dep {
         this.file = opts.file;
         this.version = opts.version;
         this.cwd = opts.cwd;
-        this.shortFile = this.file.replace(this.cwd, '$CWD$');
+        this.shortFile = this.file;
         this.normalizedFile = this.shortFile.replace(/\//g, '_').replace(/:/g, '_');
         this.filePath = `${constants_1.MF_VA_PREFIX}${this.normalizedFile}.js`;
         this.mfsu = opts.mfsu;
@@ -88,5 +90,19 @@ export * from '${this.file}';
             return new Dep(Object.assign(Object.assign({}, opts.deps[file]), { cwd: opts.cwd, mfsu: opts.mfsu }));
         });
     }
+    static getDepVersion(opts) {
+        // @ts-ignore
+        if (!!process.binding('natives')[opts.dep]) {
+            return '*';
+        }
+        const dep = (0, path_1.isAbsolute)(opts.dep)
+            ? opts.dep
+            : (0, path_1.join)(opts.cwd, 'node_modules', opts.dep);
+        const pkg = utils_1.pkgUp.sync({
+            cwd: dep,
+        });
+        (0, assert_1.default)(pkg, `package.json not found for ${opts.dep}`);
+        return require(pkg).version;
+    }
 }
 exports.Dep = Dep;

package/dist/depBuilder/depBuilder.js

@@ -63,11 +63,8 @@ class DepBuilder {
                 entry: {
                     [`${constants_1.MF_VA_PREFIX}remoteEntry`]: entryPath,
                 },
-                config: {
-                    outputPath: tmpDir,
-                    alias: this.opts.mfsu.alias,
-                    externals: this.opts.mfsu.externals,
-                },
+                config: Object.assign(Object.assign({}, this.opts.mfsu.opts.depBuildConfig), { outputPath: tmpDir, alias: this.opts.mfsu.alias, externals: this.opts.mfsu.externals }),
+                inlineStyle: true,
             });
             utils_1.logger.event(`[mfsu] compiled with esbuild successfully in ${+new Date() - date} ms`);
             opts.onBuildComplete();
@@ -101,6 +98,7 @@ class DepBuilder {
     writeMFFiles(opts) {
         return __awaiter(this, void 0, void 0, function* () {
             const tmpBase = this.opts.mfsu.opts.tmpBase;
+            utils_1.fsExtra.mkdirpSync(tmpBase);
             // expose files
             for (const dep of opts.deps) {
                 const content = yield dep.buildExposeContent();
@@ -147,7 +145,7 @@ class DepBuilder {
             webpack: this.opts.mfsu.opts.implementor,
         }));
         const exposes = opts.deps.reduce((memo, dep) => {
-            memo[`./${dep.shortFile}`] = (0, path_1.join)(this.opts.mfsu.opts.tmpBase, dep.filePath);
+            memo[`./${dep.file}`] = (0, path_1.join)(this.opts.mfsu.opts.tmpBase, dep.filePath);
             return memo;
         }, {});
         depConfig.plugins.push(new this.opts.mfsu.opts.implementor.container.ModuleFederationPlugin({

package/dist/depInfo.js

@@ -27,6 +27,7 @@ class DepInfo {
     }
     loadCache() {
         if ((0, fs_1.existsSync)(this.cacheFilePath)) {
+            utils_1.logger.info('MFSU restore cache');
             const { cacheDependency, moduleGraph } = JSON.parse((0, fs_1.readFileSync)(this.cacheFilePath, 'utf-8'));
             this.cacheDependency = cacheDependency;
             this.moduleGraph.restore(moduleGraph);
@@ -34,6 +35,7 @@ class DepInfo {
     }
     writeCache() {
         utils_1.fsExtra.mkdirpSync((0, path_1.dirname)(this.cacheFilePath));
+        utils_1.logger.info('MFSU write cache');
         (0, fs_1.writeFileSync)(this.cacheFilePath, JSON.stringify({
             cacheDependency: this.cacheDependency,
             moduleGraph: this.moduleGraph.toJSON(),

package/dist/esbuildHandlers/autoExport.d.ts

@@ -0,0 +1,6 @@
+interface IOpts {
+    exports: string[];
+    code: string;
+}
+export default function autoExportHandler(opts: IOpts): string;
+export {};

package/dist/esbuildHandlers/autoExport.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function autoExportHandler(opts) {
+    if (!opts.exports.length) {
+        return `${opts.code};\nexport const __mfsu = 1;`;
+    }
+    return opts.code;
+}
+exports.default = autoExportHandler;

package/dist/esbuildHandlers/awaitImport/index.d.ts

@@ -0,0 +1,12 @@
+import type { ImportSpecifier } from '@umijs/bundler-utils/compiled/es-module-lexer';
+interface IParams {
+    cache: Map<string, any>;
+    opts: any;
+}
+interface IOpts {
+    code: string;
+    imports: ImportSpecifier[];
+    filePath: string;
+}
+export default function getAwaitImportHandler(params: IParams): (opts: IOpts) => string;
+export {};

package/dist/esbuildHandlers/awaitImport/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const checkMatch_1 = require("../../babelPlugins/awaitImport/checkMatch");
+function getAwaitImportHandler(params) {
+    return function awaitImportHandler(opts) {
+        var _a, _b;
+        let offset = 0;
+        let { code } = opts;
+        const { filePath, imports } = opts;
+        imports.forEach((i) => {
+            if (!i.n)
+                return;
+            const isLazyImport = i.d > 0;
+            const from = i.n;
+            const { isMatch, replaceValue } = (0, checkMatch_1.checkMatch)({
+                cache: params.cache,
+                value: from,
+                opts: params.opts,
+                filename: filePath,
+            });
+            if (isMatch) {
+                // case: import x from './index.ts';
+                //       import('./index.ts');
+                // import x from '
+                // import(
+                const preSeg = code.substring(0, i.s + offset);
+                // ';
+                // );
+                const tailSeg = code.substring(i.e + offset);
+                const quote = isLazyImport ? '"' : '';
+                code = `${preSeg}${quote}${replaceValue}${quote}${tailSeg}`;
+                offset += replaceValue.length - from.length;
+            }
+        });
+        if (params.cache.has(filePath)) {
+            (_b = (_a = params.opts).onCollect) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                file: filePath,
+                data: params.cache.get(filePath),
+            });
+        }
+        return code;
+    };
+}
+exports.default = getAwaitImportHandler;

package/dist/mfsu.d.ts

@@ -14,8 +14,10 @@ interface IOpts {
     mode?: Mode;
     tmpBase?: string;
     unMatchLibs?: string[];
+    runtimePublicPath?: boolean | string;
     implementor: typeof webpack;
     buildDepWithESBuild?: boolean;
+    depBuildConfig: any;
 }
 export declare class MFSU {
     opts: IOpts;
@@ -25,13 +27,15 @@ export declare class MFSU {
     depBuilder: DepBuilder;
     depConfig: Configuration | null;
     constructor(opts: IOpts);
+    asyncImport(content: string): string;
     setWebpackConfig(opts: {
         config: Configuration;
         depConfig: Configuration;
-    }): void;
+    }): Promise<void>;
     buildDeps(): Promise<void>;
     getMiddlewares(): ((req: Request, res: Response, next: NextFunction) => void)[];
-    getBabelPlugins(): (typeof autoExport | (typeof awaitImport | {
+    private getAwaitImportCollectOpts;
+    getBabelPlugins(): (typeof autoExport | ({
         onTransformDeps: () => void;
         onCollect: ({ file, data, }: {
             file: string;
@@ -49,6 +53,7 @@ export declare class MFSU {
         remoteName: string | undefined;
         alias: Record<string, string>;
         externals: (Function | Record<string, string>)[];
-    })[])[];
+    } | typeof awaitImport)[])[];
+    getEsbuildLoaderHandler(): any[];
 }
 export {};

package/dist/mfsu.js

@@ -13,10 +13,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MFSU = void 0;
+const bundler_utils_1 = require("@umijs/bundler-utils");
 const utils_1 = require("@umijs/utils");
+const assert_1 = __importDefault(require("assert"));
 const fs_1 = require("fs");
 const path_1 = require("path");
 const mrmime_1 = require("../compiled/mrmime");
+// @ts-ignore
+const webpack_virtual_modules_1 = __importDefault(require("../compiled/webpack-virtual-modules"));
 const autoExport_1 = __importDefault(require("./babelPlugins/autoExport"));
 const awaitImport_1 = __importDefault(require("./babelPlugins/awaitImport/awaitImport"));
 const getRealPath_1 = require("./babelPlugins/awaitImport/getRealPath");
@@ -24,6 +28,8 @@ const constants_1 = require("./constants");
 const dep_1 = require("./dep/dep");
 const depBuilder_1 = require("./depBuilder/depBuilder");
 const depInfo_1 = require("./depInfo");
+const autoExport_2 = __importDefault(require("./esbuildHandlers/autoExport"));
+const awaitImport_2 = __importDefault(require("./esbuildHandlers/awaitImport"));
 const types_1 = require("./types");
 const makeArray_1 = require("./utils/makeArray");
 const buildDepPlugin_1 = require("./webpackPlugins/buildDepPlugin");
@@ -42,53 +48,153 @@ class MFSU {
         this.opts.cwd = this.opts.cwd || process.cwd();
         this.depInfo = new depInfo_1.DepInfo({ mfsu: this });
         this.depBuilder = new depBuilder_1.DepBuilder({ mfsu: this });
+        this.depInfo.loadCache();
+    }
+    // swc don't support top-level await
+    // ref: https://github.com/vercel/next.js/issues/31054
+    asyncImport(content) {
+        return `await import('${content}');`;
+        // return `(async () => await import('${content}'))();`;
     }
     setWebpackConfig(opts) {
         var _a;
-        const { mfName } = this.opts;
-        /**
-         * config
-         */
-        // set alias and externals with reference for babel plugin
-        Object.assign(this.alias, ((_a = opts.config.resolve) === null || _a === void 0 ? void 0 : _a.alias) || {});
-        this.externals.push(...(0, makeArray_1.makeArray)(opts.config.externals || []));
-        opts.config.plugins = opts.config.plugins || [];
-        opts.config.plugins.push(...[
-            new this.opts.implementor.container.ModuleFederationPlugin({
-                name: '__',
-                remotes: {
-                    // TODO: support runtime public path
-                    [mfName]: `${mfName}@${opts.config.output.publicPath}${constants_1.REMOTE_FILE_FULL}`,
-                },
-            }),
-            new buildDepPlugin_1.BuildDepPlugin({
-                onCompileDone: () => {
-                    this.buildDeps().catch((e) => {
-                        utils_1.logger.error(e);
-                    });
-                },
-            }),
-            new writeCachePlugin_1.WriteCachePlugin({
-                onWriteCache: () => {
-                    this.depInfo.writeCache();
-                },
-            }),
-        ]);
-        /**
-         * depConfig
-         */
-        this.depConfig = opts.depConfig;
+        return __awaiter(this, void 0, void 0, function* () {
+            const { mfName } = this.opts;
+            /**
+             * config
+             */
+            // set alias and externals with reference for babel plugin
+            Object.assign(this.alias, ((_a = opts.config.resolve) === null || _a === void 0 ? void 0 : _a.alias) || {});
+            this.externals.push(...(0, makeArray_1.makeArray)(opts.config.externals || []));
+            // entry
+            const entry = {};
+            const virtualModules = {};
+            // ensure entry object type
+            const entryObject = utils_1.lodash.isString(opts.config.entry)
+                ? { default: [opts.config.entry] }
+                : opts.config.entry;
+            (0, assert_1.default)(utils_1.lodash.isPlainObject(entryObject), `webpack config 'entry' value must be a string or an object.`);
+            for (const key of Object.keys(entryObject)) {
+                const virtualPath = `./mfsu-virtual-entry/${key}.js`;
+                const virtualContent = [];
+                let index = 1;
+                let hasDefaultExport = false;
+                const entryFiles = utils_1.lodash.isArray(entryObject[key])
+                    ? entryObject[key]
+                    : [entryObject[key]];
+                for (let entry of entryFiles) {
+                    // ensure entry is a file
+                    if ((0, fs_1.statSync)(entry).isDirectory()) {
+                        const realEntry = (0, utils_1.tryPaths)([
+                            (0, path_1.join)(entry, 'index.tsx'),
+                            (0, path_1.join)(entry, 'index.ts'),
+                        ]);
+                        (0, assert_1.default)(realEntry, `entry file not found, please configure the specific entry path. (e.g. 'src/index.tsx')`);
+                        entry = realEntry;
+                    }
+                    const content = (0, fs_1.readFileSync)(entry, 'utf-8');
+                    const [_imports, exports] = yield (0, bundler_utils_1.parseModule)({ content, path: entry });
+                    if (exports.length) {
+                        virtualContent.push(`const k${index} = ${this.asyncImport(entry)}`);
+                        for (const exportName of exports) {
+                            if (exportName === 'default') {
+                                hasDefaultExport = true;
+                                virtualContent.push(`export default k${index}.${exportName}`);
+                            }
+                            else {
+                                virtualContent.push(`export const ${exportName} = k${index}.${exportName}`);
+                            }
+                        }
+                    }
+                    else {
+                        virtualContent.push(this.asyncImport(entry));
+                    }
+                    index += 1;
+                }
+                if (!hasDefaultExport) {
+                    virtualContent.push(`export default 1;`);
+                }
+                virtualModules[virtualPath] = virtualContent.join('\n');
+                entry[key] = virtualPath;
+            }
+            opts.config.entry = entry;
+            // plugins
+            opts.config.plugins = opts.config.plugins || [];
+            // support publicPath auto
+            let publicPath = opts.config.output.publicPath;
+            if (publicPath === 'auto') {
+                publicPath = '/';
+            }
+            opts.config.plugins.push(...[
+                new webpack_virtual_modules_1.default(virtualModules),
+                new this.opts.implementor.container.ModuleFederationPlugin({
+                    name: '__',
+                    remotes: {
+                        [mfName]: this.opts.runtimePublicPath
+                            ? // ref:
+                                // https://webpack.js.org/concepts/module-federation/#promise-based-dynamic-remotes
+                                `
+promise new Promise(resolve => {
+  const remoteUrlWithVersion = window.publicPath + '${constants_1.REMOTE_FILE_FULL}';
+  const script = document.createElement('script');
+  script.src = remoteUrlWithVersion;
+  script.onload = () => {
+    // the injected script has loaded and is available on window
+    // we can now resolve this Promise
+    const proxy = {
+      get: (request) => window['${mfName}'].get(request),
+      init: (arg) => {
+        try {
+          return window['${mfName}'].init(arg);
+        } catch(e) {
+          console.log('remote container already initialized');
+        }
+      }
+    }
+    resolve(proxy);
+  }
+  // inject this script with the src set to the versioned remoteEntry.js
+  document.head.appendChild(script);
+})
+                `.trimLeft()
+                            : `${mfName}@${publicPath}${constants_1.REMOTE_FILE_FULL}`,
+                    },
+                }),
+                new buildDepPlugin_1.BuildDepPlugin({
+                    onCompileDone: () => {
+                        this.buildDeps().catch((e) => {
+                            utils_1.logger.error(e);
+                        });
+                    },
+                }),
+                new writeCachePlugin_1.WriteCachePlugin({
+                    onWriteCache: utils_1.lodash.debounce(() => {
+                        this.depInfo.writeCache();
+                    }, 300),
+                }),
+            ]);
+            // ensure topLevelAwait enabled
+            utils_1.lodash.set(opts.config, 'experiments.topLevelAwait', true);
+            /**
+             * depConfig
+             */
+            this.depConfig = opts.depConfig;
+        });
     }
     buildDeps() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.depInfo.shouldBuild())
+            if (!this.depInfo.shouldBuild()) {
+                utils_1.logger.info('MFSU skip buildDeps');
                 return;
+            }
             this.depInfo.snapshot();
             const deps = dep_1.Dep.buildDeps({
                 deps: this.depInfo.moduleGraph.depSnapshotModules,
                 cwd: this.opts.cwd,
                 mfsu: this,
             });
+            utils_1.logger.info('MFSU buildDeps');
+            utils_1.logger.debug(deps.map((dep) => dep.file).join(', '));
             yield this.depBuilder.build({
                 deps,
             });
@@ -108,7 +214,7 @@ class MFSU {
                         }
                         res.setHeader('content-type', (0, mrmime_1.lookup)((0, path_1.extname)(req.path)) || 'text/plain');
                         const relativePath = req.path.replace(new RegExp(`^${publicPath}`), '/');
-                        const content = (0, fs_1.readFileSync)((0, path_1.join)(this.opts.tmpBase, relativePath), 'utf-8');
+                        const content = (0, fs_1.readFileSync)((0, path_1.join)(this.opts.tmpBase, relativePath));
                         res.send(content);
                     });
                 }
@@ -118,38 +224,51 @@ class MFSU {
             },
         ];
     }
+    getAwaitImportCollectOpts() {
+        return {
+            onTransformDeps: () => { },
+            onCollect: ({ file, data, }) => {
+                this.depInfo.moduleGraph.onFileChange({
+                    file,
+                    // @ts-ignore
+                    deps: [
+                        ...Array.from(data.matched).map((item) => ({
+                            file: item.sourceValue,
+                            isDependency: true,
+                            version: dep_1.Dep.getDepVersion({
+                                dep: item.sourceValue,
+                                cwd: this.opts.cwd,
+                            }),
+                        })),
+                        ...Array.from(data.unMatched).map((item) => ({
+                            file: (0, getRealPath_1.getRealPath)({
+                                file,
+                                dep: item.sourceValue,
+                            }),
+                            isDependency: false,
+                        })),
+                    ],
+                });
+            },
+            exportAllMembers: this.opts.exportAllMembers,
+            unMatchLibs: this.opts.unMatchLibs,
+            remoteName: this.opts.mfName,
+            alias: this.alias,
+            externals: this.externals,
+        };
+    }
     getBabelPlugins() {
+        return [autoExport_1.default, [awaitImport_1.default, this.getAwaitImportCollectOpts()]];
+    }
+    getEsbuildLoaderHandler() {
+        const cache = new Map();
+        const checkOpts = this.getAwaitImportCollectOpts();
         return [
-            autoExport_1.default,
-            [
-                awaitImport_1.default,
-                {
-                    onTransformDeps: () => { },
-                    onCollect: ({ file, data, }) => {
-                        this.depInfo.moduleGraph.onFileChange({
-                            file,
-                            deps: [
-                                ...Array.from(data.matched).map((item) => ({
-                                    file: item.sourceValue,
-                                    isDependency: true,
-                                })),
-                                ...Array.from(data.unMatched).map((item) => ({
-                                    file: (0, getRealPath_1.getRealPath)({
-                                        file,
-                                        dep: item.sourceValue,
-                                    }),
-                                    isDependency: false,
-                                })),
-                            ],
-                        });
-                    },
-                    exportAllMembers: this.opts.exportAllMembers,
-                    unMatchLibs: this.opts.unMatchLibs,
-                    remoteName: this.opts.mfName,
-                    alias: this.alias,
-                    externals: this.externals,
-                },
-            ],
+            autoExport_2.default,
+            (0, awaitImport_2.default)({
+                cache,
+                opts: checkOpts,
+            }),
         ];
     }
 }

package/dist/moduleGraph.d.ts

@@ -30,7 +30,8 @@ export declare class ModuleGraph {
     toJSON(): {
         roots: string[];
         fileModules: Record<string, {
-            importModules: string[];
+            importedModules: string[];
+            isRoot?: boolean | undefined;
         }>;
         depModules: Record<string, {
             version: string | null;

package/dist/moduleGraph.js

@@ -20,7 +20,12 @@ class ModuleGraph {
         this.rootModules = new Set();
     }
     restore(data) {
+        let fileMap = new Map();
         const addNode = ({ file, importer }) => {
+            // fix circular dependency
+            if (fileMap.has(file))
+                return;
+            fileMap.set(file, true);
             const mod = new ModuleNode(file);
             let isDependency = false;
             let info;
@@ -33,8 +38,10 @@ class ModuleGraph {
             }
             if (info.isRoot)
                 mod.isRoot = true;
-            if (importer)
+            if (importer) {
                 mod.importers.add(importer);
+                importer.importedModules.add(mod);
+            }
             mod.isDependency = isDependency;
             if (info.version !== undefined) {
                 mod.version = info.version;
@@ -65,9 +72,10 @@ class ModuleGraph {
         });
         this.fileToModules.forEach((value, key) => {
             fileModules[key] = {
-                importModules: Array.from(value.importedModules).map((item) => item.file),
+                importedModules: Array.from(value.importedModules).map((item) => item.file),
             };
             if (value.isRoot) {
+                fileModules[key].isRoot = true;
                 roots.push(key);
             }
         });

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@umijs/mfsu",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-rc.1",
   "description": "@umijs/mfsu",
+  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/mfsu#readme",
+  "bugs": "https://github.com/umijs/umi-next/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/umi-next"
+  },
+  "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -13,36 +20,34 @@
     "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
     "dev": "pnpm build -- --watch"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/umijs/umi-next"
-  },
-  "authors": [
-    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
-  ],
-  "license": "MIT",
-  "bugs": "https://github.com/umijs/umi-next/issues",
-  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/mfsu#readme",
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
-    "@umijs/bundler-esbuild": "4.0.0-beta.6",
-    "@umijs/bundler-utils": "4.0.0-beta.6",
-    "@umijs/utils": "4.0.0-beta.6"
+    "@umijs/bundler-esbuild": "4.0.0-rc.1",
+    "@umijs/bundler-utils": "4.0.0-rc.1",
+    "@umijs/utils": "4.0.0-rc.1"
   },
   "devDependencies": {
     "@types/express": "4.17.13",
     "enhanced-resolve": "5.8.3",
     "mrmime": "1.0.0",
-    "webpack": "5.61.0"
+    "webpack": "5.64.4",
+    "webpack-virtual-modules": "0.4.3"
   },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
+  ],
   "compiledConfig": {
     "deps": [
-      "mrmime"
+      "mrmime",
+      "webpack-virtual-modules"
     ],
     "externals": {
       "mrmime": "$$LOCAL"
-    }
+    },
+    "excludeDtsDeps": [
+      "webpack-virtual-modules"
+    ]
   }
 }