@modern-js/app-tools 3.0.0-beta.0 → 3.0.0

package/dist/js/modern/builder/builder-webpack/webpackPlugins/RouterPlugin.js

@@ -1,116 +0,0 @@
-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());
-  });
-};
-import path from "path";
-import {
-  fs,
-  ROUTE_MANIFEST,
-  logger,
-  ROUTE_MINIFEST_FILE
-} from "@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;
-    }
-    if (target === "webworker" || Array.isArray(target) && target.includes("webworker")) {
-      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) {
-            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.${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(path.join(outputPath, file), newContent);
-            compilation.updateAsset(file, new RawSource(newContent));
-          }
-          const filename = path.join(outputPath, ROUTE_MINIFEST_FILE);
-          yield fs.ensureFile(filename);
-          yield fs.writeFile(filename, JSON.stringify(manifest, null, 2));
-        })
-      );
-    });
-  }
-}
-export {
-  RouterPlugin
-};

package/dist/js/modern/builder/builder-webpack/webpackPlugins/index.js

@@ -1 +0,0 @@
-export * from "./RouterPlugin";

package/dist/js/modern/builder/generator/createBuilderOptions.js

@@ -1,24 +0,0 @@
-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
-  };
-}
-export {
-  createBuilderOptions
-};

package/dist/js/modern/builder/generator/createBuilderProviderConfig.js

@@ -1,39 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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));
-function createBuilderProviderConfig(resolveConfig, appContext, modifyBuilderConfig) {
-  const htmlConfig = __spreadValues({}, resolveConfig.html);
-  if (!htmlConfig.template) {
-    htmlConfig.templateByEntries = __spreadValues(__spreadValues({}, htmlConfig.templateByEntries), appContext.htmlTemplates);
-  }
-  const config = __spreadProps(__spreadValues({}, resolveConfig), {
-    dev: __spreadProps(__spreadValues({}, resolveConfig.dev), {
-      port: appContext.port
-    }),
-    html: htmlConfig,
-    output: __spreadProps(__spreadValues({}, resolveConfig.output), {
-      cleanDistPath: false
-    })
-  });
-  modifyBuilderConfig == null ? void 0 : modifyBuilderConfig(config);
-  return config;
-}
-export {
-  createBuilderProviderConfig
-};

package/dist/js/modern/builder/generator/getBuilderTargets.js

@@ -1,21 +0,0 @@
-import {
-  isProd,
-  isServiceWorker,
-  isSSR,
-  isUseSSRBundle
-} from "@modern-js/utils";
-function getBuilderTargets(normalizedConfig) {
-  const targets = ["web"];
-  const useNodeTarget = isProd() ? isUseSSRBundle(normalizedConfig) : isSSR(normalizedConfig);
-  if (useNodeTarget) {
-    targets.push("node");
-  }
-  const useWorkerTarget = isProd() ? isServiceWorker(normalizedConfig) : false;
-  if (useWorkerTarget) {
-    targets.push("service-worker");
-  }
-  return targets;
-}
-export {
-  getBuilderTargets
-};

package/dist/js/modern/builder/generator/index.js

@@ -1,53 +0,0 @@
-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());
-  });
-};
-import { createBuilder } from "@modern-js/builder";
-import { createBuilderProviderConfig } from "./createBuilderProviderConfig";
-import { getBuilderTargets } from "./getBuilderTargets";
-import { createBuilderOptions } from "./createBuilderOptions";
-function generateBuilder(options, generateProvider, utils) {
-  return __async(this, null, function* () {
-    const { normalizedConfig, appContext } = options;
-    const { modifyBuilderConfig, modifyBuilderInstance } = utils || {};
-    const builderConfig = createBuilderProviderConfig(
-      normalizedConfig,
-      appContext,
-      modifyBuilderConfig
-    );
-    const provider = generateProvider({
-      builderConfig
-    });
-    const target = getBuilderTargets(normalizedConfig);
-    const builderOptions = createBuilderOptions(target, appContext);
-    const builder = yield createBuilder(provider, builderOptions);
-    yield applyBuilderPlugins(builder, options);
-    yield modifyBuilderInstance == null ? void 0 : modifyBuilderInstance(builder);
-    return builder;
-  });
-}
-function applyBuilderPlugins(builder, options) {
-  return __async(this, null, function* () {
-    const { builderPluginAdapterModern } = yield import("../shared/builderPlugins/adapterModern");
-    builder.addPlugins([builderPluginAdapterModern(options)]);
-  });
-}
-export {
-  generateBuilder
-};

