@module-federation/modern-js 0.0.0-next-20240913095223 → 0.0.0-next-20240918063302

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.
Files changed (99) hide show
  1. package/dist/cjs/cli/{dataLoader/ast/index.js → constant.js} +6 -6
  2. package/dist/cjs/cli/index.js +1 -5
  3. package/dist/cjs/cli/mfRuntimePlugins/{node-fetch.js → inject-node-fetch.js} +6 -6
  4. package/dist/cjs/cli/mfRuntimePlugins/resolve-entry-ipv4.js +38 -40
  5. package/dist/cjs/{runtime/withMFRouteId.js → cli/mfRuntimePlugins/shared-strategy.js} +23 -11
  6. package/dist/cjs/cli/ssrPlugin.js +2 -5
  7. package/dist/cjs/cli/utils.js +6 -11
  8. package/dist/cjs/cli/utils.spec.js +6 -5
  9. package/dist/cjs/constant.js +2 -32
  10. package/dist/cjs/runtime/index.js +1 -4
  11. package/dist/cjs/ssr-runtime/plugin.js +22 -9
  12. package/dist/esm/cli/constant.js +4 -0
  13. package/dist/esm/cli/index.js +2 -6
  14. package/dist/esm/cli/mfRuntimePlugins/{node-fetch.js → inject-node-fetch.js} +3 -3
  15. package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js +25 -0
  16. package/dist/esm/cli/ssrPlugin.js +3 -6
  17. package/dist/esm/cli/utils.js +8 -13
  18. package/dist/esm/cli/utils.spec.js +6 -5
  19. package/dist/esm/constant.js +1 -21
  20. package/dist/esm/runtime/index.js +1 -3
  21. package/dist/esm/ssr-runtime/plugin.js +26 -10
  22. package/dist/esm-node/cli/constant.js +4 -0
  23. package/dist/esm-node/cli/index.js +1 -5
  24. package/dist/esm-node/cli/mfRuntimePlugins/{node-fetch.js → inject-node-fetch.js} +3 -3
  25. package/dist/esm-node/cli/mfRuntimePlugins/resolve-entry-ipv4.js +38 -40
  26. package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.js +23 -0
  27. package/dist/esm-node/cli/ssrPlugin.js +2 -5
  28. package/dist/esm-node/cli/utils.js +5 -9
  29. package/dist/esm-node/cli/utils.spec.js +6 -5
  30. package/dist/esm-node/constant.js +1 -21
  31. package/dist/esm-node/runtime/index.js +1 -3
  32. package/dist/esm-node/ssr-runtime/plugin.js +22 -9
  33. package/dist/types/cli/constant.d.ts +1 -0
  34. package/dist/types/cli/mfRuntimePlugins/shared-strategy.d.ts +3 -0
  35. package/dist/types/cli/utils.d.ts +0 -2
  36. package/dist/types/constant.d.ts +0 -10
  37. package/dist/types/runtime/index.d.ts +0 -1
  38. package/dist/types/ssr-runtime/plugin.d.ts +1 -3
  39. package/dist/types/types/index.d.ts +0 -9
  40. package/package.json +11 -48
  41. package/dist/cjs/cli/dataLoader/ast/constant.js +0 -49
  42. package/dist/cjs/cli/dataLoader/ast/generateRoutes.js +0 -141
  43. package/dist/cjs/cli/dataLoader/clearMFCache.js +0 -57
  44. package/dist/cjs/cli/dataLoader/generateRouteFile.js +0 -143
  45. package/dist/cjs/cli/dataLoader/patchMFConfig.js +0 -140
  46. package/dist/cjs/cli/dataLoader/plugin.js +0 -204
  47. package/dist/cjs/cli/mfRuntimePlugins/node.js +0 -41
  48. package/dist/cjs/cli/server/dataLoaderPlugin.js +0 -84
  49. package/dist/cjs/cli/server/fetchRemoteFullRoutesMap.js +0 -69
  50. package/dist/cjs/interfaces/route.js +0 -16
  51. package/dist/cjs/runtime/dataLoader/plugin-inject-assets.js +0 -94
  52. package/dist/cjs/runtime/dataLoader/plugin.js +0 -74
  53. package/dist/cjs/runtime/dataLoader/utils.js +0 -106
  54. package/dist/esm/cli/dataLoader/ast/constant.js +0 -18
  55. package/dist/esm/cli/dataLoader/ast/generateRoutes.js +0 -108
  56. package/dist/esm/cli/dataLoader/ast/index.js +0 -4
  57. package/dist/esm/cli/dataLoader/clearMFCache.js +0 -34
  58. package/dist/esm/cli/dataLoader/generateRouteFile.js +0 -293
  59. package/dist/esm/cli/dataLoader/patchMFConfig.js +0 -106
  60. package/dist/esm/cli/dataLoader/plugin.js +0 -232
  61. package/dist/esm/cli/mfRuntimePlugins/node.js +0 -13
  62. package/dist/esm/cli/server/dataLoaderPlugin.js +0 -107
  63. package/dist/esm/cli/server/fetchRemoteFullRoutesMap.js +0 -88
  64. package/dist/esm/interfaces/route.js +0 -0
  65. package/dist/esm/runtime/dataLoader/plugin-inject-assets.js +0 -73
  66. package/dist/esm/runtime/dataLoader/plugin.js +0 -94
  67. package/dist/esm/runtime/dataLoader/utils.js +0 -77
  68. package/dist/esm/runtime/withMFRouteId.js +0 -7
  69. package/dist/esm-node/cli/dataLoader/ast/constant.js +0 -18
  70. package/dist/esm-node/cli/dataLoader/ast/generateRoutes.js +0 -107
  71. package/dist/esm-node/cli/dataLoader/ast/index.js +0 -4
  72. package/dist/esm-node/cli/dataLoader/clearMFCache.js +0 -33
  73. package/dist/esm-node/cli/dataLoader/generateRouteFile.js +0 -108
  74. package/dist/esm-node/cli/dataLoader/patchMFConfig.js +0 -106
  75. package/dist/esm-node/cli/dataLoader/plugin.js +0 -169
  76. package/dist/esm-node/cli/mfRuntimePlugins/node.js +0 -11
  77. package/dist/esm-node/cli/server/dataLoaderPlugin.js +0 -64
  78. package/dist/esm-node/cli/server/fetchRemoteFullRoutesMap.js +0 -44
  79. package/dist/esm-node/interfaces/route.js +0 -0
  80. package/dist/esm-node/runtime/dataLoader/plugin-inject-assets.js +0 -70
  81. package/dist/esm-node/runtime/dataLoader/plugin.js +0 -50
  82. package/dist/esm-node/runtime/dataLoader/utils.js +0 -77
  83. package/dist/esm-node/runtime/withMFRouteId.js +0 -7
  84. package/dist/types/cli/dataLoader/ast/constant.d.ts +0 -8
  85. package/dist/types/cli/dataLoader/ast/generateRoutes.d.ts +0 -5
  86. package/dist/types/cli/dataLoader/ast/index.d.ts +0 -1
  87. package/dist/types/cli/dataLoader/clearMFCache.d.ts +0 -1
  88. package/dist/types/cli/dataLoader/generateRouteFile.d.ts +0 -7
  89. package/dist/types/cli/dataLoader/patchMFConfig.d.ts +0 -10
  90. package/dist/types/cli/dataLoader/plugin.d.ts +0 -6
  91. package/dist/types/cli/mfRuntimePlugins/node.d.ts +0 -3
  92. package/dist/types/cli/server/dataLoaderPlugin.d.ts +0 -10
  93. package/dist/types/cli/server/fetchRemoteFullRoutesMap.d.ts +0 -10
  94. package/dist/types/interfaces/route.d.ts +0 -12
  95. package/dist/types/runtime/dataLoader/plugin-inject-assets.d.ts +0 -4
  96. package/dist/types/runtime/dataLoader/plugin.d.ts +0 -4
  97. package/dist/types/runtime/dataLoader/utils.d.ts +0 -22
  98. package/dist/types/runtime/withMFRouteId.d.ts +0 -1
  99. /package/dist/types/cli/mfRuntimePlugins/{node-fetch.d.ts → inject-node-fetch.d.ts} +0 -0
