@modern-js/app-tools 2.3.1-alpha.2 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,120 @@
 # @modern-js/app-tools
 
+## 2.5.0
+
+### Patch Changes
+
+- 89ca6cc: refactor: merge build-config into scripts/build
+
+  refactor: 把 build-config 合并进 scripts/build
+
+- 7cb8bb4: fix: use a more correctly params to cal document file
+
+  fix: 使用更准确的参数去获取 docuemnt 文件
+
+- 30614fa: chore: modify package.json entry fields and build config
+  chore: 更改 package.json entry 字段以及构建配置
+- 97cc2d0: feat: pass origin bootstrap function to custom render
+  feat: 自定义渲染中传入原始 bootstrap 函数
+- 840142c: fix: the `@modern-js/app-tools` hooks should set `webpack` as default type.
+  fix: `@modern-js/app-tools` hooks 应该将 'webpack' 设置为默认类型
+- 11c053b: feat: ssr support deploy worker
+
+  feat: ssr 支持边缘部署
+
+- Updated dependencies [58a9918]
+- Updated dependencies [89ca6cc]
+- Updated dependencies [7cb8bb4]
+- Updated dependencies [442204a]
+- Updated dependencies [bb4e712]
+- Updated dependencies [6fca567]
+- Updated dependencies [30614fa]
+- Updated dependencies [038a23b]
+- Updated dependencies [c4c10e7]
+- Updated dependencies [84c21f9]
+- Updated dependencies [1b0ce87]
+- Updated dependencies [11c053b]
+- Updated dependencies [577084d]
+- Updated dependencies [f0b3d8c]
+- Updated dependencies [c5ea222]
+- Updated dependencies [28e7dc6]
+- Updated dependencies [40230b3]
+- Updated dependencies [169c58b]
+  - @modern-js/builder-shared@2.5.0
+  - @modern-js/plugin-data-loader@2.5.0
+  - @modern-js/plugin-i18n@2.5.0
+  - @modern-js/plugin-lint@2.5.0
+  - @modern-js/new-action@2.5.0
+  - @modern-js/prod-server@2.5.0
+  - @modern-js/server@2.5.0
+  - @modern-js/node-bundle-require@2.5.0
+  - @modern-js/plugin@2.5.0
+  - @modern-js/types@2.5.0
+  - @modern-js/builder@2.5.0
+  - @modern-js/builder-rspack-provider@2.5.0
+  - @modern-js/builder-webpack-provider@2.5.0
+  - @modern-js/builder-plugin-esbuild@2.5.0
+  - @modern-js/builder-plugin-node-polyfill@2.5.0
+  - @modern-js/core@2.5.0
+  - @modern-js/utils@2.5.0
+  - @modern-js/upgrade@2.5.0
+
+## 2.4.0
+
+### Minor Changes
+
+- e84d16b: feat: support catch-all routing
+  feat: 支持通配路由
+- a914be8: feat: modern-js support rspack bundler
+  feat: modern-js 支持 rspack 构建工具
+
+### Patch Changes
+
+- 6f83037: fix: change the builder resolve plugin
+  fix: 修复 builder resolve 插件
+- b4e01e7: chore: rename MWA to Web App
+
+  chore: 将 MWA 重命名为 Web App
+
+- 8c2db5f: feat(core): improve support for exporting a function in config file
+
+  feat(core): 完善对配置文件中导出函数的支持
+
+- 3144625: fix: sub root route should be matched by a splat route
+  fix: 子根路由应该被通配路由匹配
+- c53a0ff: fix: lazy import `rspack-provider`
+  fix: 懒加载 `rspack-provider`
+- Updated dependencies [d19484c]
+- Updated dependencies [637f16b]
+- Updated dependencies [6f83037]
+- Updated dependencies [014d06b]
+- Updated dependencies [98a2733]
+- Updated dependencies [b3f2a7e]
+- Updated dependencies [a5572b8]
+- Updated dependencies [91db54e]
+- Updated dependencies [a914be8]
+- Updated dependencies [67b5a42]
+- Updated dependencies [48b036e]
+- Updated dependencies [8c2db5f]
+  - @modern-js/server@2.4.0
+  - @modern-js/builder-webpack-provider@2.4.0
+  - @modern-js/builder-rspack-provider@2.4.0
+  - @modern-js/builder-shared@2.4.0
+  - @modern-js/builder@2.4.0
+  - @modern-js/node-bundle-require@2.4.0
+  - @modern-js/utils@2.4.0
+  - @modern-js/core@2.4.0
+  - @modern-js/builder-plugin-esbuild@2.4.0
+  - @modern-js/builder-plugin-node-polyfill@2.4.0
+  - @modern-js/new-action@2.4.0
+  - @modern-js/plugin-data-loader@2.4.0
+  - @modern-js/plugin-i18n@2.4.0
+  - @modern-js/plugin-lint@2.4.0
+  - @modern-js/prod-server@2.4.0
+  - @modern-js/upgrade@2.4.0
+  - @modern-js/plugin@2.4.0
+  - @modern-js/types@2.4.0
+
 ## 2.3.0
 
 ### Patch Changes

