@modern-js/app-tools 2.6.0 → 2.7.1-alpha.0

package/dist/js/modern/config/initial/createOutputConfig.js

@@ -0,0 +1,68 @@
+function createOutputConfig(config) {
+  const {
+    assetPrefix,
+    copy,
+    cssModuleLocalIdentName,
+    cssPath,
+    jsPath,
+    htmlPath,
+    mediaPath,
+    enableTsLoader,
+    path,
+    disableInlineRuntimeChunk,
+    disableCssExtract,
+    disableMinimize,
+    disableSourceMap,
+    disableTsChecker,
+    enableCssModuleTSDeclaration,
+    enableInlineScripts,
+    enableInlineStyles,
+    polyfill,
+    dataUriLimit,
+    disableAssetsCache,
+    enableLatestDecorators,
+    disableCssModuleExtension,
+    ssg,
+    disableNodePolyfill
+  } = config.output;
+  return {
+    assetPrefix,
+    copy,
+    distPath: {
+      root: path,
+      css: cssPath,
+      js: jsPath,
+      html: htmlPath,
+      svg: mediaPath || "media",
+      image: mediaPath || "media",
+      font: mediaPath || "media",
+      media: mediaPath || "media"
+    },
+    dataUriLimit: {
+      svg: dataUriLimit,
+      image: dataUriLimit,
+      font: dataUriLimit,
+      media: dataUriLimit
+    },
+    cssModuleLocalIdentName,
+    disableCssExtract,
+    disableCssModuleExtension,
+    disableInlineRuntimeChunk,
+    disableMinimize,
+    disableSourceMap,
+    disableTsChecker: disableTsChecker || enableTsLoader,
+    enableCssModuleTSDeclaration,
+    enableInlineScripts,
+    enableInlineStyles,
+    polyfill,
+    disableFilenameHash: disableAssetsCache,
+    enableLatestDecorators,
+    ssg,
+    enableAssetFallback: true,
+    enableAssetManifest: true,
+    disableNodePolyfill
+  };
+}
+export {
+  createOutputConfig
+};

package/dist/js/modern/config/initial/createSourceConfig.js

@@ -0,0 +1,39 @@
+function createSourceConfig(config) {
+  const {
+    alias,
+    envVars,
+    globalVars,
+    include,
+    moduleScopes,
+    preEntry,
+    entries,
+    enableAsyncEntry,
+    disableDefaultEntries,
+    entriesDir,
+    configDir
+  } = config.source;
+  const builderGlobalVars = globalVars || {};
+  for (const envVar of envVars || []) {
+    const envVarValue = process.env[envVar];
+    envVarValue && (builderGlobalVars[`process.env.${envVar}`] = envVarValue);
+  }
+  return {
+    alias,
+    moduleScopes,
+    globalVars: builderGlobalVars,
+    include,
+    preEntry,
+    entries,
+    enableAsyncEntry,
+    disableDefaultEntries,
+    entriesDir,
+    configDir,
+    resolveExtensionPrefix: {
+      web: ".web",
+      node: ".node"
+    }
+  };
+}
+export {
+  createSourceConfig
+};

package/dist/js/modern/config/initial/createToolsConfig.js

@@ -0,0 +1,42 @@
+function createToolsConfig(config) {
+  const {
+    autoprefixer,
+    babel,
+    minifyCss,
+    terser,
+    webpack,
+    webpackChain,
+    tsLoader,
+    styledComponents,
+    sass,
+    postcss,
+    less,
+    htmlPlugin,
+    devServer,
+    tailwindcss,
+    jest,
+    esbuild
+  } = config.tools;
+  const { enableTsLoader } = config.output;
+  return {
+    tsLoader: enableTsLoader ? tsLoader : void 0,
+    autoprefixer,
+    babel,
+    minifyCss,
+    terser,
+    webpack,
+    webpackChain,
+    styledComponents,
+    sass,
+    postcss,
+    less,
+    htmlPlugin,
+    devServer,
+    tailwindcss,
+    jest,
+    esbuild
+  };
+}
+export {
+  createToolsConfig
+};

