@modern-js/app-tools 1.4.3 → 1.4.6

package/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  root: true,
+  extends: ['@modern-js'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ['./tsconfig.json'],
+  },
+};

package/CHANGELOG.md

@@ -1,5 +1,80 @@
 # @modern-js/app-tools
 
+## 1.4.6
+
+### Patch Changes
+
+- 8491b6dd: fix: optimise "types" exports from plugin
+- Updated dependencies [bebb39b6]
+- Updated dependencies [4b4e73b7]
+- Updated dependencies [da60172c]
+- Updated dependencies [ef28a4e6]
+- Updated dependencies [6cff93dc]
+- Updated dependencies [132f7b53]
+- Updated dependencies [ff73a5cc]
+- Updated dependencies [9d4a005b]
+  - @modern-js/plugin-analyze@1.3.5
+  - @modern-js/plugin-fast-refresh@1.2.3
+  - @modern-js/webpack@1.5.3
+  - @modern-js/prod-server@1.0.6
+  - @modern-js/server@1.4.9
+  - @modern-js/core@1.6.1
+  - @modern-js/types@1.3.6
+  - @modern-js/utils@1.3.7
+
+## 1.4.5
+
+### Patch Changes
+
+- 32c9772c: feat: convert to new plugin
+- Updated dependencies [05ce88a0]
+- Updated dependencies [a8df060e]
+- Updated dependencies [c2046f37]
+- Updated dependencies [dc88abf9]
+- Updated dependencies [d2d0fa11]
+- Updated dependencies [66cbef42]
+- Updated dependencies [0462ff77]
+- Updated dependencies [61e3f623]
+- Updated dependencies [6a7acb81]
+- Updated dependencies [681a1ff9]
+- Updated dependencies [4e2026e4]
+  - @modern-js/core@1.6.0
+  - @modern-js/server@1.4.8
+  - @modern-js/utils@1.3.6
+  - @modern-js/plugin@1.3.2
+  - @modern-js/prod-server@1.0.5
+  - @modern-js/webpack@1.5.0
+  - @modern-js/plugin-fast-refresh@1.2.2
+  - @modern-js/plugin-analyze@1.3.4
+
+## 1.4.4
+
+### Patch Changes
+
+- d5bf095a: fix: disable load webpack when apiOnly mode
+- Updated dependencies [5bf5868d]
+- Updated dependencies [80d3cfb7]
+- Updated dependencies [42c6b136]
+- Updated dependencies [80d8ddfe]
+- Updated dependencies [4e7dcbd5]
+- Updated dependencies [d95f28c3]
+- Updated dependencies [d95f28c3]
+- Updated dependencies [d5bf095a]
+- Updated dependencies [9e8bc4ab]
+- Updated dependencies [0923c182]
+- Updated dependencies [0c556e59]
+- Updated dependencies [80d8ddfe]
+- Updated dependencies [491145e3]
+- Updated dependencies [2008fdbd]
+- Updated dependencies [ca0bcf13]
+- Updated dependencies [9229dfd1]
+  - @modern-js/utils@1.3.5
+  - @modern-js/core@1.5.0
+  - @modern-js/plugin@1.3.0
+  - @modern-js/prod-server@1.0.4
+  - @modern-js/types@1.3.5
+  - @modern-js/server@1.4.7
+
 ## 1.4.3
 
 ### Patch Changes

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

@@ -6,32 +6,31 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { webpack } from 'webpack';
 import { WebpackConfigTarget, getWebpackConfig } from '@modern-js/webpack';
-import { useAppContext, useResolvedConfigContext, mountHook, ResolvedConfigContext, manager } from '@modern-js/core';
+import { manager, ResolvedConfigContext } from '@modern-js/core';
 import { formatWebpackMessages, measureFileSizesBeforeBuild, printFileSizesAfterBuild, printBuildError, logger, isUseSSRBundle, emptyDir } from '@modern-js/utils';
-import { generateRoutes } from "../utils/routes"; // These sizes are pretty large. We'll warn for bundles exceeding them.
-
+import { generateRoutes } from "../utils/routes";
+// These sizes are pretty large. We'll warn for bundles exceeding them.
 const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
