@module-federation/modern-js 0.0.0-next-20240910102933 → 0.0.0-next-20240911025149

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 (94) 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 +1 -1
  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 +7 -7
  12. package/dist/esm/cli/constant.js +4 -0
  13. package/dist/esm/cli/index.js +1 -4
  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 +1 -1
  17. package/dist/esm/cli/utils.js +5 -9
  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 +10 -7
  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 +1 -1
  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 +7 -7
  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/types/index.d.ts +0 -9
  39. package/package.json +11 -48
  40. package/dist/cjs/cli/dataLoader/ast/constant.js +0 -49
  41. package/dist/cjs/cli/dataLoader/ast/generateRoutes.js +0 -141
  42. package/dist/cjs/cli/dataLoader/generateRouteFile.js +0 -143
  43. package/dist/cjs/cli/dataLoader/patchMFConfig.js +0 -140
  44. package/dist/cjs/cli/dataLoader/plugin.js +0 -199
  45. package/dist/cjs/cli/mfRuntimePlugins/node.js +0 -41
  46. package/dist/cjs/cli/server/dataLoaderPlugin.js +0 -82
  47. package/dist/cjs/cli/server/fetchRemoteFullRoutesMap.js +0 -69
  48. package/dist/cjs/interfaces/route.js +0 -16
  49. package/dist/cjs/runtime/dataLoader/plugin-inject-assets.js +0 -84
  50. package/dist/cjs/runtime/dataLoader/plugin.js +0 -74
  51. package/dist/cjs/runtime/dataLoader/utils.js +0 -106
  52. package/dist/esm/cli/dataLoader/ast/constant.js +0 -18
  53. package/dist/esm/cli/dataLoader/ast/generateRoutes.js +0 -108
  54. package/dist/esm/cli/dataLoader/ast/index.js +0 -4
  55. package/dist/esm/cli/dataLoader/generateRouteFile.js +0 -293
  56. package/dist/esm/cli/dataLoader/patchMFConfig.js +0 -106
  57. package/dist/esm/cli/dataLoader/plugin.js +0 -214
  58. package/dist/esm/cli/mfRuntimePlugins/node.js +0 -13
  59. package/dist/esm/cli/server/dataLoaderPlugin.js +0 -105
  60. package/dist/esm/cli/server/fetchRemoteFullRoutesMap.js +0 -88
  61. package/dist/esm/interfaces/route.js +0 -0
  62. package/dist/esm/runtime/dataLoader/plugin-inject-assets.js +0 -63
  63. package/dist/esm/runtime/dataLoader/plugin.js +0 -93
  64. package/dist/esm/runtime/dataLoader/utils.js +0 -77
  65. package/dist/esm/runtime/withMFRouteId.js +0 -7
  66. package/dist/esm-node/cli/dataLoader/ast/constant.js +0 -18
  67. package/dist/esm-node/cli/dataLoader/ast/generateRoutes.js +0 -107
  68. package/dist/esm-node/cli/dataLoader/ast/index.js +0 -4
  69. package/dist/esm-node/cli/dataLoader/generateRouteFile.js +0 -108
  70. package/dist/esm-node/cli/dataLoader/patchMFConfig.js +0 -106
  71. package/dist/esm-node/cli/dataLoader/plugin.js +0 -164
  72. package/dist/esm-node/cli/mfRuntimePlugins/node.js +0 -11
  73. package/dist/esm-node/cli/server/dataLoaderPlugin.js +0 -62
  74. package/dist/esm-node/cli/server/fetchRemoteFullRoutesMap.js +0 -44
  75. package/dist/esm-node/interfaces/route.js +0 -0
  76. package/dist/esm-node/runtime/dataLoader/plugin-inject-assets.js +0 -60
  77. package/dist/esm-node/runtime/dataLoader/plugin.js +0 -50
  78. package/dist/esm-node/runtime/dataLoader/utils.js +0 -77
  79. package/dist/esm-node/runtime/withMFRouteId.js +0 -7
  80. package/dist/types/cli/dataLoader/ast/constant.d.ts +0 -8
  81. package/dist/types/cli/dataLoader/ast/generateRoutes.d.ts +0 -5
  82. package/dist/types/cli/dataLoader/ast/index.d.ts +0 -1
  83. package/dist/types/cli/dataLoader/generateRouteFile.d.ts +0 -7
  84. package/dist/types/cli/dataLoader/patchMFConfig.d.ts +0 -10
  85. package/dist/types/cli/dataLoader/plugin.d.ts +0 -6
  86. package/dist/types/cli/mfRuntimePlugins/node.d.ts +0 -3
  87. package/dist/types/cli/server/dataLoaderPlugin.d.ts +0 -10
  88. package/dist/types/cli/server/fetchRemoteFullRoutesMap.d.ts +0 -10
  89. package/dist/types/interfaces/route.d.ts +0 -12
  90. package/dist/types/runtime/dataLoader/plugin-inject-assets.d.ts +0 -2
  91. package/dist/types/runtime/dataLoader/plugin.d.ts +0 -2
  92. package/dist/types/runtime/dataLoader/utils.d.ts +0 -22
  93. package/dist/types/runtime/withMFRouteId.d.ts +0 -1
  94. /package/dist/types/cli/mfRuntimePlugins/{node-fetch.d.ts → inject-node-fetch.d.ts} +0 -0
