@module-federation/bridge-react 0.0.0-next-20250618090118 → 0.0.0-next-20250620084158
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/CHANGELOG.md +3 -8
- package/__tests__/bridge.spec.tsx +7 -7
- package/dist/{bridge-base-DKPEvcPJ.js → bridge-base-BBH982Tz.cjs} +1 -1
- package/dist/{bridge-base-YDjQh_vg.mjs → bridge-base-P6pEjY1q.js} +1 -1
- package/dist/{index.esm-BjwhLgko.js → index-Cv3p6r66.cjs} +43 -21
- package/dist/{index.esm-nDSYG6Nj.mjs → index-D4yt7Udv.js} +43 -21
- package/dist/index.cjs.js +9 -427
- package/dist/index.d.ts +0 -77
- package/dist/index.es.js +11 -430
- package/dist/router-v5.cjs.js +1 -1
- package/dist/router-v5.es.js +1 -1
- package/dist/router-v6.cjs.js +1 -1
- package/dist/router-v6.es.js +1 -1
- package/dist/router.cjs.js +1 -1
- package/dist/router.es.js +1 -1
- package/dist/v18.cjs.js +1 -1
- package/dist/v18.es.js +1 -1
- package/dist/v19.cjs.js +1 -1
- package/dist/v19.es.js +1 -1
- package/package.json +5 -44
- package/src/index.ts +1 -21
- package/src/remote/component.tsx +3 -3
- package/src/remote/create.tsx +4 -17
- package/vite.config.ts +0 -13
- package/dist/data-fetch-runtime-plugin.cjs.js +0 -71
- package/dist/data-fetch-runtime-plugin.d.ts +0 -6
- package/dist/data-fetch-runtime-plugin.es.js +0 -72
- package/dist/data-fetch-server-middleware.cjs.js +0 -158
- package/dist/data-fetch-server-middleware.d.ts +0 -6
- package/dist/data-fetch-server-middleware.es.js +0 -159
- package/dist/data-fetch-utils.cjs.js +0 -90
- package/dist/data-fetch-utils.d.ts +0 -5
- package/dist/data-fetch-utils.es.js +0 -90
- package/dist/index-BYOQ_Qrb.js +0 -45
- package/dist/index-CUrEc0Q1.mjs +0 -46
- package/dist/lazy-utils.cjs.js +0 -22
- package/dist/lazy-utils.d.ts +0 -114
- package/dist/lazy-utils.es.js +0 -22
- package/dist/utils-DhtukXOQ.mjs +0 -327
- package/dist/utils-YoyAVYsh.js +0 -326
- package/src/lazy/AwaitDataFetch.tsx +0 -176
- package/src/lazy/constant.ts +0 -30
- package/src/lazy/createLazyComponent.tsx +0 -390
- package/src/lazy/data-fetch/call-data-fetch.ts +0 -13
- package/src/lazy/data-fetch/data-fetch-server-middleware.ts +0 -191
- package/src/lazy/data-fetch/index.ts +0 -2
- package/src/lazy/data-fetch/inject-data-fetch.ts +0 -109
- package/src/lazy/data-fetch/runtime-plugin.ts +0 -113
- package/src/lazy/index.ts +0 -18
- package/src/lazy/logger.ts +0 -6
- package/src/lazy/types.ts +0 -49
- package/src/lazy/utils.ts +0 -355
- package/src/lazy/wrapNoSSR.tsx +0 -10
package/dist/utils-DhtukXOQ.mjs
DELETED
|
@@ -1,327 +0,0 @@
|
|
|
1
|
-
import { c as createLogger, i as isBrowserEnv, a as composeKeyWithSeparator } from "./index.esm-nDSYG6Nj.mjs";
|
|
2
|
-
const PLUGIN_IDENTIFIER = "[ Module Federation React ]";
|
|
3
|
-
const DOWNGRADE_KEY = "_mfSSRDowngrade";
|
|
4
|
-
const DATA_FETCH_FUNCTION = "_mfDataFetch";
|
|
5
|
-
const FS_HREF = "_mfFSHref";
|
|
6
|
-
const ERROR_TYPE = {
|
|
7
|
-
DATA_FETCH: 1,
|
|
8
|
-
LOAD_REMOTE: 2,
|
|
9
|
-
UNKNOWN: 3
|
|
10
|
-
};
|
|
11
|
-
const WRAP_DATA_FETCH_ID_IDENTIFIER = "wrap_dfip_identifier";
|
|
12
|
-
var MF_DATA_FETCH_TYPE = /* @__PURE__ */ ((MF_DATA_FETCH_TYPE2) => {
|
|
13
|
-
MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_SERVER"] = 1] = "FETCH_SERVER";
|
|
14
|
-
MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_CLIENT"] = 2] = "FETCH_CLIENT";
|
|
15
|
-
return MF_DATA_FETCH_TYPE2;
|
|
16
|
-
})(MF_DATA_FETCH_TYPE || {});
|
|
17
|
-
var MF_DATA_FETCH_STATUS = /* @__PURE__ */ ((MF_DATA_FETCH_STATUS2) => {
|
|
18
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADED"] = 1] = "LOADED";
|
|
19
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADING"] = 2] = "LOADING";
|
|
20
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["AWAIT"] = 0] = "AWAIT";
|
|
21
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["ERROR"] = 3] = "ERROR";
|
|
22
|
-
return MF_DATA_FETCH_STATUS2;
|
|
23
|
-
})(MF_DATA_FETCH_STATUS || {});
|
|
24
|
-
const DATA_FETCH_IDENTIFIER = "data";
|
|
25
|
-
const DATA_FETCH_CLIENT_SUFFIX = ".client";
|
|
26
|
-
const DATA_FETCH_QUERY = "x-mf-data-fetch";
|
|
27
|
-
const DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
|
|
28
|
-
const LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
|
|
29
|
-
const logger = createLogger(PLUGIN_IDENTIFIER);
|
|
30
|
-
const getDataFetchInfo = ({
|
|
31
|
-
name,
|
|
32
|
-
alias,
|
|
33
|
-
id,
|
|
34
|
-
remoteSnapshot
|
|
35
|
-
}) => {
|
|
36
|
-
if (!remoteSnapshot) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
if (!("modules" in remoteSnapshot)) {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
const regex = new RegExp(`^${name}(/[^/].*|)$`);
|
|
43
|
-
const nameOrAlias = regex.test(id) ? name : alias || name;
|
|
44
|
-
const expose = id.replace(nameOrAlias, "");
|
|
45
|
-
let dataFetchName = "";
|
|
46
|
-
let dataFetchId = "";
|
|
47
|
-
if (expose.startsWith("/")) {
|
|
48
|
-
dataFetchName = `${expose.slice(1)}.${DATA_FETCH_IDENTIFIER}`;
|
|
49
|
-
dataFetchId = `${id}.${DATA_FETCH_IDENTIFIER}`;
|
|
50
|
-
} else if (expose === "") {
|
|
51
|
-
dataFetchName = DATA_FETCH_IDENTIFIER;
|
|
52
|
-
dataFetchId = `${id}/${DATA_FETCH_IDENTIFIER}`;
|
|
53
|
-
} else {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
if (!dataFetchName || !dataFetchId) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
if (!remoteSnapshot.modules.find(
|
|
60
|
-
(module) => module.moduleName === dataFetchName
|
|
61
|
-
)) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
return {
|
|
65
|
-
dataFetchName,
|
|
66
|
-
dataFetchId
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
function initDataFetchMap() {
|
|
70
|
-
globalThis.__MF_DATA_FETCH_MAP__ || (globalThis.__MF_DATA_FETCH_MAP__ = {});
|
|
71
|
-
}
|
|
72
|
-
function getDataFetchItem(id) {
|
|
73
|
-
var _a;
|
|
74
|
-
return (_a = globalThis.__MF_DATA_FETCH_MAP__) == null ? void 0 : _a[id];
|
|
75
|
-
}
|
|
76
|
-
function getDataFetchMap() {
|
|
77
|
-
return globalThis.__MF_DATA_FETCH_MAP__;
|
|
78
|
-
}
|
|
79
|
-
const flushDataFetch = () => {
|
|
80
|
-
globalThis.__MF_DATA_FETCH_MAP__ = {};
|
|
81
|
-
globalThis[DOWNGRADE_KEY] = void 0;
|
|
82
|
-
};
|
|
83
|
-
function setDataFetchItemLoadedStatus(id) {
|
|
84
|
-
const dataFetchItem = getDataFetchItem(id);
|
|
85
|
-
if (!dataFetchItem) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
dataFetchItem[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
89
|
-
}
|
|
90
|
-
const wrapDataFetchId = (id) => {
|
|
91
|
-
return `${WRAP_DATA_FETCH_ID_IDENTIFIER}${id}${WRAP_DATA_FETCH_ID_IDENTIFIER}`;
|
|
92
|
-
};
|
|
93
|
-
const getDataFetchIdWithErrorMsgs = (errMsgs) => {
|
|
94
|
-
const firstIdentifierIndex = errMsgs.indexOf(WRAP_DATA_FETCH_ID_IDENTIFIER);
|
|
95
|
-
if (firstIdentifierIndex === -1) {
|
|
96
|
-
return void 0;
|
|
97
|
-
}
|
|
98
|
-
const secondIdentifierIndex = errMsgs.indexOf(
|
|
99
|
-
WRAP_DATA_FETCH_ID_IDENTIFIER,
|
|
100
|
-
firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length
|
|
101
|
-
);
|
|
102
|
-
if (secondIdentifierIndex === -1) {
|
|
103
|
-
return void 0;
|
|
104
|
-
}
|
|
105
|
-
return errMsgs.substring(
|
|
106
|
-
firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length,
|
|
107
|
-
secondIdentifierIndex
|
|
108
|
-
);
|
|
109
|
-
};
|
|
110
|
-
async function fetchData(id, params, remoteInfo) {
|
|
111
|
-
var _a;
|
|
112
|
-
const callFetchData = async () => {
|
|
113
|
-
const item = getDataFetchItem(id);
|
|
114
|
-
if (!item) {
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
const [fetchDataFnArr, ..._rest] = item;
|
|
118
|
-
const fetchDataFn = await fetchDataFnArr[2];
|
|
119
|
-
if (!fetchDataFn) {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
return fetchDataFn(params);
|
|
123
|
-
};
|
|
124
|
-
if (isBrowserEnv()) {
|
|
125
|
-
const dataFetchItem = getDataFetchItem(id);
|
|
126
|
-
if (!dataFetchItem) {
|
|
127
|
-
throw new Error(`dataFetchItem not found, id: ${id}`);
|
|
128
|
-
}
|
|
129
|
-
if ((_a = dataFetchItem[1]) == null ? void 0 : _a[0]) {
|
|
130
|
-
return dataFetchItem[1][0];
|
|
131
|
-
}
|
|
132
|
-
if (isCSROnly()) {
|
|
133
|
-
logger.debug("==========csr only!");
|
|
134
|
-
return callFetchData();
|
|
135
|
-
}
|
|
136
|
-
if (remoteInfo) {
|
|
137
|
-
return callDowngrade(id, params, remoteInfo);
|
|
138
|
-
}
|
|
139
|
-
const mfDowngrade = getDowngradeTag();
|
|
140
|
-
if (mfDowngrade) {
|
|
141
|
-
if (typeof mfDowngrade === "boolean") {
|
|
142
|
-
return callDowngrade(id, { ...params, isDowngrade: true });
|
|
143
|
-
}
|
|
144
|
-
if (mfDowngrade.includes(id)) {
|
|
145
|
-
return callDowngrade(id, { ...params, isDowngrade: true });
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
let res;
|
|
149
|
-
let rej;
|
|
150
|
-
const p = new Promise((resolve, reject) => {
|
|
151
|
-
res = resolve;
|
|
152
|
-
rej = reject;
|
|
153
|
-
});
|
|
154
|
-
dataFetchItem[1] = [p, res, rej];
|
|
155
|
-
dataFetchItem[2] = MF_DATA_FETCH_STATUS.AWAIT;
|
|
156
|
-
return dataFetchItem[1][0];
|
|
157
|
-
}
|
|
158
|
-
return callFetchData();
|
|
159
|
-
}
|
|
160
|
-
function getDataFetchMapKey(dataFetchInfo, hostInfo) {
|
|
161
|
-
if (!dataFetchInfo || !hostInfo) {
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
const { dataFetchId } = dataFetchInfo;
|
|
165
|
-
return composeKeyWithSeparator(dataFetchId, hostInfo.name, hostInfo.version);
|
|
166
|
-
}
|
|
167
|
-
async function loadDataFetchModule(instance, id) {
|
|
168
|
-
return instance.loadRemote(id).then((m) => {
|
|
169
|
-
if (m && typeof m === "object" && "fetchData" in m && typeof m.fetchData === "function") {
|
|
170
|
-
return m.fetchData;
|
|
171
|
-
}
|
|
172
|
-
throw new Error(
|
|
173
|
-
`fetchData not found in remote ${id}, ${JSON.stringify(m)}`
|
|
174
|
-
);
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
function isDataLoaderExpose(exposeKey) {
|
|
178
|
-
return exposeKey.endsWith(DATA_FETCH_IDENTIFIER) || exposeKey.endsWith(DATA_FETCH_CLIENT_SUFFIX);
|
|
179
|
-
}
|
|
180
|
-
function getDowngradeTag() {
|
|
181
|
-
return globalThis[DOWNGRADE_KEY];
|
|
182
|
-
}
|
|
183
|
-
function callAllDowngrade() {
|
|
184
|
-
const dataFetchMap = getDataFetchMap();
|
|
185
|
-
if (!dataFetchMap) {
|
|
186
|
-
return;
|
|
187
|
-
}
|
|
188
|
-
Object.keys(dataFetchMap).forEach((key) => {
|
|
189
|
-
callDowngrade(key);
|
|
190
|
-
});
|
|
191
|
-
}
|
|
192
|
-
async function callDowngrade(id, params, remoteInfo) {
|
|
193
|
-
const dataFetchMap = getDataFetchMap();
|
|
194
|
-
if (!dataFetchMap) {
|
|
195
|
-
return;
|
|
196
|
-
}
|
|
197
|
-
const mfDataFetch = dataFetchMap[id];
|
|
198
|
-
if ((mfDataFetch == null ? void 0 : mfDataFetch[2]) === MF_DATA_FETCH_STATUS.AWAIT) {
|
|
199
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADING;
|
|
200
|
-
let promise;
|
|
201
|
-
let res;
|
|
202
|
-
let rej;
|
|
203
|
-
if (mfDataFetch[1]) {
|
|
204
|
-
promise = mfDataFetch[1][0];
|
|
205
|
-
res = mfDataFetch[1][1];
|
|
206
|
-
rej = mfDataFetch[1][2];
|
|
207
|
-
} else {
|
|
208
|
-
promise = new Promise((resolve, reject) => {
|
|
209
|
-
res = resolve;
|
|
210
|
-
rej = reject;
|
|
211
|
-
});
|
|
212
|
-
mfDataFetch[1] = [promise, res, rej];
|
|
213
|
-
}
|
|
214
|
-
const dataFetchType = mfDataFetch[0][1];
|
|
215
|
-
if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_CLIENT) {
|
|
216
|
-
try {
|
|
217
|
-
mfDataFetch[0][0]().then((getDataFetchFn) => {
|
|
218
|
-
return getDataFetchFn({
|
|
219
|
-
...params,
|
|
220
|
-
isDowngrade: true
|
|
221
|
-
}).then((data) => {
|
|
222
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
223
|
-
res && res(data);
|
|
224
|
-
});
|
|
225
|
-
});
|
|
226
|
-
} catch (e) {
|
|
227
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
|
|
228
|
-
rej && rej(e);
|
|
229
|
-
}
|
|
230
|
-
} else if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_SERVER) {
|
|
231
|
-
try {
|
|
232
|
-
const currentUrl = new URL(window.location.href);
|
|
233
|
-
currentUrl.searchParams.set(DATA_FETCH_QUERY, encodeURIComponent(id));
|
|
234
|
-
if (params) {
|
|
235
|
-
currentUrl.searchParams.set(
|
|
236
|
-
"params",
|
|
237
|
-
encodeURIComponent(JSON.stringify(params))
|
|
238
|
-
);
|
|
239
|
-
}
|
|
240
|
-
if (remoteInfo) {
|
|
241
|
-
currentUrl.searchParams.set(
|
|
242
|
-
"remoteInfo",
|
|
243
|
-
encodeURIComponent(JSON.stringify(remoteInfo))
|
|
244
|
-
);
|
|
245
|
-
}
|
|
246
|
-
const fetchServerQuery = globalThis.FEDERATION_SERVER_QUERY;
|
|
247
|
-
if (fetchServerQuery && typeof fetchServerQuery === "object") {
|
|
248
|
-
Object.keys(fetchServerQuery).forEach((key) => {
|
|
249
|
-
currentUrl.searchParams.set(
|
|
250
|
-
key,
|
|
251
|
-
JSON.stringify(fetchServerQuery[key])
|
|
252
|
-
);
|
|
253
|
-
});
|
|
254
|
-
}
|
|
255
|
-
const fetchUrl = currentUrl.toString();
|
|
256
|
-
const data = await fetch(fetchUrl).then((res2) => res2.json());
|
|
257
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
258
|
-
res && res(data);
|
|
259
|
-
} catch (e) {
|
|
260
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
|
|
261
|
-
rej && rej(e);
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
return promise;
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
function isCSROnly() {
|
|
268
|
-
return window._SSR_DATA === void 0;
|
|
269
|
-
}
|
|
270
|
-
function setSSREnv({
|
|
271
|
-
fetchServerQuery
|
|
272
|
-
}) {
|
|
273
|
-
globalThis.FEDERATION_SSR = true;
|
|
274
|
-
globalThis.FEDERATION_SERVER_QUERY = fetchServerQuery;
|
|
275
|
-
}
|
|
276
|
-
function getLoadedRemoteInfos(id, instance) {
|
|
277
|
-
if (!instance) {
|
|
278
|
-
return;
|
|
279
|
-
}
|
|
280
|
-
const { name, expose } = instance.remoteHandler.idToRemoteMap[id] || {};
|
|
281
|
-
if (!name) {
|
|
282
|
-
return;
|
|
283
|
-
}
|
|
284
|
-
const module = instance.moduleCache.get(name);
|
|
285
|
-
if (!module) {
|
|
286
|
-
return;
|
|
287
|
-
}
|
|
288
|
-
const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(
|
|
289
|
-
module.remoteInfo
|
|
290
|
-
);
|
|
291
|
-
return {
|
|
292
|
-
...module.remoteInfo,
|
|
293
|
-
snapshot: remoteSnapshot,
|
|
294
|
-
expose
|
|
295
|
-
};
|
|
296
|
-
}
|
|
297
|
-
export {
|
|
298
|
-
DATA_FETCH_CLIENT_SUFFIX as D,
|
|
299
|
-
ERROR_TYPE as E,
|
|
300
|
-
FS_HREF as F,
|
|
301
|
-
LOAD_REMOTE_ERROR_PREFIX as L,
|
|
302
|
-
MF_DATA_FETCH_TYPE as M,
|
|
303
|
-
getDataFetchMapKey as a,
|
|
304
|
-
getDataFetchItem as b,
|
|
305
|
-
isCSROnly as c,
|
|
306
|
-
loadDataFetchModule as d,
|
|
307
|
-
MF_DATA_FETCH_STATUS as e,
|
|
308
|
-
getDataFetchMap as f,
|
|
309
|
-
getDataFetchInfo as g,
|
|
310
|
-
initDataFetchMap as h,
|
|
311
|
-
isDataLoaderExpose as i,
|
|
312
|
-
DATA_FETCH_QUERY as j,
|
|
313
|
-
fetchData as k,
|
|
314
|
-
logger as l,
|
|
315
|
-
getDataFetchIdWithErrorMsgs as m,
|
|
316
|
-
DATA_FETCH_ERROR_PREFIX as n,
|
|
317
|
-
DATA_FETCH_FUNCTION as o,
|
|
318
|
-
getLoadedRemoteInfos as p,
|
|
319
|
-
setSSREnv as q,
|
|
320
|
-
DOWNGRADE_KEY as r,
|
|
321
|
-
setDataFetchItemLoadedStatus as s,
|
|
322
|
-
getDowngradeTag as t,
|
|
323
|
-
callAllDowngrade as u,
|
|
324
|
-
callDowngrade as v,
|
|
325
|
-
wrapDataFetchId as w,
|
|
326
|
-
flushDataFetch as x
|
|
327
|
-
};
|
package/dist/utils-YoyAVYsh.js
DELETED
|
@@ -1,326 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const index_esm = require("./index.esm-BjwhLgko.js");
|
|
3
|
-
const PLUGIN_IDENTIFIER = "[ Module Federation React ]";
|
|
4
|
-
const DOWNGRADE_KEY = "_mfSSRDowngrade";
|
|
5
|
-
const DATA_FETCH_FUNCTION = "_mfDataFetch";
|
|
6
|
-
const FS_HREF = "_mfFSHref";
|
|
7
|
-
const ERROR_TYPE = {
|
|
8
|
-
DATA_FETCH: 1,
|
|
9
|
-
LOAD_REMOTE: 2,
|
|
10
|
-
UNKNOWN: 3
|
|
11
|
-
};
|
|
12
|
-
const WRAP_DATA_FETCH_ID_IDENTIFIER = "wrap_dfip_identifier";
|
|
13
|
-
var MF_DATA_FETCH_TYPE = /* @__PURE__ */ ((MF_DATA_FETCH_TYPE2) => {
|
|
14
|
-
MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_SERVER"] = 1] = "FETCH_SERVER";
|
|
15
|
-
MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_CLIENT"] = 2] = "FETCH_CLIENT";
|
|
16
|
-
return MF_DATA_FETCH_TYPE2;
|
|
17
|
-
})(MF_DATA_FETCH_TYPE || {});
|
|
18
|
-
var MF_DATA_FETCH_STATUS = /* @__PURE__ */ ((MF_DATA_FETCH_STATUS2) => {
|
|
19
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADED"] = 1] = "LOADED";
|
|
20
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADING"] = 2] = "LOADING";
|
|
21
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["AWAIT"] = 0] = "AWAIT";
|
|
22
|
-
MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["ERROR"] = 3] = "ERROR";
|
|
23
|
-
return MF_DATA_FETCH_STATUS2;
|
|
24
|
-
})(MF_DATA_FETCH_STATUS || {});
|
|
25
|
-
const DATA_FETCH_IDENTIFIER = "data";
|
|
26
|
-
const DATA_FETCH_CLIENT_SUFFIX = ".client";
|
|
27
|
-
const DATA_FETCH_QUERY = "x-mf-data-fetch";
|
|
28
|
-
const DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
|
|
29
|
-
const LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
|
|
30
|
-
const logger = index_esm.createLogger(PLUGIN_IDENTIFIER);
|
|
31
|
-
const getDataFetchInfo = ({
|
|
32
|
-
name,
|
|
33
|
-
alias,
|
|
34
|
-
id,
|
|
35
|
-
remoteSnapshot
|
|
36
|
-
}) => {
|
|
37
|
-
if (!remoteSnapshot) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
if (!("modules" in remoteSnapshot)) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
const regex = new RegExp(`^${name}(/[^/].*|)$`);
|
|
44
|
-
const nameOrAlias = regex.test(id) ? name : alias || name;
|
|
45
|
-
const expose = id.replace(nameOrAlias, "");
|
|
46
|
-
let dataFetchName = "";
|
|
47
|
-
let dataFetchId = "";
|
|
48
|
-
if (expose.startsWith("/")) {
|
|
49
|
-
dataFetchName = `${expose.slice(1)}.${DATA_FETCH_IDENTIFIER}`;
|
|
50
|
-
dataFetchId = `${id}.${DATA_FETCH_IDENTIFIER}`;
|
|
51
|
-
} else if (expose === "") {
|
|
52
|
-
dataFetchName = DATA_FETCH_IDENTIFIER;
|
|
53
|
-
dataFetchId = `${id}/${DATA_FETCH_IDENTIFIER}`;
|
|
54
|
-
} else {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
if (!dataFetchName || !dataFetchId) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
if (!remoteSnapshot.modules.find(
|
|
61
|
-
(module2) => module2.moduleName === dataFetchName
|
|
62
|
-
)) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
return {
|
|
66
|
-
dataFetchName,
|
|
67
|
-
dataFetchId
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
function initDataFetchMap() {
|
|
71
|
-
globalThis.__MF_DATA_FETCH_MAP__ || (globalThis.__MF_DATA_FETCH_MAP__ = {});
|
|
72
|
-
}
|
|
73
|
-
function getDataFetchItem(id) {
|
|
74
|
-
var _a;
|
|
75
|
-
return (_a = globalThis.__MF_DATA_FETCH_MAP__) == null ? void 0 : _a[id];
|
|
76
|
-
}
|
|
77
|
-
function getDataFetchMap() {
|
|
78
|
-
return globalThis.__MF_DATA_FETCH_MAP__;
|
|
79
|
-
}
|
|
80
|
-
const flushDataFetch = () => {
|
|
81
|
-
globalThis.__MF_DATA_FETCH_MAP__ = {};
|
|
82
|
-
globalThis[DOWNGRADE_KEY] = void 0;
|
|
83
|
-
};
|
|
84
|
-
function setDataFetchItemLoadedStatus(id) {
|
|
85
|
-
const dataFetchItem = getDataFetchItem(id);
|
|
86
|
-
if (!dataFetchItem) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
dataFetchItem[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
90
|
-
}
|
|
91
|
-
const wrapDataFetchId = (id) => {
|
|
92
|
-
return `${WRAP_DATA_FETCH_ID_IDENTIFIER}${id}${WRAP_DATA_FETCH_ID_IDENTIFIER}`;
|
|
93
|
-
};
|
|
94
|
-
const getDataFetchIdWithErrorMsgs = (errMsgs) => {
|
|
95
|
-
const firstIdentifierIndex = errMsgs.indexOf(WRAP_DATA_FETCH_ID_IDENTIFIER);
|
|
96
|
-
if (firstIdentifierIndex === -1) {
|
|
97
|
-
return void 0;
|
|
98
|
-
}
|
|
99
|
-
const secondIdentifierIndex = errMsgs.indexOf(
|
|
100
|
-
WRAP_DATA_FETCH_ID_IDENTIFIER,
|
|
101
|
-
firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length
|
|
102
|
-
);
|
|
103
|
-
if (secondIdentifierIndex === -1) {
|
|
104
|
-
return void 0;
|
|
105
|
-
}
|
|
106
|
-
return errMsgs.substring(
|
|
107
|
-
firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length,
|
|
108
|
-
secondIdentifierIndex
|
|
109
|
-
);
|
|
110
|
-
};
|
|
111
|
-
async function fetchData(id, params, remoteInfo) {
|
|
112
|
-
var _a;
|
|
113
|
-
const callFetchData = async () => {
|
|
114
|
-
const item = getDataFetchItem(id);
|
|
115
|
-
if (!item) {
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
const [fetchDataFnArr, ..._rest] = item;
|
|
119
|
-
const fetchDataFn = await fetchDataFnArr[2];
|
|
120
|
-
if (!fetchDataFn) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
return fetchDataFn(params);
|
|
124
|
-
};
|
|
125
|
-
if (index_esm.isBrowserEnv()) {
|
|
126
|
-
const dataFetchItem = getDataFetchItem(id);
|
|
127
|
-
if (!dataFetchItem) {
|
|
128
|
-
throw new Error(`dataFetchItem not found, id: ${id}`);
|
|
129
|
-
}
|
|
130
|
-
if ((_a = dataFetchItem[1]) == null ? void 0 : _a[0]) {
|
|
131
|
-
return dataFetchItem[1][0];
|
|
132
|
-
}
|
|
133
|
-
if (isCSROnly()) {
|
|
134
|
-
logger.debug("==========csr only!");
|
|
135
|
-
return callFetchData();
|
|
136
|
-
}
|
|
137
|
-
if (remoteInfo) {
|
|
138
|
-
return callDowngrade(id, params, remoteInfo);
|
|
139
|
-
}
|
|
140
|
-
const mfDowngrade = getDowngradeTag();
|
|
141
|
-
if (mfDowngrade) {
|
|
142
|
-
if (typeof mfDowngrade === "boolean") {
|
|
143
|
-
return callDowngrade(id, { ...params, isDowngrade: true });
|
|
144
|
-
}
|
|
145
|
-
if (mfDowngrade.includes(id)) {
|
|
146
|
-
return callDowngrade(id, { ...params, isDowngrade: true });
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
let res;
|
|
150
|
-
let rej;
|
|
151
|
-
const p = new Promise((resolve, reject) => {
|
|
152
|
-
res = resolve;
|
|
153
|
-
rej = reject;
|
|
154
|
-
});
|
|
155
|
-
dataFetchItem[1] = [p, res, rej];
|
|
156
|
-
dataFetchItem[2] = MF_DATA_FETCH_STATUS.AWAIT;
|
|
157
|
-
return dataFetchItem[1][0];
|
|
158
|
-
}
|
|
159
|
-
return callFetchData();
|
|
160
|
-
}
|
|
161
|
-
function getDataFetchMapKey(dataFetchInfo, hostInfo) {
|
|
162
|
-
if (!dataFetchInfo || !hostInfo) {
|
|
163
|
-
return;
|
|
164
|
-
}
|
|
165
|
-
const { dataFetchId } = dataFetchInfo;
|
|
166
|
-
return index_esm.composeKeyWithSeparator(dataFetchId, hostInfo.name, hostInfo.version);
|
|
167
|
-
}
|
|
168
|
-
async function loadDataFetchModule(instance, id) {
|
|
169
|
-
return instance.loadRemote(id).then((m) => {
|
|
170
|
-
if (m && typeof m === "object" && "fetchData" in m && typeof m.fetchData === "function") {
|
|
171
|
-
return m.fetchData;
|
|
172
|
-
}
|
|
173
|
-
throw new Error(
|
|
174
|
-
`fetchData not found in remote ${id}, ${JSON.stringify(m)}`
|
|
175
|
-
);
|
|
176
|
-
});
|
|
177
|
-
}
|
|
178
|
-
function isDataLoaderExpose(exposeKey) {
|
|
179
|
-
return exposeKey.endsWith(DATA_FETCH_IDENTIFIER) || exposeKey.endsWith(DATA_FETCH_CLIENT_SUFFIX);
|
|
180
|
-
}
|
|
181
|
-
function getDowngradeTag() {
|
|
182
|
-
return globalThis[DOWNGRADE_KEY];
|
|
183
|
-
}
|
|
184
|
-
function callAllDowngrade() {
|
|
185
|
-
const dataFetchMap = getDataFetchMap();
|
|
186
|
-
if (!dataFetchMap) {
|
|
187
|
-
return;
|
|
188
|
-
}
|
|
189
|
-
Object.keys(dataFetchMap).forEach((key) => {
|
|
190
|
-
callDowngrade(key);
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
async function callDowngrade(id, params, remoteInfo) {
|
|
194
|
-
const dataFetchMap = getDataFetchMap();
|
|
195
|
-
if (!dataFetchMap) {
|
|
196
|
-
return;
|
|
197
|
-
}
|
|
198
|
-
const mfDataFetch = dataFetchMap[id];
|
|
199
|
-
if ((mfDataFetch == null ? void 0 : mfDataFetch[2]) === MF_DATA_FETCH_STATUS.AWAIT) {
|
|
200
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADING;
|
|
201
|
-
let promise;
|
|
202
|
-
let res;
|
|
203
|
-
let rej;
|
|
204
|
-
if (mfDataFetch[1]) {
|
|
205
|
-
promise = mfDataFetch[1][0];
|
|
206
|
-
res = mfDataFetch[1][1];
|
|
207
|
-
rej = mfDataFetch[1][2];
|
|
208
|
-
} else {
|
|
209
|
-
promise = new Promise((resolve, reject) => {
|
|
210
|
-
res = resolve;
|
|
211
|
-
rej = reject;
|
|
212
|
-
});
|
|
213
|
-
mfDataFetch[1] = [promise, res, rej];
|
|
214
|
-
}
|
|
215
|
-
const dataFetchType = mfDataFetch[0][1];
|
|
216
|
-
if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_CLIENT) {
|
|
217
|
-
try {
|
|
218
|
-
mfDataFetch[0][0]().then((getDataFetchFn) => {
|
|
219
|
-
return getDataFetchFn({
|
|
220
|
-
...params,
|
|
221
|
-
isDowngrade: true
|
|
222
|
-
}).then((data) => {
|
|
223
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
224
|
-
res && res(data);
|
|
225
|
-
});
|
|
226
|
-
});
|
|
227
|
-
} catch (e) {
|
|
228
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
|
|
229
|
-
rej && rej(e);
|
|
230
|
-
}
|
|
231
|
-
} else if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_SERVER) {
|
|
232
|
-
try {
|
|
233
|
-
const currentUrl = new URL(window.location.href);
|
|
234
|
-
currentUrl.searchParams.set(DATA_FETCH_QUERY, encodeURIComponent(id));
|
|
235
|
-
if (params) {
|
|
236
|
-
currentUrl.searchParams.set(
|
|
237
|
-
"params",
|
|
238
|
-
encodeURIComponent(JSON.stringify(params))
|
|
239
|
-
);
|
|
240
|
-
}
|
|
241
|
-
if (remoteInfo) {
|
|
242
|
-
currentUrl.searchParams.set(
|
|
243
|
-
"remoteInfo",
|
|
244
|
-
encodeURIComponent(JSON.stringify(remoteInfo))
|
|
245
|
-
);
|
|
246
|
-
}
|
|
247
|
-
const fetchServerQuery = globalThis.FEDERATION_SERVER_QUERY;
|
|
248
|
-
if (fetchServerQuery && typeof fetchServerQuery === "object") {
|
|
249
|
-
Object.keys(fetchServerQuery).forEach((key) => {
|
|
250
|
-
currentUrl.searchParams.set(
|
|
251
|
-
key,
|
|
252
|
-
JSON.stringify(fetchServerQuery[key])
|
|
253
|
-
);
|
|
254
|
-
});
|
|
255
|
-
}
|
|
256
|
-
const fetchUrl = currentUrl.toString();
|
|
257
|
-
const data = await fetch(fetchUrl).then((res2) => res2.json());
|
|
258
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
|
|
259
|
-
res && res(data);
|
|
260
|
-
} catch (e) {
|
|
261
|
-
mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
|
|
262
|
-
rej && rej(e);
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
return promise;
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
function isCSROnly() {
|
|
269
|
-
return window._SSR_DATA === void 0;
|
|
270
|
-
}
|
|
271
|
-
function setSSREnv({
|
|
272
|
-
fetchServerQuery
|
|
273
|
-
}) {
|
|
274
|
-
globalThis.FEDERATION_SSR = true;
|
|
275
|
-
globalThis.FEDERATION_SERVER_QUERY = fetchServerQuery;
|
|
276
|
-
}
|
|
277
|
-
function getLoadedRemoteInfos(id, instance) {
|
|
278
|
-
if (!instance) {
|
|
279
|
-
return;
|
|
280
|
-
}
|
|
281
|
-
const { name, expose } = instance.remoteHandler.idToRemoteMap[id] || {};
|
|
282
|
-
if (!name) {
|
|
283
|
-
return;
|
|
284
|
-
}
|
|
285
|
-
const module2 = instance.moduleCache.get(name);
|
|
286
|
-
if (!module2) {
|
|
287
|
-
return;
|
|
288
|
-
}
|
|
289
|
-
const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(
|
|
290
|
-
module2.remoteInfo
|
|
291
|
-
);
|
|
292
|
-
return {
|
|
293
|
-
...module2.remoteInfo,
|
|
294
|
-
snapshot: remoteSnapshot,
|
|
295
|
-
expose
|
|
296
|
-
};
|
|
297
|
-
}
|
|
298
|
-
exports.DATA_FETCH_CLIENT_SUFFIX = DATA_FETCH_CLIENT_SUFFIX;
|
|
299
|
-
exports.DATA_FETCH_ERROR_PREFIX = DATA_FETCH_ERROR_PREFIX;
|
|
300
|
-
exports.DATA_FETCH_FUNCTION = DATA_FETCH_FUNCTION;
|
|
301
|
-
exports.DATA_FETCH_QUERY = DATA_FETCH_QUERY;
|
|
302
|
-
exports.DOWNGRADE_KEY = DOWNGRADE_KEY;
|
|
303
|
-
exports.ERROR_TYPE = ERROR_TYPE;
|
|
304
|
-
exports.FS_HREF = FS_HREF;
|
|
305
|
-
exports.LOAD_REMOTE_ERROR_PREFIX = LOAD_REMOTE_ERROR_PREFIX;
|
|
306
|
-
exports.MF_DATA_FETCH_STATUS = MF_DATA_FETCH_STATUS;
|
|
307
|
-
exports.MF_DATA_FETCH_TYPE = MF_DATA_FETCH_TYPE;
|
|
308
|
-
exports.callAllDowngrade = callAllDowngrade;
|
|
309
|
-
exports.callDowngrade = callDowngrade;
|
|
310
|
-
exports.fetchData = fetchData;
|
|
311
|
-
exports.flushDataFetch = flushDataFetch;
|
|
312
|
-
exports.getDataFetchIdWithErrorMsgs = getDataFetchIdWithErrorMsgs;
|
|
313
|
-
exports.getDataFetchInfo = getDataFetchInfo;
|
|
314
|
-
exports.getDataFetchItem = getDataFetchItem;
|
|
315
|
-
exports.getDataFetchMap = getDataFetchMap;
|
|
316
|
-
exports.getDataFetchMapKey = getDataFetchMapKey;
|
|
317
|
-
exports.getDowngradeTag = getDowngradeTag;
|
|
318
|
-
exports.getLoadedRemoteInfos = getLoadedRemoteInfos;
|
|
319
|
-
exports.initDataFetchMap = initDataFetchMap;
|
|
320
|
-
exports.isCSROnly = isCSROnly;
|
|
321
|
-
exports.isDataLoaderExpose = isDataLoaderExpose;
|
|
322
|
-
exports.loadDataFetchModule = loadDataFetchModule;
|
|
323
|
-
exports.logger = logger;
|
|
324
|
-
exports.setDataFetchItemLoadedStatus = setDataFetchItemLoadedStatus;
|
|
325
|
-
exports.setSSREnv = setSSREnv;
|
|
326
|
-
exports.wrapDataFetchId = wrapDataFetchId;
|