@modern-js/module-tools 1.4.2 → 1.4.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @modern-js/module-tools
 
+## 1.4.3
+
+### Patch Changes
+
+- 366cf4fd: convert module-tools to new plugin
+- Updated dependencies [05ce88a0]
+- Updated dependencies [a8df060e]
+- Updated dependencies [c2046f37]
+- Updated dependencies [366cf4fd]
+- Updated dependencies [61e3f623]
+- Updated dependencies [6a7acb81]
+- Updated dependencies [681a1ff9]
+- Updated dependencies [4e2026e4]
+  - @modern-js/core@1.6.0
+  - @modern-js/utils@1.3.6
+  - @modern-js/module-tools-hooks@1.2.3
+  - @modern-js/plugin-changeset@1.2.3
+  - @modern-js/plugin-fast-refresh@1.2.2
+  - @modern-js/plugin-analyze@1.3.4
+
 ## 1.4.2
 
 ### Patch Changes

package/dist/js/modern/cli/build.js

@@ -1,9 +1,9 @@
 import { Import } from '@modern-js/utils';
 const local = Import.lazy('../locale/index', require);
 const commands = Import.lazy('../commands', require);
-export const buildCli = program => {
+export const buildCli = (program, api) => {
   // TODO: 初始化环境变量
   program.command('build').usage('[options]').description(local.i18n.t(local.localeKeys.command.build.describe)).option('-w, --watch', local.i18n.t(local.localeKeys.command.build.watch)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').option('--style-only', local.i18n.t(local.localeKeys.command.build.style_only)).option('-p, --platform [platform]', local.i18n.t(local.localeKeys.command.build.platform)).option('--no-tsc', local.i18n.t(local.localeKeys.command.build.no_tsc)).option('--no-clear', local.i18n.t(local.localeKeys.command.build.no_clear)).action(async subCommand => {
-    await commands.build(subCommand);
+    await commands.build(api, subCommand);
   });
 };

package/dist/js/modern/cli/dev.js

@@ -1,8 +1,8 @@
 import { Import } from '@modern-js/utils';
 const local = Import.lazy('../locale', require);
 const commands = Import.lazy('../commands', require);
-export const devCli = program => {
+export const devCli = (program, api) => {
   program.command('dev [subCmd]').usage('[options]').description(local.i18n.t(local.localeKeys.command.dev.describe)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').action(async (subCmd, params) => {
-    await commands.dev(params, subCmd);
+    await commands.dev(api, params, subCmd);
   });
 };

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

@@ -3,9 +3,8 @@ import { fs, Import } from '@modern-js/utils';
 const tsConfigutils = Import.lazy('../utils/tsconfig', require);
 const valid = Import.lazy('../utils/valide', require);
 const buildFeature = Import.lazy('../features/build', require);
-const core = Import.lazy('@modern-js/core', require);
 const dotenv = Import.lazy('dotenv', require);
