@modern-js/module-tools 1.0.0-alpha.3

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

@@ -0,0 +1,101 @@
+let _ = t => t,
+    _t;
+
+/**
+ * 1. 注册构建任务
+ * 2. 监听各个构建任务进程中的信息：process.stdout.on('data' | 'error')
+ * 3. 分别输出内容
+ */
+import EventEmitter from 'events';
+import { chalk, Import } from '@modern-js/utils';
+const logText = Import.lazy('./logText', require);
+const readline = Import.lazy('../../../utils/readline', require);
+export class LoggerManager extends EventEmitter {
+  constructor() {
+    super();
+    this._compilering = void 0;
+    this._listeners = void 0;
+    this._compilering = false;
+    this._listeners = [];
+  }
+
+  createLoggerText(option) {
+    return new logText.LoggerText(option);
+  }
+
+  addStdout(loggerText, stdout, config = {}) {
+    const {
+      event = {
+        data: true,
+        error: true
+      },
+      colors = {
+        data: chalk.green,
+        error: chalk.red,
+        warning: chalk.yellow
+      }
+    } = config;
+
+    if (event.data) {
+      stdout === null || stdout === void 0 ? void 0 : stdout.on('data', chunk => {
+        const data = chunk.toString();
+        const content = colors.data ? colors.data(data) : chalk.green(data);
+        loggerText.append(content);
+        this.emit('data');
+      });
+    }
+
+    if (event.error) {
+      stdout === null || stdout === void 0 ? void 0 : stdout.on('error', error => {
+        console.info('error');
+        const data = error.message;
+        const content = colors.error ? colors.error(data) : chalk.red(data);
+        loggerText.append(content);
+        loggerText.errorHappen();
+        this.emit('data');
+      });
+    }
+
+    this._listeners.push(stdout);
+  }
+
+  addStderr(loggerText, stderr, color = chalk.red) {
+    stderr === null || stderr === void 0 ? void 0 : stderr.on('data', chunk => {
+      const data = chunk.toString();
+      loggerText.append(color(data));
+      loggerText.errorHappen();
+      this.emit('data');
+    });
+  }
+
+  showCompiling() {
+    if (!this._compilering) {
+      this._compilering = true;
+      console.info(chalk.green(_t || (_t = _`Compiling in progress...`)));
+    }
+  }
+
+  disappearCompiling() {
+    if (this._compilering) {
+      readline.ReadlineUtils.clearLine(process.stdout);
+      this._compilering = false;
+    }
+  }
+
+  listenDateAndShow(logTexts // stdout: NodeJS.WriteStream & {
+  //   fd: 1;
+  // } = process.stdout,
+  ) {
+    this.on('data', () => {
+      this.disappearCompiling();
+      const content = logTexts.map(logtext => logtext.value).join(''); // 每次更新，使用新的内容覆盖旧的内容，有几率出现内容错乱问题
+
+      console.info(content);
+    });
+    return () => {
+      // eslint-disable-next-line no-process-exit
+      process.exit(0);
+    };
+  }
+
+}

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

