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

package/dist/esm-node/commands/index.js

@@ -0,0 +1,3 @@
+export * from "./dev";
+export * from "./build";
+export * from "./serve";

package/dist/esm-node/commands/inspect.js

@@ -0,0 +1,18 @@
+import { join } from "path";
+const inspect = async (api, options) => {
+  const appContext = api.useAppContext();
+  if (!appContext.builder) {
+    throw new Error(
+      "Expect the Builder to have been initialized, But the appContext.builder received `undefined`"
+    );
+  }
+  return appContext.builder.inspectConfig({
+    env: options.env,
+    verbose: options.verbose,
+    outputPath: join(appContext == null ? void 0 : appContext.builder.context.distPath, options.output),
+    writeToDisk: true
+  });
+};
+export {
+  inspect
+};

package/dist/esm-node/commands/serve.js

@@ -0,0 +1,34 @@
+import { logger, chalk, isApiOnly } from "@modern-js/utils";
+import server from "@modern-js/prod-server";
+import { printInstructions } from "../utils/printInstructions";
+import { injectDataLoaderPlugin } from "../utils/createServer";
+import { getServerInternalPlugins } from "../utils/getServerInternalPlugins";
+const start = async (api) => {
+  var _a;
+  const appContext = api.useAppContext();
+  const userConfig = api.useResolvedConfigContext();
+  const hookRunners = api.useHookRunners();
+  const { appDirectory, port, serverConfigFile } = appContext;
+  logger.log(chalk.cyan(`Starting the modern server...`));
+  const apiOnly = await isApiOnly(
+    appContext.appDirectory,
+    (_a = userConfig == null ? void 0 : userConfig.source) == null ? void 0 : _a.entriesDir
+  );
+  const serverInternalPlugins = await getServerInternalPlugins(api);
+  const app = await server({
+    pwd: appDirectory,
+    config: userConfig,
+    serverConfigFile,
+    internalPlugins: injectDataLoaderPlugin(serverInternalPlugins),
+    apiOnly
+  });
+  app.listen(port, async (err) => {
+    if (err) {
+      throw err;
+    }
+    await printInstructions(hookRunners, appContext, userConfig);
+  });
+};
+export {
+  start
+};

package/dist/esm-node/config/default.js