package/dist/js/modern/builder/index.js

@@ -1,39 +0,0 @@
-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());
-  });
-};
-function createBuilderGenerator(bundler) {
-  return __async(this, null, function* () {
-    if (bundler === "rspack") {
-      try {
-        const { createRspackBuilderForModern } = yield import("./builder-rspack");
-        return createRspackBuilderForModern;
-      } catch (_) {
-        throw new Error(
-          "Failed to use rspack, please check if you have `@modern-js/builder-rspack-provider` installed"
-        );
-      }
-    }
-    const { createWebpackBuilderForModern } = yield import("./builder-webpack");
-    return createWebpackBuilderForModern;
-  });
-}
-export {
-  createBuilderGenerator
-};

package/dist/js/modern/builder/shared/builderPlugins/adapterModern.js

@@ -1,219 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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));
-import {
-  mergeBuilderConfig
-} from "@modern-js/builder-shared";
-import { getEntryOptions } from "@modern-js/utils";
-import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
-import { template as lodashTemplate } from "@modern-js/utils/lodash";
-import { HtmlAsyncChunkPlugin } from "../bundlerPlugins/HtmlAsyncChunkPlugin";
-import { BottomTemplatePlugin } from "../bundlerPlugins/HtmlBottomTemplate";
-const isStreamingSSR = (userConfig) => {
-  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
-  const { server } = userConfig;
-  if (isStreaming(server.ssr)) {
-    return true;
-  }
-  if ((server == null ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
-    for (const name of Object.keys(server.ssrByEntries)) {
-      if (isStreaming(server.ssrByEntries[name])) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-const builderPluginAdapterModern = (options) => ({
-  name: "builder-plugin-adapter-modern",
-  setup(api) {
-    const { normalizedConfig, appContext } = options;
-    api.modifyBuilderConfig((config) => {
-      if (isStreamingSSR(normalizedConfig)) {
-        return mergeBuilderConfig(config, {
-          html: {
-            inject: "body"
-          }
-        });
-      }
-      return config;
-    });
-    api.modifyBundlerChain((chain, { target, CHAIN_ID, isProd }) => {
-      const builderConfig = api.getNormalizedConfig();
-      if (target === "node") {
-        chain.name("server");
-      } else if (target === "service-worker") {
-        chain.name("service-worker");
-      } else if (target === "web-worker") {
-        chain.name("worker");
-      } else if (target === "modern-web") {
-        chain.name("modern");
-      } else {
-        chain.name("client");
-      }
-      if (target === "node" || target === "service-worker") {
-        applyNodeCompat(target, chain, normalizedConfig, isProd);
-      }
-      if (isHtmlEnabled(builderConfig, target)) {
-        applyBottomHtmlPlugin({
-          api,
-          chain,
-          modernConfig: normalizedConfig,
-          appContext,
-          CHAIN_ID
-        });
-        applyAsyncChunkHtmlPlugin({
-          chain,
-          modernConfig: normalizedConfig,
-          CHAIN_ID
-        });
-      }
-      if (target !== "node" && target !== "web-worker" && target !== "service-worker") {
-        const bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
-        chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
-        chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
-      }
-    });
-    applyCallbacks(api, options);
-    function isHtmlEnabled(config, target) {
-      var _a;
-      return ((_a = config.tools) == null ? void 0 : _a.htmlPlugin) !== false && target !== "node" && target !== "service-worker" && target !== "web-worker";
-    }
-  }
-});
-function applyCallbacks(api, options) {
-  options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
-  options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
-  options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
-  options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
-  options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
-  options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
-  options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
-  options.onExit && api.onExit(options.onExit);
-}
-function applyBottomHtmlPlugin({
-  api,
-  chain,
-  modernConfig,
-  appContext,
-  CHAIN_ID
-}) {
-  for (const entryName of Object.keys(api.context.entry)) {
-    const baseTemplateParams = __spreadValues({
-      entryName,
-      title: getEntryOptions(
-        entryName,
-        modernConfig.html.title,
-        modernConfig.html.titleByEntries,
-        appContext.packageName
-      ),
-      mountId: modernConfig.html.mountId
-    }, getEntryOptions(
-      entryName,
-      modernConfig.html.templateParameters,
-      modernConfig.html.templateParametersByEntries,
-      appContext.packageName
-    ));
-    chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
-      __spreadProps(__spreadValues({}, args[0] || {}), {
-        __internal__: true,
-        bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(
-          baseTemplateParams
-        )
-      })
-    ]);
-  }
-  chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
-}
-function applyAsyncChunkHtmlPlugin({
-  chain,
-  modernConfig,
-  CHAIN_ID
-}) {
-  if (isStreamingSSR(modernConfig)) {
-    chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
-  }
-}
-function applyNodeCompat(target, chain, modernConfig, isProd) {
-  const nodeExts = [
-    ".node.js",
-    ".node.jsx",
-    ".node.ts",
-    ".node.tsx",
-    ".server.js",
-    ".server.ts",
-    ".server.ts",
-    ".server.tsx"
-  ];
-  const webWorkerExts = [
-    ".worker.js",
-    ".worker.jsx",
-    ".worker.ts",
-    ".worker.tsx"
-  ];
-  for (const ext of nodeExts) {
-    chain.resolve.extensions.prepend(ext);
-  }
-  if (target === "service-worker") {
-    for (const ext of webWorkerExts) {
-      chain.resolve.extensions.prepend(ext);
-    }
-  }
-  filterEntriesBySSRConfig(
-    isProd,
-    chain,
-    modernConfig.server,
-    modernConfig.output
-  );
-  function filterEntriesBySSRConfig(isProd2, chain2, serverConfig, outputConfig) {
-    var _a;
-    const entries = chain2.entryPoints.entries();
-    if (isProd2 && ((outputConfig == null ? void 0 : outputConfig.ssg) === true || typeof ((_a = outputConfig == null ? void 0 : outputConfig.ssg) == null ? void 0 : _a[0]) === "function")) {
-      return;
-    }
-    if (typeof entries === "undefined") {
-      throw new Error(
-        "No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required"
-      );
-    }
-    const entryNames = Object.keys(entries);
-    if (isProd2 && entryNames.length === 1 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
-      return;
-    }
-    const ssgEntries = [];
-    if (isProd2 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
-      const { ssg } = outputConfig;
-      entryNames.forEach((name) => {
-        if (ssg[name]) {
-          ssgEntries.push(name);
-        }
-      });
-    }
-    const { ssr, ssrByEntries } = serverConfig || {};
-    entryNames.forEach((name) => {
-      if (!ssgEntries.includes(name) && (ssr && (ssrByEntries == null ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries == null ? void 0 : ssrByEntries[name]))) {
-        chain2.entryPoints.delete(name);
-      }
-    });
-  }
-}
-export {
-  applyCallbacks,
-  builderPluginAdapterModern
-};

package/dist/js/modern/builder/shared/bundlerPlugins/HtmlAsyncChunkPlugin.js

@@ -1,27 +0,0 @@
-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;
-      });
-    });
-  }
-}
-export {
-  HtmlAsyncChunkPlugin
-};