package/dist/js/modern/config/initial/index.js

@@ -0,0 +1,16 @@
+import { initHtmlConfig, initSourceConfig, initToolsConfig } from "./inits";
+import { transformNormalizedConfig } from "./transformNormalizedConfig";
+function checkIsLegacyConfig(config) {
+  return Boolean(config.legacy);
+}
+function initialNormalizedConfig(config, appContext) {
+  initHtmlConfig(config, appContext);
+  initSourceConfig(config, appContext);
+  initToolsConfig(config);
+  return config;
+}
+export {
+  checkIsLegacyConfig,
+  initialNormalizedConfig,
+  transformNormalizedConfig
+};

package/dist/js/modern/config/initial/inits.js

@@ -0,0 +1,152 @@
+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 path, { dirname, isAbsolute, posix, sep } from "path";
+import {
+  applyOptionsChain,
+  findExists,
+  findMonorepoRoot,
+  globby,
+  isModernjsMonorepo
+} from "@modern-js/utils";
+import { getAutoInjectEnv } from "../../utils/env";
+function initHtmlConfig(config, appContext) {
+  const ICON_EXTENSIONS = ["png", "jpg", "jpeg", "svg", "ico"];
+  config.html.appIcon = createBuilderAppIcon(config, appContext);
+  config.html.favicon = createBuilderFavicon(config, appContext);
+  return config.html;
+  function createBuilderAppIcon(config2, appContext2) {
+    const { configDir } = config2.source;
+    const appIcon = findExists(
+      ICON_EXTENSIONS.map(
+        (ext) => path.resolve(
+          appContext2.appDirectory,
+          configDir || "./config",
+          `icon.${ext}`
+        )
+      )
+    );
+    return typeof appIcon === "string" ? appIcon : void 0;
+  }
+  function createBuilderFavicon(config2, appContext2) {
+    const { configDir } = config2.source;
+    const { favicon } = config2.html;
+    const defaultFavicon = findExists(
+      ICON_EXTENSIONS.map(
+        (ext) => path.resolve(
+          appContext2.appDirectory,
+          configDir || "./config",
+          `favicon.${ext}`
+        )
+      )
+    );
+    return favicon || defaultFavicon || void 0;
+  }
+}
+function initSourceConfig(config, appContext) {
+  config.source.include = createBuilderInclude(config, appContext);
+  config.source.moduleScopes = createBuilderModuleScope(config);
+  config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  function createBuilderGlobalVars(config2, appContext2) {
+    const { globalVars = {} } = config2.source;
+    const publicEnv = getAutoInjectEnv(appContext2);
+    return __spreadValues(__spreadValues({}, globalVars), publicEnv);
+  }
+  function createBuilderInclude(config2, appContext2) {
+    const { include } = config2.source;
+    const defaultInclude = [appContext2.internalDirectory];
+    const transformInclude = (include || []).map((include2) => {
+      if (typeof include2 === "string") {
+        if (isAbsolute(include2)) {
+          return include2;
+        }
+        return new RegExp(include2);
+      }
+      return include2;
+    }).concat(defaultInclude);
+    const root = findMonorepoRoot(appContext2.appDirectory);
+    if (!root) {
+      return transformInclude;
+    }
+    const modernjsMonorepo = isModernjsMonorepo(root);
+    if (modernjsMonorepo) {
+      const paths = globby.sync(posix.join(root, "features", "**", "package.json"), {
+        ignore: ["**/node_modules/**/*"]
+      }).map((pathname) => dirname(pathname) + sep);
+      return [...paths, ...transformInclude];
+    }
+    return transformInclude;
+  }
+  function createBuilderModuleScope(config2) {
+    const { moduleScopes } = config2.source;
+    if (moduleScopes) {
+      let builderModuleScope = [];
+      const DEFAULT_SCOPES = [
+        "./src",
+        "./shared",
+        /node_modules/
+      ];
+      if (Array.isArray(moduleScopes)) {
+        if (isPrimitiveScope(moduleScopes)) {
+          builderModuleScope = DEFAULT_SCOPES.concat(moduleScopes);
+        } else {
+          builderModuleScope = [DEFAULT_SCOPES, ...moduleScopes];
+        }
+      } else {
+        builderModuleScope = [DEFAULT_SCOPES, moduleScopes];
+      }
+      return builderModuleScope;
+    } else {
+      return void 0;
+    }
+    function isPrimitiveScope(items) {
+      return items.every(
+        (item) => typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]"
+      );
+    }
+  }
+}
+function initToolsConfig(config) {
+  const defaultTsChecker = {
+    issue: {
+      include: [{ file: "**/src/**/*" }],
+      exclude: [
+        { file: "**/*.(spec|test).ts" },
+        { file: "**/node_modules/**/*" }
+      ]
+    }
+  };
+  const { tsChecker, tsLoader } = config.tools;
+  config.tools.tsChecker = applyOptionsChain(defaultTsChecker, tsChecker);
+  tsLoader && (config.tools.tsLoader = (tsLoaderConfig, utils) => {
+    applyOptionsChain(
+      __spreadProps(__spreadValues({}, tsLoaderConfig), {
+        transpileOnly: false,
+        allowTsInNodeModules: true
+      }),
+      tsLoader || {},
+      utils
+    );
+  });
+}
+export {
+  initHtmlConfig,
+  initSourceConfig,
+  initToolsConfig
+};