@@ -1,70 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useContext } from "react";
3
- import { getInstance } from "@module-federation/enhanced/runtime";
4
- import { collectSSRAssets } from "../createRemoteSSRComponent";
5
- import { RuntimeReactContext } from "@meta/runtime";
6
- import { decodeId, getRemoteId } from "./utils";
7
- function traverseRoutes(routes, remoteNames) {
8
- routes.forEach((route) => {
9
- route.id && remoteNames.add(decodeId(route.id));
10
- route.children && traverseRoutes(route.children, remoteNames);
11
- });
12
- }
13
- const ssrDataLoaderInjectAssetsPlugin = ({ metaName }) => {
14
- return {
15
- name: "@modern-js/plugin-mf-data-loader-inject-assets",
16
- pre: [
17
- "@modern-js/plugin-mf-data-loader"
18
- ],
19
- post: [
20
- "@module-federation/modern-js",
21
- `@${metaName}/plugin-router`
22
- ],
23
- setup: () => {
24
- return {
25
- wrapRoot(App) {
26
- const AppWrapper = (props) => {
27
- const instance = getInstance();
28
- if (!instance || !instance.options.remotes.length) {
29
- console.log("plugin-mf-data-loader-inject-assets no instance!");
30
- return /* @__PURE__ */ _jsx(_Fragment, {
31
- children: props.children
32
- });
33
- }
34
- const context = useContext(RuntimeReactContext);
35
- const { remotes } = instance.options;
36
- const remoteNames = /* @__PURE__ */ new Set();
37
- traverseRoutes(context.routes, remoteNames);
38
- const remoteIds = [
39
- ...remoteNames
40
- ].reduce((sum, cur) => {
41
- const matchRemote = remotes.find((r) => r.name === cur);
42
- if (matchRemote) {
43
- sum.add(getRemoteId(cur));
44
- }
45
- return sum;
46
- }, /* @__PURE__ */ new Set());
47
- const assets = [];
48
- remoteIds.forEach((remoteId) => {
49
- assets.push(...collectSSRAssets({
50
- id: remoteId,
51
- injectScript: false
52
- }));
53
- });
54
- console.log("plugin-mf-data-loader-inject-assets has assets: ", assets);
55
- return /* @__PURE__ */ _jsxs(_Fragment, {
56
- children: [
57
- assets,
58
- props.children
59
- ]
60
- });
61
- };
62
- return AppWrapper;
63
- }
64
- };
65
- }
66
- };
67
- };
68
- export {
69
- ssrDataLoaderInjectAssetsPlugin
70
- };
@@ -1,50 +0,0 @@
1
- import { getInstance } from "@module-federation/enhanced/runtime";
2
- import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
3
- import { injectRemoteRoutes } from "./utils";
4
- const ssrDataLoaderPlugin = ({ metaName }) => {
5
- return {
6
- name: "@modern-js/plugin-mf-data-loader",
7
- post: [
8
- `@${metaName}/plugin-router`,
9
- "@module-federation/modern-js"
10
- ],
11
- setup: () => {
12
- const remoteRoutesMap = {};
13
- return {
14
- async beforeRender() {
15
- console.log("init");
16
- if (Object.keys(remoteRoutesMap).length) {
17
- return;
18
- }
19
- const instance = getInstance();
20
- if (!instance) {
21
- console.log("no instance!");
22
- return;
23
- }
24
- if (!instance.options.remotes.length) {
25
- return;
26
- }
27
- await Promise.all(instance.options.remotes.map(async (remote) => {
28
- const remoteId = `${remote.name}/${DEFAULT_ENTRY}/${MF_ROUTES}`;
29
- const { routes } = await instance.loadRemote(remoteId);
30
- remoteRoutesMap[remote.name] = {
31
- routes
32
- };
33
- }));
34
- },
35
- // runtime plugin not save route , so it needs to inject again when trigger
36
- modifyRoutes: (routes) => {
37
- injectRemoteRoutes({
38
- entry: {
39
- routes
40
- }
41
- }, remoteRoutesMap);
42
- return routes;
43
- }
44
- };
45
- }
46
- };
47
- };
48
- export {
49
- ssrDataLoaderPlugin
50
- };
@@ -1,77 +0,0 @@
1
- import { encodeName, decodeName } from "@module-federation/sdk";
2
- import { DEFAULT_ENTRY, DEFAULT_LAYOUT, MF_ROUTES } from "../../constant";
3
- const SPLIT_SYMBOL = "@";
4
- function transformName2Prefix(name) {
5
- return `${encodeName(name, "", false)}${SPLIT_SYMBOL}`;
6
- }
7
- function decodeId(prefix) {
8
- const realPrefix = prefix.split(SPLIT_SYMBOL)[0];
9
- return decodeName(realPrefix, "", false);
10
- }
11
- function getRemoteRoutesInfos(route, remoteRoutesMap) {
12
- if (!route.id) {
13
- return;
14
- }
15
- const remoteName = decodeId(route.id);
16
- const remoteRouteObj = remoteRoutesMap[remoteName];
17
- if (!remoteRouteObj) {
18
- return;
19
- }
20
- const remoteRoutes = remoteRouteObj.routes[0];
21
- return {
22
- routes: remoteRoutes,
23
- name: remoteName,
24
- pathName: route.path
25
- };
26
- }
27
- function getRemoteLayoutId(remoteName) {
28
- const prefix = transformName2Prefix(remoteName);
29
- return `${prefix}${DEFAULT_LAYOUT}`;
30
- }
31
- function getRemoteId(remoteName) {
32
- return `${remoteName}/${DEFAULT_ENTRY}/${MF_ROUTES}`;
33
- }
34
- function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
35
- const traverse = (route) => {
36
- var _route_children;
37
- const remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
38
- if (remoteRoutesInfos) {
39
- const { routes, pathName } = remoteRoutesInfos;
40
- route.id = routes.id;
41
- route.path = pathName;
42
- if (routes.loader) {
43
- route.loader = routes.loader;
44
- }
45
- if (routes.children) {
46
- route.children = routes.children;
47
- }
48
- route.element = routes.element;
49
- route.Component = routes.Component;
50
- return;
51
- }
52
- (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach((r) => {
53
- traverse(r);
54
- });
55
- };
56
- Object.keys(initialRoutes).forEach((entryName) => {
57
- const routes = initialRoutes[entryName];
58
- if (Array.isArray(routes)) {
59
- routes.forEach((route) => {
60
- traverse(route);
61
- });
62
- } else {
63
- var _routes_routes;
64
- routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach((r) => {
65
- traverse(r);
66
- });
67
- }
68
- });
69
- }
70
- export {
71
- decodeId,
72
- getRemoteId,
73
- getRemoteLayoutId,
74
- getRemoteRoutesInfos,
75
- injectRemoteRoutes,
76
- transformName2Prefix
77
- };
@@ -1,7 +0,0 @@
1
- function withMFRouteId(id) {
2
- const prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
3
- return prefix + id;
4
- }
5
- export {
6
- withMFRouteId
7
- };
@@ -1,8 +0,0 @@
1
- export declare const IS_ROOT = "isRoot";
2
- export declare const ID = "id";
3
- export declare const COMPONENT = "component";
4
- export declare const LAZY_COMPONENT = "lazyImport";
5
- export declare const SHOULD_REVALIDATE = "shouldRevalidate";
6
- export declare const PRIVATE_COMPONENT = "_component";
7
- export declare const ELEMENT = "element";
8
- export declare const LOADER = "loader";
@@ -1,5 +0,0 @@
1
- declare function generateRoutes({ sourceCode, filePath, }: {
2
- sourceCode: string;
3
- filePath: string;
4
- }): void;
5
- export { generateRoutes };
@@ -1 +0,0 @@
1
- export { generateRoutes } from './generateRoutes';
@@ -1 +0,0 @@
1
- export declare function clearMFCache(): void;
@@ -1,7 +0,0 @@
1
- export declare function calcPathName(filePath: string, rootDir: string, entry: string): string;
2
- export declare function generateRouteFile(options: {
3
- appDirectory: string;
4
- }): Promise<{
5
- entries: string[];
6
- remotePathMap: Record<string, string>;
7
- }>;
@@ -1,10 +0,0 @@
1
- import { type moduleFederationPlugin } from '@module-federation/sdk';
2
- type PatchMFConfigOptions = {
3
- mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions;
4
- metaName: string;
5
- isServer: boolean;
6
- internalDirectory: string;
7
- entries: Set<string>;
8
- };
9
- export declare function patchMFConfig(options: PatchMFConfigOptions): void;
10
- export {};
@@ -1,6 +0,0 @@
1
- import type { CliPlugin, AppTools } from '@modern-js/app-tools';
2
- import type { DataLoaderOptions, InternalModernPluginOptions } from '../../types';
3
- import { generateRoutes } from './ast';
4
- export declare const moduleFederationDataLoaderPlugin: (enable: boolean, internalOptions: InternalModernPluginOptions, userConfig: DataLoaderOptions) => CliPlugin<AppTools>;
5
- export default moduleFederationDataLoaderPlugin;
6
- export { generateRoutes };
@@ -1,3 +0,0 @@
1
- import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
2
- declare const nodePlugin: () => FederationRuntimePlugin;
3
- export default nodePlugin;
@@ -1,10 +0,0 @@
1
- import type { ServerPlugin } from '@modern-js/server-core';
2
- import { init } from '@module-federation/enhanced/runtime';
3
- type MFRuntimeOptions = Parameters<typeof init>[0];
4
- export type DataLoaderServerPluginOptions = {
5
- runtimeOptions: MFRuntimeOptions;
6
- partialSSRRemotes: string[];
7
- ssrByRouteIdsMap: Record<string, string>;
8
- };
9
- declare const _default: ({ runtimeOptions, partialSSRRemotes, ssrByRouteIdsMap, }: DataLoaderServerPluginOptions) => ServerPlugin;
10
- export default _default;
@@ -1,10 +0,0 @@
1
- import type { FederationHost } from '@module-federation/enhanced/runtime';
2
- import type { RouteObject } from '@modern-js/runtime/router';
3
- export type RemoteRoutesMap = Record<string, {
4
- routes: RouteObject[];
5
- }>;
6
- export declare function fetchRemoteFullRoutesMap(options: {
7
- remotePath: string;
8
- instance: FederationHost;
9
- }): Promise<RemoteRoutesMap>;
10
- export declare function getSSRByRouteIds(partialSSRRemotes: string[], remoteRoutesMap: RemoteRoutesMap): undefined | string[];
@@ -1,12 +0,0 @@
1
- export type Route = {
2
- id: string;
3
- type: string;
4
- loader?: boolean;
5
- index?: boolean;
6
- isRoot?: boolean;
7
- children?: Route[];
8
- };
9
- export type MFModernRouteJson = {
10
- routes: Record<string, Route[]>;
11
- prefix: string;
12
- };
@@ -1,4 +0,0 @@
1
- import type { Plugin } from '@modern-js/runtime';
2
- export declare const ssrDataLoaderInjectAssetsPlugin: ({ metaName, }: {
3
- metaName: string;
4
- }) => Plugin;
@@ -1,4 +0,0 @@
1
- import type { Plugin } from '@modern-js/runtime';
2
- export declare const ssrDataLoaderPlugin: ({ metaName, }: {
3
- metaName: string;
4
- }) => Plugin;
@@ -1,22 +0,0 @@
1
- import type { RouteObject } from '@modern-js/runtime/router';
2
- export type RemoteRoutesMap = Record<string, {
3
- routes: RouteObject[];
4
- }>;
5
- export type LoaderBundlesRoutes = {
6
- [entryName: string]: {
7
- routes: RouteObject[];
8
- };
9
- };
10
- export type NestedRoutes = {
11
- [entryName: string]: RouteObject[];
12
- };
13
- export declare function transformName2Prefix(name: string): string;
14
- export declare function decodeId(prefix: string): string;
15
- export declare function getRemoteRoutesInfos(route: RouteObject, remoteRoutesMap: RemoteRoutesMap): {
16
- routes: RouteObject;
17
- name: string;
18
- pathName: string | undefined;
19
- } | undefined;
20
- export declare function getRemoteLayoutId(remoteName: string): string;
21
- export declare function getRemoteId(remoteName: string): string;
22
- export declare function injectRemoteRoutes(initialRoutes: LoaderBundlesRoutes | NestedRoutes, remoteRoutesMap: RemoteRoutesMap): void;
@@ -1 +0,0 @@
1
- export declare function withMFRouteId(id: string): string;