@modern-js/app-tools 2.31.2 → 2.31.3-alpha.0

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 (257) hide show
  1. package/dist/cjs/analyze/constants.js +4 -0
  2. package/dist/cjs/analyze/nestedRoutes.js +14 -1
  3. package/dist/cjs/analyze/templates.js +10 -7
  4. package/dist/cjs/builder/shared/builderPlugins/adapterSSR.js +1 -1
  5. package/dist/cjs/builder/shared/bundlerPlugins/RouterPlugin.js +24 -22
  6. package/dist/cjs/index.js +19 -0
  7. package/dist/esm/analyze/constants.js +4 -0
  8. package/dist/esm/analyze/nestedRoutes.js +16 -1
  9. package/dist/esm/analyze/templates.js +10 -7
  10. package/dist/esm/builder/shared/builderPlugins/adapterSSR.js +1 -1
  11. package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js +24 -22
  12. package/dist/esm/index.js +55 -1
  13. package/dist/esm-node/analyze/constants.js +4 -0
  14. package/dist/esm-node/analyze/nestedRoutes.js +14 -1
  15. package/dist/esm-node/analyze/templates.js +10 -7
  16. package/dist/esm-node/builder/shared/builderPlugins/adapterSSR.js +1 -1
  17. package/dist/esm-node/builder/shared/bundlerPlugins/RouterPlugin.js +24 -22
  18. package/dist/esm-node/index.js +20 -1
  19. package/dist/js/modern/analyze/constants.js +54 -0
  20. package/dist/js/modern/analyze/generateCode.js +247 -0
  21. package/dist/js/modern/analyze/getBundleEntry.js +71 -0
  22. package/dist/js/modern/analyze/getClientRoutes/getRoutes.js +220 -0
  23. package/dist/js/modern/analyze/getClientRoutes/getRoutesLegacy.js +216 -0
  24. package/dist/js/modern/analyze/getClientRoutes/index.js +6 -0
  25. package/dist/js/modern/analyze/getClientRoutes/utils.js +31 -0
  26. package/dist/js/modern/analyze/getFileSystemEntry.js +109 -0
  27. package/dist/js/modern/analyze/getHtmlTemplate.js +115 -0
  28. package/dist/js/modern/analyze/getServerRoutes.js +175 -0
  29. package/dist/js/modern/analyze/index.js +332 -0
  30. package/dist/js/modern/analyze/isDefaultExportFunction.js +42 -0
  31. package/dist/js/modern/analyze/makeLegalIdentifier.js +13 -0
  32. package/dist/js/modern/analyze/nestedRoutes.js +157 -0
  33. package/dist/js/modern/analyze/templates.js +334 -0
  34. package/dist/js/modern/analyze/utils.js +141 -0
  35. package/dist/js/modern/builder/builderPlugins/compatModern.js +233 -0
  36. package/dist/js/modern/builder/index.js +159 -0
  37. package/dist/js/modern/builder/loaders/routerLoader.js +17 -0
  38. package/dist/js/modern/builder/loaders/serverModuleLoader.js +7 -0
  39. package/dist/js/modern/builder/share.js +46 -0
  40. package/dist/js/modern/builder/webpackPlugins/htmlAsyncChunkPlugin.js +30 -0
  41. package/dist/js/modern/builder/webpackPlugins/htmlBottomTemplate.js +37 -0
  42. package/dist/js/modern/builder/webpackPlugins/routerPlugin.js +113 -0
  43. package/dist/js/modern/commands/build.js +91 -0
  44. package/dist/js/modern/commands/deploy.js +28 -0
  45. package/dist/js/modern/commands/dev.js +109 -0
  46. package/dist/js/modern/commands/index.js +3 -0
  47. package/dist/js/modern/commands/inspect.js +38 -0
  48. package/dist/js/modern/commands/serve.js +54 -0
  49. package/dist/js/modern/config/default.js +175 -0
  50. package/dist/js/modern/config/index.js +8 -0
  51. package/dist/js/modern/config/initial/createHtmlConfig.js +35 -0
  52. package/dist/js/modern/config/initial/createOutputConfig.js +68 -0
  53. package/dist/js/modern/config/initial/createSourceConfig.js +39 -0
  54. package/dist/js/modern/config/initial/createToolsConfig.js +42 -0
  55. package/dist/js/modern/config/initial/index.js +16 -0
  56. package/dist/js/modern/config/initial/inits.js +152 -0
  57. package/dist/js/modern/config/initial/transformNormalizedConfig.js +47 -0
  58. package/dist/js/modern/defineConfig.js +27 -0
  59. package/dist/js/modern/exports/server.js +4 -0
  60. package/dist/js/modern/hooks.js +35 -0
  61. package/dist/js/modern/index.js +211 -0
  62. package/dist/js/modern/initialize/index.js +124 -0
  63. package/dist/js/modern/locale/en.js +36 -0
  64. package/dist/js/modern/locale/index.js +9 -0
  65. package/dist/js/modern/locale/zh.js +36 -0
  66. package/dist/js/modern/schema/Schema.js +40 -0
  67. package/dist/js/modern/schema/index.js +88 -0
  68. package/dist/js/modern/schema/legacy.js +148 -0
  69. package/dist/js/modern/types/config/deploy.js +0 -0
  70. package/dist/js/modern/types/config/dev.js +0 -0
  71. package/dist/js/modern/types/config/experiments.js +0 -0
  72. package/dist/js/modern/types/config/html.js +0 -0
  73. package/dist/js/modern/types/config/index.js +1 -0
  74. package/dist/js/modern/types/config/output.js +0 -0
  75. package/dist/js/modern/types/config/performance.js +0 -0
  76. package/dist/js/modern/types/config/security.js +0 -0
  77. package/dist/js/modern/types/config/source.js +0 -0
  78. package/dist/js/modern/types/config/tools.js +0 -0
  79. package/dist/js/modern/types/hooks.js +0 -0
  80. package/dist/js/modern/types/index.js +3 -0
  81. package/dist/js/modern/types/legacyConfig/deploy.js +0 -0
  82. package/dist/js/modern/types/legacyConfig/dev.js +0 -0
  83. package/dist/js/modern/types/legacyConfig/index.js +0 -0
  84. package/dist/js/modern/types/legacyConfig/output.js +0 -0
  85. package/dist/js/modern/types/legacyConfig/source.js +0 -0
  86. package/dist/js/modern/types/legacyConfig/tools.js +0 -0
  87. package/dist/js/modern/utils/config.js +128 -0
  88. package/dist/js/modern/utils/createServer.js +75 -0
  89. package/dist/js/modern/utils/env.js +15 -0
  90. package/dist/js/modern/utils/generateWatchFiles.js +55 -0
  91. package/dist/js/modern/utils/getSelectedEntries.js +58 -0
  92. package/dist/js/modern/utils/getServerInternalPlugins.js +58 -0
  93. package/dist/js/modern/utils/language.js +8 -0
  94. package/dist/js/modern/utils/printInstructions.js +31 -0
  95. package/dist/js/modern/utils/restart.js +44 -0
  96. package/dist/js/modern/utils/routes.js +30 -0
  97. package/dist/js/modern/utils/types.js +0 -0
  98. package/dist/js/node/analyze/constants.js +98 -0
  99. package/dist/js/node/analyze/generateCode.js +271 -0
  100. package/dist/js/node/analyze/getBundleEntry.js +95 -0
  101. package/dist/js/node/analyze/getClientRoutes/getRoutes.js +242 -0
  102. package/dist/js/node/analyze/getClientRoutes/getRoutesLegacy.js +238 -0
  103. package/dist/js/node/analyze/getClientRoutes/index.js +30 -0
  104. package/dist/js/node/analyze/getClientRoutes/utils.js +58 -0
  105. package/dist/js/node/analyze/getFileSystemEntry.js +131 -0
  106. package/dist/js/node/analyze/getHtmlTemplate.js +144 -0
  107. package/dist/js/node/analyze/getServerRoutes.js +194 -0
  108. package/dist/js/node/analyze/index.js +339 -0
  109. package/dist/js/node/analyze/isDefaultExportFunction.js +71 -0
  110. package/dist/js/node/analyze/makeLegalIdentifier.js +36 -0
  111. package/dist/js/node/analyze/nestedRoutes.js +184 -0
  112. package/dist/js/node/analyze/templates.js +365 -0
  113. package/dist/js/node/analyze/utils.js +172 -0
  114. package/dist/js/node/builder/builderPlugins/compatModern.js +258 -0
  115. package/dist/js/node/builder/index.js +177 -0
  116. package/dist/js/node/builder/loaders/routerLoader.js +38 -0
  117. package/dist/js/node/builder/loaders/serverModuleLoader.js +28 -0
  118. package/dist/js/node/builder/share.js +75 -0
  119. package/dist/js/node/builder/webpackPlugins/htmlAsyncChunkPlugin.js +53 -0
  120. package/dist/js/node/builder/webpackPlugins/htmlBottomTemplate.js +60 -0
  121. package/dist/js/node/builder/webpackPlugins/routerPlugin.js +135 -0
  122. package/dist/js/node/commands/build.js +112 -0
  123. package/dist/js/node/commands/deploy.js +51 -0
  124. package/dist/js/node/commands/dev.js +126 -0
  125. package/dist/js/node/commands/index.js +19 -0
  126. package/dist/js/node/commands/inspect.js +61 -0
  127. package/dist/js/node/commands/serve.js +83 -0
  128. package/dist/js/node/config/default.js +197 -0
  129. package/dist/js/node/config/index.js +34 -0
  130. package/dist/js/node/config/initial/createHtmlConfig.js +58 -0
  131. package/dist/js/node/config/initial/createOutputConfig.js +91 -0
  132. package/dist/js/node/config/initial/createSourceConfig.js +62 -0
  133. package/dist/js/node/config/initial/createToolsConfig.js +65 -0
  134. package/dist/js/node/config/initial/index.js +41 -0
  135. package/dist/js/node/config/initial/inits.js +175 -0
  136. package/dist/js/node/config/initial/transformNormalizedConfig.js +70 -0
  137. package/dist/js/node/defineConfig.js +49 -0
  138. package/dist/js/node/exports/server.js +27 -0
  139. package/dist/js/node/hooks.js +54 -0
  140. package/dist/js/node/index.js +235 -0
  141. package/dist/js/node/initialize/index.js +134 -0
  142. package/dist/js/node/locale/en.js +59 -0
  143. package/dist/js/node/locale/index.js +33 -0
  144. package/dist/js/node/locale/zh.js +59 -0
  145. package/dist/js/node/schema/Schema.js +63 -0
  146. package/dist/js/node/schema/index.js +118 -0
  147. package/dist/js/node/schema/legacy.js +169 -0
  148. package/dist/js/node/types/config/deploy.js +15 -0
  149. package/dist/js/node/types/config/dev.js +15 -0
  150. package/dist/js/node/types/config/experiments.js +15 -0
  151. package/dist/js/node/types/config/html.js +15 -0
  152. package/dist/js/node/types/config/index.js +17 -0
  153. package/dist/js/node/types/config/output.js +15 -0
  154. package/dist/js/node/types/config/performance.js +15 -0
  155. package/dist/js/node/types/config/security.js +15 -0
  156. package/dist/js/node/types/config/source.js +15 -0
  157. package/dist/js/node/types/config/tools.js +15 -0
  158. package/dist/js/node/types/hooks.js +15 -0
  159. package/dist/js/node/types/index.js +19 -0
  160. package/dist/js/node/types/legacyConfig/deploy.js +15 -0
  161. package/dist/js/node/types/legacyConfig/dev.js +15 -0
  162. package/dist/js/node/types/legacyConfig/index.js +15 -0
  163. package/dist/js/node/types/legacyConfig/output.js +15 -0
  164. package/dist/js/node/types/legacyConfig/source.js +15 -0
  165. package/dist/js/node/types/legacyConfig/tools.js +15 -0
  166. package/dist/js/node/utils/config.js +153 -0
  167. package/dist/js/node/utils/createServer.js +106 -0
  168. package/dist/js/node/utils/env.js +38 -0
  169. package/dist/js/node/utils/generateWatchFiles.js +85 -0
  170. package/dist/js/node/utils/getSelectedEntries.js +81 -0
  171. package/dist/js/node/utils/getServerInternalPlugins.js +79 -0
  172. package/dist/js/node/utils/language.js +31 -0
  173. package/dist/js/node/utils/printInstructions.js +54 -0
  174. package/dist/js/node/utils/restart.js +67 -0
  175. package/dist/js/node/utils/routes.js +59 -0
  176. package/dist/js/node/utils/types.js +15 -0
  177. package/dist/js/treeshaking/analyze/constants.js +40 -0
  178. package/dist/js/treeshaking/analyze/generateCode.js +485 -0
  179. package/dist/js/treeshaking/analyze/getBundleEntry.js +62 -0
  180. package/dist/js/treeshaking/analyze/getClientRoutes/getRoutes.js +233 -0
  181. package/dist/js/treeshaking/analyze/getClientRoutes/getRoutesLegacy.js +231 -0
  182. package/dist/js/treeshaking/analyze/getClientRoutes/index.js +3 -0
  183. package/dist/js/treeshaking/analyze/getClientRoutes/utils.js +23 -0
  184. package/dist/js/treeshaking/analyze/getFileSystemEntry.js +107 -0
  185. package/dist/js/treeshaking/analyze/getHtmlTemplate.js +302 -0
  186. package/dist/js/treeshaking/analyze/getServerRoutes.js +222 -0
  187. package/dist/js/treeshaking/analyze/index.js +697 -0
  188. package/dist/js/treeshaking/analyze/isDefaultExportFunction.js +47 -0
  189. package/dist/js/treeshaking/analyze/makeLegalIdentifier.js +13 -0
  190. package/dist/js/treeshaking/analyze/nestedRoutes.js +384 -0
  191. package/dist/js/treeshaking/analyze/templates.js +468 -0
  192. package/dist/js/treeshaking/analyze/utils.js +374 -0
  193. package/dist/js/treeshaking/builder/builderPlugins/compatModern.js +304 -0
  194. package/dist/js/treeshaking/builder/index.js +374 -0
  195. package/dist/js/treeshaking/builder/loaders/routerLoader.js +13 -0
  196. package/dist/js/treeshaking/builder/loaders/serverModuleLoader.js +5 -0
  197. package/dist/js/treeshaking/builder/share.js +40 -0
  198. package/dist/js/treeshaking/builder/webpackPlugins/htmlAsyncChunkPlugin.js +110 -0
  199. package/dist/js/treeshaking/builder/webpackPlugins/htmlBottomTemplate.js +72 -0
  200. package/dist/js/treeshaking/builder/webpackPlugins/routerPlugin.js +343 -0
  201. package/dist/js/treeshaking/commands/build.js +291 -0
  202. package/dist/js/treeshaking/commands/deploy.js +154 -0
  203. package/dist/js/treeshaking/commands/dev.js +301 -0
  204. package/dist/js/treeshaking/commands/index.js +3 -0
  205. package/dist/js/treeshaking/commands/inspect.js +149 -0
  206. package/dist/js/treeshaking/commands/serve.js +199 -0
  207. package/dist/js/treeshaking/config/default.js +210 -0
  208. package/dist/js/treeshaking/config/index.js +3 -0
  209. package/dist/js/treeshaking/config/initial/createHtmlConfig.js +19 -0
  210. package/dist/js/treeshaking/config/initial/createOutputConfig.js +41 -0
  211. package/dist/js/treeshaking/config/initial/createSourceConfig.js +42 -0
  212. package/dist/js/treeshaking/config/initial/createToolsConfig.js +23 -0
  213. package/dist/js/treeshaking/config/initial/index.js +12 -0
  214. package/dist/js/treeshaking/config/initial/inits.js +209 -0
  215. package/dist/js/treeshaking/config/initial/transformNormalizedConfig.js +35 -0
  216. package/dist/js/treeshaking/defineConfig.js +61 -0
  217. package/dist/js/treeshaking/exports/server.js +2 -0
  218. package/dist/js/treeshaking/hooks.js +29 -0
  219. package/dist/js/treeshaking/index.js +706 -0
  220. package/dist/js/treeshaking/initialize/index.js +276 -0
  221. package/dist/js/treeshaking/locale/en.js +38 -0
  222. package/dist/js/treeshaking/locale/index.js +9 -0
  223. package/dist/js/treeshaking/locale/zh.js +38 -0
  224. package/dist/js/treeshaking/schema/Schema.js +273 -0
  225. package/dist/js/treeshaking/schema/index.js +181 -0
  226. package/dist/js/treeshaking/schema/legacy.js +337 -0
  227. package/dist/js/treeshaking/types/config/deploy.js +1 -0
  228. package/dist/js/treeshaking/types/config/dev.js +1 -0
  229. package/dist/js/treeshaking/types/config/experiments.js +1 -0
  230. package/dist/js/treeshaking/types/config/html.js +1 -0
  231. package/dist/js/treeshaking/types/config/index.js +1 -0
  232. package/dist/js/treeshaking/types/config/output.js +1 -0
  233. package/dist/js/treeshaking/types/config/performance.js +1 -0
  234. package/dist/js/treeshaking/types/config/security.js +1 -0
  235. package/dist/js/treeshaking/types/config/source.js +1 -0
  236. package/dist/js/treeshaking/types/config/tools.js +1 -0
  237. package/dist/js/treeshaking/types/hooks.js +1 -0
  238. package/dist/js/treeshaking/types/index.js +3 -0
  239. package/dist/js/treeshaking/types/legacyConfig/deploy.js +1 -0
  240. package/dist/js/treeshaking/types/legacyConfig/dev.js +1 -0
  241. package/dist/js/treeshaking/types/legacyConfig/index.js +1 -0
  242. package/dist/js/treeshaking/types/legacyConfig/output.js +1 -0
  243. package/dist/js/treeshaking/types/legacyConfig/source.js +1 -0
  244. package/dist/js/treeshaking/types/legacyConfig/tools.js +1 -0
  245. package/dist/js/treeshaking/utils/config.js +302 -0
  246. package/dist/js/treeshaking/utils/createServer.js +258 -0
  247. package/dist/js/treeshaking/utils/env.js +13 -0
  248. package/dist/js/treeshaking/utils/generateWatchFiles.js +214 -0
  249. package/dist/js/treeshaking/utils/getSelectedEntries.js +186 -0
  250. package/dist/js/treeshaking/utils/getServerInternalPlugins.js +210 -0
  251. package/dist/js/treeshaking/utils/language.js +6 -0
  252. package/dist/js/treeshaking/utils/printInstructions.js +152 -0
  253. package/dist/js/treeshaking/utils/restart.js +187 -0
  254. package/dist/js/treeshaking/utils/routes.js +153 -0
  255. package/dist/js/treeshaking/utils/types.js +1 -0
  256. package/dist/types/analyze/constants.d.ts +4 -0
  257. package/package.json +14 -14