package/dist/js/modern/config/initial/transformNormalizedConfig.js

@@ -0,0 +1,47 @@
+import { createToolsConfig } from "./createToolsConfig";
+import { createSourceConfig } from "./createSourceConfig";
+import { createOutputConfig } from "./createOutputConfig";
+import { createHtmlConfig } from "./createHtmlConfig";
+function transformNormalizedConfig(config) {
+  const html = createHtmlConfig(config);
+  const output = createOutputConfig(config);
+  const source = createSourceConfig(config);
+  const tools = createToolsConfig(config);
+  const {
+    bff,
+    dev,
+    deploy,
+    runtime,
+    runtimeByEntries,
+    server,
+    cliOptions,
+    plugins,
+    testing
+  } = config;
+  return {
+    source,
+    html,
+    output,
+    tools,
+    bff,
+    dev,
+    deploy,
+    runtime,
+    runtimeByEntries,
+    server,
+    cliOptions,
+    testing,
+    builderPlugins: [],
+    plugins,
+    security: {},
+    _raw: {},
+    experiments: {},
+    autoLoadPlugins: true,
+    performance: {
+      removeMomentLocale: true
+    }
+  };
+}
+export {
+  transformNormalizedConfig
+};

package/dist/js/modern/defineConfig.js

@@ -0,0 +1,27 @@
+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));
+const defineConfig = (config) => config;
+const defineLegacyConfig = (config) => __spreadProps(__spreadValues({}, config), {
+  legacy: true
+});
+export {
+  defineConfig,
+  defineLegacyConfig
+};

package/dist/js/modern/exports/server.js

@@ -0,0 +1,4 @@
+import { defineServerConfig } from "../utils/config";
+export {
+  defineServerConfig as defineConfig
+};

package/dist/js/modern/hooks.js

