@modern-js/app-tools 1.22.1 → 2.0.0-alpha.0

package/dist/js/node/builder/index.js

@@ -0,0 +1,177 @@
+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 });
+};
+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 __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 builder_exports = {};
+__export(builder_exports, {
+  createBuilderForModern: () => createBuilderForModern,
+  createBuilderOptions: () => createBuilderOptions,
+  createBuilderProviderConfig: () => createBuilderProviderConfig
+});
+module.exports = __toCommonJS(builder_exports);
+var import_builder = require("@modern-js/builder");
+var import_builder_webpack_provider = require("@modern-js/builder-webpack-provider");
+var import_utils = require("@modern-js/utils");
+var import_compatModern = require("./builderPlugins/compatModern");
+var import_share = require("./share");
+function getBuilderTargets(normalizedConfig) {
+  const targets = ["web"];
+  if ((0, import_utils.isUseSSRBundle)(normalizedConfig)) {
+    targets.push("node");
+  }
+  return targets;
+}
+function createBuilderForModern(_0) {
+  return __async(this, arguments, function* ({
+    normalizedConfig,
+    appContext,
+    compatPluginConfig
+  }) {
+    const builderConfig = createBuilderProviderConfig(
+      normalizedConfig,
+      appContext
+    );
+    const webpackProvider = (0, import_builder_webpack_provider.builderWebpackProvider)({
+      builderConfig
+    });
+    const target = getBuilderTargets(normalizedConfig);
+    const builderOptions = createBuilderOptions(target, appContext);
+    const builder = yield (0, import_builder.createBuilder)(webpackProvider, builderOptions);
+    yield applyBuilderPlugins(
+      builder,
+      normalizedConfig,
+      appContext,
+      compatPluginConfig
+    );
+    return builder;
+  });
+}
+function createBuilderProviderConfig(normalizedConfig, appContext) {
+  var _a;
+  const output = createOutputConfig(normalizedConfig, appContext);
+  const htmlConfig = __spreadValues({}, normalizedConfig.html);
+  if (!htmlConfig.template) {
+    htmlConfig.templateByEntries = __spreadValues(__spreadValues({}, htmlConfig.templateByEntries), appContext.htmlTemplates);
+  }
+  return __spreadProps(__spreadValues({}, normalizedConfig), {
+    output,
+    dev: __spreadProps(__spreadValues({}, normalizedConfig.dev), {
+      port: (_a = normalizedConfig.server) == null ? void 0 : _a.port
+    }),
+    html: htmlConfig
+  });
+  function createOutputConfig(config, appContext2) {
+    const defaultCopyPattern = (0, import_share.createCopyPattern)(appContext2, config, "upload");
+    const { copy } = config.output;
+    const copyOptions = Array.isArray(copy) ? copy : copy == null ? void 0 : copy.patterns;
+    const builderCopy = [...copyOptions || [], defaultCopyPattern];
+    return __spreadProps(__spreadValues({}, config.output), {
+      copy: builderCopy,
+      cleanDistPath: false
+    });
+  }
+}
+function createBuilderOptions(target, appContext) {
+  const entries = {};
+  const { entrypoints = [], checkedEntries } = appContext;
+  for (const { entryName, entry } of entrypoints) {
+    if (checkedEntries && !checkedEntries.includes(entryName)) {
+      continue;
+    }
+    if (entryName in entries) {
+      entries[entryName].push(entry);
+    } else {
+      entries[entryName] = [entry];
+    }
+  }
+  return {
+    cwd: appContext.appDirectory,
+    target,
+    configPath: appContext.configFile || void 0,
+    entry: entries,
+    framework: appContext.metaName
+  };
+}
+function applyBuilderPlugins(builder, normalizedConfig, appContext, compatPluginConfig) {
+  return __async(this, null, function* () {
+    if (!normalizedConfig.output.disableNodePolyfill) {
+      const { PluginNodePolyfill } = yield Promise.resolve().then(() => __toESM(require("@modern-js/builder-plugin-node-polyfill")));
+      builder.addPlugins([PluginNodePolyfill()]);
+    }
+    if (normalizedConfig.tools.esbuild) {
+      const { esbuild: esbuildOptions } = normalizedConfig.tools;
+      const { PluginEsbuild } = yield Promise.resolve().then(() => __toESM(require("@modern-js/builder-plugin-esbuild")));
+      builder.addPlugins([
+        PluginEsbuild({
+          loader: false,
+          minimize: (0, import_utils.applyOptionsChain)({}, esbuildOptions)
+        })
+      ]);
+    }
+    builder.addPlugins([
+      (0, import_compatModern.PluginCompatModern)(appContext, normalizedConfig, compatPluginConfig)
+    ]);
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBuilderForModern,
+  createBuilderOptions,
+  createBuilderProviderConfig
+});

package/dist/js/node/builder/loaders/routerLoader.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var routerLoader_exports = {};
+__export(routerLoader_exports, {
+  default: () => routerLoader_default
+});
+module.exports = __toCommonJS(routerLoader_exports);
+var import_utils = require("@modern-js/utils");
+function loader(source) {
+  this.cacheable();
+  const { target } = this._compiler.options;
+  if (target === "node" || Array.isArray(target) && target.includes("node")) {
+    return source;
+  }
+  const { resourcePath } = this;
+  const code = `
+    export { default } from "${(0, import_utils.slash)(resourcePath)}";
+  `;
+  return code;
+}
+var routerLoader_default = loader;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/builder/loaders/serverModuleLoader.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var serverModuleLoader_exports = {};
+__export(serverModuleLoader_exports, {
+  default: () => serverModuleLoader_default
+});
+module.exports = __toCommonJS(serverModuleLoader_exports);
+function loader() {
+  return `module.exports = {}`;
+}
+var serverModuleLoader_default = loader;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/builder/share.js

@@ -0,0 +1,75 @@
+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 share_exports = {};
+__export(share_exports, {
+  createCopyPattern: () => createCopyPattern
+});
+module.exports = __toCommonJS(share_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+function createCopyPattern(appContext, config, patternsType, chain) {
+  const configDir = import_path.default.resolve(
+    appContext.appDirectory,
+    config.source.configDir || "./config"
+  );
+  const uploadDir = import_path.default.posix.join(configDir.replace(/\\/g, "/"), "upload");
+  const publicDir = import_path.default.posix.join(configDir.replace(/\\/g, "/"), "public");
+  const minifiedJsRexExp = /\.min\.js/;
+  const info = (file) => ({
+    minimized: minifiedJsRexExp.test(file.sourceFilename)
+  });
+  if (patternsType === "public") {
+    if (!chain) {
+      throw new Error("expect get a webpackChain, but receive 'undefined'");
+    }
+    return {
+      info,
+      from: "**/*",
+      to: "public",
+      context: publicDir,
+      noErrorOnMissing: true,
+      transform: (content, absoluteFrom) => {
+        if (!/\.html?$/.test(absoluteFrom)) {
+          return content;
+        }
+        return content.toString("utf8").replace(
+          /<%=\s*assetPrefix\s*%>/g,
+          (0, import_utils.removeTailSlash)(chain.output.get("publicPath"))
+        );
+      }
+    };
+  } else {
+    return {
+      info,
+      from: "**/*",
+      to: "upload",
+      context: uploadDir,
+      noErrorOnMissing: true
+    };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCopyPattern
+});

package/dist/js/node/builder/webpackPlugins/htmlAsyncChunkPlugin.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlAsyncChunkPlugin_exports = {};
+__export(htmlAsyncChunkPlugin_exports, {
+  HtmlAsyncChunkPlugin: () => HtmlAsyncChunkPlugin
+});
+module.exports = __toCommonJS(htmlAsyncChunkPlugin_exports);
+class HtmlAsyncChunkPlugin {
+  constructor(htmlWebpackPlugin) {
+    this.name = "HtmlAsyncChunkPlugin";
+    this.htmlWebpackPlugin = htmlWebpackPlugin;
+  }
+  apply(compiler) {
+    compiler.hooks.compilation.tap(
+      this.name,
+      (compilation) => {
+        const hooks = this.htmlWebpackPlugin.getHooks(compilation);
+        hooks.alterAssetTagGroups.tap(this.name, (assets) => {
+          const tags = [...assets.headTags, ...assets.bodyTags];
+          for (const tag of tags) {
+            if (tag.tagName === "script") {
+              const { attributes } = tag;
+              if (attributes && attributes.defer === true) {
+                attributes.async = true;
+                delete attributes.defer;
+              }
+            }
+          }
+          return assets;
+        });
+      }
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HtmlAsyncChunkPlugin
+});

package/dist/js/node/builder/webpackPlugins/htmlBottomTemplate.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlBottomTemplate_exports = {};
+__export(htmlBottomTemplate_exports, {
+  BottomTemplatePlugin: () => BottomTemplatePlugin
+});
+module.exports = __toCommonJS(htmlBottomTemplate_exports);
+class BottomTemplatePlugin {
+  constructor(htmlWebpackPlugin) {
+    this.bottomTemplateReg = /<!--<\?-\s*bottomTemplate\s*\?>-->/;
+    this.bodyRegExp = /(<\/\s*body\s*>)/i;
+    this.htmlWebpackPlugin = htmlWebpackPlugin;
+    this.name = "bottom-template";
+  }
+  apply(compiler) {
+    compiler.hooks.compilation.tap(
+      this.name,
+      (compilation) => {
+        this.htmlWebpackPlugin.getHooks(compilation).beforeEmit.tap(this.name, (data) => {
+          var _a;
+          if (!((_a = data.plugin.options) == null ? void 0 : _a.__internal__)) {
+            return data;
+          }
+          if (this.bottomTemplateReg.test(data.html)) {
+            data.html = data.html.replace(this.bottomTemplateReg, "");
+            const { bottomTemplate } = data.plugin.options;
+            if (bottomTemplate) {
+              data.html = data.html.replace(
+                this.bodyRegExp,
+                (match) => `
+${bottomTemplate}
+${match}`
+              );
+            }
+          }
+          return data;
+        });
+      }
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BottomTemplatePlugin
+});

package/dist/js/node/builder/webpackPlugins/routerPlugin.js

@@ -0,0 +1,135 @@
+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 __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 routerPlugin_exports = {};
+__export(routerPlugin_exports, {
+  default: () => RouterPlugin
+});
+module.exports = __toCommonJS(routerPlugin_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+const PLUGIN_NAME = "ModernjsRoutePlugin";
+class RouterPlugin {
+  apply(compiler) {
+    const { target } = compiler.options;
+    if (target === "node" || Array.isArray(target) && target.includes("node")) {
+      return;
+    }
+    const { webpack } = compiler;
+    const { Compilation, sources } = webpack;
+    const { RawSource } = sources;
+    const { PROCESS_ASSETS_STAGE_REPORT } = Compilation;
+    const outputPath = compiler.options.output.path;
+    const newAssetsMap = /* @__PURE__ */ new Map();
+    const normalizePath = (path2) => {
+      if (!path2.endsWith("/")) {
+        return `${path2}/`;
+      }
+      return path2;
+    };
+    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+      compilation.hooks.processAssets.tapPromise(
+        {
+          name: PLUGIN_NAME,
+          stage: PROCESS_ASSETS_STAGE_REPORT
+        },
+        () => __async(this, null, function* () {
+          const stats = compilation.getStats().toJson({
+            chunkGroups: true,
+            chunks: true
+          });
+          const { publicPath } = stats;
+          const routeAssets = {};
+          const { namedChunkGroups, assetsByChunkName } = stats;
+          if (!namedChunkGroups || !assetsByChunkName) {
+            import_utils.logger.warn(
+              "Route manifest does not exist, performance will be affected"
+            );
+            return;
+          }
+          for (const [name, chunkGroup] of Object.entries(namedChunkGroups)) {
+            if (assetsByChunkName[name]) {
+              routeAssets[name] = {
+                chunkIds: chunkGroup.chunks,
+                assets: assetsByChunkName[name].map(
+                  (item) => publicPath ? normalizePath(publicPath) + item : item
+                )
+              };
+            }
+          }
+          const manifest = {
+            routeAssets
+          };
+          const injectedContent = `
+            ;(function(){
+              window.${import_utils.ROUTE_MANIFEST} = ${JSON.stringify(manifest)};
+            })();
+          `;
+          const entrypointsArray = Array.from(
+            compilation.entrypoints.entries()
+          );
+          const entryChunkIds = entrypointsArray.map(
+            (entrypoint) => entrypoint[0]
+          );
+          const entryChunks = [...compilation.chunks].filter((chunk) => {
+            return entryChunkIds.includes(chunk.name);
+          });
+          const entryChunkFiles = entryChunks.map(
+            (chunk) => [...chunk.files].find((fname) => fname.includes(".js"))
+          );
+          for (const file of entryChunkFiles) {
+            const asset = compilation.assets[file];
+            const newContent = `${injectedContent}${asset.source().toString()}`;
+            newAssetsMap.set(import_path.default.join(outputPath, file), newContent);
+            compilation.updateAsset(file, new RawSource(newContent));
+          }
+          const filename = import_path.default.join(outputPath, import_utils.ROUTE_MINIFEST_FILE);
+          yield import_utils.fs.ensureFile(filename);
+          yield import_utils.fs.writeFile(filename, JSON.stringify(manifest, null, 2));
+        })
+      );
+    });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});