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

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

@@ -0,0 +1,72 @@
+import { ResolvedConfigContext } from "@modern-js/core";
+import { printInstructions } from "../utils/printInstructions";
+import {
+  setServer,
+  createServer,
+  injectDataLoaderPlugin
+} from "../utils/createServer";
+import { generateRoutes } from "../utils/routes";
+import { buildServerConfig } from "../utils/config";
+import { getServerInternalPlugins } from "../utils/getServerInternalPlugins";
+const dev = async (api, options) => {
+  var _a;
+  if (options.analyze) {
+    process.env.BUNDLE_ANALYZE = "true";
+  }
+  let normalizedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const hookRunners = api.useHookRunners();
+  normalizedConfig = { ...normalizedConfig, cliOptions: options };
+  ResolvedConfigContext.set(normalizedConfig);
+  const { appDirectory, distDirectory, port, apiOnly, serverConfigFile } = appContext;
+  await buildServerConfig({
+    appDirectory,
+    distDirectory,
+    configFile: serverConfigFile,
+    options: {
+      esbuildOptions: {
+        watch: true
+      }
+    }
+  });
+  await hookRunners.beforeDev();
+  if (!appContext.builder && !apiOnly) {
+    throw new Error(
+      "Expect the Builder to have been initialized, But the appContext.builder received `undefined`"
+    );
+  }
+  await generateRoutes(appContext);
+  const serverInternalPlugins = await getServerInternalPlugins(api);
+  const serverOptions = {
+    dev: {
+      port,
+      https: normalizedConfig.dev.https,
+      ...(_a = normalizedConfig.tools) == null ? void 0 : _a.devServer
+    },
+    pwd: appDirectory,
+    config: normalizedConfig,
+    serverConfigFile,
+    internalPlugins: injectDataLoaderPlugin(serverInternalPlugins)
+  };
+  if (apiOnly) {
+    const app = await createServer({
+      ...serverOptions,
+      compiler: null
+    });
+    app.listen(port, async (err) => {
+      if (err) {
+        throw err;
+      }
+      printInstructions(hookRunners, appContext, normalizedConfig);
+    });
+  } else {
+    const { server } = await appContext.builder.startDevServer({
+      printURLs: false,
+      serverOptions
+    });
+    setServer(server);
+  }
+};
+export {
+  dev
+};

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/esm-node/config/legacy/createHtmlConfig.js

@@ -0,0 +1,35 @@
+function createHtmlConfig(config) {
+  const {
+    disableHtmlFolder,
+    favicon,
+    faviconByEntries,
+    inject,
+    injectByEntries,
+    meta,
+    metaByEntries,
+    mountId,
+    title,
+    titleByEntries,
+    templateParameters,
+    templateParametersByEntries,
+    crossorigin
+  } = config.output;
+  return {
+    disableHtmlFolder,
+    favicon,
+    faviconByEntries,
+    inject,
+    injectByEntries,
+    meta,
+    metaByEntries,
+    mountId,
+    title,
+    titleByEntries,
+    crossorigin,
+    templateParameters,
+    templateParametersByEntries
+  };
+}
+export {
+  createHtmlConfig
+};

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

@@ -0,0 +1,51 @@
+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
+    }
+  };
+}
+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
+};