@@ -0,0 +1,198 @@
+/* eslint-disable max-classes-per-file */
+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 updateMapper = (packageFieldValue, outDir, mapper) => {
+  if (packageFieldValue === 'CJS+ES6') {
+    return [...mapper, {
+      type: 'commonjs',
+      syntax: 'es6+',
+      outDir
+    }];
+  } else if (packageFieldValue === 'ESM+ES5') {
+    return [...mapper, {
+      type: 'module',
+      syntax: 'es5',
+      outDir
+    }];
+  } else if (packageFieldValue === 'ESM+ES6') {
+    return [...mapper, {
+      type: 'module',
+      syntax: 'es6+',
+      outDir
+    }];
+  } else {
+    return [...mapper];
+  }
+};
+
+export const getCodeInitMapper = _ => {
+  const {
+    output: {
+      packageFields,
+      packageMode
+    }
+  } = core.useResolvedConfigContext().value;
+  let initMapper = []; // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
+
+  if (!packageFields || typeof packageFields === 'object' && Object.keys(packageFields).length === 0) {
+    initMapper = constants.PACKAGE_MODES[packageMode || constants.DEFAULT_PACKAGE_MODE];
+  } else if (packageFields && Object.keys(packageFields).length > 0) {
+    if (packageFields['modern']) {
+      initMapper = updateMapper(packageFields['modern'], 'modern', initMapper);
+    }
+
+    if (packageFields.main) {
+      initMapper = updateMapper(packageFields.main, 'node', initMapper);
+    }
+
+    if (packageFields.module) {
+      initMapper = updateMapper(packageFields.module, 'treeshaking', initMapper);
+    } // TODO: 如果存在其他配置，需要提示
+
+
+    if (!packageFields['modern'] && !packageFields.main && !packageFields.module) {
+      console.error(chalk.red(`Unrecognized ${JSON.stringify(packageFields)} configuration, please use keys: 'modern, main, jupiter:modern' and use values: 'CJS+ES6, ESM+ES5, ESM+ES6'`)); // eslint-disable-next-line no-process-exit
+
+      process.exit(1);
+    }
+  }
+
+  return initMapper;
+}; // 获取执行构建源码的参数
+
+export const getCodeMapper = ({
+  logger,
+  taskPath,
+  config,
+  initMapper,
+  srcRootDir,
+  willCompilerDirOrFile
+}) => {
+  const {
+    value: {
+      appDirectory
+    }
+  } = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext().value;
+  const {
+    output: {
+      enableSourceMap,
+      jsPath = 'js',
+      path: distDir = 'dist'
+    }
+  } = modernConfig;
+  const {
+    tsconfigName = 'tsconfig.json'
+  } = config;
+  const tsconfigPath = path.join(appDirectory, tsconfigName);
+  return initMapper.map(option => {
+    var _option$copyDirs;
+
+    // 不是output.copy配置，而是内部的js copy逻辑
+    const copyDirs = (_option$copyDirs = option.copyDirs) === null || _option$copyDirs === void 0 ? void 0 : _option$copyDirs.map(copyDir => path.join(appDirectory, `./${distDir}/${jsPath}/${copyDir}`));
+    return {
+      logger,
+      taskPath,
+      params: [`--syntax=${option.syntax}`, `--type=${option.type}`, `--srcRootDir=${srcRootDir}`, `--willCompilerDirOrFile=${willCompilerDirOrFile}`, copyDirs ? `--copyDirs=${copyDirs.join(',')}` : '', `--distDir=${path.join(appDirectory, `./${distDir}/${jsPath}/${option.outDir}`)}`, `--appDirectory=${appDirectory}`, enableSourceMap ? '--sourceMaps' : '', `--tsconfigPath=${tsconfigPath}`]
+    };
+  });
+}; // 获取执行生成 d.ts 的参数
+
+export const getDtsMapper = (config, logger) => {
+  const {
+    value: {
+      appDirectory
+    }
+  } = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext().value;
+  const {
+    output: {
+      disableTsChecker,
+      path: outputPath = 'dist'
+    }
+  } = modernConfig;
+  const {
+    tsconfigName = 'tsconfig.json',
+    enableWatchMode,
+    sourceDir
+  } = config;
+  const srcDir = path.join(appDirectory, './src');
+  const tsconfigPath = path.join(appDirectory, tsconfigName);
+  return [{
+    logger,
+    taskPath: require.resolve("../../tasks/generator-dts"),
+    params: [`--srcDir=${srcDir}`, `--distDir=${path.join(appDirectory, `./${outputPath}/types`)}`, `--appDirectory=${appDirectory}`, `--tsconfigPath=${tsconfigPath}`, `--sourceDirName=${sourceDir}`, enableWatchMode ? `--watch` : '', disableTsChecker ? '' : `--tsCheck`]
+  }];
+};
+/**
+ * 处理日志信息
+ */
+
+export class LogStack {
+  constructor() {
+    this._codeLogStack = void 0;
+    this._codeLogStack = [];
+  }
+
+  update(latestLog, {
+    splitEOL = false
+  } = {}) {
+    if (splitEOL) {
+      latestLog.split(os.EOL).forEach(log => {
+        this._codeLogStack.unshift(log.trim());
+      });
+      return;
+    }
+
+    this._codeLogStack.unshift(latestLog.trim());
+  }
+
+  clear() {
+    this._codeLogStack = [];
+  }
+
+  get value() {
+    return [...new Set(this._codeLogStack)];
+  }
+
+}
+export const logTemplate = (title, messageStack, maxLength, {
+  noBottomBorder: _noBottomBorder = false,
+  bottomBorderText: _bottomBorderText = '',
+  noLeftBorder: _noLeftBorder = false,
+  leftBorder: _leftBorder = '│',
+  contentColor: _contentColor = s => s
+} = {}) => {
+  const leftBorderFlag = _noLeftBorder ? '' : _leftBorder;
+  const messageFragments = messageStack.map(p => {
+    p.trim();
+    return `${leftBorderFlag}${p.replace(constants.clearFlag, '')}`;
+  }) // 移除 clearFlag
+  .slice(0, maxLength) // 控制长度
+  .filter(s => s !== leftBorderFlag) // 过滤空字符串
+  .reverse(); // 调换顺序，最新的消息在最后面
+
+  const template = `${title}:
+${_contentColor(messageFragments.join(os.EOL))}${_noBottomBorder ? '' : `\n${_bottomBorderText}`}`;
+  return template;
+}; // eslint-disable-next-line @typescript-eslint/no-extraneous-class
+
+export class TimeCounter {
+  static time() {
+    this._now = Date.now();
+  }
+
+  static timeEnd() {
+    const span = Date.now() - this._now;
+
+    return span < 1000 ? `${span}ms` : `${(span / 1000).toFixed(2)}s`;
+  }
+
+}
+/* eslint-enable max-classes-per-file */
+
+TimeCounter._now = void 0;

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

