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

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

@@ -0,0 +1,113 @@
+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;
+    }
+    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 as default
+};

package/dist/js/modern/commands/build.js

@@ -0,0 +1,91 @@
+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 { ResolvedConfigContext } from "@modern-js/core";
+import { logger, printBuildError } from "@modern-js/utils";
+import { generateRoutes } from "../utils/routes";
+import { buildServerConfig } from "../utils/config";
+const build = (api, options) => __async(void 0, null, function* () {
+  if (options == null ? void 0 : options.analyze) {
+    process.env.BUNDLE_ANALYZE = "true";
+  }
+  let resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const hookRunners = api.useHookRunners();
+  const { apiOnly } = appContext;
+  if (apiOnly) {
+    const { appDirectory: appDirectory2, distDirectory: distDirectory2, serverConfigFile: serverConfigFile2 } = appContext;
+    yield hookRunners.beforeBuild({
+      bundlerConfigs: void 0
+    });
+    yield buildServerConfig({
+      appDirectory: appDirectory2,
+      distDirectory: distDirectory2,
+      configFile: serverConfigFile2
+    });
+    yield generateRoutes(appContext);
+    yield hookRunners.afterBuild({
+      stats: void 0
+    });
+    return;
+  }
+  resolvedConfig = __spreadProps(__spreadValues({}, resolvedConfig), { cliOptions: options });
+  ResolvedConfigContext.set(resolvedConfig);
+  const { distDirectory, appDirectory, serverConfigFile } = appContext;
+  yield buildServerConfig({
+    appDirectory,
+    distDirectory,
+    configFile: serverConfigFile
+  });
+  try {
+    logger.info("Create a production build...\n");
+    if (!appContext.builder) {
+      throw new Error(
+        "Expect the Builder to have been initialized, But the appContext.builder received `undefined`"
+      );
+    }
+    yield appContext.builder.build();
+  } catch (error) {
+    printBuildError(error);
+    process.exit(1);
+  }
+});
+export {
+  build
+};

package/dist/js/modern/commands/deploy.js

@@ -0,0 +1,28 @@
+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());
+  });
+};
+const deploy = (api, options) => __async(void 0, null, function* () {
+  const hookRunners = api.useHookRunners();
+  yield hookRunners.beforeDeploy(options);
+  yield hookRunners.afterDeploy(options);
+});
+export {
+  deploy
+};

package/dist/js/modern/commands/dev.js

@@ -0,0 +1,109 @@
+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 { 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 = (api, options) => __async(void 0, null, function* () {
+  var _a;
+  if (options.analyze) {
+    process.env.BUNDLE_ANALYZE = "true";
+  }
+  let normalizedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const hookRunners = api.useHookRunners();
+  normalizedConfig = __spreadProps(__spreadValues({}, normalizedConfig), { cliOptions: options });
+  ResolvedConfigContext.set(normalizedConfig);
+  const { appDirectory, distDirectory, port, apiOnly, serverConfigFile } = appContext;
+  yield buildServerConfig({
+    appDirectory,
+    distDirectory,
+    configFile: serverConfigFile,
+    options: {
+      esbuildOptions: {
+        watch: true
+      }
+    }
+  });
+  yield hookRunners.beforeDev();
+  if (!appContext.builder && !apiOnly) {
+    throw new Error(
+      "Expect the Builder to have been initialized, But the appContext.builder received `undefined`"
+    );
+  }
+  yield generateRoutes(appContext);
+  const serverInternalPlugins = yield getServerInternalPlugins(api);
+  const serverOptions = {
+    dev: __spreadValues({
+      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 = yield createServer(__spreadProps(__spreadValues({}, serverOptions), {
+      compiler: null
+    }));
+    app.listen(port, (err) => __async(void 0, null, function* () {
+      if (err) {
+        throw err;
+      }
+      printInstructions(hookRunners, appContext, normalizedConfig);
+    }));
+  } else {
+    const { server } = yield appContext.builder.startDevServer({
+      printURLs: false,
+      serverOptions
+    });
+    setServer(server);
+  }
+});
+export {
+  dev
+};

package/dist/js/modern/commands/index.js

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

package/dist/js/modern/commands/inspect.js

@@ -0,0 +1,38 @@
+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 { join } from "path";
+const inspect = (api, options) => __async(void 0, null, function* () {
+  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/js/modern/commands/serve.js

@@ -0,0 +1,54 @@
+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 { 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 = (api) => __async(void 0, null, function* () {
+  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 = yield isApiOnly(
+    appContext.appDirectory,
+    (_a = userConfig == null ? void 0 : userConfig.source) == null ? void 0 : _a.entriesDir
+  );
+  const serverInternalPlugins = yield getServerInternalPlugins(api);
+  const app = yield server({
+    pwd: appDirectory,
+    config: userConfig,
+    serverConfigFile,
+    internalPlugins: injectDataLoaderPlugin(serverInternalPlugins),
+    apiOnly
+  });
+  app.listen(port, (err) => __async(void 0, null, function* () {
+    if (err) {
+      throw err;
+    }
+    yield printInstructions(hookRunners, appContext, userConfig);
+  }));
+});
+export {
+  start
+};

package/dist/js/modern/config/default.js

@@ -0,0 +1,175 @@
+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 { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
+function createDefaultConfig(appContext) {
+  const defaultBuilderConfig = createDefaultBuilderConfig();
+  const dev = __spreadProps(__spreadValues({}, defaultBuilderConfig.dev), {
+    port: void 0
+  });
+  const tools = __spreadValues({}, defaultBuilderConfig.tools);
+  const output = __spreadProps(__spreadValues({}, defaultBuilderConfig.output), {
+    disableNodePolyfill: true
+  });
+  const source = __spreadProps(__spreadValues({}, 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 = __spreadProps(__spreadValues({}, 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
+  };
+  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/js/modern/config/index.js

@@ -0,0 +1,8 @@
+import { createDefaultConfig, createLegacyDefaultConfig } from "./default";
+import { initialNormalizedConfig, checkIsLegacyConfig } from "./initial";
+export {
+  checkIsLegacyConfig,
+  createDefaultConfig,
+  createLegacyDefaultConfig,
+  initialNormalizedConfig
+};

package/dist/js/modern/config/initial/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
+};