-const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
-// eslint-disable-next-line max-statements
-export const build = async options => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  const resolvedConfig = useResolvedConfigContext();
-  const appContext = useAppContext();
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024; // eslint-disable-next-line max-statements
+
+export const build = async (api, options) => {
+  const resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const hookRunners = api.useHookRunners();
   const {
     existSrc
   } = appContext;
-  /* eslint-enable react-hooks/rules-of-hooks */
 
   if (!existSrc) {
     const {
       distDirectory
     } = appContext;
     await emptyDir(distDirectory);
-    await mountHook().beforeBuild({
+    await hookRunners.beforeBuild({
       webpackConfigs: []
     });
     await generateRoutes(appContext);
-    await mountHook().afterBuild();
+    await hookRunners.afterBuild();
     return;
   }
 
@@ -116,7 +115,7 @@ export const build = async options => {
     });
   }
 
-  await mountHook().beforeBuild({
+  await hookRunners.beforeBuild({
     webpackConfigs: buildConfigs.map(({
       config
     }) => config)
@@ -138,5 +137,5 @@ export const build = async options => {
   }
 
   await generateRoutes(appContext);
-  await mountHook().afterBuild();
+  await hookRunners.afterBuild();
 };

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

@@ -1,5 +1,5 @@
-import { mountHook } from '@modern-js/core';
-export const deploy = async options => {
-  await mountHook().beforeDeploy(options);
-  await mountHook().afterDeploy(options);
+export const deploy = async (api, options) => {
+  const hookRunners = api.useHookRunners();
+  await hookRunners.beforeDeploy(options);
+  await hookRunners.afterDeploy(options);
 };

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

@@ -4,20 +4,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { getWebpackConfig, WebpackConfigTarget } from '@modern-js/webpack';
 import { fs, logger, HMR_SOCK_PATH, clearConsole, chalk, isSSR } from '@modern-js/utils';
-import { useAppContext, useResolvedConfigContext, mountHook, AppContext } from '@modern-js/core';
 import { createCompiler } from "../utils/createCompiler";
 import { createServer } from "../utils/createServer";
 import { generateRoutes } from "../utils/routes";
 import { printInstructions } from "../utils/printInstructions";
 import { getSpecifiedEntries } from "../utils/getSpecifiedEntries";
-export const dev = async options => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  const appContext = useAppContext();
-  const userConfig = useResolvedConfigContext();
-  /* eslint-enable react-hooks/rules-of-hooks */
-
+export const dev = async (api, options) => {
+  const appContext = api.useAppContext();
+  const userConfig = api.useResolvedConfigContext();
+  const hookRunners = api.useHookRunners();
   const {
     appDirectory,
     distDirectory,
@@ -26,17 +22,22 @@ export const dev = async options => {
     entrypoints
   } = appContext;
   const checkedEntries = await getSpecifiedEntries(options.entry || false, entrypoints);
-  AppContext.set(_objectSpread(_objectSpread({}, appContext), {}, {
+  api.setAppContext(_objectSpread(_objectSpread({}, appContext), {}, {
     checkedEntries
   }));
   appContext.checkedEntries = checkedEntries;
   fs.emptyDirSync(distDirectory);
-  await mountHook().beforeDev();
+  await hookRunners.beforeDev();
   let compiler = null;
 
   if (existSrc) {
+    const {
+      getWebpackConfig,
+      WebpackConfigTarget
+    } = await import('@modern-js/webpack');
     const webpackConfigs = [isSSR(userConfig) && getWebpackConfig(WebpackConfigTarget.NODE), getWebpackConfig(WebpackConfigTarget.CLIENT)].filter(Boolean);
     compiler = await createCompiler({
+      api,
       webpackConfigs,
       userConfig,
       appContext
@@ -75,7 +76,7 @@ export const dev = async options => {
       clearConsole();
       logger.log(chalk.cyan(`Starting the development server...`));
     } else {
-      await printInstructions(appContext, userConfig);
+      await printInstructions(api, appContext, userConfig);
     }
   });
 };

package/dist/js/modern/commands/start.js

@@ -1,13 +1,9 @@
 import { logger, chalk } from '@modern-js/utils';
-import { useAppContext, useResolvedConfigContext } from '@modern-js/core';
 import server from '@modern-js/prod-server';
 import { printInstructions } from "../utils/printInstructions";
-export const start = async () => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  const appContext = useAppContext();
-  const userConfig = useResolvedConfigContext();
-  /* eslint-enable react-hooks/rules-of-hooks */
-
+export const start = async api => {
+  const appContext = api.useAppContext();
+  const userConfig = api.useResolvedConfigContext();
   const {
     appDirectory,
     port
@@ -23,6 +19,6 @@ export const start = async () => {
       throw err;
     }
 
-    await printInstructions(appContext, userConfig);
+    await printInstructions(api, appContext, userConfig);
   });
 };

package/dist/js/modern/{lifecycle.js → hooks.js}

@@ -1,5 +1,4 @@
 import { createAsyncWaterfall, createAsyncWorkflow } from '@modern-js/plugin';
-import { registerHook } from '@modern-js/core';
 export const beforeDev = createAsyncWorkflow();
 export const afterDev = createAsyncWorkflow();
 export const beforeCreateCompiler = createAsyncWorkflow();
@@ -9,16 +8,14 @@ export const beforeBuild = createAsyncWorkflow();
 export const afterBuild = createAsyncWorkflow();
 export const beforeDeploy = createAsyncWorkflow();
 export const afterDeploy = createAsyncWorkflow();
-export const lifecycle = () => {
-  registerHook({
-    beforeDev,
-    afterDev,
-    beforeCreateCompiler,
-    afterCreateCompiler,
-    beforePrintInstructions,
-    beforeBuild,
-    afterBuild,
-    beforeDeploy,
-    afterDeploy
-  });
+export const hooks = {
+  beforeDev,
+  afterDev,
+  beforeCreateCompiler,
+  afterCreateCompiler,
+  beforePrintInstructions,
+  beforeBuild,
+  afterBuild,
+  beforeDeploy,
+  afterDeploy
 };

package/dist/js/modern/index.js

@@ -5,90 +5,91 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as path from 'path';
-import { createPlugin, defineConfig, usePlugins, cli, useAppContext } from '@modern-js/core';
+import { defineConfig, cli } from '@modern-js/core';
+import AnalyzePlugin from '@modern-js/plugin-analyze';
+import FastRefreshPlugin from '@modern-js/plugin-fast-refresh/cli';
 import { cleanRequireCache } from '@modern-js/utils';
-import { lifecycle } from "./lifecycle";
+import { hooks } from "./hooks";
 import { i18n, localeKeys } from "./locale";
 import { getLocaleLanguage } from "./utils/language";
 import { start } from "./commands/start";
 import { dev } from "./commands/dev";
 import { closeServer } from "./utils/createServer";
-export { defineConfig }; // eslint-disable-next-line react-hooks/rules-of-hooks
+export { defineConfig };
+export default (() => ({
+  name: '@modern-js/app-tools',
+  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-fast-refresh', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill'],
+  registerHook: hooks,
+  usePlugins: [AnalyzePlugin(), FastRefreshPlugin()],
+  setup: api => {
+    const locale = getLocaleLanguage();
+    i18n.changeLanguage({
+      locale
+    });
+    return {
+      commands({
+        program
+      }) {
+        program.command('dev').usage('[options]').description(i18n.t(localeKeys.command.dev.describe)).option('-c --config <config>', i18n.t(localeKeys.command.dev.config)).option('-e --entry [entry...]', i18n.t(localeKeys.command.dev.entry)).action(async options => {
+          await dev(api, options);
+        });
+        program.command('build').usage('[options]').description(i18n.t(localeKeys.command.build.describe)).option('--analyze', i18n.t(localeKeys.command.build.analyze)).action(async options => {
+          const {
+            build
+          } = await import("./commands/build");
+          await build(api, options); // force exit after build.
+          // eslint-disable-next-line no-process-exit
 
-usePlugins([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli')]);
-export default createPlugin(() => {
-  const locale = getLocaleLanguage();
-  i18n.changeLanguage({
-    locale
-  });
-  lifecycle();
-  return {
-    commands({
-      program
-    }) {
-      program.command('dev').usage('[options]').description(i18n.t(localeKeys.command.dev.describe)).option('-c --config <config>', i18n.t(localeKeys.command.dev.config)).option('-e --entry [entry...]', i18n.t(localeKeys.command.dev.entry)).action(async options => {
-        await dev(options);
-      });
-      program.command('build').usage('[options]').description(i18n.t(localeKeys.command.build.describe)).option('--analyze', i18n.t(localeKeys.command.build.analyze)).action(async options => {
-        const {
-          build
-        } = await import("./commands/build");
-        await build(options); // force exit after build.
-        // eslint-disable-next-line no-process-exit
+          process.exit(0);
+        });
+        program.command('start').usage('[options]').description(i18n.t(localeKeys.command.start.describe)).action(async () => {
+          await start(api);
+        });
+        program.command('deploy').usage('[options]').description(i18n.t(localeKeys.command.deploy.describe)).action(async options => {
+          const {
+            build
+          } = await import("./commands/build");
+          await build(api);
+          const {
+            deploy
+          } = await import("./commands/deploy");
+          await deploy(api, options); // eslint-disable-next-line no-process-exit
 
-        process.exit(0);
-      });
-      program.command('start').usage('[options]').description(i18n.t(localeKeys.command.start.describe)).action(async () => {
-        await start();
-      });
-      program.command('deploy').usage('[options]').description(i18n.t(localeKeys.command.deploy.describe)).action(async options => {
-        const {
-          build
-        } = await import("./commands/build");
-        await build();
-        const {
-          deploy
-        } = await import("./commands/deploy");
-        await deploy(options); // eslint-disable-next-line no-process-exit
+          process.exit(0);
+        });
+        program.command('new').usage('[options]').description(i18n.t(localeKeys.command.new.describe)).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 options => {
+          const {
+            MWANewAction
+          } = await import('@modern-js/new-action');
+          await MWANewAction(_objectSpread(_objectSpread({}, options), {}, {
+            locale
+          }));
+        });
+      },
 
-        process.exit(0);
-      });
-      program.command('new').usage('[options]').description(i18n.t(localeKeys.command.new.describe)).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 options => {
+      // 这里会被 core/initWatcher 监听的文件变动触发，如果是 src 目录下的文件变动，则不做 restart
+      async fileChange(e) {
         const {
-          MWANewAction
-        } = await import('@modern-js/new-action');
-        await MWANewAction(_objectSpread(_objectSpread({}, options), {}, {
-          locale
-        }));
-      });
-    },
-
-    // 这里会被 core/initWatcher 监听的文件变动触发，如果是 src 目录下的文件变动，则不做 restart
-    async fileChange(e) {
-      const {
-        filename,
-        eventType
-      } = e; // eslint-disable-next-line react-hooks/rules-of-hooks
+          filename,
+          eventType
+        } = e;
+        const appContext = api.useAppContext();
+        const {
+          appDirectory,
+          srcDirectory
+        } = appContext;
+        const absolutePath = path.resolve(appDirectory, filename);
 
-      const appContext = useAppContext();
-      const {
-        appDirectory,
-        srcDirectory
-      } = appContext;
-      const absolutePath = path.resolve(appDirectory, filename);
+        if (!absolutePath.includes(srcDirectory) && (eventType === 'change' || eventType === 'unlink')) {
+          await closeServer();
+          await cli.restart();
+        }
+      },
 
-      if (!absolutePath.includes(srcDirectory) && (eventType === 'change' || eventType === 'unlink')) {
-        await closeServer();
-        await cli.restart();
+      async beforeRestart() {
+        cleanRequireCache([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli')]);
       }
-    },
 
-    async beforeRestart() {
-      cleanRequireCache([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli')]);
-    }
-
-  };
-}, {
-  name: '@modern-js/app-tools',
-  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-fast-refresh', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill']
-});
+    };
+  }
+}));

package/dist/js/modern/locale/zh.js

@@ -7,7 +7,7 @@ export const ZH_LOCALE = {
     },
     build: {
       describe: '构建应用命令',
-      analyze: '分析构建产物'
+      analyze: '分析构建产物体积，查看各个模块打包后的大小'
     },
     start: {
       describe: '应用启动命令'

package/dist/js/modern/utils/createCompiler.js

@@ -1,5 +1,4 @@
 import webpack from 'webpack';
-import { mountHook } from '@modern-js/core';
 import { chalk, logger, formatWebpackMessages, clearConsole } from '@modern-js/utils';
 import { printInstructions } from "./printInstructions";
 
@@ -10,17 +9,19 @@ const prettyTime = stats => {
 };
 
 export const createCompiler = async ({
+  api,
   webpackConfigs,
   // TODO: params
   userConfig,
   appContext
 }) => {
   try {
-    await mountHook().beforeCreateCompiler({
+    const hookRunners = api.useHookRunners();
+    await hookRunners.beforeCreateCompiler({
       webpackConfigs
     });
     const compiler = webpack(webpackConfigs);
-    await mountHook().afterCreateCompiler({
+    await hookRunners.afterCreateCompiler({
       compiler
     });
     let isFirstCompile = true;
@@ -46,7 +47,7 @@ export const createCompiler = async ({
         logger.log(errors.join('\n\n'));
         logger.log();
       } else if (process.stdout.isTTY || isFirstCompile) {
-        await mountHook().afterDev();
+        await hookRunners.afterDev();
 
         if (warnings.length) {
           logger.log(chalk.yellow(`Compiled with warnings.\n`));
@@ -56,9 +57,8 @@ export const createCompiler = async ({
           logger.log(chalk.green(`Compiled successfully in ${prettyTime(statsData)} ms.\n`));
         }
 
-        await printInstructions(appContext, userConfig);
-      } // eslint-disable-next-line require-atomic-updates
-
+        await printInstructions(api, appContext, userConfig);
+      }
 
       isFirstCompile = false;
     });

package/dist/js/modern/utils/createServer.js

@@ -10,8 +10,7 @@ export const closeServer = async () => {
 export const createServer = async options => {
   if (server) {
     await server.close();
-  } // eslint-disable-next-line require-atomic-updates
-
+  }
 
   server = new Server(options);
   const app = await server.init();

package/dist/js/modern/utils/printInstructions.js

@@ -1,6 +1,5 @@
 import { prettyInstructions, logger, isDev, chalk } from '@modern-js/utils';
-import { mountHook } from '@modern-js/core';
-export const printInstructions = async (appContext, config) => {
+export const printInstructions = async (api, appContext, config) => {
   let message = prettyInstructions(appContext, config);
   const {
     existSrc
@@ -11,9 +10,10 @@ export const printInstructions = async (appContext, config) => {
   } // call beforePrintInstructions hook.
 
 
+  const hookRunners = api.useHookRunners();
   const {
     instructions
-  } = await mountHook().beforePrintInstructions({
+  } = await hookRunners.beforePrintInstructions({
     instructions: message
   });
   logger.log(instructions);

package/dist/js/node/commands/build.js

@@ -23,28 +23,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 // These sizes are pretty large. We'll warn for bundles exceeding them.
 const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
-const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024; // eslint-disable-next-line max-statements
 
-// eslint-disable-next-line max-statements
-const build = async options => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  const resolvedConfig = (0, _core.useResolvedConfigContext)();
-  const appContext = (0, _core.useAppContext)();
+const build = async (api, options) => {
+  const resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const hookRunners = api.useHookRunners();
   const {
     existSrc
   } = appContext;
-  /* eslint-enable react-hooks/rules-of-hooks */
 
   if (!existSrc) {
     const {
       distDirectory
     } = appContext;
     await (0, _utils.emptyDir)(distDirectory);
-    await (0, _core.mountHook)().beforeBuild({
+    await hookRunners.beforeBuild({
       webpackConfigs: []
     });
     await (0, _routes.generateRoutes)(appContext);
-    await (0, _core.mountHook)().afterBuild();
+    await hookRunners.afterBuild();
     return;
   }
 
@@ -133,7 +131,7 @@ const build = async options => {
     });
   }
 
-  await (0, _core.mountHook)().beforeBuild({
+  await hookRunners.beforeBuild({
     webpackConfigs: buildConfigs.map(({
       config
     }) => config)
@@ -155,7 +153,7 @@ const build = async options => {
   }
 
   await (0, _routes.generateRoutes)(appContext);
-  await (0, _core.mountHook)().afterBuild();
+  await hookRunners.afterBuild();
 };
 
 exports.build = build;

package/dist/js/node/commands/deploy.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.deploy = void 0;
 
-var _core = require("@modern-js/core");
-
-const deploy = async options => {
-  await (0, _core.mountHook)().beforeDeploy(options);
-  await (0, _core.mountHook)().afterDeploy(options);
+const deploy = async (api, options) => {
+  const hookRunners = api.useHookRunners();
+  await hookRunners.beforeDeploy(options);
+  await hookRunners.afterDeploy(options);
 };
 
 exports.deploy = deploy;