@@ -0,0 +1,35 @@
+import {
+  createAsyncWaterfall,
+  createAsyncWorkflow,
+  createParallelWorkflow
+} from "@modern-js/plugin";
+const hooks = {
+  modifyEntryExport: createAsyncWaterfall(),
+  modifyEntryImports: createAsyncWaterfall(),
+  modifyEntryRuntimePlugins: createAsyncWaterfall(),
+  modifyEntryRenderFunction: createAsyncWaterfall(),
+  modifyAsyncEntry: createAsyncWaterfall(),
+  modifyFileSystemRoutes: createAsyncWaterfall(),
+  modifyServerRoutes: createAsyncWaterfall(),
+  htmlPartials: createAsyncWaterfall(),
+  beforeGenerateRoutes: createAsyncWaterfall(),
+  addDefineTypes: createAsyncWaterfall(),
+  collectServerPlugins: createAsyncWaterfall(),
+  beforeDev: createAsyncWorkflow(),
+  afterDev: createAsyncWorkflow(),
+  beforeCreateCompiler: createAsyncWorkflow(),
+  afterCreateCompiler: createAsyncWorkflow(),
+  beforePrintInstructions: createAsyncWaterfall(),
+  beforeBuild: createAsyncWorkflow(),
+  afterBuild: createAsyncWorkflow(),
+  beforeDeploy: createAsyncWorkflow(),
+  afterDeploy: createAsyncWorkflow(),
+  beforeRestart: createAsyncWorkflow(),
+  registerDev: createParallelWorkflow(),
+  beforeDevTask: createParallelWorkflow(),
+  registerBuildPlatform: createParallelWorkflow(),
+  beforeBuildPlatform: createParallelWorkflow()
+};
+export {
+  hooks
+};

package/dist/js/modern/index.js

