@modern-js/utils 2.27.0 → 2.29.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @modern-js/utils
 
+## 2.29.0
+
+### Minor Changes
+
+- cba7675: feat: add a server reporter that report server cost, logger about error, info etc.
+  feat: 添加一个 server 端 reporter，来报告 server 端耗时，报错等
+
+### Patch Changes
+
+- e6b5355: feat(utils): change the color of error stacks to gray
+
+  feat(utils): 将 error stack 的颜色改为灰色
+
+- 93db783: fix(utils): remove hard code 'main'
+
+  fix(utils): 移除 'main' 硬编码
+
+- 99052ea: feat(builder): improve error stacks if dev compilation failed
+
+  feat(builder): 优化 dev 编译失败时的错误堆栈格式
+
+- 1d71d2e: fix(@modern-js/utils): add missing url in devServer console
+  fix(@modern-js/utils): 修复 devServer console 中丢失的 url
+
+## 2.28.0
+
+### Patch Changes
+
+- 00b58a7: feat(builder): add an error tip for source.include
+
+  feat(builder): 增加 source.include 常见问题的提示日志
+
 ## 2.27.0
 
 ### Patch Changes

package/dist/cjs/cli/alias.js

@@ -46,7 +46,7 @@ const validAlias = (modernConfig, { tsconfigPath }) => {
 };
 const mergeAlias = (alias) => (0, _applyOptionsChain.applyOptionsChain)({}, alias);
 const getAliasConfig = (aliasOption, option) => {
-  var _tsconfig_compilerOptions, _tsconfig_compilerOptions1;
+  var _tsconfig_compilerOptions, _tsconfig, _tsconfig_compilerOptions1, _tsconfig1;
   const isTsProject = _fs.default.existsSync(option.tsconfigPath);
   const alias = mergeAlias(aliasOption);
   if (!isTsProject) {
@@ -58,12 +58,12 @@ const getAliasConfig = (aliasOption, option) => {
     };
   }
   const tsconfig = (0, _get.readTsConfigByFile)(option.tsconfigPath);
-  const baseUrl = tsconfig === null || tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions = tsconfig.compilerOptions) === null || _tsconfig_compilerOptions === void 0 ? void 0 : _tsconfig_compilerOptions.baseUrl;
+  const baseUrl = (_tsconfig = tsconfig) === null || _tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions = _tsconfig.compilerOptions) === null || _tsconfig_compilerOptions === void 0 ? void 0 : _tsconfig_compilerOptions.baseUrl;
   return {
     absoluteBaseUrl: baseUrl ? _path.default.join(option.appDirectory, baseUrl) : option.appDirectory,
     paths: {
       ...alias,
-      ...tsconfig === null || tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions1 = tsconfig.compilerOptions) === null || _tsconfig_compilerOptions1 === void 0 ? void 0 : _tsconfig_compilerOptions1.paths
+      ...(_tsconfig1 = tsconfig) === null || _tsconfig1 === void 0 ? void 0 : (_tsconfig_compilerOptions1 = _tsconfig1.compilerOptions) === null || _tsconfig_compilerOptions1 === void 0 ? void 0 : _tsconfig_compilerOptions1.paths
     },
     isTsPath: true,
     isTsProject

package/dist/cjs/cli/constants/chainId.js

@@ -47,6 +47,8 @@ const CHAIN_ID = {
     YAML: "yaml",
     /** Rule for wasm */
     WASM: "wasm",
+    /** Rule for node */
+    NODE: "node",
     /** Rule for bff */
     JS_BFF_API: "js-bff-api"
   },