package/dist/js/modern/analyze/templates.js ADDED
@@ -0,0 +1,334 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __async = (__this, __arguments, generator) => {
21
+ return new Promise((resolve, reject) => {
22
+ var fulfilled = (value) => {
23
+ try {
24
+ step(generator.next(value));
25
+ } catch (e) {
26
+ reject(e);
27
+ }
28
+ };
29
+ var rejected = (value) => {
30
+ try {
31
+ step(generator.throw(value));
32
+ } catch (e) {
33
+ reject(e);
34
+ }
35
+ };
36
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
37
+ step((generator = generator.apply(__this, __arguments)).next());
38
+ });
39
+ };
40
+ import path from "path";
41
+ import { fs, slash } from "@modern-js/utils";
42
+ import { APP_CONFIG_NAME, TEMP_LOADERS_DIR } from "./constants";
43
+ const index = ({
44
+ mountId,
45
+ imports,
46
+ renderFunction: renderFunction2,
47
+ exportStatement
48
+ }) => `
49
+ const IS_BROWSER = typeof window !== 'undefined' && window.name !== 'nodejs';
50
+ const IS_REACT18 = process.env.IS_REACT18 === 'true';
51
+ const MOUNT_ID = '${mountId}';
52
+
53
+ ${imports}
54
+
55
+ let AppWrapper = null;
56
+
57
+ let root = null;
58
+
59
+ function render() {
60
+ ${renderFunction2}
61
+ }
62
+
63
+ AppWrapper = render();
64
+
65
+ ${exportStatement};
66
+ `;
67
+ const renderFunction = ({
68
+ plugins,
69
+ customBootstrap,
70
+ fileSystemRoutes: fileSystemRoutes2
71
+ }) => {
72
+ return `
73
+ const finalAppConfig = {
74
+ ...App.config,
75
+ ...typeof ${APP_CONFIG_NAME} === 'function' ? ${APP_CONFIG_NAME}() : {},
76
+ }
77
+
78
+ AppWrapper = createApp({
79
+ plugins: [
80
+ ${plugins.map(
81
+ ({ name, options, args }) => `${name}({...${options}, ...finalAppConfig?.${args || name}}),`
82
+ ).join("\n")}
83
+ ]
84
+ })(${fileSystemRoutes2 ? "" : `App`})
85
+
86
+
87
+ if(!AppWrapper.init && typeof appInit !== 'undefined') {
88
+ AppWrapper.init = appInit;
89
+ }
90
+
91
+
92
+ if (IS_BROWSER) {
93
+ ${customBootstrap ? `customBootstrap(AppWrapper);` : `bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);`}
94
+ }
95
+
96
+ return AppWrapper
97
+ `;
98
+ };
99
+ const html = (partials) => `
100
+ <!DOCTYPE html>
101
+ <html>
102
+ <head>
103
+ <%= meta %>
104
+ <title><%= title %></title>
105
+
106
+ ${partials.top.join("\n")}
107
+
108
+ <script>
109
+ window.__assetPrefix__ = '<%= assetPrefix %>';
110
+ <\/script>
111
+ ${partials.head.join("\n")}
112
+
113
+ <!--<?- chunksMap.css ?>-->
114
+ </head>
115
+
116
+ <body>
117
+ <noscript>
118
+ We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.
119
+ </noscript>
120
+ <div id="<%= mountId %>"><!--<?- html ?>--></div>
121
+ ${partials.body.join("\n")}
122
+ <!--<?- chunksMap.js ?>-->
123
+ <!--<?- SSRDataScript ?>-->
124
+ <!--<?- bottomTemplate ?>-->
125
+ </body>
126
+
127
+ </html>
128
+ `;
129
+ const routesForServer = ({
130
+ routes
131
+ }) => {
132
+ const loaders = [];
133
+ const traverseRouteTree = (route) => {
134
+ var _a;
135
+ let children;
136
+ if ("children" in route && route.children) {
137
+ children = (_a = route == null ? void 0 : route.children) == null ? void 0 : _a.map(traverseRouteTree);
138
+ }
139
+ let loader;
140
+ if (route.type === "nested") {
141
+ if (route.loader) {
142
+ loaders.push(route.loader);
143
+ loader = `loader_${loaders.length - 1}`;
144
+ }
145
+ }
146
+ const finalRoute = __spreadProps(__spreadValues({}, route), {
147
+ loader,
148
+ children
149
+ });
150
+ return finalRoute;
151
+ };
152
+ let routesCode = `
153
+ export const routes = [
154
+ `;
155
+ for (const route of routes) {
156
+ if ("type" in route) {
157
+ const newRoute = traverseRouteTree(route);
158
+ routesCode += `${JSON.stringify(newRoute, null, 2).replace(
159
+ /"(loader_[^"])"/g,
160
+ "$1"
161
+ )},`;
162
+ } else {
163
+ routesCode += `${JSON.stringify(route, null, 2)}`;
164
+ }
165
+ }
166
+ routesCode += `
167
+ ];`;
168
+ let importLoadersCode = "";
169
+ if (loaders.length > 0) {
170
+ importLoadersCode = loaders.map((loader, index2) => {
171
+ return `import loader_${index2} from "${slash(loader)}"`;
172
+ }).join("\n");
173
+ }
174
+ return `
175
+ ${importLoadersCode}
176
+ ${routesCode}
177
+ `;
178
+ };
179
+ const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
180
+ routes,
181
+ ssrMode,
182
+ nestedRoutesEntry,
183
+ entryName,
184
+ internalDirectory
185
+ }) {
186
+ const loadings = [];
187
+ const errors = [];
188
+ const loaders = [];
189
+ const loadersMap = {};
190
+ const loadersMapFile = path.join(
191
+ internalDirectory,
192
+ entryName,
193
+ TEMP_LOADERS_DIR,
194
+ "map.json"
195
+ );
196
+ const importLazyCode = `
197
+ import { lazy } from "react";
198
+ import loadable, { lazy as loadableLazy } from "@modern-js/runtime/loadable"
199
+ `;
200
+ let rootLayoutCode = ``;
201
+ let componentLoaderPath = "";
202
+ const getDataLoaderPath = (loaderId) => {
203
+ if (!ssrMode) {
204
+ return "";
205
+ }
206
+ let dataLoaderPath = require.resolve("@modern-js/plugin-data-loader/loader");
207
+ if (nestedRoutesEntry) {
208
+ dataLoaderPath = `${slash(dataLoaderPath)}?mapFile=${slash(
209
+ loadersMapFile
210
+ )}&loaderId=${loaderId}!`;
211
+ }
212
+ return dataLoaderPath;
213
+ };
214
+ if (ssrMode) {
215
+ componentLoaderPath = `${path.join(
216
+ __dirname,
217
+ "../builder/loaders/routerLoader"
218
+ )}!`;
219
+ }
220
+ const traverseRouteTree = (route) => {
221
+ var _a;
222
+ let children;
223
+ if ("children" in route && route.children) {
224
+ children = (_a = route == null ? void 0 : route.children) == null ? void 0 : _a.map(traverseRouteTree);
225
+ }
226
+ let loading;
227
+ let error;
228
+ let loader;
229
+ let component = "";
230
+ let lazyImport = null;
231
+ if (route.type === "nested") {
232
+ if (route.loading) {
233
+ loadings.push(route.loading);
234
+ loading = `loading_${loadings.length - 1}`;
235
+ }
236
+ if (route.error) {
237
+ errors.push(route.error);
238
+ error = `error_${errors.length - 1}`;
239
+ }
240
+ if (route.loader) {
241
+ loaders.push(route.loader);
242
+ const loaderId = loaders.length - 1;
243
+ loader = `loader_${loaderId}`;
244
+ loadersMap[loader] = {
245
+ routeId: route.id,
246
+ filePath: route.loader,
247
+ inline: false
248
+ };
249
+ }
250
+ if (route._component) {
251
+ if (route.isRoot) {
252
+ rootLayoutCode = `import RootLayout from '${route._component}'`;
253
+ component = `RootLayout`;
254
+ } else if (ssrMode === "string") {
255
+ lazyImport = `() => import(/* webpackChunkName: "${route.id}" */ '${componentLoaderPath}${route._component}')`;
256
+ component = `loadable(${lazyImport})`;
257
+ } else {
258
+ lazyImport = `() => import(/* webpackChunkName: "${route.id}" */ '${componentLoaderPath}${route._component}')`;
259
+ component = `lazy(${lazyImport})`;
260
+ }
261
+ }
262
+ } else if (route._component) {
263
+ lazyImport = `() => import('${route._component}')`;
264
+ component = `loadable(${lazyImport})`;
265
+ }
266
+ const finalRoute = __spreadProps(__spreadValues({}, route), {
267
+ lazyImport,
268
+ loading,
269
+ loader,
270
+ error,
271
+ children
272
+ });
273
+ if (route._component) {
274
+ finalRoute.component = component;
275
+ }
276
+ return finalRoute;
277
+ };
278
+ let routeComponentsCode = `
279
+ export const routes = [
280
+ `;
281
+ for (const route of routes) {
282
+ if ("type" in route) {
283
+ const newRoute = traverseRouteTree(route);
284
+ routeComponentsCode += `${JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, "$1").replace(/"(loadableLazy.*\))"/g, "$1").replace(/"(\(\)[^,]+)",/g, "$1,").replace(/"(lazy\(.*\))"/g, "$1").replace(/"(loading_[^"])"/g, "$1").replace(/"(loader_[^"])"/g, "$1").replace(/"(RootLayout)"/g, "$1").replace(/"(error_[^"])"/g, "$1").replace(/\\"/g, '"')},`;
285
+ } else {
286
+ const component = `loadable(() => import('${route._component}'))`;
287
+ const finalRoute = __spreadProps(__spreadValues({}, route), {
288
+ component
289
+ });
290
+ routeComponentsCode += `${JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, "$1").replace(/"(lazy[^"]*)"/g, "$1")},`;
291
+ }
292
+ }
293
+ routeComponentsCode += `
294
+ ];`;
295
+ const importLoadingCode = loadings.map((loading, index2) => {
296
+ return `import loading_${index2} from '${loading}';
297
+ `;
298
+ }).join("");
299
+ const importErrorComponentsCode = errors.map((error, index2) => {
300
+ return `import error_${index2} from '${error}';
301
+ `;
302
+ }).join("");
303
+ let importLoadersCode = "";
304
+ for (const [key, loaderInfo] of Object.entries(loadersMap)) {
305
+ if (loaderInfo.inline) {
306
+ importLoadersCode += `import { loader as ${key} } from "${getDataLoaderPath(
307
+ key
308
+ )}${slash(loaderInfo.filePath)}";
309
+ `;
310
+ } else {
311
+ importLoadersCode += `import ${key} from "${getDataLoaderPath(
312
+ key
313
+ )}${slash(loaderInfo.filePath)}";
314
+ `;
315
+ }
316
+ }
317
+ yield fs.ensureFile(loadersMapFile);
318
+ yield fs.writeJSON(loadersMapFile, loadersMap);
319
+ return `
320
+ ${importLazyCode}
321
+ ${rootLayoutCode}
322
+ ${importLoadingCode}
323
+ ${importErrorComponentsCode}
324
+ ${importLoadersCode}
325
+ ${routeComponentsCode}
326
+ `;
327
+ });
328
+ export {
329
+ fileSystemRoutes,
330
+ html,
331
+ index,
332
+ renderFunction,
333
+ routesForServer
334
+ };
package/dist/js/modern/analyze/utils.js ADDED
@@ -0,0 +1,141 @@
1
+ var __async = (__this, __arguments, generator) => {
2
+ return new Promise((resolve, reject) => {
3
+ var fulfilled = (value) => {
4
+ try {
5
+ step(generator.next(value));
6
+ } catch (e) {
7
+ reject(e);
8
+ }
9
+ };
10
+ var rejected = (value) => {
11
+ try {
12
+ step(generator.throw(value));
13
+ } catch (e) {
14
+ reject(e);
15
+ }
16
+ };
17
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
18
+ step((generator = generator.apply(__this, __arguments)).next());
19
+ });
20
+ };
21
+ import fs from "fs";
22
+ import path from "path";
23
+ import { isReact18, normalizeToPosixPath, fs as fse } from "@modern-js/utils";
24
+ import { transform } from "esbuild";
25
+ import { parse } from "es-module-lexer";
26
+ import {
27
+ FILE_SYSTEM_ROUTES_FILE_NAME,
28
+ JS_EXTENSIONS,
29
+ LOADER_EXPORT_NAME
30
+ } from "./constants";
31
+ const walkDirectory = (dir) => fs.readdirSync(dir).reduce((previous, filename) => {
32
+ const filePath = path.join(dir, filename);
33
+ if (fs.statSync(filePath).isDirectory()) {
34
+ return [...previous, ...walkDirectory(filePath)];
35
+ } else {
36
+ return [...previous, filePath];
37
+ }
38
+ }, []);
39
+ const getDefaultImports = ({
40
+ entrypoint,
41
+ srcDirectory,
42
+ internalSrcAlias,
43
+ internalDirAlias,
44
+ internalDirectory
45
+ }) => {
46
+ const { entryName, fileSystemRoutes, customBootstrap, entry } = entrypoint;
47
+ const imports = [
48
+ {
49
+ specifiers: [{ local: "React" }],
50
+ value: "react"
51
+ },
52
+ {
53
+ specifiers: [{ local: "ReactDOM" }],
54
+ value: isReact18(path.join(internalDirectory, "../../")) ? "react-dom/client" : "react-dom"
55
+ },
56
+ {
57
+ specifiers: [{ imported: "createApp" }, { imported: "bootstrap" }],
58
+ value: "@modern-js/runtime"
59
+ },
60
+ customBootstrap && {
61
+ specifiers: [{ local: "customBootstrap" }],
62
+ value: normalizeToPosixPath(
63
+ customBootstrap.replace(srcDirectory, internalSrcAlias)
64
+ )
65
+ }
66
+ ].filter(Boolean);
67
+ if (fileSystemRoutes) {
68
+ const route = {
69
+ specifiers: [{ imported: "routes" }],
70
+ value: normalizeToPosixPath(
71
+ `${internalDirAlias}/${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME.replace(
72
+ ".js",
73
+ ""
74
+ )}`
75
+ )
76
+ };
77
+ if (fileSystemRoutes.globalApp) {
78
+ imports.push({
79
+ specifiers: [{ local: "App" }],
80
+ value: normalizeToPosixPath(
81
+ fileSystemRoutes.globalApp.replace(srcDirectory, internalSrcAlias)
82
+ )
83
+ });
84
+ } else {
85
+ route.initialize = "const App = false;";
86
+ }
87
+ imports.push(route);
88
+ } else {
89
+ imports.push({
90
+ specifiers: [{ local: "App" }],
91
+ value: normalizeToPosixPath(
92
+ entry.replace(srcDirectory, internalSrcAlias)
93
+ )
94
+ });
95
+ }
96
+ return imports;
97
+ };
98
+ const isPageComponentFile = (filePath) => {
99
+ if (/\.(d|test|spec|e2e)\.(js|jsx|ts|tsx)$/.test(filePath)) {
100
+ return false;
101
+ }
102
+ if ([".js", ".jsx", ".ts", ".tsx"].includes(path.extname(filePath))) {
103
+ return true;
104
+ }
105
+ return false;
106
+ };
107
+ const replaceWithAlias = (base, filePath, alias) => normalizeToPosixPath(path.join(alias, path.relative(base, filePath)));
108
+ const parseModule = (_0) => __async(void 0, [_0], function* ({
109
+ source,
110
+ filename
111
+ }) {
112
+ let content = source;
113
+ if (JS_EXTENSIONS.some((ext) => filename.endsWith(ext))) {
114
+ const result = yield transform(content, {
115
+ loader: path.extname(filename).slice(1),
116
+ format: "esm"
117
+ });
118
+ content = result.code;
119
+ }
120
+ return yield parse(content);
121
+ });
122
+ const hasLoader = (filename) => __async(void 0, null, function* () {
123
+ const source = yield fse.readFile(filename);
124
+ const [, moduleExports] = yield parseModule({
125
+ source: source.toString(),
126
+ filename
127
+ });
128
+ return moduleExports.some((e) => e.n === LOADER_EXPORT_NAME);
129
+ });
130
+ const getServerLoadersFile = (internalDirectory, entryName) => {
131
+ return path.join(internalDirectory, entryName, "route-server-loaders.js");
132
+ };
133
+ export {
134
+ getDefaultImports,
135
+ getServerLoadersFile,
136
+ hasLoader,
137
+ isPageComponentFile,
138
+ parseModule,
139
+ replaceWithAlias,
140
+ walkDirectory
141
+ };
package/dist/js/modern/builder/builderPlugins/compatModern.js ADDED
@@ -0,0 +1,233 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ import { join } from "path";
21
+ import {
22
+ mergeBuilderConfig
23
+ } from "@modern-js/builder-shared";
24
+ import { template as lodashTemplate } from "@modern-js/utils/lodash";
25
+ import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
26
+ import { getEntryOptions } from "@modern-js/utils";
27
+ import { BottomTemplatePlugin } from "../webpackPlugins/htmlBottomTemplate";
28
+ import { HtmlAsyncChunkPlugin } from "../webpackPlugins/htmlAsyncChunkPlugin";
29
+ import { createCopyPattern } from "../share";
30
+ import RouterPlugin from "../webpackPlugins/routerPlugin";
31
+ const PluginCompatModern = (appContext, modernConfig, options) => ({
32
+ name: "builder-plugin-compat-modern",
33
+ setup(api) {
34
+ api.modifyBuilderConfig((config) => {
35
+ if (isStreamingSSR(modernConfig)) {
36
+ return mergeBuilderConfig(config, {
37
+ html: {
38
+ inject: "body"
39
+ }
40
+ });
41
+ }
42
+ return config;
43
+ });
44
+ api.modifyWebpackChain((chain, { target, CHAIN_ID, isProd }) => {
45
+ var _a;
46
+ const builderNormalizedConfig = api.getNormalizedConfig();
47
+ if (target === "node") {
48
+ chain.name("server");
49
+ } else if (target === "modern-web") {
50
+ chain.name("modern");
51
+ } else {
52
+ chain.name("client");
53
+ }
54
+ chain.resolve.modules.add("node_modules").add(join(api.context.rootPath, "node_modules"));
55
+ if (target === "node") {
56
+ applyNodeCompat(chain, modernConfig, isProd);
57
+ }
58
+ if (isHtmlEnabled(builderNormalizedConfig, target)) {
59
+ applyBottomHtmlWebpackPlugin({
60
+ api,
61
+ chain,
62
+ CHAIN_ID,
63
+ appContext,
64
+ modernConfig
65
+ });
66
+ applyAsyncChunkHtmlPlugin({
67
+ chain,
68
+ CHAIN_ID,
69
+ modernConfig
70
+ });
71
+ }
72
+ if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
73
+ const defaultCopyPattern = createCopyPattern(
74
+ appContext,
75
+ modernConfig,
76
+ "public",
77
+ chain
78
+ );
79
+ chain.plugin(CHAIN_ID.PLUGIN.COPY).tap((args) => {
80
+ var _a2;
81
+ return [
82
+ {
83
+ patterns: [...((_a2 = args[0]) == null ? void 0 : _a2.patterns) || [], defaultCopyPattern]
84
+ }
85
+ ];
86
+ });
87
+ }
88
+ const { entrypoints } = appContext;
89
+ const existNestedRoutes = entrypoints.some(
90
+ (entrypoint) => entrypoint.nestedRoutesEntry
91
+ );
92
+ const routerConfig = (_a = modernConfig == null ? void 0 : modernConfig.runtime) == null ? void 0 : _a.router;
93
+ const routerManifest = Boolean(routerConfig == null ? void 0 : routerConfig.manifest);
94
+ if (existNestedRoutes || routerManifest) {
95
+ chain.plugin("route-plugin").use(RouterPlugin);
96
+ }
97
+ if (target !== "node") {
98
+ const bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
99
+ chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
100
+ chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
101
+ }
102
+ function isHtmlEnabled(config, target2) {
103
+ var _a2;
104
+ return ((_a2 = config.tools) == null ? void 0 : _a2.htmlPlugin) !== false && target2 !== "node" && target2 !== "web-worker";
105
+ }
106
+ });
107
+ if (options) {
108
+ applyCallbacks(api, options);
109
+ }
110
+ }
111
+ });
112
+ function applyCallbacks(api, options) {
113
+ options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
114
+ options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
115
+ options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
116
+ options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
117
+ options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
118
+ options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
119
+ options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
120
+ options.onExit && api.onExit(options.onExit);
121
+ }
122
+ function applyNodeCompat(chain, modernConfig, isProd) {
123
+ for (const ext of [
124
+ ".node.js",
125
+ ".node.jsx",
126
+ ".node.ts",
127
+ ".node.tsx",
128
+ ".server.js",
129
+ ".server.ts",
130
+ ".server.ts",
131
+ ".server.tsx"
132
+ ]) {
133
+ chain.resolve.extensions.prepend(ext);
134
+ }
135
+ filterEntriesBySSRConfig(
136
+ isProd,
137
+ chain,
138
+ modernConfig.server,
139
+ modernConfig.output
140
+ );
141
+ function filterEntriesBySSRConfig(isProd2, chain2, serverConfig, outputConfig) {
142
+ var _a;
143
+ const entries = chain2.entryPoints.entries();
144
+ if (isProd2 && ((outputConfig == null ? void 0 : outputConfig.ssg) === true || typeof ((_a = outputConfig == null ? void 0 : outputConfig.ssg) == null ? void 0 : _a[0]) === "function")) {
145
+ return;
146
+ }
147
+ if (typeof entries === "undefined") {
148
+ throw new Error(
149
+ "No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required"
150
+ );
151
+ }
152
+ const entryNames = Object.keys(entries);
153
+ if (isProd2 && entryNames.length === 1 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
154
+ return;
155
+ }
156
+ const ssgEntries = [];
157
+ if (isProd2 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
158
+ const { ssg } = outputConfig;
159
+ entryNames.forEach((name) => {
160
+ if (ssg[name]) {
161
+ ssgEntries.push(name);
162
+ }
163
+ });
164
+ }
165
+ const { ssr, ssrByEntries } = serverConfig || {};
166
+ entryNames.forEach((name) => {
167
+ if (!ssgEntries.includes(name) && (ssr && (ssrByEntries == null ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries == null ? void 0 : ssrByEntries[name]))) {
168
+ chain2.entryPoints.delete(name);
169
+ }
170
+ });
171
+ }
172
+ }
173
+ function applyBottomHtmlWebpackPlugin({
174
+ api,
175
+ chain,
176
+ modernConfig,
177
+ appContext,
178
+ CHAIN_ID
179
+ }) {
180
+ for (const entryName of Object.keys(api.context.entry)) {
181
+ const baseTemplateParams = __spreadValues({
182
+ entryName,
183
+ title: getEntryOptions(
184
+ entryName,
185
+ modernConfig.html.title,
186
+ modernConfig.html.titleByEntries,
187
+ appContext.packageName
188
+ ),
189
+ mountId: modernConfig.html.mountId
190
+ }, getEntryOptions(
191
+ entryName,
192
+ modernConfig.html.templateParameters,
193
+ modernConfig.html.templateParametersByEntries,
194
+ appContext.packageName
195
+ ));
196
+ chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
197
+ __spreadProps(__spreadValues({}, args[0] || {}), {
198
+ __internal__: true,
199
+ bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(
200
+ baseTemplateParams
201
+ )
202
+ })
203
+ ]);
204
+ }
205
+ chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
206
+ }
207
+ const isStreamingSSR = (userConfig) => {
208
+ const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
209
+ const { server } = userConfig;
210
+ if (isStreaming(server.ssr)) {
211
+ return true;
212
+ }
213
+ if ((server == null ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
214
+ for (const name of Object.keys(server.ssrByEntries)) {
215
+ if (isStreaming(server.ssrByEntries[name])) {
216
+ return true;
217
+ }
218
+ }
219
+ }
220
+ return false;
221
+ };
222
+ function applyAsyncChunkHtmlPlugin({
223
+ chain,
224
+ modernConfig,
225
+ CHAIN_ID
226
+ }) {
227
+ if (isStreamingSSR(modernConfig)) {
228
+ chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
229
+ }
230
+ }
231
+ export {
232
+ PluginCompatModern
233
+ };