@module-federation/modern-js 0.0.0-next-20250522125627 → 0.0.0-next-20250523024839
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE +21 -0
- package/dist/cjs/cli/configPlugin.js +390 -0
- package/dist/cjs/cli/configPlugin.spec.js +114 -0
- package/dist/cjs/cli/index.js +85 -0
- package/dist/cjs/cli/manifest.js +75 -0
- package/dist/cjs/cli/mfRuntimePlugins/auto-fetch-data.js +98 -0
- package/dist/cjs/cli/mfRuntimePlugins/inject-node-fetch.js +44 -0
- package/dist/cjs/cli/mfRuntimePlugins/resolve-entry-ipv4.js +82 -0
- package/dist/cjs/cli/mfRuntimePlugins/shared-strategy.js +43 -0
- package/dist/cjs/cli/server/data-fetch-server-plugin.js +184 -0
- package/dist/cjs/cli/ssrPlugin.js +222 -0
- package/dist/cjs/cli/utils.js +90 -0
- package/dist/cjs/constant.js +78 -0
- package/dist/cjs/interfaces/bundler.js +16 -0
- package/dist/cjs/interfaces/global.js +16 -0
- package/dist/cjs/logger.js +27 -0
- package/dist/cjs/runtime/AwaitDataFetch.js +144 -0
- package/dist/cjs/runtime/createRemoteComponent.js +327 -0
- package/dist/cjs/runtime/index.js +47 -0
- package/dist/cjs/runtime/wrapNoSSR.js +35 -0
- package/dist/cjs/ssr-runtime/SSRLiveReload.js +43 -0
- package/dist/cjs/ssr-runtime/devPlugin.js +71 -0
- package/dist/cjs/ssr-runtime/downgrade.js +108 -0
- package/dist/cjs/ssr-runtime/injectDataFetchFunctionPlugin.js +129 -0
- package/dist/cjs/types/index.js +16 -0
- package/dist/cjs/utils/dataFetch.js +205 -0
- package/dist/cjs/utils/index.js +54 -0
- package/dist/esm/cli/configPlugin.js +398 -0
- package/dist/esm/cli/configPlugin.spec.js +110 -0
- package/dist/esm/cli/index.js +79 -0
- package/dist/esm/cli/manifest.js +41 -0
- package/dist/esm/cli/mfRuntimePlugins/auto-fetch-data.js +74 -0
- package/dist/esm/cli/mfRuntimePlugins/inject-node-fetch.js +16 -0
- package/dist/esm/cli/mfRuntimePlugins/resolve-entry-ipv4.js +74 -0
- package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js +25 -0
- package/dist/esm/cli/server/data-fetch-server-plugin.js +237 -0
- package/dist/esm/cli/ssrPlugin.js +204 -0
- package/dist/esm/cli/utils.js +53 -0
- package/dist/esm/constant.js +42 -0
- package/dist/esm/interfaces/bundler.js +0 -0
- package/dist/esm/interfaces/global.js +0 -0
- package/dist/esm/logger.js +7 -0
- package/dist/esm/runtime/AwaitDataFetch.js +131 -0
- package/dist/esm/runtime/createRemoteComponent.js +417 -0
- package/dist/esm/runtime/index.js +20 -0
- package/dist/esm/runtime/wrapNoSSR.js +12 -0
- package/dist/esm/ssr-runtime/SSRLiveReload.js +26 -0
- package/dist/esm/ssr-runtime/devPlugin.js +73 -0
- package/dist/esm/ssr-runtime/downgrade.js +141 -0
- package/dist/esm/ssr-runtime/injectDataFetchFunctionPlugin.js +171 -0
- package/dist/esm/types/index.js +0 -0
- package/dist/esm/utils/dataFetch.js +231 -0
- package/dist/esm/utils/index.js +28 -0
- package/dist/esm-node/cli/configPlugin.js +349 -0
- package/dist/esm-node/cli/configPlugin.spec.js +91 -0
- package/dist/esm-node/cli/index.js +60 -0
- package/dist/esm-node/cli/manifest.js +41 -0
- package/dist/esm-node/cli/mfRuntimePlugins/auto-fetch-data.js +68 -0
- package/dist/esm-node/cli/mfRuntimePlugins/inject-node-fetch.js +14 -0
- package/dist/esm-node/cli/mfRuntimePlugins/resolve-entry-ipv4.js +62 -0
- package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.js +23 -0
- package/dist/esm-node/cli/server/data-fetch-server-plugin.js +154 -0
- package/dist/esm-node/cli/ssrPlugin.js +186 -0
- package/dist/esm-node/cli/utils.js +53 -0
- package/dist/esm-node/constant.js +42 -0
- package/dist/esm-node/interfaces/bundler.js +0 -0
- package/dist/esm-node/interfaces/global.js +0 -0
- package/dist/esm-node/logger.js +7 -0
- package/dist/esm-node/runtime/AwaitDataFetch.js +109 -0
- package/dist/esm-node/runtime/createRemoteComponent.js +291 -0
- package/dist/esm-node/runtime/index.js +20 -0
- package/dist/esm-node/runtime/wrapNoSSR.js +11 -0
- package/dist/esm-node/ssr-runtime/SSRLiveReload.js +19 -0
- package/dist/esm-node/ssr-runtime/devPlugin.js +37 -0
- package/dist/esm-node/ssr-runtime/downgrade.js +82 -0
- package/dist/esm-node/ssr-runtime/injectDataFetchFunctionPlugin.js +95 -0
- package/dist/esm-node/types/index.js +0 -0
- package/dist/esm-node/utils/dataFetch.js +160 -0
- package/dist/esm-node/utils/index.js +27 -0
- package/dist/types/cli/configPlugin.d.ts +21 -0
- package/dist/types/cli/configPlugin.spec.d.ts +1 -0
- package/dist/types/cli/index.d.ts +6 -0
- package/dist/types/cli/manifest.d.ts +2 -0
- package/dist/types/cli/mfRuntimePlugins/auto-fetch-data.d.ts +3 -0
- package/dist/types/cli/mfRuntimePlugins/inject-node-fetch.d.ts +3 -0
- package/dist/types/cli/mfRuntimePlugins/resolve-entry-ipv4.d.ts +3 -0
- package/dist/types/cli/mfRuntimePlugins/shared-strategy.d.ts +3 -0
- package/dist/types/cli/server/data-fetch-server-plugin.d.ts +3 -0
- package/dist/types/cli/ssrPlugin.d.ts +6 -0
- package/dist/types/cli/utils.d.ts +6 -0
- package/dist/types/constant.d.ts +25 -0
- package/dist/types/interfaces/bundler.d.ts +18 -0
- package/dist/types/interfaces/global.d.ts +27 -0
- package/dist/types/logger.d.ts +2 -0
- package/dist/types/runtime/AwaitDataFetch.d.ts +19 -0
- package/dist/types/runtime/createRemoteComponent.d.ts +26 -0
- package/dist/types/runtime/index.d.ts +9 -0
- package/dist/types/runtime/wrapNoSSR.d.ts +9 -0
- package/dist/types/ssr-runtime/SSRLiveReload.d.ts +1 -0
- package/dist/types/ssr-runtime/devPlugin.d.ts +2 -0
- package/dist/types/ssr-runtime/downgrade.d.ts +4 -0
- package/dist/types/ssr-runtime/injectDataFetchFunctionPlugin.d.ts +2 -0
- package/dist/types/types/index.d.ts +22 -0
- package/dist/types/utils/dataFetch.d.ts +26 -0
- package/dist/types/utils/index.d.ts +15 -0
- package/package.json +8 -8
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { getDataFetchInfo, initDataFetchMap, getDataFetchItem, getDataFetchMap, isCSROnly } from "../../utils";
|
|
2
|
+
import logger from "../../logger";
|
|
3
|
+
import { getDataFetchMapKey, isDataLoaderExpose, loadDataFetchModule } from "../../utils/dataFetch";
|
|
4
|
+
import { MF_DATA_FETCH_TYPE, MF_DATA_FETCH_STATUS } from "../../constant";
|
|
5
|
+
import { DATA_FETCH_CLIENT_SUFFIX } from "@module-federation/rsbuild-plugin/constant";
|
|
6
|
+
var autoFetchData = function() {
|
|
7
|
+
return {
|
|
8
|
+
name: "auto-fetch-data-plugin",
|
|
9
|
+
beforeInit: function beforeInit(args) {
|
|
10
|
+
initDataFetchMap();
|
|
11
|
+
return args;
|
|
12
|
+
},
|
|
13
|
+
afterLoadSnapshot: function afterLoadSnapshot(args) {
|
|
14
|
+
var id = args.id, moduleInfo = args.moduleInfo, remoteSnapshot = args.remoteSnapshot, host = args.host;
|
|
15
|
+
if (typeof id === "string" && isDataLoaderExpose(id)) {
|
|
16
|
+
return args;
|
|
17
|
+
}
|
|
18
|
+
if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
|
|
19
|
+
return args;
|
|
20
|
+
}
|
|
21
|
+
var name = moduleInfo.name, alias = moduleInfo.alias;
|
|
22
|
+
var dataFetchInfo = getDataFetchInfo({
|
|
23
|
+
name,
|
|
24
|
+
alias,
|
|
25
|
+
id,
|
|
26
|
+
remoteSnapshot
|
|
27
|
+
});
|
|
28
|
+
if (!dataFetchInfo) {
|
|
29
|
+
return args;
|
|
30
|
+
}
|
|
31
|
+
var dataFetchId = dataFetchInfo.dataFetchId, dataFetchName = dataFetchInfo.dataFetchName;
|
|
32
|
+
var dataFetchMapKey = getDataFetchMapKey(dataFetchInfo, {
|
|
33
|
+
name: host.name,
|
|
34
|
+
version: host.options.version
|
|
35
|
+
});
|
|
36
|
+
logger.debug("======= auto fetch plugin dataFetchMapKey: ", dataFetchMapKey);
|
|
37
|
+
if (!dataFetchMapKey) {
|
|
38
|
+
return args;
|
|
39
|
+
}
|
|
40
|
+
var dataFetchItem = getDataFetchItem(dataFetchMapKey);
|
|
41
|
+
if (dataFetchItem) {
|
|
42
|
+
return args;
|
|
43
|
+
}
|
|
44
|
+
var dataFetchMap = getDataFetchMap();
|
|
45
|
+
var downgradeType = remoteSnapshot.modules.find(function(module) {
|
|
46
|
+
return module.moduleName === "".concat(dataFetchName).concat(DATA_FETCH_CLIENT_SUFFIX);
|
|
47
|
+
}) ? MF_DATA_FETCH_TYPE.FETCH_CLIENT : MF_DATA_FETCH_TYPE.FETCH_SERVER;
|
|
48
|
+
var finalDataFetchId = dataFetchId;
|
|
49
|
+
if (typeof window !== "undefined") {
|
|
50
|
+
finalDataFetchId = downgradeType === MF_DATA_FETCH_TYPE.FETCH_CLIENT ? "".concat(dataFetchId).concat(DATA_FETCH_CLIENT_SUFFIX) : dataFetchId;
|
|
51
|
+
}
|
|
52
|
+
var getDataFetchGetter = function() {
|
|
53
|
+
return loadDataFetchModule(host, finalDataFetchId);
|
|
54
|
+
};
|
|
55
|
+
var dataFetchFnItem = [
|
|
56
|
+
getDataFetchGetter,
|
|
57
|
+
downgradeType
|
|
58
|
+
];
|
|
59
|
+
if (typeof window === "undefined" || isCSROnly()) {
|
|
60
|
+
dataFetchFnItem.push(getDataFetchGetter());
|
|
61
|
+
}
|
|
62
|
+
dataFetchMap[dataFetchMapKey] = [
|
|
63
|
+
dataFetchFnItem,
|
|
64
|
+
void 0,
|
|
65
|
+
MF_DATA_FETCH_STATUS.AWAIT
|
|
66
|
+
];
|
|
67
|
+
return args;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
var auto_fetch_data_default = autoFetchData;
|
|
72
|
+
export {
|
|
73
|
+
auto_fetch_data_default as default
|
|
74
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import nodeFetch from "node-fetch";
|
|
2
|
+
var injectNodeFetchPlugin = function() {
|
|
3
|
+
return {
|
|
4
|
+
name: "inject-node-fetch-plugin",
|
|
5
|
+
beforeInit: function beforeInit(args) {
|
|
6
|
+
if (!globalThis.fetch) {
|
|
7
|
+
globalThis.fetch = nodeFetch;
|
|
8
|
+
}
|
|
9
|
+
return args;
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
var inject_node_fetch_default = injectNodeFetchPlugin;
|
|
14
|
+
export {
|
|
15
|
+
inject_node_fetch_default as default
|
|
16
|
+
};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
|
|
2
|
+
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
3
|
+
import { LOCALHOST } from "../../constant";
|
|
4
|
+
var ipv4 = typeof FEDERATION_IPV4 !== "undefined" ? FEDERATION_IPV4 : "127.0.0.1";
|
|
5
|
+
var remoteIpStrategy = typeof REMOTE_IP_STRATEGY !== "undefined" ? REMOTE_IP_STRATEGY : "inherit";
|
|
6
|
+
function replaceObjectLocalhost(key, obj) {
|
|
7
|
+
if (remoteIpStrategy !== "ipv4") {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
if (!(key in obj)) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
var remote = obj[key];
|
|
14
|
+
if (remote && typeof remote === "string" && remote.includes(LOCALHOST)) {
|
|
15
|
+
obj[key] = replaceLocalhost(remote);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function replaceLocalhost(url) {
|
|
19
|
+
return url.replace(LOCALHOST, ipv4);
|
|
20
|
+
}
|
|
21
|
+
var resolveEntryIpv4Plugin = function() {
|
|
22
|
+
return {
|
|
23
|
+
name: "resolve-entry-ipv4",
|
|
24
|
+
beforeRegisterRemote: function beforeRegisterRemote(args) {
|
|
25
|
+
var remote = args.remote;
|
|
26
|
+
replaceObjectLocalhost("entry", remote);
|
|
27
|
+
return args;
|
|
28
|
+
},
|
|
29
|
+
afterResolve: function afterResolve(args) {
|
|
30
|
+
return _async_to_generator(function() {
|
|
31
|
+
var remoteInfo;
|
|
32
|
+
return _ts_generator(this, function(_state) {
|
|
33
|
+
remoteInfo = args.remoteInfo;
|
|
34
|
+
replaceObjectLocalhost("entry", remoteInfo);
|
|
35
|
+
return [
|
|
36
|
+
2,
|
|
37
|
+
args
|
|
38
|
+
];
|
|
39
|
+
});
|
|
40
|
+
})();
|
|
41
|
+
},
|
|
42
|
+
beforeLoadRemoteSnapshot: function beforeLoadRemoteSnapshot(args) {
|
|
43
|
+
var moduleInfo = args.moduleInfo;
|
|
44
|
+
if ("entry" in moduleInfo) {
|
|
45
|
+
replaceObjectLocalhost("entry", moduleInfo);
|
|
46
|
+
return args;
|
|
47
|
+
}
|
|
48
|
+
if ("version" in moduleInfo) {
|
|
49
|
+
replaceObjectLocalhost("version", moduleInfo);
|
|
50
|
+
}
|
|
51
|
+
return args;
|
|
52
|
+
},
|
|
53
|
+
loadRemoteSnapshot: function loadRemoteSnapshot(args) {
|
|
54
|
+
var remoteSnapshot = args.remoteSnapshot;
|
|
55
|
+
if ("publicPath" in remoteSnapshot) {
|
|
56
|
+
replaceObjectLocalhost("publicPath", remoteSnapshot);
|
|
57
|
+
}
|
|
58
|
+
if ("getPublicPath" in remoteSnapshot) {
|
|
59
|
+
replaceObjectLocalhost("getPublicPath", remoteSnapshot);
|
|
60
|
+
}
|
|
61
|
+
if (remoteSnapshot.remotesInfo) {
|
|
62
|
+
Object.keys(remoteSnapshot.remotesInfo).forEach(function(key) {
|
|
63
|
+
var remoteInfo = remoteSnapshot.remotesInfo[key];
|
|
64
|
+
replaceObjectLocalhost("matchedVersion", remoteInfo);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
return args;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
var resolve_entry_ipv4_default = resolveEntryIpv4Plugin;
|
|
72
|
+
export {
|
|
73
|
+
resolve_entry_ipv4_default as default
|
|
74
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
var sharedStrategy = function() {
|
|
2
|
+
return {
|
|
3
|
+
name: "shared-strategy-plugin",
|
|
4
|
+
beforeInit: function beforeInit(args) {
|
|
5
|
+
var userOptions = args.userOptions;
|
|
6
|
+
var shared = userOptions.shared;
|
|
7
|
+
if (shared) {
|
|
8
|
+
Object.keys(shared).forEach(function(sharedKey) {
|
|
9
|
+
var sharedConfigs = shared[sharedKey];
|
|
10
|
+
var arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
|
|
11
|
+
sharedConfigs
|
|
12
|
+
];
|
|
13
|
+
arraySharedConfigs.forEach(function(s) {
|
|
14
|
+
s.strategy = "loaded-first";
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return args;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
var shared_strategy_default = sharedStrategy;
|
|
23
|
+
export {
|
|
24
|
+
shared_strategy_default as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
|
|
2
|
+
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
3
|
+
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
4
|
+
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
5
|
+
import { DATA_FETCH_QUERY } from "../../constant";
|
|
6
|
+
import logger from "../../logger";
|
|
7
|
+
import { getDataFetchMap } from "../../utils";
|
|
8
|
+
import { fetchData, initDataFetchMap, loadDataFetchModule } from "../../utils/dataFetch";
|
|
9
|
+
import { SEPARATOR } from "@module-federation/sdk";
|
|
10
|
+
function wrapSetTimeout(targetPromise) {
|
|
11
|
+
var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2e4, id = arguments.length > 2 ? arguments[2] : void 0;
|
|
12
|
+
if (targetPromise && typeof targetPromise.then === "function") {
|
|
13
|
+
return new Promise(function(resolve, reject) {
|
|
14
|
+
var timeoutId = setTimeout(function() {
|
|
15
|
+
logger.warn("Data fetch for ID ".concat(id, " timed out after 20 seconds."));
|
|
16
|
+
reject(new Error("Data fetch for ID ".concat(id, " timed out after 20 seconds")));
|
|
17
|
+
}, delay);
|
|
18
|
+
targetPromise.then(function(value) {
|
|
19
|
+
clearTimeout(timeoutId);
|
|
20
|
+
resolve(value);
|
|
21
|
+
}).catch(function(err) {
|
|
22
|
+
clearTimeout(timeoutId);
|
|
23
|
+
reject(err);
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
function addProtocol(url) {
|
|
29
|
+
if (url.startsWith("//")) {
|
|
30
|
+
return "https:" + url;
|
|
31
|
+
}
|
|
32
|
+
return url;
|
|
33
|
+
}
|
|
34
|
+
var getDecodeQuery = function(url, name) {
|
|
35
|
+
var res = url.searchParams.get(name);
|
|
36
|
+
if (!res) {
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
return decodeURIComponent(res);
|
|
40
|
+
};
|
|
41
|
+
var middleware = function() {
|
|
42
|
+
var _ref = _async_to_generator(function(ctx, next) {
|
|
43
|
+
var url, dataFetchId, params, remoteInfo, remoteInfoQuery, _dataFetchMap_dataFetchId, dataFetchMap, fetchDataPromise, targetPromise, wrappedPromise, res, hostInstance, remoteEntry, remote, _hostInstance_snapshotHandler_getGlobalRemoteInfo, hostGlobalSnapshot, remoteSnapshot, dataFetchItem, callFetchDataPromise, wrappedPromise1, res1, remoteId, hostInstance1, dataFetchFn, data, e;
|
|
44
|
+
return _ts_generator(this, function(_state) {
|
|
45
|
+
switch (_state.label) {
|
|
46
|
+
case 0:
|
|
47
|
+
try {
|
|
48
|
+
url = new URL(ctx.req.url);
|
|
49
|
+
dataFetchId = getDecodeQuery(url, DATA_FETCH_QUERY);
|
|
50
|
+
params = JSON.parse(getDecodeQuery(url, "params") || "{}");
|
|
51
|
+
remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
|
|
52
|
+
remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
|
|
53
|
+
} catch (e2) {
|
|
54
|
+
console.error(e2);
|
|
55
|
+
return [
|
|
56
|
+
2,
|
|
57
|
+
next()
|
|
58
|
+
];
|
|
59
|
+
}
|
|
60
|
+
if (!dataFetchId) {
|
|
61
|
+
return [
|
|
62
|
+
2,
|
|
63
|
+
next()
|
|
64
|
+
];
|
|
65
|
+
}
|
|
66
|
+
logger.debug("dataFetchId: ", dataFetchId);
|
|
67
|
+
_state.label = 1;
|
|
68
|
+
case 1:
|
|
69
|
+
_state.trys.push([
|
|
70
|
+
1,
|
|
71
|
+
10,
|
|
72
|
+
,
|
|
73
|
+
11
|
|
74
|
+
]);
|
|
75
|
+
dataFetchMap = getDataFetchMap();
|
|
76
|
+
if (!dataFetchMap) {
|
|
77
|
+
initDataFetchMap();
|
|
78
|
+
}
|
|
79
|
+
fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
|
|
80
|
+
if (!fetchDataPromise)
|
|
81
|
+
return [
|
|
82
|
+
3,
|
|
83
|
+
4
|
|
84
|
+
];
|
|
85
|
+
targetPromise = fetchDataPromise[0];
|
|
86
|
+
wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
|
|
87
|
+
if (!wrappedPromise)
|
|
88
|
+
return [
|
|
89
|
+
3,
|
|
90
|
+
3
|
|
91
|
+
];
|
|
92
|
+
return [
|
|
93
|
+
4,
|
|
94
|
+
wrappedPromise
|
|
95
|
+
];
|
|
96
|
+
case 2:
|
|
97
|
+
res = _state.sent();
|
|
98
|
+
return [
|
|
99
|
+
2,
|
|
100
|
+
ctx.json(res)
|
|
101
|
+
];
|
|
102
|
+
case 3:
|
|
103
|
+
logger.error("Expected a Promise from fetchDataPromise[0] for dataFetchId ".concat(dataFetchId, ", but received:"), targetPromise, "Will try call new dataFetch again...");
|
|
104
|
+
_state.label = 4;
|
|
105
|
+
case 4:
|
|
106
|
+
if (remoteInfo) {
|
|
107
|
+
try {
|
|
108
|
+
hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
|
|
109
|
+
remoteEntry = "".concat(addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry);
|
|
110
|
+
if (!hostInstance) {
|
|
111
|
+
throw new Error("host instance not found!");
|
|
112
|
+
}
|
|
113
|
+
remote = hostInstance.options.remotes.find(function(remote2) {
|
|
114
|
+
return remote2.name === remoteInfo.name;
|
|
115
|
+
});
|
|
116
|
+
logger.debug("find remote: ", JSON.stringify(remote));
|
|
117
|
+
if (!remote) {
|
|
118
|
+
hostInstance.registerRemotes([
|
|
119
|
+
{
|
|
120
|
+
name: remoteInfo.name,
|
|
121
|
+
entry: remoteEntry,
|
|
122
|
+
entryGlobalName: remoteInfo.globalName
|
|
123
|
+
}
|
|
124
|
+
]);
|
|
125
|
+
} else {
|
|
126
|
+
_hostInstance_snapshotHandler_getGlobalRemoteInfo = hostInstance.snapshotHandler.getGlobalRemoteInfo(remoteInfo), hostGlobalSnapshot = _hostInstance_snapshotHandler_getGlobalRemoteInfo.hostGlobalSnapshot, remoteSnapshot = _hostInstance_snapshotHandler_getGlobalRemoteInfo.remoteSnapshot;
|
|
127
|
+
logger.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
|
|
128
|
+
logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
|
|
129
|
+
if (!hostGlobalSnapshot || !remoteSnapshot) {
|
|
130
|
+
if ("version" in remote) {
|
|
131
|
+
delete remote.version;
|
|
132
|
+
}
|
|
133
|
+
remote.entry = remoteEntry;
|
|
134
|
+
remote.entryGlobalName = remoteInfo.globalName;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
} catch (e2) {
|
|
138
|
+
ctx.status(500);
|
|
139
|
+
return [
|
|
140
|
+
2,
|
|
141
|
+
ctx.text("failed to fetch ".concat(remoteInfo.name, " data, error:\n ").concat(e2))
|
|
142
|
+
];
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
dataFetchItem = dataFetchMap[dataFetchId];
|
|
146
|
+
if (!dataFetchItem)
|
|
147
|
+
return [
|
|
148
|
+
3,
|
|
149
|
+
7
|
|
150
|
+
];
|
|
151
|
+
callFetchDataPromise = fetchData(dataFetchId, _object_spread_props(_object_spread({}, params), {
|
|
152
|
+
isDowngrade: true
|
|
153
|
+
}));
|
|
154
|
+
wrappedPromise1 = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
|
|
155
|
+
if (!wrappedPromise1)
|
|
156
|
+
return [
|
|
157
|
+
3,
|
|
158
|
+
6
|
|
159
|
+
];
|
|
160
|
+
return [
|
|
161
|
+
4,
|
|
162
|
+
wrappedPromise1
|
|
163
|
+
];
|
|
164
|
+
case 5:
|
|
165
|
+
res1 = _state.sent();
|
|
166
|
+
return [
|
|
167
|
+
2,
|
|
168
|
+
ctx.json(res1)
|
|
169
|
+
];
|
|
170
|
+
case 6:
|
|
171
|
+
return [
|
|
172
|
+
2,
|
|
173
|
+
next()
|
|
174
|
+
];
|
|
175
|
+
case 7:
|
|
176
|
+
remoteId = dataFetchId.split(SEPARATOR)[0];
|
|
177
|
+
hostInstance1 = globalThis.__FEDERATION__.__INSTANCES__[0];
|
|
178
|
+
if (!hostInstance1) {
|
|
179
|
+
throw new Error("host instance not found!");
|
|
180
|
+
}
|
|
181
|
+
return [
|
|
182
|
+
4,
|
|
183
|
+
loadDataFetchModule(hostInstance1, remoteId)
|
|
184
|
+
];
|
|
185
|
+
case 8:
|
|
186
|
+
dataFetchFn = _state.sent();
|
|
187
|
+
return [
|
|
188
|
+
4,
|
|
189
|
+
dataFetchFn(_object_spread_props(_object_spread({}, params), {
|
|
190
|
+
isDowngrade: !remoteInfo
|
|
191
|
+
}))
|
|
192
|
+
];
|
|
193
|
+
case 9:
|
|
194
|
+
data = _state.sent();
|
|
195
|
+
return [
|
|
196
|
+
2,
|
|
197
|
+
ctx.json(data)
|
|
198
|
+
];
|
|
199
|
+
case 10:
|
|
200
|
+
e = _state.sent();
|
|
201
|
+
console.log("data fetch error:");
|
|
202
|
+
console.error(e);
|
|
203
|
+
ctx.status(500);
|
|
204
|
+
return [
|
|
205
|
+
2,
|
|
206
|
+
ctx.text("failed to fetch ".concat(remoteInfo.name, " data, error:\n ").concat(e))
|
|
207
|
+
];
|
|
208
|
+
case 11:
|
|
209
|
+
return [
|
|
210
|
+
2
|
|
211
|
+
];
|
|
212
|
+
}
|
|
213
|
+
});
|
|
214
|
+
});
|
|
215
|
+
return function middleware2(ctx, next) {
|
|
216
|
+
return _ref.apply(this, arguments);
|
|
217
|
+
};
|
|
218
|
+
}();
|
|
219
|
+
var dataFetchServePlugin = function() {
|
|
220
|
+
return {
|
|
221
|
+
name: "mf-data-fetch-server-plugin",
|
|
222
|
+
setup: function(api) {
|
|
223
|
+
api.onPrepare(function() {
|
|
224
|
+
var middlewares = api.getServerContext().middlewares;
|
|
225
|
+
middlewares.push({
|
|
226
|
+
name: "module-federation-serve-manifest",
|
|
227
|
+
// @ts-ignore type error
|
|
228
|
+
handler: middleware
|
|
229
|
+
});
|
|
230
|
+
});
|
|
231
|
+
}
|
|
232
|
+
};
|
|
233
|
+
};
|
|
234
|
+
var data_fetch_server_plugin_default = dataFetchServePlugin;
|
|
235
|
+
export {
|
|
236
|
+
data_fetch_server_plugin_default as default
|
|
237
|
+
};
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
|
|
2
|
+
import { _ as _type_of } from "@swc/helpers/_/_type_of";
|
|
3
|
+
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
4
|
+
import path from "path";
|
|
5
|
+
import { fs } from "@modern-js/utils";
|
|
6
|
+
import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
|
|
7
|
+
import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
|
|
8
|
+
import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
|
|
9
|
+
import { updateStatsAndManifest } from "./manifest";
|
|
10
|
+
import logger from "../logger";
|
|
11
|
+
import { isDev } from "./utils";
|
|
12
|
+
import { isWebTarget, skipByTarget } from "./utils";
|
|
13
|
+
function setEnv() {
|
|
14
|
+
process.env["MF_DISABLE_EMIT_STATS"] = "true";
|
|
15
|
+
process.env["MF_SSR_PRJ"] = "true";
|
|
16
|
+
}
|
|
17
|
+
var CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
|
|
18
|
+
var mfSSRRsbuildPlugin = function(pluginOptions) {
|
|
19
|
+
return {
|
|
20
|
+
name: "@modern-js/plugin-mf-post-config",
|
|
21
|
+
pre: [
|
|
22
|
+
"@modern-js/builder-plugin-ssr"
|
|
23
|
+
],
|
|
24
|
+
setup: function setup(api) {
|
|
25
|
+
if (pluginOptions.csrConfig.getPublicPath) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
var csrOutputPath = "";
|
|
29
|
+
var ssrOutputPath = "";
|
|
30
|
+
var ssrEnv = "";
|
|
31
|
+
api.modifyEnvironmentConfig(function(config, param) {
|
|
32
|
+
var name = param.name;
|
|
33
|
+
var target = config.output.target;
|
|
34
|
+
if (skipByTarget(target)) {
|
|
35
|
+
return config;
|
|
36
|
+
}
|
|
37
|
+
if (isWebTarget(target)) {
|
|
38
|
+
csrOutputPath = config.output.distPath.root;
|
|
39
|
+
} else {
|
|
40
|
+
ssrOutputPath = config.output.distPath.root;
|
|
41
|
+
ssrEnv = name;
|
|
42
|
+
}
|
|
43
|
+
return config;
|
|
44
|
+
});
|
|
45
|
+
var modifySSRPublicPath = function(config, utils) {
|
|
46
|
+
if (ssrEnv !== utils.environment.name) {
|
|
47
|
+
return config;
|
|
48
|
+
}
|
|
49
|
+
var userSSRConfig = pluginOptions.userConfig.ssr ? _type_of(pluginOptions.userConfig.ssr) === "object" ? pluginOptions.userConfig.ssr : {} : {};
|
|
50
|
+
if (userSSRConfig.distOutputDir) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
config.output.publicPath = "".concat(config.output.publicPath).concat(path.relative(csrOutputPath, ssrOutputPath), "/");
|
|
54
|
+
return config;
|
|
55
|
+
};
|
|
56
|
+
api.modifyWebpackConfig(function(config, utils) {
|
|
57
|
+
modifySSRPublicPath(config, utils);
|
|
58
|
+
return config;
|
|
59
|
+
});
|
|
60
|
+
api.modifyRspackConfig(function(config, utils) {
|
|
61
|
+
modifySSRPublicPath(config, utils);
|
|
62
|
+
return config;
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
var moduleFederationSSRPlugin = function(pluginOptions) {
|
|
68
|
+
return {
|
|
69
|
+
name: "@modern-js/plugin-module-federation-ssr",
|
|
70
|
+
pre: [
|
|
71
|
+
"@modern-js/plugin-module-federation-config",
|
|
72
|
+
"@modern-js/plugin-module-federation"
|
|
73
|
+
],
|
|
74
|
+
setup: function() {
|
|
75
|
+
var _ref = _async_to_generator(function(api) {
|
|
76
|
+
var _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, _pluginOptions_userConfig_ssr, enableSSR;
|
|
77
|
+
return _ts_generator(this, function(_state) {
|
|
78
|
+
modernjsConfig = api.getConfig();
|
|
79
|
+
enableSSR = (_pluginOptions_userConfig_ssr = (_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) !== null && _pluginOptions_userConfig_ssr !== void 0 ? _pluginOptions_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
|
|
80
|
+
if (!enableSSR) {
|
|
81
|
+
return [
|
|
82
|
+
2
|
|
83
|
+
];
|
|
84
|
+
}
|
|
85
|
+
setEnv();
|
|
86
|
+
api._internalRuntimePlugins(function(param) {
|
|
87
|
+
var entrypoint = param.entrypoint, plugins = param.plugins;
|
|
88
|
+
plugins.push({
|
|
89
|
+
name: "injectDataFetchFunction",
|
|
90
|
+
path: "@module-federation/modern-js/ssr-inject-data-fetch-function-plugin",
|
|
91
|
+
config: {}
|
|
92
|
+
});
|
|
93
|
+
if (!isDev()) {
|
|
94
|
+
return {
|
|
95
|
+
entrypoint,
|
|
96
|
+
plugins
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
plugins.push({
|
|
100
|
+
name: "mfSSRDev",
|
|
101
|
+
path: "@module-federation/modern-js/ssr-dev-plugin",
|
|
102
|
+
config: {}
|
|
103
|
+
});
|
|
104
|
+
return {
|
|
105
|
+
entrypoint,
|
|
106
|
+
plugins
|
|
107
|
+
};
|
|
108
|
+
});
|
|
109
|
+
api.modifyBundlerChain(function(chain) {
|
|
110
|
+
var target = chain.get("target");
|
|
111
|
+
if (skipByTarget(target)) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
|
|
115
|
+
var MFPlugin = bundlerType === "webpack" ? ModuleFederationPlugin : RspackModuleFederationPlugin;
|
|
116
|
+
var isWeb = isWebTarget(target);
|
|
117
|
+
if (!isWeb) {
|
|
118
|
+
if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
|
|
119
|
+
chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
|
|
120
|
+
pluginOptions.ssrConfig
|
|
121
|
+
]).init(function(Plugin, args) {
|
|
122
|
+
pluginOptions.nodePlugin = new Plugin(args[0]);
|
|
123
|
+
return pluginOptions.nodePlugin;
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
if (!isWeb) {
|
|
128
|
+
chain.target("async-node");
|
|
129
|
+
if (isDev()) {
|
|
130
|
+
chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
|
|
131
|
+
}
|
|
132
|
+
var userSSRConfig = pluginOptions.userConfig.ssr ? _type_of(pluginOptions.userConfig.ssr) === "object" ? pluginOptions.userConfig.ssr : {} : {};
|
|
133
|
+
var publicPath = chain.output.get("publicPath");
|
|
134
|
+
if (userSSRConfig.distOutputDir && publicPath) {
|
|
135
|
+
chain.output.publicPath("".concat(publicPath).concat(userSSRConfig.distOutputDir, "/"));
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
if (isDev() && isWeb) {
|
|
139
|
+
chain.externals({
|
|
140
|
+
"@module-federation/node/utils": "NOT_USED_IN_BROWSER"
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
api.config(function() {
|
|
145
|
+
return {
|
|
146
|
+
builderPlugins: [
|
|
147
|
+
mfSSRRsbuildPlugin(pluginOptions)
|
|
148
|
+
],
|
|
149
|
+
tools: {
|
|
150
|
+
devServer: {
|
|
151
|
+
before: [
|
|
152
|
+
function(req, res, next) {
|
|
153
|
+
if (!enableSSR) {
|
|
154
|
+
next();
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
try {
|
|
158
|
+
var _req_url, _req_url1;
|
|
159
|
+
if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.includes(".json")) && !((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes("hot-update"))) {
|
|
160
|
+
var filepath = path.join(process.cwd(), "dist".concat(req.url));
|
|
161
|
+
fs.statSync(filepath);
|
|
162
|
+
res.setHeader("Access-Control-Allow-Origin", "*");
|
|
163
|
+
res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
|
|
164
|
+
res.setHeader("Access-Control-Allow-Headers", "*");
|
|
165
|
+
fs.createReadStream(filepath).pipe(res);
|
|
166
|
+
} else {
|
|
167
|
+
next();
|
|
168
|
+
}
|
|
169
|
+
} catch (err) {
|
|
170
|
+
logger.debug(err);
|
|
171
|
+
next();
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
});
|
|
179
|
+
api.onAfterBuild(function() {
|
|
180
|
+
var nodePlugin = pluginOptions.nodePlugin, browserPlugin = pluginOptions.browserPlugin, distOutputDir = pluginOptions.distOutputDir;
|
|
181
|
+
updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
|
|
182
|
+
});
|
|
183
|
+
api.onDevCompileDone(function() {
|
|
184
|
+
var nodePlugin = pluginOptions.nodePlugin, browserPlugin = pluginOptions.browserPlugin, distOutputDir = pluginOptions.distOutputDir;
|
|
185
|
+
updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
|
|
186
|
+
});
|
|
187
|
+
return [
|
|
188
|
+
2
|
|
189
|
+
];
|
|
190
|
+
});
|
|
191
|
+
});
|
|
192
|
+
return function(api) {
|
|
193
|
+
return _ref.apply(this, arguments);
|
|
194
|
+
};
|
|
195
|
+
}()
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
var ssrPlugin_default = moduleFederationSSRPlugin;
|
|
199
|
+
export {
|
|
200
|
+
CHAIN_MF_PLUGIN_ID,
|
|
201
|
+
ssrPlugin_default as default,
|
|
202
|
+
moduleFederationSSRPlugin,
|
|
203
|
+
setEnv
|
|
204
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import os from "os";
|
|
2
|
+
var localIpv4 = "127.0.0.1";
|
|
3
|
+
var getIpv4Interfaces = function() {
|
|
4
|
+
try {
|
|
5
|
+
var interfaces = os.networkInterfaces();
|
|
6
|
+
var ipv4Interfaces = [];
|
|
7
|
+
Object.values(interfaces).forEach(function(detail) {
|
|
8
|
+
detail === null || detail === void 0 ? void 0 : detail.forEach(function(detail2) {
|
|
9
|
+
var familyV4Value = typeof detail2.family === "string" ? "IPv4" : 4;
|
|
10
|
+
if (detail2.family === familyV4Value && detail2.address !== localIpv4) {
|
|
11
|
+
ipv4Interfaces.push(detail2);
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
return ipv4Interfaces;
|
|
16
|
+
} catch (_err) {
|
|
17
|
+
return [];
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
var getIPV4 = function() {
|
|
21
|
+
var ipv4Interfaces = getIpv4Interfaces();
|
|
22
|
+
var ipv4Interface = ipv4Interfaces[0] || {
|
|
23
|
+
address: localIpv4
|
|
24
|
+
};
|
|
25
|
+
return ipv4Interface.address;
|
|
26
|
+
};
|
|
27
|
+
var isWebTarget = function(target) {
|
|
28
|
+
var WEB_TARGET = "web";
|
|
29
|
+
if (Array.isArray(target)) {
|
|
30
|
+
return target.includes(WEB_TARGET);
|
|
31
|
+
} else if (typeof target === "string") {
|
|
32
|
+
return target === WEB_TARGET;
|
|
33
|
+
}
|
|
34
|
+
return false;
|
|
35
|
+
};
|
|
36
|
+
var skipByTarget = function(target) {
|
|
37
|
+
var IGNORE_TARGET = "webworker";
|
|
38
|
+
if (Array.isArray(target)) {
|
|
39
|
+
return target.includes(IGNORE_TARGET);
|
|
40
|
+
} else if (typeof target === "string") {
|
|
41
|
+
return target === IGNORE_TARGET;
|
|
42
|
+
}
|
|
43
|
+
return false;
|
|
44
|
+
};
|
|
45
|
+
function isDev() {
|
|
46
|
+
return process.env.NODE_ENV === "development";
|
|
47
|
+
}
|
|
48
|
+
export {
|
|
49
|
+
getIPV4,
|
|
50
|
+
isDev,
|
|
51
|
+
isWebTarget,
|
|
52
|
+
skipByTarget
|
|
53
|
+
};
|