@@ -0,0 +1,211 @@
+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));
+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 lintPlugin from "@modern-js/plugin-lint";
+import {
+  cleanRequireCache,
+  emptyDir,
+  Import,
+  getCommand
+} from "@modern-js/utils";
+import { castArray } from "@modern-js/utils/lodash";
+import analyzePlugin from "./analyze";
+import initializePlugin from "./initialize";
+import { hooks } from "./hooks";
+import { i18n, localeKeys } from "./locale";
+import { getLocaleLanguage } from "./utils/language";
+import { restart } from "./utils/restart";
+import { generateWatchFiles } from "./utils/generateWatchFiles";
+export * from "./defineConfig";
+export * from "./types";
+const upgradeModel = Import.lazy(
+  "@modern-js/upgrade",
+  require
+);
+const devCommand = (program, api) => __async(void 0, null, function* () {
+  const runner = api.useHookRunners();
+  const devToolMetas = yield runner.registerDev();
+  const devProgram = program.command("dev").alias("start").usage("[options]").description(i18n.t(localeKeys.command.dev.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("-e --entry [entry...]", i18n.t(localeKeys.command.dev.entry)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).action((options) => __async(void 0, null, function* () {
+    const { dev } = yield import("./commands/dev");
+    yield dev(api, options);
+  }));
+  for (const meta of devToolMetas) {
+    if (!meta.subCommands) {
+      continue;
+    }
+    for (const subCmd of meta.subCommands) {
+      devProgram.command(subCmd).action((..._0) => __async(void 0, [..._0], function* (options = {}) {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = yield import("@modern-js/utils");
+        yield runner.beforeDevTask(meta);
+        yield meta.action(options, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      }));
+    }
+  }
+});
+const buildCommand = (program, api) => __async(void 0, null, function* () {
+  const runner = api.useHookRunners();
+  const platformBuilders = yield runner.registerBuildPlatform();
+  const buildProgram = program.command("build").usage("[options]").description(i18n.t(localeKeys.command.build.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).action((options) => __async(void 0, null, function* () {
+    const { build } = yield import("./commands/build");
+    yield build(api, options);
+  }));
+  for (const platformBuilder of platformBuilders) {
+    const platforms = castArray(platformBuilder.platform);
+    for (const platform of platforms) {
+      buildProgram.command(platform).action(() => __async(void 0, null, function* () {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = yield import("@modern-js/utils");
+        yield runner.beforeBuildPlatform(platformBuilders);
+        yield platformBuilder.build(platform, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      }));
+    }
+  }
+});
+var src_default = () => ({
+  name: "@modern-js/app-tools",
+  post: [
+    "@modern-js/plugin-initialize",
+    "@modern-js/plugin-analyze",
+    "@modern-js/plugin-ssr",
+    "@modern-js/plugin-document",
+    "@modern-js/plugin-state",
+    "@modern-js/plugin-router",
+    "@modern-js/plugin-router-v5",
+    "@modern-js/plugin-polyfill"
+  ],
+  registerHook: hooks,
+  usePlugins: [initializePlugin(), analyzePlugin(), lintPlugin()],
+  setup: (api) => {
+    const locale = getLocaleLanguage();
+    i18n.changeLanguage({ locale });
+    return {
+      commands(_0) {
+        return __async(this, arguments, function* ({ program }) {
+          yield devCommand(program, api);
+          yield buildCommand(program, api);
+          program.command("serve").usage("[options]").description(i18n.t(localeKeys.command.serve.describe)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).action(() => __async(this, null, function* () {
+            const { start } = yield import("./commands/serve");
+            yield start(api);
+          }));
+          program.command("deploy").usage("[options]").option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).description(i18n.t(localeKeys.command.deploy.describe)).action((options) => __async(this, null, function* () {
+            const { build } = yield import("./commands/build");
+            yield build(api);
+            const { deploy } = yield import("./commands/deploy");
+            yield deploy(api, options);
+            process.exit(0);
+          }));
+          program.command("new").usage("[options]").description(i18n.t(localeKeys.command.new.describe)).option("--lang <lang>", i18n.t(localeKeys.command.new.lang)).option("-d, --debug", i18n.t(localeKeys.command.new.debug), false).option(
+            "-c, --config <config>",
+            i18n.t(localeKeys.command.new.config)
+          ).option("--dist-tag <tag>", i18n.t(localeKeys.command.new.distTag)).option("--registry", i18n.t(localeKeys.command.new.registry)).action((options) => __async(this, null, function* () {
+            const { MWANewAction } = yield import("@modern-js/new-action");
+            yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale: options.lang || locale }));
+          }));
+          program.command("inspect").description("inspect internal webpack config").option(
+            `--env <env>`,
+            i18n.t(localeKeys.command.inspect.env),
+            "development"
+          ).option(
+            "--output <output>",
+            i18n.t(localeKeys.command.inspect.output),
+            "/"
+          ).option("--verbose", i18n.t(localeKeys.command.inspect.verbose)).option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).action((options) => __async(this, null, function* () {
+            const { inspect } = yield import("./commands/inspect");
+            inspect(api, options);
+          }));
+          upgradeModel.defineCommand(program.command("upgrade"));
+        });
+      },
+      prepare() {
+        return __async(this, null, function* () {
+          const command = getCommand();
+          if (command === "dev" || command === "start" || command === "build") {
+            const appContext = api.useAppContext();
+            yield emptyDir(appContext.distDirectory);
+          }
+        });
+      },
+      watchFiles() {
+        return __async(this, null, function* () {
+          const appContext = api.useAppContext();
+          const config = api.useResolvedConfigContext();
+          return generateWatchFiles(appContext, config.source.configDir);
+        });
+      },
+      fileChange(e) {
+        return __async(this, null, function* () {
+          const { filename, eventType } = e;
+          const appContext = api.useAppContext();
+          const { appDirectory, srcDirectory } = appContext;
+          const absolutePath = path.resolve(appDirectory, filename);
+          if (!absolutePath.includes(srcDirectory) && (eventType === "change" || eventType === "unlink")) {
+            const { closeServer } = yield import("./utils/createServer");
+            yield closeServer();
+            yield restart(api.useHookRunners(), filename);
+          }
+        });
+      },
+      beforeRestart() {
+        return __async(this, null, function* () {
+          cleanRequireCache([require.resolve("./analyze")]);
+        });
+      }
+    };
+  }
+});
+export {
+  buildCommand,
+  src_default as default,
+  devCommand
+};