package/README.md

@@ -1,30 +1,26 @@
-
 <p align="center">
   <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
 </p>
+
+<h1 align="center">Modern.js</h1>
+
 <p align="center">
-现代 Web 工程体系
-  <br/>
-  <a href="https://modernjs.dev" target="blank">
-    modernjs.dev
-  </a>
-</p>
-<p align="center">
-  The meta-framework suite designed from scratch for frontend-focused modern web development
+  A Progressive React Framework for modern web development.
 </p>
 
-# Introduction
-
-> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.
+## Getting Started
 
-- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)
+Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-start) to get started with Modern.js.
 
-## Getting Started
+## Documentation
 
-- [Quick Start](https://modernjs.dev/docs/start)
-- [Guides](https://modernjs.dev/docs/guides)
-- [API References](https://modernjs.dev/docs/apis)
+- [English Documentation](https://modernjs.dev/en/)
+- [中文文档](https://modernjs.dev)
 
 ## Contributing
 
-- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)
+Please read the [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md).
+
+## License
+
+Modern.js is [MIT licensed](https://github.com/modern-js-dev/modern.js/blob/main/LICENSE).

package/dist/cjs/analyze/generateCode.js

@@ -0,0 +1,249 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var generateCode_exports = {};
+__export(generateCode_exports, {
+  createImportStatements: () => createImportStatements,
+  generateCode: () => generateCode
+});
+module.exports = __toCommonJS(generateCode_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var import_core = require("@modern-js/core");
+var templates = __toESM(require("./templates"));
+var import_getClientRoutes = require("./getClientRoutes");
+var import_constants = require("./constants");
+var import_utils2 = require("./utils");
+var import_nestedRoutes = require("./nestedRoutes");
+const createImportSpecifier = (specifiers) => {
+  let defaults = "";
+  const named = [];
+  for (const { local, imported } of specifiers) {
+    if (local && imported) {
+      named.push(`${imported} as ${local}`);
+    } else if (local) {
+      defaults = local;
+    } else {
+      named.push(imported);
+    }
+  }
+  if (defaults && named.length) {
+    return `${defaults}, { ${named.join(", ")} }`;
+  } else if (defaults) {
+    return defaults;
+  } else {
+    return `{ ${named.join(", ")} }`;
+  }
+};
+const createImportStatements = (statements) => {
+  var _a, _b;
+  const deDuplicated = [];
+  const seen = /* @__PURE__ */ new Map();
+  for (const { value, specifiers, initialize } of statements) {
+    if (!seen.has(value)) {
+      deDuplicated.push({
+        value,
+        specifiers,
+        initialize
+      });
+      seen.set(value, specifiers);
+    } else {
+      seen.get(value).push(...specifiers);
+      const modifyIndex = deDuplicated.findIndex((v) => v.value === value);
+      const originInitialize = (_b = (_a = deDuplicated[modifyIndex]) == null ? void 0 : _a.initialize) != null ? _b : "";
+      deDuplicated[modifyIndex].initialize = originInitialize.concat(
+        `
+${initialize || ""}`
+      );
+    }
+  }
+  return deDuplicated.map(
+    ({ value, specifiers, initialize }) => `import ${createImportSpecifier(specifiers)} from '${value}';
+${initialize || ""}`
+  ).join("\n");
+};
+const generateCode = async (appContext, config, entrypoints, api) => {
+  var _a, _b, _c;
+  const {
+    internalDirectory,
+    srcDirectory,
+    internalDirAlias,
+    internalSrcAlias,
+    packageName
+  } = appContext;
+  const hookRunners = api.useHookRunners();
+  const isV5 = typeof ((_a = config.runtime) == null ? void 0 : _a.router) !== "boolean" && ((_c = (_b = config == null ? void 0 : config.runtime) == null ? void 0 : _b.router) == null ? void 0 : _c.mode) === "react-router-5";
+  const { mountId } = config.html;
+  const getRoutes = isV5 ? import_getClientRoutes.getClientRoutesLegacy : import_getClientRoutes.getClientRoutes;
+  await Promise.all(entrypoints.map(generateEntryCode));
+  async function generateEntryCode(entrypoint) {
+    const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
+    if (isAutoMount) {
+      if (fileSystemRoutes) {
+        let initialRoutes = [];
+        let nestedRoute = null;
+        if (entrypoint.entry) {
+          initialRoutes = getRoutes({
+            entrypoint,
+            srcDirectory,
+            srcAlias: internalSrcAlias,
+            internalDirectory,
+            internalDirAlias
+          });
+        }
+        if (entrypoint.nestedRoutesEntry) {
+          if (!isV5) {
+            nestedRoute = await (0, import_nestedRoutes.walk)(
+              entrypoint.nestedRoutesEntry,
+              entrypoint.nestedRoutesEntry,
+              {
+                name: internalSrcAlias,
+                basename: srcDirectory
+              },
+              entrypoint.entryName
+            );
+            if (nestedRoute) {
+              initialRoutes.unshift(nestedRoute);
+            }
+          } else {
+            import_utils.logger.error("Nested routes is not supported in legacy mode.");
+            process.exit(1);
+          }
+        }
+        const { routes } = await hookRunners.modifyFileSystemRoutes({
+          entrypoint,
+          routes: initialRoutes
+        });
+        const config2 = (0, import_core.useResolvedConfigContext)();
+        const ssr = (0, import_utils.getEntryOptions)(
+          entryName,
+          config2.server.ssr,
+          config2.server.ssrByEntries,
+          packageName
+        );
+        let mode;
+        if (ssr) {
+          mode = typeof ssr === "object" ? ssr.mode || "string" : "string";
+        } else {
+          mode = false;
+        }
+        if (mode === "stream") {
+          const hasPageRoute = routes.some(
+            (route) => "type" in route && route.type === "page"
+          );
+          if (hasPageRoute) {
+            import_utils.logger.error(
+              "Streaming ssr is not supported when pages dir exists"
+            );
+            process.exit(1);
+          }
+        }
+        const { code: code2 } = await hookRunners.beforeGenerateRoutes({
+          entrypoint,
+          code: await templates.fileSystemRoutes({
+            routes,
+            ssrMode: mode,
+            nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+            entryName: entrypoint.entryName,
+            internalDirectory
+          })
+        });
+        if (entrypoint.nestedRoutesEntry && mode) {
+          const routesServerFile = (0, import_utils2.getServerLoadersFile)(
+            internalDirectory,
+            entryName
+          );
+          const code3 = templates.routesForServer({
+            routes
+          });
+          await import_utils.fs.ensureFile(routesServerFile);
+          await import_utils.fs.writeFile(routesServerFile, code3);
+        }
+        import_utils.fs.outputFileSync(
+          import_path.default.resolve(
+            internalDirectory,
+            `./${entryName}/${import_constants.FILE_SYSTEM_ROUTES_FILE_NAME}`
+          ),
+          code2,
+          "utf8"
+        );
+      }
+      const { imports: importStatements } = await hookRunners.modifyEntryImports({
+        entrypoint,
+        imports: (0, import_utils2.getDefaultImports)({
+          entrypoint,
+          srcDirectory,
+          internalSrcAlias,
+          internalDirAlias,
+          internalDirectory
+        })
+      });
+      const { plugins } = await hookRunners.modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins: []
+      });
+      const { code: renderFunction } = await hookRunners.modifyEntryRenderFunction({
+        entrypoint,
+        code: templates.renderFunction({
+          plugins,
+          customBootstrap,
+          fileSystemRoutes
+        })
+      });
+      const { exportStatement } = await hookRunners.modifyEntryExport({
+        entrypoint,
+        exportStatement: "export default AppWrapper;"
+      });
+      const code = templates.index({
+        mountId,
+        imports: createImportStatements(importStatements),
+        renderFunction,
+        exportStatement
+      });
+      const entryFile = import_path.default.resolve(
+        internalDirectory,
+        `./${entryName}/${import_constants.ENTRY_POINT_FILE_NAME}`
+      );
+      entrypoint.entry = entryFile;
+      if (config.source.enableAsyncEntry) {
+        const { code: asyncEntryCode } = await hookRunners.modifyAsyncEntry({
+          entrypoint,
+          code: `import('./${import_constants.ENTRY_BOOTSTRAP_FILE_NAME}');`
+        });
+        import_utils.fs.outputFileSync(entryFile, asyncEntryCode, "utf8");
+        const bootstrapFile = import_path.default.resolve(
+          internalDirectory,
+          `./${entryName}/${import_constants.ENTRY_BOOTSTRAP_FILE_NAME}`
+        );
+        import_utils.fs.outputFileSync(bootstrapFile, code, "utf8");
+      } else {
+        import_utils.fs.outputFileSync(entryFile, code, "utf8");
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createImportStatements,
+  generateCode
+});

package/dist/{js/node → cjs}/analyze/getBundleEntry.js

@@ -63,11 +63,17 @@ const getBundleEntry = (appContext, config) => {
       const entrypoint = typeof value === "string" ? {
         entryName: name,
         entry: (0, import_utils.ensureAbsolutePath)(appDirectory, value),
+        absoluteEntryDir: import_path.default.dirname(
+          (0, import_utils.ensureAbsolutePath)(appDirectory, value)
+        ),
         isAutoMount: true,
         fileSystemRoutes: import_utils.fs.statSync((0, import_utils.ensureAbsolutePath)(appDirectory, value)).isDirectory() ? {} : void 0
       } : {
         entryName: name,
         entry: (0, import_utils.ensureAbsolutePath)(appDirectory, value.entry),
+        absoluteEntryDir: import_path.default.dirname(
+          (0, import_utils.ensureAbsolutePath)(appDirectory, value.entry)
+        ),
         isAutoMount: !value.disableMount,
         customBootstrap: value.customBootstrap && (0, import_utils.ensureAbsolutePath)(appDirectory, value.customBootstrap),
         fileSystemRoutes: import_utils.fs.statSync((0, import_utils.ensureAbsolutePath)(appDirectory, value.entry)).isDirectory() ? {} : void 0

package/dist/{js/node → cjs}/analyze/getClientRoutes/getRoutes.js

@@ -1,26 +1,9 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -181,7 +164,7 @@ export default ${lastComponent}`
     };
   };
   const normalized = flat(nested).map(
-    (route) => route.parent ? __spreadProps(__spreadValues(__spreadValues({}, route), generate(route)), { parent: void 0 }) : __spreadProps(__spreadValues({}, route), { parent: void 0 })
+    (route) => route.parent ? { ...route, ...generate(route), parent: void 0 } : { ...route, parent: void 0 }
   );
   return normalized;
 };

package/dist/{js/node → cjs}/analyze/getClientRoutes/getRoutesLegacy.js

@@ -1,26 +1,9 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -180,7 +163,7 @@ export default ${lastComponent}`
     };
   };
   const normalized = flat(nested).map(
-    (route) => route.parent ? __spreadProps(__spreadValues(__spreadValues({}, route), generate(route)), { parent: void 0 }) : __spreadProps(__spreadValues({}, route), { parent: void 0 })
+    (route) => route.parent ? { ...route, ...generate(route), parent: void 0 } : { ...route, parent: void 0 }
   );
   return normalized;
 };

package/dist/{js/node → cjs}/analyze/getHtmlTemplate.js

@@ -21,26 +21,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 var getHtmlTemplate_exports = {};
 __export(getHtmlTemplate_exports, {
   getHtmlTemplate: () => getHtmlTemplate
@@ -74,10 +54,10 @@ const findPartials = (dir, entryName, position) => {
   }
   return null;
 };
-const getHtmlTemplate = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function* (entrypoints, api, {
+const getHtmlTemplate = async (entrypoints, api, {
   appContext,
   config
-}) {
+}) => {
   const { appDirectory, internalDirectory } = appContext;
   const {
     source: { configDir }
@@ -100,7 +80,7 @@ const getHtmlTemplate = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function*
       htmlTemplates[entryName] = customIndexTemplate.file;
     } else {
       const hookRunners = api.useHookRunners();
-      const { partials } = yield hookRunners.htmlPartials({
+      const { partials } = await hookRunners.htmlPartials({
         entrypoint,
         partials: [
           "top" /* TOP */,
@@ -137,7 +117,7 @@ const getHtmlTemplate = (_0, _1, _2) => __async(void 0, [_0, _1, _2], function*
     }
   }
   return htmlTemplates;
-});
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getHtmlTemplate