@@ -0,0 +1,41 @@
+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);
+
+  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
+
+    process.exit(0);
+  }
+
+  const menuMessage = color.devMenuTitle('Select the debug mode:');
+  const {
+    type
+  } = await inquirer.prompt([{
+    name: 'type',
+    message: menuMessage,
+    type: 'list',
+    choices: metas
+  }]);
+  const devMeta = metas.find(meta => meta.value === type);
+
+  if (devMeta) {
+    await devMeta.runTask(config);
+  }
+};
+export const devStorybook = async config => {
+  const metas = await core.mountHook().moduleToolsMenu(undefined);
+  const findStorybook = metas.find(meta => meta.value === 'storybook');
+
+  if (findStorybook) {
+    await findStorybook.runTask(config);
+  } else {
+    console.info(chalk.yellow('You need to enable storybook functionality with the `new` script or `modern new` or install @modern-js/plugin-storybook')); // eslint-disable-next-line no-process-exit
+
+    process.exit(0);
+  }
+};

package/dist/js/modern/index.js

@@ -0,0 +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);
+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();
+    },
+
+    config() {
+      return {
+        output: {
+          enableSourceMap: false,
+          jsPath: 'js'
+        }
+      };
+    },
+
+    commands({
+      program
+    }) {
+      cli.devCli(program);
+      cli.buildCli(program);
+      cli.newCli(program, locale); // 便于其他插件辨别
+
+      program.$$libraryName = 'module-tools';
+    }
+
+  };
+}, {
+  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-changeset']
+});

package/dist/js/modern/locale/en.js

@@ -0,0 +1,23 @@
+export const EN_LOCALE = {
+  command: {
+    build: {
+      describe: 'command for building module',
+      watch: 'building module in watch mode',
+      tsconfig: 'Specify a path to the tsconfig.json file',
+      style_only: 'only build style',
+      platform: 'building for other platforms',
+      no_tsc: 'close tsc compiler to emit d.ts',
+      no_clear: 'disable auto clear dist dir'
+    },
+    dev: {
+      describe: 'start dev server'
+    },
+    new: {
+      describe: 'generator runner for modern project',
+      debug: 'using debug mode to log something',
+      config: 'set default generator config(json string)',
+      distTag: `use specified tag version for it's generator`,
+      registry: 'set npm registry url to run npm command'
+    }
+  }
+};

package/dist/js/modern/locale/index.js

@@ -0,0 +1,10 @@
+import { Import } from '@modern-js/utils';
+import { ZH_LOCALE } from "./zh";
+import { EN_LOCALE } from "./en";
+const i18nPlugin = Import.lazy('@modern-js/plugin-i18n', require);
+const i18n = new i18nPlugin.I18n();
+const localeKeys = i18n.init('zh', {
+  zh: ZH_LOCALE,
+  en: EN_LOCALE
+});
+export { i18n, localeKeys };

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

@@ -0,0 +1,23 @@
+export const ZH_LOCALE = {
+  command: {
+    build: {
+      describe: '构建模块命令',
+      watch: '使用 Watch 模式构建模块',
+      tsconfig: '指定 tsconfig.json 文件的路径',
+      style_only: '只构建样式文件',
+      platform: '构建其他平台产物',
+      no_tsc: '关闭 tsc 编译',
+      no_clear: '不清理产物目录'
+    },
+    dev: {
+      describe: '本地开发命令'
+    },
+    new: {
+      describe: '模块化工程方案中执行生成器',
+      debug: '开启 Debug 模式，打印调试日志信息',
+      config: '生成器运行默认配置(JSON 字符串)',
+      distTag: '生成器使用特殊的 npm Tag 版本',
+      registry: '生成器运行过程中定制 npm Registry'
+    }
+  }
+};

package/dist/js/modern/schema/index.js

@@ -0,0 +1,3 @@
+import { sourceSchema } from "./source";
+import { outputSchema } from "./output";
+export const addSchema = () => [...sourceSchema, ...outputSchema];

package/dist/js/modern/schema/output.js

@@ -0,0 +1,29 @@
+const PACKAGE_MODE_LIST = ['universal-js', 'universal-js-lite', 'browser-js', 'browser-js-lite', 'node-js'];
+export const outputSchema = [{
+  target: 'output.packageMode',
+  schema: {
+    enum: PACKAGE_MODE_LIST
+  }
+}, {
+  target: 'output.packageFields',
+  schema: {
+    typeof: 'object'
+  }
+}, {
+  target: 'output.disableTsChecker',
+  schema: {
+    typeof: 'boolean'
+  }
+}, {
+  target: 'output.enableSourceMap',
+  schema: {
+    typeof: 'boolean'
+  }
+}, {
+  target: 'output.importStyle',
+  schema: {
+    enum: ['compiled-code', 'source-code'],
+    // TODO: 目前default是无效的
+    default: 'source-code'
+  }
+}];

package/dist/js/modern/schema/source.js

@@ -0,0 +1,15 @@
+export const sourceSchema = [// 启动区块运行时
+{
+  target: 'source.enableBlockRuntime',
+  schema: {
+    type: 'boolean'
+  }
+}, {
+  target: 'source.jsxTransformRuntime',
+  schema: {
+    // https://babeljs.io/docs/en/babel-preset-react#runtime
+    enum: ['classic', 'automatic'],
+    // TODO: 目前default是无效的
+    default: 'automatic'
+  }
+}];