package/dist/js/modern/builder/shared/bundlerPlugins/HtmlBottomTemplate.js

@@ -1,34 +0,0 @@
-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;
-      });
-    });
-  }
-}
-export {
-  BottomTemplatePlugin
-};

package/dist/js/modern/builder/shared/createCopyPattern.js

@@ -1,46 +0,0 @@
-import path from "path";
-import { removeTailSlash } from "@modern-js/utils";
-function createCopyPattern(appContext, config, patternsType, chain) {
-  const configDir = path.resolve(
-    appContext.appDirectory,
-    config.source.configDir || "./config"
-  );
-  const uploadDir = path.posix.join(configDir.replace(/\\/g, "/"), "upload");
-  const publicDir = path.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,
-          removeTailSlash(chain.output.get("publicPath"))
-        );
-      }
-    };
-  } else {
-    return {
-      info,
-      from: "**/*",
-      to: "upload",
-      context: uploadDir,
-      noErrorOnMissing: true
-    };
-  }
-}
-export {
-  createCopyPattern
-};

package/dist/js/modern/builder/shared/index.js

@@ -1,3 +0,0 @@
-export * from "./createCopyPattern";
-export * from "./types";
-export * from "./builderPlugins/adapterModern";

package/dist/js/modern/builder/shared/loaders/serverModuleLoader.js

@@ -1,7 +0,0 @@
-function loader() {
-  return `module.exports = {}`;
-}
-var serverModuleLoader_default = loader;
-export {
-  serverModuleLoader_default as default
-};