@modern-js/app-tools 2.30.0 → 2.30.1-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 (241) hide show
  1. package/dist/cjs/analyze/nestedRoutes.js +2 -1
  2. package/dist/esm/analyze/nestedRoutes.js +4 -1
  3. package/dist/esm-node/analyze/nestedRoutes.js +2 -1
  4. package/dist/js/modern/analyze/constants.js +54 -0
  5. package/dist/js/modern/analyze/generateCode.js +247 -0
  6. package/dist/js/modern/analyze/getBundleEntry.js +71 -0
  7. package/dist/js/modern/analyze/getClientRoutes/getRoutes.js +220 -0
  8. package/dist/js/modern/analyze/getClientRoutes/getRoutesLegacy.js +216 -0
  9. package/dist/js/modern/analyze/getClientRoutes/index.js +6 -0
  10. package/dist/js/modern/analyze/getClientRoutes/utils.js +31 -0
  11. package/dist/js/modern/analyze/getFileSystemEntry.js +109 -0
  12. package/dist/js/modern/analyze/getHtmlTemplate.js +115 -0
  13. package/dist/js/modern/analyze/getServerRoutes.js +175 -0
  14. package/dist/js/modern/analyze/index.js +332 -0
  15. package/dist/js/modern/analyze/isDefaultExportFunction.js +42 -0
  16. package/dist/js/modern/analyze/makeLegalIdentifier.js +13 -0
  17. package/dist/js/modern/analyze/nestedRoutes.js +157 -0
  18. package/dist/js/modern/analyze/templates.js +334 -0
  19. package/dist/js/modern/analyze/utils.js +141 -0
  20. package/dist/js/modern/builder/builderPlugins/compatModern.js +233 -0
  21. package/dist/js/modern/builder/index.js +159 -0
  22. package/dist/js/modern/builder/loaders/routerLoader.js +17 -0
  23. package/dist/js/modern/builder/loaders/serverModuleLoader.js +7 -0
  24. package/dist/js/modern/builder/share.js +46 -0
  25. package/dist/js/modern/builder/webpackPlugins/htmlAsyncChunkPlugin.js +30 -0
  26. package/dist/js/modern/builder/webpackPlugins/htmlBottomTemplate.js +37 -0
  27. package/dist/js/modern/builder/webpackPlugins/routerPlugin.js +113 -0
  28. package/dist/js/modern/commands/build.js +91 -0
  29. package/dist/js/modern/commands/deploy.js +28 -0
  30. package/dist/js/modern/commands/dev.js +109 -0
  31. package/dist/js/modern/commands/index.js +3 -0
  32. package/dist/js/modern/commands/inspect.js +38 -0
  33. package/dist/js/modern/commands/serve.js +54 -0
  34. package/dist/js/modern/config/default.js +175 -0
  35. package/dist/js/modern/config/index.js +8 -0
  36. package/dist/js/modern/config/initial/createHtmlConfig.js +35 -0
  37. package/dist/js/modern/config/initial/createOutputConfig.js +68 -0
  38. package/dist/js/modern/config/initial/createSourceConfig.js +39 -0
  39. package/dist/js/modern/config/initial/createToolsConfig.js +42 -0
  40. package/dist/js/modern/config/initial/index.js +16 -0
  41. package/dist/js/modern/config/initial/inits.js +152 -0
  42. package/dist/js/modern/config/initial/transformNormalizedConfig.js +47 -0
  43. package/dist/js/modern/defineConfig.js +27 -0
  44. package/dist/js/modern/exports/server.js +4 -0
  45. package/dist/js/modern/hooks.js +35 -0
  46. package/dist/js/modern/index.js +211 -0
  47. package/dist/js/modern/initialize/index.js +124 -0
  48. package/dist/js/modern/locale/en.js +36 -0
  49. package/dist/js/modern/locale/index.js +9 -0
  50. package/dist/js/modern/locale/zh.js +36 -0
  51. package/dist/js/modern/schema/Schema.js +40 -0
  52. package/dist/js/modern/schema/index.js +88 -0
  53. package/dist/js/modern/schema/legacy.js +148 -0
  54. package/dist/js/modern/types/config/deploy.js +0 -0
  55. package/dist/js/modern/types/config/dev.js +0 -0
  56. package/dist/js/modern/types/config/experiments.js +0 -0
  57. package/dist/js/modern/types/config/html.js +0 -0
  58. package/dist/js/modern/types/config/index.js +1 -0
  59. package/dist/js/modern/types/config/output.js +0 -0
  60. package/dist/js/modern/types/config/performance.js +0 -0
  61. package/dist/js/modern/types/config/security.js +0 -0
  62. package/dist/js/modern/types/config/source.js +0 -0
  63. package/dist/js/modern/types/config/tools.js +0 -0
  64. package/dist/js/modern/types/hooks.js +0 -0
  65. package/dist/js/modern/types/index.js +3 -0
  66. package/dist/js/modern/types/legacyConfig/deploy.js +0 -0
  67. package/dist/js/modern/types/legacyConfig/dev.js +0 -0
  68. package/dist/js/modern/types/legacyConfig/index.js +0 -0
  69. package/dist/js/modern/types/legacyConfig/output.js +0 -0
  70. package/dist/js/modern/types/legacyConfig/source.js +0 -0
  71. package/dist/js/modern/types/legacyConfig/tools.js +0 -0
  72. package/dist/js/modern/utils/config.js +128 -0
  73. package/dist/js/modern/utils/createServer.js +75 -0
  74. package/dist/js/modern/utils/env.js +15 -0
  75. package/dist/js/modern/utils/generateWatchFiles.js +55 -0
  76. package/dist/js/modern/utils/getSelectedEntries.js +58 -0
  77. package/dist/js/modern/utils/getServerInternalPlugins.js +58 -0
  78. package/dist/js/modern/utils/language.js +8 -0
  79. package/dist/js/modern/utils/printInstructions.js +31 -0
  80. package/dist/js/modern/utils/restart.js +44 -0
  81. package/dist/js/modern/utils/routes.js +30 -0
  82. package/dist/js/modern/utils/types.js +0 -0
  83. package/dist/js/node/analyze/constants.js +98 -0
  84. package/dist/js/node/analyze/generateCode.js +271 -0
  85. package/dist/js/node/analyze/getBundleEntry.js +95 -0
  86. package/dist/js/node/analyze/getClientRoutes/getRoutes.js +242 -0
  87. package/dist/js/node/analyze/getClientRoutes/getRoutesLegacy.js +238 -0
  88. package/dist/js/node/analyze/getClientRoutes/index.js +30 -0
  89. package/dist/js/node/analyze/getClientRoutes/utils.js +58 -0
  90. package/dist/js/node/analyze/getFileSystemEntry.js +131 -0
  91. package/dist/js/node/analyze/getHtmlTemplate.js +144 -0
  92. package/dist/js/node/analyze/getServerRoutes.js +194 -0
  93. package/dist/js/node/analyze/index.js +339 -0
  94. package/dist/js/node/analyze/isDefaultExportFunction.js +71 -0
  95. package/dist/js/node/analyze/makeLegalIdentifier.js +36 -0
  96. package/dist/js/node/analyze/nestedRoutes.js +184 -0
  97. package/dist/js/node/analyze/templates.js +365 -0
  98. package/dist/js/node/analyze/utils.js +172 -0
  99. package/dist/js/node/builder/builderPlugins/compatModern.js +258 -0
  100. package/dist/js/node/builder/index.js +177 -0
  101. package/dist/js/node/builder/loaders/routerLoader.js +38 -0
  102. package/dist/js/node/builder/loaders/serverModuleLoader.js +28 -0
  103. package/dist/js/node/builder/share.js +75 -0
  104. package/dist/js/node/builder/webpackPlugins/htmlAsyncChunkPlugin.js +53 -0
  105. package/dist/js/node/builder/webpackPlugins/htmlBottomTemplate.js +60 -0
  106. package/dist/js/node/builder/webpackPlugins/routerPlugin.js +135 -0
  107. package/dist/js/node/commands/build.js +112 -0
  108. package/dist/js/node/commands/deploy.js +51 -0
  109. package/dist/js/node/commands/dev.js +126 -0
  110. package/dist/js/node/commands/index.js +19 -0
  111. package/dist/js/node/commands/inspect.js +61 -0
  112. package/dist/js/node/commands/serve.js +83 -0
  113. package/dist/js/node/config/default.js +197 -0
  114. package/dist/js/node/config/index.js +34 -0
  115. package/dist/js/node/config/initial/createHtmlConfig.js +58 -0
  116. package/dist/js/node/config/initial/createOutputConfig.js +91 -0
  117. package/dist/js/node/config/initial/createSourceConfig.js +62 -0
  118. package/dist/js/node/config/initial/createToolsConfig.js +65 -0
  119. package/dist/js/node/config/initial/index.js +41 -0
  120. package/dist/js/node/config/initial/inits.js +175 -0
  121. package/dist/js/node/config/initial/transformNormalizedConfig.js +70 -0
  122. package/dist/js/node/defineConfig.js +49 -0
  123. package/dist/js/node/exports/server.js +27 -0
  124. package/dist/js/node/hooks.js +54 -0
  125. package/dist/js/node/index.js +235 -0
  126. package/dist/js/node/initialize/index.js +134 -0
  127. package/dist/js/node/locale/en.js +59 -0
  128. package/dist/js/node/locale/index.js +33 -0
  129. package/dist/js/node/locale/zh.js +59 -0
  130. package/dist/js/node/schema/Schema.js +63 -0
  131. package/dist/js/node/schema/index.js +118 -0
  132. package/dist/js/node/schema/legacy.js +169 -0
  133. package/dist/js/node/types/config/deploy.js +15 -0
  134. package/dist/js/node/types/config/dev.js +15 -0
  135. package/dist/js/node/types/config/experiments.js +15 -0
  136. package/dist/js/node/types/config/html.js +15 -0
  137. package/dist/js/node/types/config/index.js +17 -0
  138. package/dist/js/node/types/config/output.js +15 -0
  139. package/dist/js/node/types/config/performance.js +15 -0
  140. package/dist/js/node/types/config/security.js +15 -0
  141. package/dist/js/node/types/config/source.js +15 -0
  142. package/dist/js/node/types/config/tools.js +15 -0
  143. package/dist/js/node/types/hooks.js +15 -0
  144. package/dist/js/node/types/index.js +19 -0
  145. package/dist/js/node/types/legacyConfig/deploy.js +15 -0
  146. package/dist/js/node/types/legacyConfig/dev.js +15 -0
  147. package/dist/js/node/types/legacyConfig/index.js +15 -0
  148. package/dist/js/node/types/legacyConfig/output.js +15 -0
  149. package/dist/js/node/types/legacyConfig/source.js +15 -0
  150. package/dist/js/node/types/legacyConfig/tools.js +15 -0
  151. package/dist/js/node/utils/config.js +153 -0
  152. package/dist/js/node/utils/createServer.js +106 -0
  153. package/dist/js/node/utils/env.js +38 -0
  154. package/dist/js/node/utils/generateWatchFiles.js +85 -0
  155. package/dist/js/node/utils/getSelectedEntries.js +81 -0
  156. package/dist/js/node/utils/getServerInternalPlugins.js +79 -0
  157. package/dist/js/node/utils/language.js +31 -0
  158. package/dist/js/node/utils/printInstructions.js +54 -0
  159. package/dist/js/node/utils/restart.js +67 -0
  160. package/dist/js/node/utils/routes.js +59 -0
  161. package/dist/js/node/utils/types.js +15 -0
  162. package/dist/js/treeshaking/analyze/constants.js +40 -0
  163. package/dist/js/treeshaking/analyze/generateCode.js +485 -0
  164. package/dist/js/treeshaking/analyze/getBundleEntry.js +62 -0
  165. package/dist/js/treeshaking/analyze/getClientRoutes/getRoutes.js +233 -0
  166. package/dist/js/treeshaking/analyze/getClientRoutes/getRoutesLegacy.js +231 -0
  167. package/dist/js/treeshaking/analyze/getClientRoutes/index.js +3 -0
  168. package/dist/js/treeshaking/analyze/getClientRoutes/utils.js +23 -0
  169. package/dist/js/treeshaking/analyze/getFileSystemEntry.js +107 -0
  170. package/dist/js/treeshaking/analyze/getHtmlTemplate.js +302 -0
  171. package/dist/js/treeshaking/analyze/getServerRoutes.js +222 -0
  172. package/dist/js/treeshaking/analyze/index.js +697 -0
  173. package/dist/js/treeshaking/analyze/isDefaultExportFunction.js +47 -0
  174. package/dist/js/treeshaking/analyze/makeLegalIdentifier.js +13 -0
  175. package/dist/js/treeshaking/analyze/nestedRoutes.js +384 -0
  176. package/dist/js/treeshaking/analyze/templates.js +468 -0
  177. package/dist/js/treeshaking/analyze/utils.js +374 -0
  178. package/dist/js/treeshaking/builder/builderPlugins/compatModern.js +304 -0
  179. package/dist/js/treeshaking/builder/index.js +374 -0
  180. package/dist/js/treeshaking/builder/loaders/routerLoader.js +13 -0
  181. package/dist/js/treeshaking/builder/loaders/serverModuleLoader.js +5 -0
  182. package/dist/js/treeshaking/builder/share.js +40 -0
  183. package/dist/js/treeshaking/builder/webpackPlugins/htmlAsyncChunkPlugin.js +110 -0
  184. package/dist/js/treeshaking/builder/webpackPlugins/htmlBottomTemplate.js +72 -0
  185. package/dist/js/treeshaking/builder/webpackPlugins/routerPlugin.js +343 -0
  186. package/dist/js/treeshaking/commands/build.js +291 -0
  187. package/dist/js/treeshaking/commands/deploy.js +154 -0
  188. package/dist/js/treeshaking/commands/dev.js +301 -0
  189. package/dist/js/treeshaking/commands/index.js +3 -0
  190. package/dist/js/treeshaking/commands/inspect.js +149 -0
  191. package/dist/js/treeshaking/commands/serve.js +199 -0
  192. package/dist/js/treeshaking/config/default.js +210 -0
  193. package/dist/js/treeshaking/config/index.js +3 -0
  194. package/dist/js/treeshaking/config/initial/createHtmlConfig.js +19 -0
  195. package/dist/js/treeshaking/config/initial/createOutputConfig.js +41 -0
  196. package/dist/js/treeshaking/config/initial/createSourceConfig.js +42 -0
  197. package/dist/js/treeshaking/config/initial/createToolsConfig.js +23 -0
  198. package/dist/js/treeshaking/config/initial/index.js +12 -0
  199. package/dist/js/treeshaking/config/initial/inits.js +209 -0
  200. package/dist/js/treeshaking/config/initial/transformNormalizedConfig.js +35 -0
  201. package/dist/js/treeshaking/defineConfig.js +61 -0
  202. package/dist/js/treeshaking/exports/server.js +2 -0
  203. package/dist/js/treeshaking/hooks.js +29 -0
  204. package/dist/js/treeshaking/index.js +706 -0
  205. package/dist/js/treeshaking/initialize/index.js +276 -0
  206. package/dist/js/treeshaking/locale/en.js +38 -0
  207. package/dist/js/treeshaking/locale/index.js +9 -0
  208. package/dist/js/treeshaking/locale/zh.js +38 -0
  209. package/dist/js/treeshaking/schema/Schema.js +273 -0
  210. package/dist/js/treeshaking/schema/index.js +181 -0
  211. package/dist/js/treeshaking/schema/legacy.js +337 -0
  212. package/dist/js/treeshaking/types/config/deploy.js +1 -0
  213. package/dist/js/treeshaking/types/config/dev.js +1 -0
  214. package/dist/js/treeshaking/types/config/experiments.js +1 -0
  215. package/dist/js/treeshaking/types/config/html.js +1 -0
  216. package/dist/js/treeshaking/types/config/index.js +1 -0
  217. package/dist/js/treeshaking/types/config/output.js +1 -0
  218. package/dist/js/treeshaking/types/config/performance.js +1 -0
  219. package/dist/js/treeshaking/types/config/security.js +1 -0
  220. package/dist/js/treeshaking/types/config/source.js +1 -0
  221. package/dist/js/treeshaking/types/config/tools.js +1 -0
  222. package/dist/js/treeshaking/types/hooks.js +1 -0
  223. package/dist/js/treeshaking/types/index.js +3 -0
  224. package/dist/js/treeshaking/types/legacyConfig/deploy.js +1 -0
  225. package/dist/js/treeshaking/types/legacyConfig/dev.js +1 -0
  226. package/dist/js/treeshaking/types/legacyConfig/index.js +1 -0
  227. package/dist/js/treeshaking/types/legacyConfig/output.js +1 -0
  228. package/dist/js/treeshaking/types/legacyConfig/source.js +1 -0
  229. package/dist/js/treeshaking/types/legacyConfig/tools.js +1 -0
  230. package/dist/js/treeshaking/utils/config.js +302 -0
  231. package/dist/js/treeshaking/utils/createServer.js +258 -0
  232. package/dist/js/treeshaking/utils/env.js +13 -0
  233. package/dist/js/treeshaking/utils/generateWatchFiles.js +214 -0
  234. package/dist/js/treeshaking/utils/getSelectedEntries.js +186 -0
  235. package/dist/js/treeshaking/utils/getServerInternalPlugins.js +210 -0
  236. package/dist/js/treeshaking/utils/language.js +6 -0
  237. package/dist/js/treeshaking/utils/printInstructions.js +152 -0
  238. package/dist/js/treeshaking/utils/restart.js +187 -0
  239. package/dist/js/treeshaking/utils/routes.js +153 -0
  240. package/dist/js/treeshaking/utils/types.js +1 -0
  241. package/package.json +11 -11
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
+ };