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

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

@@ -0,0 +1,231 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.logTemplate = exports.getDtsMapper = exports.getCodeMapper = exports.getCodeInitMapper = exports.TimeCounter = exports.LogStack = void 0;
+
+var path = _interopRequireWildcard(require("path"));
+
+var os = _interopRequireWildcard(require("os"));
+
+var _utils = require("@modern-js/utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+/* eslint-disable max-classes-per-file */
+const constants = _utils.Import.lazy('./constants', require);
+
+const core = _utils.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];
+  }
+};
+
+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(_utils.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;
+}; // 获取执行构建源码的参数
+
+
+exports.getCodeInitMapper = getCodeInitMapper;
+
+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 的参数
+
+
+exports.getCodeMapper = getCodeMapper;
+
+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`]
+  }];
+};
+/**
+ * 处理日志信息
+ */
+
+
+exports.getDtsMapper = getDtsMapper;
+
+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)];
+  }
+
+}
+
+exports.LogStack = LogStack;
+
+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
+
+
+exports.logTemplate = logTemplate;
+
+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 */
+
+
+exports.TimeCounter = TimeCounter;
+TimeCounter._now = void 0;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showMenu = exports.devStorybook = void 0;
+
+var _utils = require("@modern-js/utils");
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const core = _utils.Import.lazy('@modern-js/core', require);
+
+const inquirer = _utils.Import.lazy('inquirer', require);
+
+const color = _utils.Import.lazy('../../utils/color', require);
+
+const showMenu = async config => {
+  const metas = await core.mountHook().moduleToolsMenu(undefined);
+
+  if (metas.length <= 0) {
+    console.info(_chalk.default.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);
+  }
+};
+
+exports.showMenu = showMenu;
+
+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.default.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);
+  }
+};
+
+exports.devStorybook = devStorybook;

package/dist/js/node/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defineConfig = exports.default = void 0;
+
+var _utils = require("@modern-js/utils");
+
+const core = _utils.Import.lazy('@modern-js/core', require); // const { createPlugin, usePlugins, defineConfig } = core;
+
+
+const hooks = _utils.Import.lazy('@modern-js/module-tools-hooks', require);
+
+const cli = _utils.Import.lazy('./cli', require);
+
+const local = _utils.Import.lazy('./locale', require);
+
+const schema = _utils.Import.lazy('./schema', require);
+
+const lang = _utils.Import.lazy('./utils/language', require);
+
+const {
+  defineConfig
+} = core;
+exports.defineConfig = defineConfig;
+core.usePlugins([require.resolve('@modern-js/plugin-changeset/cli'), require.resolve('@modern-js/plugin-analyze/cli')]);
+
+var _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']
+});
+
+exports.default = _default;

package/dist/js/node/locale/en.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EN_LOCALE = void 0;
+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'
+    }
+  }
+};
+exports.EN_LOCALE = EN_LOCALE;

package/dist/js/node/locale/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localeKeys = exports.i18n = void 0;
+
+var _utils = require("@modern-js/utils");
+
+var _zh = require("./zh");
+
+var _en = require("./en");
+
+const i18nPlugin = _utils.Import.lazy('@modern-js/plugin-i18n', require);
+
+const i18n = new i18nPlugin.I18n();
+exports.i18n = i18n;
+const localeKeys = i18n.init('zh', {
+  zh: _zh.ZH_LOCALE,
+  en: _en.EN_LOCALE
+});
+exports.localeKeys = localeKeys;

package/dist/js/node/locale/zh.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZH_LOCALE = void 0;
+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'
+    }
+  }
+};
+exports.ZH_LOCALE = ZH_LOCALE;

package/dist/js/node/schema/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addSchema = void 0;
+
+var _source = require("./source");
+
+var _output = require("./output");
+
+const addSchema = () => [..._source.sourceSchema, ..._output.outputSchema];
+
+exports.addSchema = addSchema;

package/dist/js/node/schema/output.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outputSchema = void 0;
+const PACKAGE_MODE_LIST = ['universal-js', 'universal-js-lite', 'browser-js', 'browser-js-lite', 'node-js'];
+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'
+  }
+}];
+exports.outputSchema = outputSchema;

package/dist/js/node/schema/source.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sourceSchema = void 0;
+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'
+  }
+}];
+exports.sourceSchema = sourceSchema;