@@ -85,6 +87,8 @@ const CHAIN_ID = {
     TOML: "toml",
     /** html-loader */
     HTML: "html",
+    /** node-loader */
+    NODE: "html",
     /** babel-loader */
     BABEL: "babel",
     /** esbuild-loader */
@@ -103,6 +107,8 @@ const CHAIN_ID = {
     CSS_MODULES_TS: "css-modules-typescript",
     /** mini-css-extract-plugin.loader */
     MINI_CSS_EXTRACT: "mini-css-extract",
+    /** resolve-url-loader */
+    RESOLVE_URL_LOADER_FOR_SASS: "resolve-url-loader",
     /** builder-plugin-image-compress.loader */
     IMAGE_COMPRESS: "image-compress",
     /** builder-plugin-image-compress svgo-loader */
@@ -150,6 +156,10 @@ const CHAIN_ID = {
     HTML_NONCE: "html-nonce",
     /** HtmlCrossOriginPlugin */
     HTML_CROSS_ORIGIN: "html-cross-origin",
+    /** htmlPreconnectPlugin */
+    HTML_PRECONNECT: "html-preconnect-plugin",
+    /** htmlDnsPrefetchPlugin */
+    HTML_DNS_PREFETCH: "html-dns-prefetch-plugin",
     /** MiniCssExtractPlugin */
     MINI_CSS_EXTRACT: "mini-css-extract",
     /** VueLoaderPlugin */

package/dist/cjs/cli/constants/index.js

@@ -117,7 +117,7 @@ const LOADABLE_STATS_FILE = "loadable-stats.json";
 const API_DIR = "api";
 const SERVER_DIR = "server";
 const SHARED_DIR = "shared";
-const CONFIG_CACHE_DIR = "./node_modules/.cache/node-bundle-require";
+const CONFIG_CACHE_DIR = "./node_modules/.cache/bundle-require";
 const CONFIG_FILE_EXTENSIONS = [
   ".js",
   ".ts",
@@ -149,7 +149,6 @@ const INTERNAL_APP_TOOLS_RUNTIME_PLUGINS = {
 };
 const INTERNAL_MODULE_TOOLS_PLUGINS = {
   "@modern-js/module-tools": "@modern-js/module-tools",
-  "@modern-js/doc-tools": "@modern-js/doc-tools",
   "@modern-js/runtime": "@modern-js/runtime/cli",
   "@modern-js/plugin-testing": "@modern-js/plugin-testing/cli",
   "@modern-js/plugin-storybook": "@modern-js/plugin-storybook/cli",

package/dist/cjs/cli/index.js

@@ -17,7 +17,6 @@ _export_star._(require("./logger"), exports);
 _export_star._(require("./monorepo"), exports);
 _export_star._(require("./package"), exports);
 _export_star._(require("./path"), exports);
-_export_star._(require("./pathSerializer"), exports);
 _export_star._(require("./port"), exports);
 _export_star._(require("./prettyInstructions"), exports);
 _export_star._(require("./require"), exports);

package/dist/cjs/cli/is/config.js

@@ -29,13 +29,15 @@ _export(exports, {
     return isSingleEntry;
   }
 });
+const _constants = require("../constants");
 const _type = require("./type");
 const isSSR = (config) => {
+  var _server, _server1;
   const { server } = config;
-  if (server === null || server === void 0 ? void 0 : server.ssr) {
+  if ((_server = server) === null || _server === void 0 ? void 0 : _server.ssr) {
     return true;
   }
-  if ((server === null || server === void 0 ? void 0 : server.ssrByEntries) && !(0, _type.isEmpty)(server.ssrByEntries)) {
+  if (((_server1 = server) === null || _server1 === void 0 ? void 0 : _server1.ssrByEntries) && !(0, _type.isEmpty)(server.ssrByEntries)) {
     for (const name of Object.keys(server.ssrByEntries)) {
       if (server.ssrByEntries[name]) {
         return true;
@@ -45,27 +47,29 @@ const isSSR = (config) => {
   return false;
 };
 const isUseSSRBundle = (config) => {
+  var _output;
   const { output } = config;
-  if (output === null || output === void 0 ? void 0 : output.ssg) {
+  if ((_output = output) === null || _output === void 0 ? void 0 : _output.ssg) {
     return true;
   }
   return isSSR(config);
 };
 const isServiceWorker = (config) => {
-  var _deploy_worker;
+  var _deploy_worker, _deploy, _output;
   const { output, deploy } = config;
-  if ((deploy === null || deploy === void 0 ? void 0 : (_deploy_worker = deploy.worker) === null || _deploy_worker === void 0 ? void 0 : _deploy_worker.ssr) && ((output === null || output === void 0 ? void 0 : output.ssg) || isSSR(config))) {
+  if (((_deploy = deploy) === null || _deploy === void 0 ? void 0 : (_deploy_worker = _deploy.worker) === null || _deploy_worker === void 0 ? void 0 : _deploy_worker.ssr) && (((_output = output) === null || _output === void 0 ? void 0 : _output.ssg) || isSSR(config))) {
     return true;
   }
   return false;
 };
 const isRouterV5 = (config) => {
-  var _config_runtime, _config_runtime1, _config_runtime_router;
-  return typeof ((_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.router) !== "boolean" && (config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : (_config_runtime_router = _config_runtime1.router) === null || _config_runtime_router === void 0 ? void 0 : _config_runtime_router.mode) === "react-router-5";
+  var _config_runtime, _config_runtime_router, _config_runtime1, _config;
+  return typeof ((_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.router) !== "boolean" && ((_config = config) === null || _config === void 0 ? void 0 : (_config_runtime1 = _config.runtime) === null || _config_runtime1 === void 0 ? void 0 : (_config_runtime_router = _config_runtime1.router) === null || _config_runtime_router === void 0 ? void 0 : _config_runtime_router.mode) === "react-router-5";
 };
 const isSSGEntry = (config, entryName, entrypoints) => {
+  var _config_source, _ssgConfig, _ssgConfig1;
   const ssgConfig = config.output.ssg;
-  const useSSG = isSingleEntry(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[0]) === "function" || Boolean(ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[entryName]);
+  const useSSG = isSingleEntry(entrypoints, (_config_source = config.source) === null || _config_source === void 0 ? void 0 : _config_source.mainEntryName) ? Boolean(ssgConfig) : ssgConfig === true || typeof ((_ssgConfig = ssgConfig) === null || _ssgConfig === void 0 ? void 0 : _ssgConfig[0]) === "function" || Boolean((_ssgConfig1 = ssgConfig) === null || _ssgConfig1 === void 0 ? void 0 : _ssgConfig1[entryName]);
   return useSSG;
 };
-const isSingleEntry = (entrypoints) => entrypoints.length === 1 && entrypoints[0].entryName === "main";
+const isSingleEntry = (entrypoints, mainEntryName = _constants.MAIN_ENTRY_NAME) => entrypoints.length === 1 && entrypoints[0].entryName === mainEntryName;

package/dist/cjs/cli/logger.js

@@ -10,6 +10,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+  isErrorStackMessage: function() {
+    return isErrorStackMessage;
+  },
   Logger: function() {
     return Logger;
   },
@@ -60,6 +63,9 @@ const DEFAULT_CONFIG = {
   displayLabel: true,
   uppercaseLabel: false
 };
+const errorStackRegExp = /^\s*at\s.*:\d+:\d+[\s)]*$/;
+const anonymousErrorStackRegExp = /^\s*at\s.*\(<anonymous>\)$/;
+const isErrorStackMessage = (message) => errorStackRegExp.test(message) || anonymousErrorStackRegExp.test(message);
 class Logger {
   _log(type, message, ...args) {
     if (message === void 0 || message === null) {
@@ -85,6 +91,9 @@ ${_chalk.default.grey(rest.join("\n"))}`;
       } else {
         text = message.message;
       }
+    } else if (logType.level === "error" && typeof message === "string") {
+      const lines = message.split("\n");
+      text = lines.map((line) => isErrorStackMessage(line) ? _chalk.default.gray(line) : line).join("\n");
     } else {
       text = `${message}`;
     }

package/dist/cjs/cli/path.js

@@ -25,15 +25,6 @@ _export(exports, {
   getTemplatePath: function() {
     return getTemplatePath;
   },
-  compilePathMatcherRegExp: function() {
-    return compilePathMatcherRegExp;
-  },
-  _joinPathParts: function() {
-    return _joinPathParts;
-  },
-  upwardPaths: function() {
-    return upwardPaths;
-  },
   getRealTemporaryDirectory: function() {
     return getRealTemporaryDirectory;
   },
@@ -71,20 +62,6 @@ const getTemplatePath = (prefix) => {
   parts.push((0, _compiled.nanoid)());
   return _path.default.resolve(...parts);
 };
-function compilePathMatcherRegExp(match) {
-  if (typeof match !== "string") {
-    return match;
-  }
-  const escaped = _compiled.lodash.escapeRegExp(match);
-  return new RegExp(`(?<=\\W|^)${escaped}(?=\\W|$)`);
-}
-const _joinPathParts = (_part, i, parts) => (0, _compiled.lodash)(parts).filter((part) => ![
-  "/",
-  "\\"
-].includes(part)).tap((parts2) => parts2.unshift("")).slice(0, i + 2).join("/");
-function upwardPaths(start) {
-  return (0, _compiled.lodash)(start).split(/[/\\]/).filter(Boolean).map(_joinPathParts).reverse().push("/").value();
-}
 function getRealTemporaryDirectory() {
   let ret = null;
   try {

package/dist/cjs/cli/prettyInstructions.js

@@ -40,7 +40,8 @@ const getAddressUrls = (protocol = "http", port, host) => {
   const LOCAL_LABEL = "Local:  ";
   const NETWORK_LABEL = "Network:  ";
   const isLocalhost = (url) => {
-    return url === null || url === void 0 ? void 0 : url.includes("localhost");
+    var _url;
+    return (_url = url) === null || _url === void 0 ? void 0 : _url.includes("localhost");
   };
   if (host && host !== _constants.DEFAULT_DEV_HOST) {
     return [
@@ -67,19 +68,19 @@ const getAddressUrls = (protocol = "http", port, host) => {
   }, []);
 };
 const prettyInstructions = (appContext, config) => {
-  var _appContext_builder_context_devServer, _appContext_builder, _config_dev;
+  var _appContext_builder_context_devServer, _appContext_builder, _config_dev, _config_source;
   const { entrypoints, serverRoutes, port, apiOnly, checkedEntries } = appContext;
-  const isHttps = (0, _is.isDev)() && ((_appContext_builder_context_devServer = (_appContext_builder = appContext.builder) === null || _appContext_builder === void 0 ? void 0 : _appContext_builder.context.devServer) === null || _appContext_builder_context_devServer === void 0 ? void 0 : _appContext_builder_context_devServer.https);
+  const isHttps = (0, _is.isDev)() && ((_appContext_builder = appContext.builder) === null || _appContext_builder === void 0 ? void 0 : (_appContext_builder_context_devServer = _appContext_builder.context.devServer) === null || _appContext_builder_context_devServer === void 0 ? void 0 : _appContext_builder_context_devServer.https);
   const urls = getAddressUrls(isHttps ? "https" : "http", port, (_config_dev = config.dev) === null || _config_dev === void 0 ? void 0 : _config_dev.host);
   const routes = !apiOnly ? serverRoutes.filter((route) => route.entryName) : serverRoutes;
   let message = "App running at:\n\n";
-  if ((0, _is.isSingleEntry)(entrypoints) || apiOnly) {
+  if ((0, _is.isSingleEntry)(entrypoints, (_config_source = config.source) === null || _config_source === void 0 ? void 0 : _config_source.mainEntryName) || apiOnly) {
     message += urls.map(({ label, url }) => `  ${_compiled.chalk.bold(`> ${label.padEnd(10)}`)}${_compiled.chalk.cyanBright(normalizeUrl(`${url}/${routes[0].urlPath}`))}
 `).join("");
   } else {
     const maxNameLength = Math.max(...routes.map((r) => r.entryName.length));
     urls.forEach(({ label, url }) => {
-      message += `  ${_compiled.chalk.bold(`> ${label}`)}
+      message += `  ${_compiled.chalk.bold(`> ${label}`)}${routes.length === 0 ? _compiled.chalk.cyanBright(url) : ""}
 `;
       routes.forEach(({ entryName, urlPath, isSSR }) => {
         if (!checkedEntries.includes(entryName)) {

package/dist/cjs/cli/require.js

@@ -31,8 +31,9 @@ _export(exports, {
 });
 const _fs = require("./fs");
 const compatRequire = (filePath, interop = true) => {
+  var _mod;
   const mod = require(filePath);
-  const rtnESMDefault = interop && (mod === null || mod === void 0 ? void 0 : mod.__esModule);
+  const rtnESMDefault = interop && ((_mod = mod) === null || _mod === void 0 ? void 0 : _mod.__esModule);
   return rtnESMDefault ? mod.default : mod;
 };
 const dynamicImport = new Function("modulePath", "return import(modulePath)");

package/dist/cjs/runtime/nestedRoutes.js

@@ -30,6 +30,7 @@ const transformNestedRoutes = (routes) => {
   return (0, _reactrouterdom.createRoutesFromElements)(routeElements);
 };
 const renderNestedRoute = (nestedRoute, options = {}) => {
+  var _config, _children;
   const { children, index, id, component, isRoot, lazyImport, config, handle } = nestedRoute;
   const Component = component;
   const { parent, DeferredDataComponent, props = {} } = options;
@@ -43,7 +44,7 @@ const renderNestedRoute = (nestedRoute, options = {}) => {
     shouldRevalidate: nestedRoute.shouldRevalidate,
     handle: {
       ...handle,
-      ...typeof config === "object" ? config === null || config === void 0 ? void 0 : config.handle : {}
+      ...typeof config === "object" ? (_config = config) === null || _config === void 0 ? void 0 : _config.handle : {}
     },
     index: nestedRoute.index,
     element: nestedRoute.element,
@@ -55,7 +56,8 @@ const renderNestedRoute = (nestedRoute, options = {}) => {
   }
   let element;
   if (Component) {
-    if ((parent === null || parent === void 0 ? void 0 : parent.loading) && lazyImport) {
+    var _parent;
+    if (((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.loading) && lazyImport) {
       const Loading = parent.loading;
       if (isLoadableComponent(Component)) {
         element = /* @__PURE__ */ (0, _jsxruntime.jsx)(Component, {
@@ -70,13 +72,14 @@ const renderNestedRoute = (nestedRoute, options = {}) => {
     } else if (isLoadableComponent(Component) && lazyImport) {
       element = /* @__PURE__ */ (0, _jsxruntime.jsx)(Component, {});
     } else if (isRoot) {
+      var _props;
       element = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
           /* @__PURE__ */ (0, _jsxruntime.jsx)(Component, {
             ...props
           }),
           typeof document === "undefined" && DeferredDataComponent && /* @__PURE__ */ (0, _jsxruntime.jsx)(DeferredDataComponent, {
-            nonce: props === null || props === void 0 ? void 0 : props.nonce
+            nonce: (_props = props) === null || _props === void 0 ? void 0 : _props.nonce
           })
         ]
       });
@@ -89,12 +92,13 @@ const renderNestedRoute = (nestedRoute, options = {}) => {
       element = /* @__PURE__ */ (0, _jsxruntime.jsx)(Component, {});
     }
   } else {
-    nestedRoute.loading = parent === null || parent === void 0 ? void 0 : parent.loading;
+    var _parent1;
+    nestedRoute.loading = (_parent1 = parent) === null || _parent1 === void 0 ? void 0 : _parent1.loading;
   }
   if (element) {
     routeProps.element = element;
   }
-  const childElements = children === null || children === void 0 ? void 0 : children.map((childRoute) => {
+  const childElements = (_children = children) === null || _children === void 0 ? void 0 : _children.map((childRoute) => {
     return renderNestedRoute(childRoute, {
       parent: nestedRoute
     });

package/dist/cjs/runtime-browser/parsed.js

@@ -16,7 +16,8 @@ const parsedJSONFromElement = (id) => {
   const element = elements[elements.length - 1];
   if (element) {
     try {
-      const parsed = JSON.parse((element === null || element === void 0 ? void 0 : element.textContent) || "");
+      var _element;
+      const parsed = JSON.parse(((_element = element) === null || _element === void 0 ? void 0 : _element.textContent) || "");
       return parsed;
     } catch (e) {
       console.error(`parse ${id} error`, e);

package/dist/cjs/universal/formatWebpack.js

@@ -2,9 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "formatWebpackMessages", {
-  enumerable: true,
-  get: function() {
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  addErrorTips: function() {
+    return addErrorTips;
+  },
+  formatWebpackMessages: function() {
     return formatWebpackMessages;
   }
 });
@@ -52,13 +61,50 @@ ${stats.stack}` : "";
   message = lines.join("\n");
   return message.trim();
 }
-function formatWebpackMessages(json) {
-  var _json_errors, _json_warnings, _result_errors;
-  const formattedErrors = json === null || json === void 0 ? void 0 : (_json_errors = json.errors) === null || _json_errors === void 0 ? void 0 : _json_errors.map(formatMessage);
-  const formattedWarnings = json === null || json === void 0 ? void 0 : (_json_warnings = json.warnings) === null || _json_warnings === void 0 ? void 0 : _json_warnings.map(formatMessage);
+const noop = (message) => message;
+const defaultColor = {
+  gray: noop,
+  cyan: noop,
+  green: noop,
+  yellow: noop,
+  underline: noop
+};
+function addErrorTips(errors, color = defaultColor) {
+  const errorHelpers = [
+    {
+      validator(message) {
+        return (message.includes("You may need an appropriate loader") || message.includes("You may need an additional loader")) && message.includes(".ts");
+      },
+      formatter(message) {
+        return `${message}
+
+${color.yellow(`If it is a TypeScript file, you can use "source.include" config to compile it. see ${color.underline("https://modernjs.dev/builder/en/api/config-source.html#sourceinclude")}`)}
+
+${color.green(`${color.gray("// config file")}
+export default {
+  source: {
+    include: [
+      ${color.gray("// add some include rules")}
+    ]
+  }
+}`)}
+        `;
+      }
+    }
+  ];
+  return errors.map((error) => {
+    const helper = errorHelpers.find((item) => item.validator(error));
+    return helper ? helper.formatter(error) : error;
+  });
+}
+function formatWebpackMessages(json, color = defaultColor) {
+  var _json_errors, _json, _json_warnings, _json1, _result_errors;
+  const formattedErrors = (_json = json) === null || _json === void 0 ? void 0 : (_json_errors = _json.errors) === null || _json_errors === void 0 ? void 0 : _json_errors.map(formatMessage);
+  const formattedWarnings = (_json1 = json) === null || _json1 === void 0 ? void 0 : (_json_warnings = _json1.warnings) === null || _json_warnings === void 0 ? void 0 : _json_warnings.map(formatMessage);
   const result = {
     errors: formattedErrors || [],
-    warnings: formattedWarnings || []
+    warnings: formattedWarnings || [],
+    errorTips: []
   };
   if ((_result_errors = result.errors) === null || _result_errors === void 0 ? void 0 : _result_errors.some(isLikelyASyntaxError)) {
     result.errors = result.errors.filter(isLikelyASyntaxError);
@@ -66,5 +112,6 @@ function formatWebpackMessages(json) {
   if (result.errors.length > 1) {
     result.errors.length = 1;
   }
+  result.errors = addErrorTips(result.errors, color);
   return result;
 }

package/dist/cjs/universal/time.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "time", {
+  enumerable: true,
+  get: function() {
+    return time;
+  }
+});
+function processHrtime(previousTimestamp) {
+  const now = (/* @__PURE__ */ new Date()).getTime();
+  const clocktime = now * 1e-3;
+  let seconds = Math.floor(clocktime);
+  let nanoseconds = Math.floor(clocktime % 1 * 1e9);
+  if (previousTimestamp) {
+    seconds -= previousTimestamp[0];
+    nanoseconds -= previousTimestamp[1];
+    if (nanoseconds < 0) {
+      seconds--;
+      nanoseconds += 1e9;
+    }
+  }
+  return [
+    seconds,
+    nanoseconds
+  ];
+}
+const getLatency = (hrtime) => {
+  const [s, ns] = processHrtime(hrtime);
+  return s * 1e3 + ns / 1e6;
+};
+const time = () => {
+  const hrtime = processHrtime();
+  return () => {
+    return getLatency(hrtime);
+  };
+};

package/dist/esm/cli/alias.js

@@ -24,7 +24,7 @@ export var mergeAlias = function(alias) {
   return applyOptionsChain({}, alias);
 };
 export var getAliasConfig = function(aliasOption, option) {
-  var _tsconfig_compilerOptions, _tsconfig_compilerOptions1;
+  var _tsconfig_compilerOptions, _tsconfig, _tsconfig_compilerOptions1, _tsconfig1;
   var isTsProject = fs.existsSync(option.tsconfigPath);
   var alias = mergeAlias(aliasOption);
   if (!isTsProject) {
@@ -36,10 +36,10 @@ export var getAliasConfig = function(aliasOption, option) {
     };
   }
   var tsconfig = readTsConfigByFile(option.tsconfigPath);
-  var baseUrl = tsconfig === null || tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions = tsconfig.compilerOptions) === null || _tsconfig_compilerOptions === void 0 ? void 0 : _tsconfig_compilerOptions.baseUrl;
+  var baseUrl = (_tsconfig = tsconfig) === null || _tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions = _tsconfig.compilerOptions) === null || _tsconfig_compilerOptions === void 0 ? void 0 : _tsconfig_compilerOptions.baseUrl;
   return {
     absoluteBaseUrl: baseUrl ? path.join(option.appDirectory, baseUrl) : option.appDirectory,
-    paths: _object_spread({}, alias, tsconfig === null || tsconfig === void 0 ? void 0 : (_tsconfig_compilerOptions1 = tsconfig.compilerOptions) === null || _tsconfig_compilerOptions1 === void 0 ? void 0 : _tsconfig_compilerOptions1.paths),
+    paths: _object_spread({}, alias, (_tsconfig1 = tsconfig) === null || _tsconfig1 === void 0 ? void 0 : (_tsconfig_compilerOptions1 = _tsconfig1.compilerOptions) === null || _tsconfig_compilerOptions1 === void 0 ? void 0 : _tsconfig_compilerOptions1.paths),
     isTsPath: true,
     isTsProject: isTsProject
   };

package/dist/esm/cli/constants/chainId.js

@@ -37,6 +37,8 @@ export var CHAIN_ID = {
     YAML: "yaml",
     /** Rule for wasm */
     WASM: "wasm",
+    /** Rule for node */
+    NODE: "node",
     /** Rule for bff */
     JS_BFF_API: "js-bff-api"
   },
@@ -75,6 +77,8 @@ export var CHAIN_ID = {
     TOML: "toml",
     /** html-loader */
     HTML: "html",
+    /** node-loader */
+    NODE: "html",
     /** babel-loader */
     BABEL: "babel",
     /** esbuild-loader */
@@ -93,6 +97,8 @@ export var CHAIN_ID = {
     CSS_MODULES_TS: "css-modules-typescript",
     /** mini-css-extract-plugin.loader */
     MINI_CSS_EXTRACT: "mini-css-extract",
+    /** resolve-url-loader */
+    RESOLVE_URL_LOADER_FOR_SASS: "resolve-url-loader",
     /** builder-plugin-image-compress.loader */
     IMAGE_COMPRESS: "image-compress",
     /** builder-plugin-image-compress svgo-loader */
@@ -140,6 +146,10 @@ export var CHAIN_ID = {
     HTML_NONCE: "html-nonce",
     /** HtmlCrossOriginPlugin */
     HTML_CROSS_ORIGIN: "html-cross-origin",
+    /** htmlPreconnectPlugin */
+    HTML_PRECONNECT: "html-preconnect-plugin",
+    /** htmlDnsPrefetchPlugin */
+    HTML_DNS_PREFETCH: "html-dns-prefetch-plugin",
     /** MiniCssExtractPlugin */
     MINI_CSS_EXTRACT: "mini-css-extract",
     /** VueLoaderPlugin */

package/dist/esm/cli/constants/index.js

@@ -10,7 +10,7 @@ export var LOADABLE_STATS_FILE = "loadable-stats.json";
 export var API_DIR = "api";
 export var SERVER_DIR = "server";
 export var SHARED_DIR = "shared";
-export var CONFIG_CACHE_DIR = "./node_modules/.cache/node-bundle-require";
+export var CONFIG_CACHE_DIR = "./node_modules/.cache/bundle-require";
 export var CONFIG_FILE_EXTENSIONS = [
   ".js",
   ".ts",
@@ -42,7 +42,6 @@ export var INTERNAL_APP_TOOLS_RUNTIME_PLUGINS = {
 };
 export var INTERNAL_MODULE_TOOLS_PLUGINS = {
   "@modern-js/module-tools": "@modern-js/module-tools",
-  "@modern-js/doc-tools": "@modern-js/doc-tools",
   "@modern-js/runtime": "@modern-js/runtime/cli",
   "@modern-js/plugin-testing": "@modern-js/plugin-testing/cli",
   "@modern-js/plugin-storybook": "@modern-js/plugin-storybook/cli",

package/dist/esm/cli/get/data.js

@@ -25,13 +25,22 @@ function _getPackageManager() {
           while (os.homedir() !== appDirectory && times < MAX_TIMES) {
             times++;
             if (fs.existsSync(path.resolve(appDirectory, "pnpm-lock.yaml"))) {
-              return "pnpm";
+              return [
+                2,
+                "pnpm"
+              ];
             }
             if (fs.existsSync(path.resolve(appDirectory, "yarn.lock"))) {
-              return "yarn";
+              return [
+                2,
+                "yarn"
+              ];
             }
             if (fs.existsSync(path.resolve(appDirectory, "package-lock.json"))) {
-              return "npm";
+              return [
+                2,
+                "npm"
+              ];
             }
             appDirectory = path.join(appDirectory, "..");
           }

package/dist/esm/cli/index.js

@@ -12,7 +12,6 @@ export * from "./logger";
 export * from "./monorepo";
 export * from "./package";
 export * from "./path";
-export * from "./pathSerializer";
 export * from "./port";
 export * from "./prettyInstructions";
 export * from "./require";