-export const build = async ({
+export const build = async (api, {
   watch: _watch = false,
   tsconfig: tsconfigName,
   tsc,
@@ -14,8 +13,8 @@ export const build = async ({
 }) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const tsconfigPath = path.join(appDirectory, tsconfigName);
   dotenv.config();
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
@@ -25,7 +24,7 @@ export const build = async ({
     tsconfigPath
   }); // TODO: 一些配置只需要从modernConfig中获取
 
-  await buildFeature.build({
+  await buildFeature.build(api, {
     appDirectory,
     enableWatchMode: _watch,
     isTsProject,

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

@@ -1,19 +1,18 @@
 import * as path from 'path';
 import { Import } from '@modern-js/utils';
 const devFeature = Import.lazy('../features/dev', require);
-const core = Import.lazy('@modern-js/core', require);
 const dotenv = Import.lazy('dotenv', require);
 const tsConfigutils = Import.lazy('../utils/tsconfig', require);
 const valid = Import.lazy('../utils/valide', require);
 
 const existSubCmd = subCmd => subCmd.length > 0;
 
-export const dev = async (option, subCmd = '') => {
+export const dev = async (api, option, subCmd = '') => {
   const {
     tsconfig: tsconfigName
   } = option;
-  const appContext = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     appDirectory
   } = appContext;
@@ -26,7 +25,7 @@ export const dev = async (option, subCmd = '') => {
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
 
   if (existSubCmd(subCmd)) {
-    await devFeature.runSubCmd(subCmd, {
+    await devFeature.runSubCmd(api, subCmd, {
       isTsProject,
       appDirectory
     });
@@ -35,12 +34,12 @@ export const dev = async (option, subCmd = '') => {
 
 
   if (process.env.RUN_PLATFORM) {
-    await devFeature.showMenu({
+    await devFeature.showMenu(api, {
       isTsProject,
       appDirectory
     });
   } else {
-    await devFeature.devStorybook({
+    await devFeature.devStorybook(api, {
       isTsProject,
       appDirectory
     });

package/dist/js/modern/features/build/build-platform.js

@@ -5,18 +5,18 @@ 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 { Import, chalk } from '@modern-js/utils';
-const core = Import.lazy('@modern-js/core', require);
 const execa = Import.lazy('execa', require);
 const lg = Import.lazy('./logger', require);
 const pMap = Import.lazy('p-map', require);
-export const buildPlatform = async option => {
+export const buildPlatform = async (api, option) => {
   const {
     isTsProject = false,
     platform
   } = option;
   const lm = new lg.LoggerManager(); // 获取platforms的参数
 
-  const buildTasks = await core.mountHook().platformBuild({
+  const runners = api.useHookRunners();
+  const buildTasks = await runners.platformBuild({
     isTsProject
   });
 

package/dist/js/modern/features/build/build-watch.js

@@ -1,16 +1,15 @@
 import * as path from 'path';
 import * as os from 'os';
 import { Import } from '@modern-js/utils';
-const core = Import.lazy('@modern-js/core', require);
 const execa = Import.lazy('execa', require);
 const lg = Import.lazy('./logger', require);
 const pMap = Import.lazy('p-map', require);
 const utils = Import.lazy('./utils', require);
 const constants = Import.lazy('./constants', require);
-export const buildInWatchMode = async (config, _) => {
+export const buildInWatchMode = async (api, config, _) => {
   const {
     appDirectory
-  } = core.useAppContext();
+  } = api.useAppContext();
   const {
     sourceDir,
     enableTscCompiler
@@ -30,15 +29,15 @@ export const buildInWatchMode = async (config, _) => {
   const copyLog = lm.createLoggerText({
     title: 'Copy Log:'
   });
-  const initCodeMapper = utils.getCodeInitMapper(config);
-  const taskMapper = [...utils.getCodeMapper({
+  const initCodeMapper = utils.getCodeInitMapper(api, config);
+  const taskMapper = [...utils.getCodeMapper(api, {
     logger: codeLog,
     taskPath: require.resolve("../../tasks/build-watch-source-code"),
     config,
     willCompilerDirOrFile: sourceDir,
     initMapper: initCodeMapper,
     srcRootDir
-  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+  }), ...(enableTscCompiler ? utils.getDtsMapper(api, config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-watch-style")
   }, {

package/dist/js/modern/features/build/build.js

@@ -7,15 +7,14 @@ const utils = Import.lazy('./utils', require);
 const execa = Import.lazy('execa', require);
 const lg = Import.lazy('./logger', require);
 const constants = Import.lazy('./constants', require);
-const core = Import.lazy('@modern-js/core', require);
-export const buildSourceCode = async (config, _) => {
+export const buildSourceCode = async (api, config, _) => {
   const {
     sourceDir,
     enableTscCompiler
   } = config;
   const {
     appDirectory
-  } = core.useAppContext();
+  } = api.useAppContext();
   const concurrency = os.cpus().length;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const lm = new lg.LoggerManager();
@@ -31,15 +30,15 @@ export const buildSourceCode = async (config, _) => {
   const copyLog = lm.createLoggerText({
     title: 'Copy Log:'
   });
-  const initCodeMapper = utils.getCodeInitMapper(config);
-  const taskMapper = [...utils.getCodeMapper({
+  const initCodeMapper = utils.getCodeInitMapper(api, config);
+  const taskMapper = [...utils.getCodeMapper(api, {
     logger: codeLog,
     taskPath: require.resolve("../../tasks/build-source-code"),
     config,
     willCompilerDirOrFile: sourceDir,
     initMapper: initCodeMapper,
     srcRootDir
-  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+  }), ...(enableTscCompiler ? utils.getDtsMapper(api, config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-style")
   }, {

package/dist/js/modern/features/build/index.js

@@ -3,7 +3,7 @@ import { Import, fs } from '@modern-js/utils';
 const buildFeature = Import.lazy('./build', require);
 const buildWatchFeature = Import.lazy('./build-watch', require);
 const bp = Import.lazy('./build-platform', require);
-export const build = async (config, modernConfig) => {
+export const build = async (api, config, modernConfig) => {
   const {
     appDirectory,
     enableWatchMode,
@@ -19,7 +19,7 @@ export const build = async (config, modernConfig) => {
 
   if (typeof platform === 'boolean' && platform) {
     if (process.env.RUN_PLATFORM) {
-      await bp.buildPlatform({
+      await bp.buildPlatform(api, {
         platform: 'all',
         isTsProject
       });
@@ -30,7 +30,7 @@ export const build = async (config, modernConfig) => {
 
   if (typeof platform === 'string') {
     if (process.env.RUN_PLATFORM) {
-      await bp.buildPlatform({
+      await bp.buildPlatform(api, {
         platform,
         isTsProject
       });
@@ -44,8 +44,8 @@ export const build = async (config, modernConfig) => {
   }
 
   if (enableWatchMode) {
-    await buildWatchFeature.buildInWatchMode(config, modernConfig);
+    await buildWatchFeature.buildInWatchMode(api, config, modernConfig);
   } else {
-    await buildFeature.buildSourceCode(config, modernConfig);
+    await buildFeature.buildSourceCode(api, config, modernConfig);
   }
 };

package/dist/js/modern/features/build/utils.js

@@ -1,8 +1,7 @@
 import * as path from 'path';
 import * as os from 'os';
 import { Import, chalk } from '@modern-js/utils';
-const constants = Import.lazy('./constants', require);
-const core = Import.lazy('@modern-js/core', require); // 硬解字符串返回相应格式的对象
+const constants = Import.lazy('./constants', require); // 硬解字符串返回相应格式的对象
 
 const updateMapper = (packageFieldValue, outDir, mapper) => {
   if (packageFieldValue === 'CJS+ES6') {
@@ -28,13 +27,13 @@ const updateMapper = (packageFieldValue, outDir, mapper) => {
   }
 };
 
-export const getCodeInitMapper = _ => {
+export const getCodeInitMapper = (api, _) => {
   const {
     output: {
       packageFields,
       packageMode
     }
-  } = core.useResolvedConfigContext();
+  } = api.useResolvedConfigContext();
   let initMapper = []; // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
 
   if (!packageFields || typeof packageFields === 'object' && Object.keys(packageFields).length === 0) {
@@ -63,7 +62,7 @@ export const getCodeInitMapper = _ => {
   return initMapper;
 }; // 获取执行构建源码的参数
 
-export const getCodeMapper = ({
+export const getCodeMapper = (api, {
   logger,
   taskPath,
   config,
@@ -73,8 +72,8 @@ export const getCodeMapper = ({
 }) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     output: {
       enableSourceMap,
@@ -99,11 +98,11 @@ export const getCodeMapper = ({
   });
 }; // 获取执行生成 d.ts 的参数
 
-export const getDtsMapper = (config, logger) => {
+export const getDtsMapper = (api, config, logger) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     output: {
       disableTsChecker,

package/dist/js/modern/features/dev/index.js

@@ -1,10 +1,10 @@
 import { Import } from '@modern-js/utils';
 import chalk from 'chalk';
-const core = Import.lazy('@modern-js/core', require);
 const inquirer = Import.lazy('inquirer', require);
 const color = Import.lazy('../../utils/color', require);
-export const showMenu = async config => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+export const showMenu = async (api, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
 
   if (metas.length <= 0) {
     console.info(chalk.yellow('No runnable development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
@@ -27,8 +27,9 @@ export const showMenu = async config => {
     await devMeta.runTask(config);
   }
 };
-export const devStorybook = async config => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+export const devStorybook = async (api, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
   const findStorybook = metas.find(meta => meta.value === 'storybook');
 
   if (findStorybook) {
@@ -39,8 +40,9 @@ export const devStorybook = async config => {
     process.exit(0);
   }
 };
-export const runSubCmd = async (subCmd, config) => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+export const runSubCmd = async (api, subCmd, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
   const devMeta = metas.find(meta => meta.value === subCmd || Array.isArray(meta.aliasValues) && meta.aliasValues.includes(subCmd));
 
   if (devMeta) {

package/dist/js/modern/index.js

@@ -1,46 +1,46 @@
 import { Import } from '@modern-js/utils';
-const core = Import.lazy('@modern-js/core', require); // const { createPlugin, usePlugins, defineConfig } = core;
-
-const hooks = Import.lazy('@modern-js/module-tools-hooks', require);
+import ChangesetPlugin from '@modern-js/plugin-changeset';
+import AnalyzePlugin from '@modern-js/plugin-analyze';
+import { hooks } from '@modern-js/module-tools-hooks';
 const cli = Import.lazy('./cli', require);
 const local = Import.lazy('./locale', require);
 const schema = Import.lazy('./schema', require);
 const lang = Import.lazy('./utils/language', require);
-export const {
-  defineConfig
-} = core;
-core.usePlugins([require.resolve('@modern-js/plugin-changeset/cli'), require.resolve('@modern-js/plugin-analyze/cli')]);
-export default core.createPlugin(() => {
-  const locale = lang.getLocaleLanguage();
-  local.i18n.changeLanguage({
-    locale
-  });
-  hooks.lifecycle();
-  return {
-    validateSchema() {
-      return schema.addSchema();
-    },
+export { defineConfig } from '@modern-js/core';
+export default (() => ({
+  name: '@modern-js/module-tools',
+  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-changeset'],
+  registerHook: hooks,
+  usePlugins: [ChangesetPlugin(), AnalyzePlugin()],
+  setup: api => {
+    const locale = lang.getLocaleLanguage();
+    local.i18n.changeLanguage({
+      locale
+    });
+    return {
+      validateSchema() {
+        return schema.addSchema();
+      },
 
-    config() {
-      return {
-        output: {
-          enableSourceMap: false,
-          jsPath: 'js'
-        }
-      };
-    },
+      config() {
+        return {
+          output: {
+            enableSourceMap: false,
+            jsPath: 'js'
+          }
+        };
+      },
 
-    commands({
-      program
-    }) {
-      cli.devCli(program);
-      cli.buildCli(program);
-      cli.newCli(program, locale); // 便于其他插件辨别
+      commands({
+        program
+      }) {
+        cli.devCli(program, api);
+        cli.buildCli(program, api);
+        cli.newCli(program, locale); // 便于其他插件辨别
 
-      program.$$libraryName = 'module-tools';
-    }
+        program.$$libraryName = 'module-tools';
+      }
 
-  };
-}, {
-  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-changeset']
-});
+    };
+  }
+}));

package/dist/js/node/cli/build.js

@@ -11,10 +11,10 @@ const local = _utils.Import.lazy('../locale/index', require);
 
 const commands = _utils.Import.lazy('../commands', require);
 
-const buildCli = program => {
+const buildCli = (program, api) => {
   // TODO: 初始化环境变量
   program.command('build').usage('[options]').description(local.i18n.t(local.localeKeys.command.build.describe)).option('-w, --watch', local.i18n.t(local.localeKeys.command.build.watch)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').option('--style-only', local.i18n.t(local.localeKeys.command.build.style_only)).option('-p, --platform [platform]', local.i18n.t(local.localeKeys.command.build.platform)).option('--no-tsc', local.i18n.t(local.localeKeys.command.build.no_tsc)).option('--no-clear', local.i18n.t(local.localeKeys.command.build.no_clear)).action(async subCommand => {
-    await commands.build(subCommand);
+    await commands.build(api, subCommand);
   });
 };
 

package/dist/js/node/cli/dev.js

@@ -11,9 +11,9 @@ const local = _utils.Import.lazy('../locale', require);
 
 const commands = _utils.Import.lazy('../commands', require);
 
-const devCli = program => {
+const devCli = (program, api) => {
   program.command('dev [subCmd]').usage('[options]').description(local.i18n.t(local.localeKeys.command.dev.describe)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').action(async (subCmd, params) => {
-    await commands.dev(params, subCmd);
+    await commands.dev(api, params, subCmd);
   });
 };
 

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

@@ -19,11 +19,9 @@ const valid = _utils.Import.lazy('../utils/valide', require);
 
 const buildFeature = _utils.Import.lazy('../features/build', require);
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const dotenv = _utils.Import.lazy('dotenv', require);
 
-const build = async ({
+const build = async (api, {
   watch: _watch = false,
   tsconfig: tsconfigName,
   tsc,
@@ -32,8 +30,8 @@ const build = async ({
 }) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const tsconfigPath = path.join(appDirectory, tsconfigName);
   dotenv.config();
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
@@ -43,7 +41,7 @@ const build = async ({
     tsconfigPath
   }); // TODO: 一些配置只需要从modernConfig中获取
 
-  await buildFeature.build({
+  await buildFeature.build(api, {
     appDirectory,
     enableWatchMode: _watch,
     isTsProject,

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

@@ -15,8 +15,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const devFeature = _utils.Import.lazy('../features/dev', require);
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const dotenv = _utils.Import.lazy('dotenv', require);
 
 const tsConfigutils = _utils.Import.lazy('../utils/tsconfig', require);
@@ -25,12 +23,12 @@ const valid = _utils.Import.lazy('../utils/valide', require);
 
 const existSubCmd = subCmd => subCmd.length > 0;
 
-const dev = async (option, subCmd = '') => {
+const dev = async (api, option, subCmd = '') => {
   const {
     tsconfig: tsconfigName
   } = option;
-  const appContext = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     appDirectory
   } = appContext;
@@ -43,7 +41,7 @@ const dev = async (option, subCmd = '') => {
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
 
   if (existSubCmd(subCmd)) {
-    await devFeature.runSubCmd(subCmd, {
+    await devFeature.runSubCmd(api, subCmd, {
       isTsProject,
       appDirectory
     });
@@ -52,12 +50,12 @@ const dev = async (option, subCmd = '') => {
 
 
   if (process.env.RUN_PLATFORM) {
-    await devFeature.showMenu({
+    await devFeature.showMenu(api, {
       isTsProject,
       appDirectory
     });
   } else {
-    await devFeature.devStorybook({
+    await devFeature.devStorybook(api, {
       isTsProject,
       appDirectory
     });

package/dist/js/node/features/build/build-platform.js

@@ -13,22 +13,21 @@ 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; }
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const execa = _utils.Import.lazy('execa', require);
 
 const lg = _utils.Import.lazy('./logger', require);
 
 const pMap = _utils.Import.lazy('p-map', require);
 
-const buildPlatform = async option => {
+const buildPlatform = async (api, option) => {
   const {
     isTsProject = false,
     platform
   } = option;
   const lm = new lg.LoggerManager(); // 获取platforms的参数
 
-  const buildTasks = await core.mountHook().platformBuild({
+  const runners = api.useHookRunners();
+  const buildTasks = await runners.platformBuild({
     isTsProject
   });
 

package/dist/js/node/features/build/build-watch.js

@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const execa = _utils.Import.lazy('execa', require);
 
 const lg = _utils.Import.lazy('./logger', require);
@@ -27,10 +25,10 @@ const utils = _utils.Import.lazy('./utils', require);
 
 const constants = _utils.Import.lazy('./constants', require);
 
-const buildInWatchMode = async (config, _) => {
+const buildInWatchMode = async (api, config, _) => {
   const {
     appDirectory
-  } = core.useAppContext();
+  } = api.useAppContext();
   const {
     sourceDir,
     enableTscCompiler
@@ -50,15 +48,15 @@ const buildInWatchMode = async (config, _) => {
   const copyLog = lm.createLoggerText({
     title: 'Copy Log:'
   });
-  const initCodeMapper = utils.getCodeInitMapper(config);
-  const taskMapper = [...utils.getCodeMapper({
+  const initCodeMapper = utils.getCodeInitMapper(api, config);
+  const taskMapper = [...utils.getCodeMapper(api, {
     logger: codeLog,
     taskPath: require.resolve("../../tasks/build-watch-source-code"),
     config,
     willCompilerDirOrFile: sourceDir,
     initMapper: initCodeMapper,
     srcRootDir
-  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+  }), ...(enableTscCompiler ? utils.getDtsMapper(api, config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-watch-style")
   }, {