@@ -0,0 +1,162 @@
+import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
+function createDefaultConfig(appContext, bundler) {
+  const defaultBuilderConfig = createDefaultBuilderConfig();
+  const dev = {
+    ...defaultBuilderConfig.dev,
+    port: void 0
+  };
+  const output = {
+    ...defaultBuilderConfig.output,
+    disableNodePolyfill: true
+  };
+  const source = {
+    ...defaultBuilderConfig.source,
+    entries: void 0,
+    enableAsyncEntry: false,
+    disableDefaultEntries: false,
+    entriesDir: "./src",
+    configDir: "./config",
+    alias: {
+      [appContext.internalDirAlias]: appContext.internalDirectory,
+      [appContext.internalSrcAlias]: appContext.srcDirectory,
+      "@": appContext.srcDirectory,
+      "@shared": appContext.sharedDirectory
+    }
+  };
+  const html = {
+    ...defaultBuilderConfig.html,
+    title: "",
+    meta: {
+      charset: { charset: "utf-8" },
+      viewport: "width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no",
+      "http-equiv": { "http-equiv": "x-ua-compatible", content: "ie=edge" },
+      renderer: "webkit",
+      layoutmode: "standard",
+      imagemode: "force",
+      "wap-font-scale": "no",
+      "format-detection": "telephone=no"
+    }
+  };
+  const server = {
+    routes: void 0,
+    publicRoutes: void 0,
+    ssr: void 0,
+    ssrByEntries: void 0,
+    baseUrl: "/",
+    port: 8080
+  };
+  const tools = bundler === "webpack" ? {
+    ...defaultBuilderConfig.tools
+  } : void 0;
+  return {
+    source,
+    output,
+    server,
+    dev,
+    html,
+    tools,
+    plugins: [],
+    builderPlugins: [],
+    runtime: {},
+    runtimeByEntries: {}
+  };
+}
+function createLegacyDefaultConfig(appContext) {
+  const defaultAlias = appContext ? {
+    [appContext.internalDirAlias]: appContext.internalDirectory,
+    [appContext.internalSrcAlias]: appContext.srcDirectory,
+    "@": appContext.srcDirectory,
+    "@shared": appContext.sharedDirectory
+  } : {};
+  const sourceDefaults = {
+    entries: void 0,
+    enableAsyncEntry: false,
+    disableDefaultEntries: false,
+    entriesDir: "./src",
+    configDir: "./config",
+    apiDir: "./api",
+    envVars: [],
+    globalVars: void 0,
+    alias: defaultAlias,
+    moduleScopes: void 0,
+    include: []
+  };
+  const outputDefaults = {
+    assetPrefix: "/",
+    htmlPath: "html",
+    jsPath: "static/js",
+    cssPath: "static/css",
+    mediaPath: "static/media",
+    path: "dist",
+    title: "",
+    titleByEntries: void 0,
+    meta: {
+      charset: { charset: "utf-8" },
+      viewport: "width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no",
+      "http-equiv": { "http-equiv": "x-ua-compatible", content: "ie=edge" },
+      renderer: "webkit",
+      layoutmode: "standard",
+      imagemode: "force",
+      "wap-font-scale": "no",
+      "format-detection": "telephone=no"
+    },
+    metaByEntries: void 0,
+    inject: "head",
+    injectByEntries: void 0,
+    mountId: "root",
+    favicon: "",
+    faviconByEntries: void 0,
+    copy: void 0,
+    disableHtmlFolder: false,
+    disableCssModuleExtension: false,
+    disableCssExtract: false,
+    enableCssModuleTSDeclaration: false,
+    disableMinimize: false,
+    enableInlineStyles: false,
+    enableInlineScripts: false,
+    disableSourceMap: false,
+    disableInlineRuntimeChunk: false,
+    disableAssetsCache: false,
+    enableLatestDecorators: false,
+    polyfill: "entry",
+    dataUriLimit: 1e4,
+    templateParameters: {},
+    templateParametersByEntries: void 0,
+    cssModuleLocalIdentName: void 0,
+    disableNodePolyfill: false,
+    enableTsLoader: false
+  };
+  const serverDefaults = {
+    routes: void 0,
+    publicRoutes: void 0,
+    ssr: void 0,
+    ssrByEntries: void 0,
+    baseUrl: "/",
+    port: 8080
+  };
+  const devDefaults = { assetPrefix: false, https: false };
+  const toolsDefaults = {
+    webpack: void 0,
+    babel: void 0,
+    postcss: void 0,
+    autoprefixer: void 0,
+    lodash: void 0,
+    devServer: void 0,
+    tsLoader: void 0,
+    terser: void 0,
+    minifyCss: void 0
+  };
+  return {
+    source: sourceDefaults,
+    output: outputDefaults,
+    server: serverDefaults,
+    dev: devDefaults,
+    tools: toolsDefaults,
+    runtime: {},
+    runtimeByEntries: {}
+  };
+}
+export {
+  createDefaultConfig,
+  createLegacyDefaultConfig
+};

package/dist/esm-node/config/index.js

@@ -0,0 +1,3 @@
+export * from "./legacy";
+export * from "./initialize";
+export * from "./default";

package/dist/esm-node/config/initialize/index.js

@@ -0,0 +1,12 @@
+import { initHtmlConfig, initSourceConfig, initToolsConfig } from "./inits";
+function initialNormalizedConfig(config, appContext, bundler) {
+  initHtmlConfig(config, appContext);
+  initSourceConfig(config, appContext, bundler);
+  if (bundler === "webpack") {
+    initToolsConfig(config);
+  }
+  return config;
+}
+export {
+  initialNormalizedConfig
+};

package/dist/esm-node/config/initialize/inits.js

@@ -0,0 +1,136 @@
+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, bundler) {
+  config.source.include = createBuilderInclude(config, appContext);
+  config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  if (bundler === "webpack") {
+    config.source.moduleScopes = createBuilderModuleScope(config);
+  }
+  function createBuilderGlobalVars(config2, appContext2) {
+    const { globalVars = {} } = config2.source;
+    const publicEnv = getAutoInjectEnv(appContext2);
+    return { ...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(
+      {
+        ...tsLoaderConfig,
+        transpileOnly: false,
+        allowTsInNodeModules: true
+      },
+      tsLoader || {},
+      utils
+    );
+  });
+}
+export {
+  initHtmlConfig,
+  initSourceConfig,
+  initToolsConfig
+};