@@ -1,105 +0,0 @@
1
- import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
- import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
3
- import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
4
- import { init } from "@module-federation/enhanced/runtime";
5
- import { isBrowserEnv } from "@module-federation/sdk";
6
- import { fetchRemoteFullRoutesMap, getSSRByRouteIds } from "./fetchRemoteFullRoutesMap";
7
- import { injectRemoteRoutes } from "../../runtime/dataLoader/utils";
8
- import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
9
- function dataLoaderPlugin_default(param) {
10
- var runtimeOptions = param.runtimeOptions, partialSSRRemotes = param.partialSSRRemotes, ssrByRouteIdsMap = param.ssrByRouteIdsMap;
11
- return {
12
- name: "MFDataLoaderServerPlugin",
13
- pre: [
14
- "@modern-js/plugin-inject-resource"
15
- ],
16
- setup: function setup(api) {
17
- var remotes = runtimeOptions.remotes, name = runtimeOptions.name;
18
- if (!remotes.length) {
19
- return {};
20
- }
21
- var isHandled = false;
22
- return {
23
- prepare: function prepare() {
24
- var middlewares = api.useAppContext().middlewares;
25
- middlewares.push({
26
- name: "MFDataLoaderServerPlugin",
27
- handler: function() {
28
- var _ref = _async_to_generator(function(c, next) {
29
- var serverManifest, loaderBundles, nestedRoutesJson, _api_useConfigContext_server, instance, remoteFullRoutesMap, originalSSRByRouteIds, remoteSSRByRouteIds, ssrByRouteIds;
30
- return _ts_generator(this, function(_state) {
31
- switch (_state.label) {
32
- case 0:
33
- serverManifest = c.get("serverManifest");
34
- loaderBundles = serverManifest.loaderBundles, nestedRoutesJson = serverManifest.nestedRoutesJson;
35
- if (!isHandled)
36
- return [
37
- 3,
38
- 2
39
- ];
40
- return [
41
- 4,
42
- next()
43
- ];
44
- case 1:
45
- _state.sent();
46
- return [
47
- 3,
48
- 5
49
- ];
50
- case 2:
51
- instance = init({
52
- name,
53
- remotes
54
- });
55
- return [
56
- 4,
57
- fetchRemoteFullRoutesMap({
58
- instance,
59
- remotePath: isBrowserEnv() ? "".concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES) : "".concat(DEFAULT_ENTRY, "/").concat(MODERN_JS_ROUTE_SERVER_LOADER)
60
- })
61
- ];
62
- case 3:
63
- remoteFullRoutesMap = _state.sent();
64
- originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
65
- if (originalSSRByRouteIds && partialSSRRemotes.length) {
66
- remoteSSRByRouteIds = getSSRByRouteIds(partialSSRRemotes, remoteFullRoutesMap) || [];
67
- ssrByRouteIds = new Set(_to_consumable_array(originalSSRByRouteIds).concat(_to_consumable_array(remoteSSRByRouteIds.map(function(id) {
68
- return ssrByRouteIdsMap[id] || id;
69
- }))));
70
- api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
71
- }
72
- injectRemoteRoutes(loaderBundles, remoteFullRoutesMap);
73
- injectRemoteRoutes(nestedRoutesJson, remoteFullRoutesMap);
74
- isHandled = true;
75
- return [
76
- 4,
77
- next()
78
- ];
79
- case 4:
80
- _state.sent();
81
- _state.label = 5;
82
- case 5:
83
- return [
84
- 2
85
- ];
86
- }
87
- });
88
- });
89
- return function(c, next) {
90
- return _ref.apply(this, arguments);
91
- };
92
- }(),
93
- before: [
94
- "render"
95
- ]
96
- });
97
- }
98
- };
99
- }
100
- };
101
- }
102
- ;
103
- export {
104
- dataLoaderPlugin_default as default
105
- };
@@ -1,88 +0,0 @@
1
- import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
- import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
3
- import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
4
- import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
5
- function fetchRemoteFullRoutesMap(options) {
6
- return _fetchRemoteFullRoutesMap.apply(this, arguments);
7
- }
8
- function _fetchRemoteFullRoutesMap() {
9
- _fetchRemoteFullRoutesMap = _async_to_generator(function(options) {
10
- var instance, remotePath, remotes, remoteRoutesMap;
11
- return _ts_generator(this, function(_state) {
12
- switch (_state.label) {
13
- case 0:
14
- instance = options.instance, remotePath = options.remotePath;
15
- remotes = instance.options.remotes;
16
- remoteRoutesMap = {};
17
- if (!remotes.length) {
18
- return [
19
- 2,
20
- remoteRoutesMap
21
- ];
22
- }
23
- return [
24
- 4,
25
- Promise.all(remotes.map(function() {
26
- var _ref = _async_to_generator(function(remote) {
27
- var remoteId, routes;
28
- return _ts_generator(this, function(_state2) {
29
- switch (_state2.label) {
30
- case 0:
31
- remoteId = "".concat(remote.name, "/").concat(remotePath);
32
- return [
33
- 4,
34
- instance.loadRemote(remoteId)
35
- ];
36
- case 1:
37
- routes = _state2.sent().routes;
38
- remoteRoutesMap[remote.name] = {
39
- routes
40
- };
41
- return [
42
- 2
43
- ];
44
- }
45
- });
46
- });
47
- return function(remote) {
48
- return _ref.apply(this, arguments);
49
- };
50
- }()))
51
- ];
52
- case 1:
53
- _state.sent();
54
- return [
55
- 2,
56
- remoteRoutesMap
57
- ];
58
- }
59
- });
60
- });
61
- return _fetchRemoteFullRoutesMap.apply(this, arguments);
62
- }
63
- function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
64
- var remoteProviderRouteIds = /* @__PURE__ */ new Set();
65
- var collectIds = function(route) {
66
- remoteProviderRouteIds.add(route.id);
67
- if (route.children) {
68
- route.children.forEach(function(r) {
69
- collectIds(r);
70
- });
71
- }
72
- };
73
- Object.entries(remoteRoutesMap).forEach(function(item) {
74
- var _item = _sliced_to_array(item, 2), remoteName = _item[0], routesObj = _item[1];
75
- if (!partialSSRRemotes.includes(remoteName)) {
76
- return;
77
- }
78
- var routes = routesObj.routes;
79
- routes.forEach(function(route) {
80
- collectIds(route);
81
- });
82
- });
83
- return _to_consumable_array(remoteProviderRouteIds);
84
- }
85
- export {
86
- fetchRemoteFullRoutesMap,
87
- getSSRByRouteIds
88
- };
File without changes
@@ -1,63 +0,0 @@
1
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
- import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
3
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
4
- import { useContext } from "react";
5
- import { getInstance } from "@module-federation/enhanced/runtime";
6
- import { collectSSRAssets } from "../createRemoteSSRComponent";
7
- import { RuntimeReactContext } from "@meta/runtime";
8
- import { decodeId, getRemoteId } from "./utils";
9
- var ssrDataLoaderInjectAssetsPlugin = function() {
10
- return {
11
- name: "@modern-js/plugin-mf-data-loader-inject-assets",
12
- pre: [
13
- "@modern-js/plugin-router",
14
- "@modern-js/plugin-mf-data-loader"
15
- ],
16
- setup: function() {
17
- return {
18
- wrapRoot: function wrapRoot(App) {
19
- var AppWrapper = function(props) {
20
- var _context_routerContext;
21
- var instance = getInstance();
22
- if (!instance || !instance.options.remotes.length) {
23
- return /* @__PURE__ */ _jsx(_Fragment, {
24
- children: /* @__PURE__ */ _jsx(App, _object_spread({}, props))
25
- });
26
- }
27
- var context = useContext(RuntimeReactContext);
28
- var remotes = instance.options.remotes;
29
- var remoteNames = ((_context_routerContext = context.routerContext) === null || _context_routerContext === void 0 ? void 0 : _context_routerContext.matches.map(function(match) {
30
- return decodeId(match.route.id);
31
- })) || [];
32
- var remoteIds = remoteNames.reduce(function(sum, cur) {
33
- var matchRemote = remotes.find(function(r) {
34
- return r.name === cur;
35
- });
36
- if (matchRemote) {
37
- sum.add(getRemoteId(cur));
38
- }
39
- return sum;
40
- }, /* @__PURE__ */ new Set());
41
- var assets = [];
42
- remoteIds.forEach(function(remoteId) {
43
- var _assets;
44
- (_assets = assets).push.apply(_assets, _to_consumable_array(collectSSRAssets({
45
- id: remoteId
46
- })));
47
- });
48
- return /* @__PURE__ */ _jsxs(_Fragment, {
49
- children: [
50
- assets,
51
- /* @__PURE__ */ _jsx(App, _object_spread({}, props))
52
- ]
53
- });
54
- };
55
- return AppWrapper;
56
- }
57
- };
58
- }
59
- };
60
- };
61
- export {
62
- ssrDataLoaderInjectAssetsPlugin
63
- };
@@ -1,93 +0,0 @@
1
- import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
- import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
3
- import { getInstance } from "@module-federation/enhanced/runtime";
4
- import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
5
- import { injectRemoteRoutes } from "./utils";
6
- var ssrDataLoaderPlugin = function() {
7
- return {
8
- name: "@modern-js/plugin-mf-data-loader",
9
- post: [
10
- "@modern-js/plugin-router"
11
- ],
12
- setup: function() {
13
- var remoteRoutesMap = {};
14
- var pathRemoteMap = {};
15
- return {
16
- beforeRender: function beforeRender() {
17
- return _async_to_generator(function() {
18
- var instance;
19
- return _ts_generator(this, function(_state) {
20
- switch (_state.label) {
21
- case 0:
22
- console.log("init");
23
- if (Object.keys(remoteRoutesMap).length) {
24
- return [
25
- 2
26
- ];
27
- }
28
- instance = getInstance();
29
- if (!instance) {
30
- console.log("no instance!");
31
- return [
32
- 2
33
- ];
34
- }
35
- if (!instance.options.remotes.length) {
36
- return [
37
- 2
38
- ];
39
- }
40
- return [
41
- 4,
42
- Promise.all(instance.options.remotes.map(function() {
43
- var _ref = _async_to_generator(function(remote) {
44
- var remoteId, routes;
45
- return _ts_generator(this, function(_state2) {
46
- switch (_state2.label) {
47
- case 0:
48
- remoteId = "".concat(remote.name, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
49
- return [
50
- 4,
51
- instance.loadRemote(remoteId)
52
- ];
53
- case 1:
54
- routes = _state2.sent().routes;
55
- remoteRoutesMap[remote.name] = {
56
- routes
57
- };
58
- return [
59
- 2
60
- ];
61
- }
62
- });
63
- });
64
- return function(remote) {
65
- return _ref.apply(this, arguments);
66
- };
67
- }()))
68
- ];
69
- case 1:
70
- _state.sent();
71
- return [
72
- 2
73
- ];
74
- }
75
- });
76
- })();
77
- },
78
- // runtime plugin not save route , so it needs to inject again when trigger
79
- modifyRoutes: function(routes) {
80
- injectRemoteRoutes({
81
- entry: {
82
- routes
83
- }
84
- }, remoteRoutesMap);
85
- return routes;
86
- }
87
- };
88
- }
89
- };
90
- };
91
- export {
92
- ssrDataLoaderPlugin
93
- };
@@ -1,77 +0,0 @@
1
- import { encodeName, decodeName } from "@module-federation/sdk";
2
- import { DEFAULT_ENTRY, DEFAULT_LAYOUT, MF_ROUTES } from "../../constant";
3
- var SPLIT_SYMBOL = "@";
4
- function transformName2Prefix(name) {
5
- return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
6
- }
7
- function decodeId(prefix) {
8
- var 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
- var remoteName = decodeId(route.id);
16
- var remoteRouteObj = remoteRoutesMap[remoteName];
17
- if (!remoteRouteObj) {
18
- return;
19
- }
20
- var remoteRoutes = remoteRouteObj.routes[0];
21
- return {
22
- routes: remoteRoutes,
23
- name: remoteName,
24
- pathName: route.path
25
- };
26
- }
27
- function getRemoteLayoutId(remoteName) {
28
- var prefix = transformName2Prefix(remoteName);
29
- return "".concat(prefix).concat(DEFAULT_LAYOUT);
30
- }
31
- function getRemoteId(remoteName) {
32
- return "".concat(remoteName, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
33
- }
34
- function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
35
- var traverse = function(route) {
36
- var _route_children;
37
- var remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
38
- if (remoteRoutesInfos) {
39
- var routes = remoteRoutesInfos.routes, pathName = remoteRoutesInfos.pathName;
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(function(r) {
53
- traverse(r);
54
- });
55
- };
56
- Object.keys(initialRoutes).forEach(function(entryName) {
57
- var routes = initialRoutes[entryName];
58
- if (Array.isArray(routes)) {
59
- routes.forEach(function(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(function(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
- var prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
3
- return prefix + id;
4
- }
5
- export {
6
- withMFRouteId
7
- };
@@ -1,18 +0,0 @@
1
- const IS_ROOT = "isRoot";
2
- const ID = "id";
3
- const COMPONENT = "component";
4
- const LAZY_COMPONENT = "lazyImport";
5
- const SHOULD_REVALIDATE = "shouldRevalidate";
6
- const PRIVATE_COMPONENT = "_component";
7
- const ELEMENT = "element";
8
- const LOADER = "loader";
9
- export {
10
- COMPONENT,
11
- ELEMENT,
12
- ID,
13
- IS_ROOT,
14
- LAZY_COMPONENT,
15
- LOADER,
16
- PRIVATE_COMPONENT,
17
- SHOULD_REVALIDATE
18
- };
@@ -1,107 +0,0 @@
1
- import fs from "fs";
2
- import traverse from "@babel/traverse";
3
- import * as babelParser from "@babel/parser";
4
- import generate from "@babel/generator";
5
- import * as t from "@babel/types";
6
- function findTargetKeyNode(nodeProperties, key) {
7
- return nodeProperties.find((p) => t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key);
8
- }
9
- function generateRoutes({ sourceCode, filePath }) {
10
- const ast = babelParser.parse(sourceCode, {
11
- sourceType: "module"
12
- });
13
- const lazyComponentDeclarations = [];
14
- const componentDeclarations = [];
15
- let componentId = 0;
16
- traverse(ast, {
17
- // ImportDeclaration(path) {
18
- // const source = path.node.source.value;
19
- // const routeIdMatch = source.match(/routeId=([^&]+)/);
20
- // if (routeIdMatch) {
21
- // const originalRouteId = routeIdMatch[1];
22
- // const newRouteId = `${prefix}${originalRouteId}`;
23
- // const newSource = source.replace(
24
- // /routeId=[^&]+/,
25
- // `routeId=${newRouteId}`,
26
- // );
27
- // path.node.source = t.stringLiteral(newSource);
28
- // }
29
- // },
30
- ObjectExpression(path) {
31
- let componentName = "";
32
- let lazyComponentName = "";
33
- if (!Array.isArray(path.node.properties)) {
34
- return;
35
- }
36
- const idNode = findTargetKeyNode(path.node.properties, "id");
37
- if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
38
- }
39
- const isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
40
- if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
41
- isRootNode.value.value = false;
42
- }
43
- if (!isRootNode) {
44
- const lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
45
- if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
46
- lazyComponentName = `LazyComponent_${componentId}`;
47
- const lazyDeclaration = t.variableDeclaration("const", [
48
- t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
49
- ]);
50
- lazyComponentNode.value = t.identifier(lazyComponentName);
51
- const componentNode2 = findTargetKeyNode(path.node.properties, "component");
52
- if (componentNode2 && t.isObjectProperty(componentNode2) && t.isCallExpression(componentNode2.value) && t.isIdentifier(componentNode2.value.callee)) {
53
- componentNode2.value = t.callExpression(t.identifier("lazy"), [
54
- t.identifier(lazyComponentName)
55
- ]);
56
- }
57
- lazyComponentDeclarations.push(lazyDeclaration);
58
- }
59
- }
60
- const componentNode = findTargetKeyNode(path.node.properties, "component");
61
- if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
62
- componentName = `Component_${componentId}`;
63
- const componentDeclaration = t.variableDeclaration("const", [
64
- t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
65
- t.identifier(lazyComponentName)
66
- ]) : componentNode.value)
67
- ]);
68
- componentDeclarations.push(componentDeclaration);
69
- componentNode.value = t.identifier(componentName);
70
- }
71
- if (lazyComponentName || componentName) {
72
- componentId++;
73
- if (componentName) {
74
- const upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
75
- const jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
76
- path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
77
- }
78
- }
79
- }
80
- });
81
- traverse(ast, {
82
- Program(path) {
83
- const lastImportIndex = path.get("body").reduce((lastIndex, p, index) => {
84
- if (t.isImportDeclaration(p.node)) {
85
- lastIndex = index;
86
- }
87
- return lastIndex;
88
- }, -1);
89
- if (lastImportIndex >= 0) {
90
- const lastImport = path.get(`body.${lastImportIndex}`);
91
- [
92
- ...componentDeclarations,
93
- ...lazyComponentDeclarations
94
- ].forEach((declaration) => {
95
- if ("insertAfter" in lastImport) {
96
- lastImport.insertAfter(declaration);
97
- }
98
- });
99
- }
100
- }
101
- });
102
- const { code } = generate(ast);
103
- fs.writeFileSync(filePath, code);
104
- }
105
- export {
106
- generateRoutes
107
- };
@@ -1,4 +0,0 @@
1
- import { generateRoutes } from "./generateRoutes";
2
- export {
3
- generateRoutes
4
- };
@@ -1,108 +0,0 @@
1
- import { fs, normalizeToPosixPath } from "@modern-js/utils";
2
- import path from "path";
3
- import { MF_JSON } from "../../constant";
4
- import { getRemoteLayoutId } from "../../runtime/dataLoader/utils";
5
- const ROUTES = "routes";
6
- function calcPathName(filePath, rootDir, entry) {
7
- const relativePath = path.relative(rootDir, filePath);
8
- const conditionalReg = /^\[(.*)\]$/;
9
- const splitPaths = relativePath.split("/").reduce((sum, cur) => {
10
- if (cur.includes(".")) {
11
- const split = cur.split(".").map((i) => {
12
- const match = i.match(conditionalReg);
13
- if (match) {
14
- return `:${match[1]}`;
15
- }
16
- return i.startsWith("__") ? "" : i;
17
- });
18
- sum.push(...split);
19
- } else {
20
- const match = cur.match(conditionalReg);
21
- if (match) {
22
- sum.push(`:${match[1]}`);
23
- } else {
24
- if (!cur.startsWith("__")) {
25
- sum.push(cur);
26
- }
27
- }
28
- }
29
- return sum;
30
- }, []);
31
- return path.join(entry, splitPaths.filter((p) => !!p).join("/"));
32
- }
33
- async function generateRouteFile(options) {
34
- const { appDirectory } = options;
35
- const entries = [];
36
- const remotePathMap = {};
37
- const srcPath = `${appDirectory}/src`;
38
- const traverse = async (filepath, rootDir, entry) => {
39
- if (!await fs.pathExists(filepath)) {
40
- return null;
41
- }
42
- const isDirectory = (await fs.stat(filepath)).isDirectory();
43
- if (!isDirectory) {
44
- return null;
45
- }
46
- const items = await fs.readdir(filepath);
47
- const mfJson = items.find((i) => i === MF_JSON);
48
- if (mfJson) {
49
- const mfJsonContent = await fs.readJSON(normalizeToPosixPath(path.join(filepath, mfJson)));
50
- const { remoteName } = mfJsonContent;
51
- const remoteLayoutId = getRemoteLayoutId(remoteName);
52
- const writeFile = async (id, type, pathname) => {
53
- const generatedFilePath = normalizeToPosixPath(path.join(filepath, `${type}.tsx`));
54
- const content = [
55
- "// Do not edit this file. It is a auto generated.",
56
- `// It will render ${remoteName}'s ${type}.`,
57
- `// The ${type} pathname is: ${pathname}`,
58
- `// The ${type} route id is: ${id}`
59
- ];
60
- await fs.writeFile(generatedFilePath, content.join("\n"));
61
- };
62
- if (remoteLayoutId) {
63
- const pathname = calcPathName(filepath, rootDir, entry);
64
- writeFile(remoteLayoutId, "layout", pathname);
65
- remotePathMap[pathname] = remoteName;
66
- }
67
- return;
68
- }
69
- await Promise.all(items.map(async (item) => {
70
- await traverse(normalizeToPosixPath(path.join(filepath, item)), rootDir, entry);
71
- }));
72
- };
73
- const traverseRoutes = async (dir, level = 1) => {
74
- if (level > 3) {
75
- return;
76
- }
77
- const isDirectory = (await fs.stat(dir)).isDirectory();
78
- if (!isDirectory) {
79
- return;
80
- }
81
- const items = await fs.readdir(dir);
82
- if (items.find((i) => i === ROUTES)) {
83
- const entry = path.relative(srcPath, dir);
84
- entries.push(entry);
85
- const rootDir = `${dir}/${ROUTES}`;
86
- await traverse(rootDir, rootDir, entry);
87
- } else {
88
- await Promise.all(items.map(async (item) => {
89
- await traverseRoutes(path.join(dir, item), level++);
90
- }));
91
- }
92
- };
93
- await traverseRoutes(srcPath);
94
- const normalizedEntries = entries.map((entry) => {
95
- if (entry === "") {
96
- return "main";
97
- }
98
- return entry;
99
- });
100
- return {
101
- entries: normalizedEntries,
102
- remotePathMap
103
- };
104
- }
105
- export {
106
- calcPathName,
107
- generateRouteFile
108
- };