package/dist/{js/modern/config/initial/transformNormalizedConfig.js → esm-node/config/legacy/index.js}

@@ -42,6 +42,10 @@ function transformNormalizedConfig(config) {
     }
   };
 }
+function checkIsLegacyConfig(config) {
+  return Boolean(config.legacy);
+}
 export {
+  checkIsLegacyConfig,
   transformNormalizedConfig
 };

package/dist/esm-node/defineConfig.js

@@ -0,0 +1,9 @@
+const defineConfig = (config) => config;
+const defineLegacyConfig = (config) => ({
+  ...config,
+  legacy: true
+});
+export {
+  defineConfig,
+  defineLegacyConfig
+};

package/dist/esm-node/exports/server.js

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

package/dist/esm-node/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/esm-node/index.js

@@ -0,0 +1,172 @@
+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 = async (program, api) => {
+  const runner = api.useHookRunners();
+  const devToolMetas = await 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(async (options) => {
+    const { dev } = await import("./commands/dev");
+    await dev(api, options);
+  });
+  for (const meta of devToolMetas) {
+    if (!meta.subCommands) {
+      continue;
+    }
+    for (const subCmd of meta.subCommands) {
+      devProgram.command(subCmd).action(async (options = {}) => {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = await import("@modern-js/utils");
+        await runner.beforeDevTask(meta);
+        await meta.action(options, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      });
+    }
+  }
+};
+const buildCommand = async (program, api) => {
+  const runner = api.useHookRunners();
+  const platformBuilders = await 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(async (options) => {
+    const { build } = await import("./commands/build");
+    await build(api, options);
+  });
+  for (const platformBuilder of platformBuilders) {
+    const platforms = castArray(platformBuilder.platform);
+    for (const platform of platforms) {
+      buildProgram.command(platform).action(async () => {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = await import("@modern-js/utils");
+        await runner.beforeBuildPlatform(platformBuilders);
+        await platformBuilder.build(platform, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      });
+    }
+  }
+};
+var src_default = (options = {
+  bundler: "webpack"
+}) => ({
+  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({
+      bundler: (options == null ? void 0 : options.bundler) === "experimental-rspack" ? "rspack" : "webpack"
+    }),
+    analyzePlugin({
+      bundler: (options == null ? void 0 : options.bundler) === "experimental-rspack" ? "rspack" : "webpack"
+    }),
+    lintPlugin()
+  ],
+  setup: (api) => {
+    const locale = getLocaleLanguage();
+    i18n.changeLanguage({ locale });
+    return {
+      async commands({ program }) {
+        await devCommand(program, api);
+        await 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 () => {
+          const { start } = await import("./commands/serve");
+          await 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(async (options2) => {
+          const { build } = await import("./commands/build");
+          await build(api);
+          const { deploy } = await import("./commands/deploy");
+          await deploy(api, options2);
+          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(async (options2) => {
+          const { MWANewAction } = await import("@modern-js/new-action");
+          await MWANewAction({ ...options2, locale: options2.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(async (options2) => {
+          const { inspect } = await import("./commands/inspect");
+          inspect(api, options2);
+        });
+        upgradeModel.defineCommand(program.command("upgrade"));
+      },
+      async prepare() {
+        const command = getCommand();
+        if (command === "dev" || command === "start" || command === "build") {
+          const appContext = api.useAppContext();
+          await emptyDir(appContext.distDirectory);
+        }
+      },
+      async watchFiles() {
+        const appContext = api.useAppContext();
+        const config = api.useResolvedConfigContext();
+        return generateWatchFiles(appContext, config.source.configDir);
+      },
+      async fileChange(e) {
+        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 } = await import("./utils/createServer");
+          await closeServer();
+          await restart(api.useHookRunners(), filename);
+        }
+      },
+      async beforeRestart() {
+        cleanRequireCache([require.resolve("./analyze")]);
+      }
+    };
+  }
+});
+export {
+  buildCommand,
+  src_default as default,
+  devCommand
+};