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

package/dist/js/node/commands/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "build", {
+  enumerable: true,
+  get: function () {
+    return _build.build;
+  }
+});
+Object.defineProperty(exports, "dev", {
+  enumerable: true,
+  get: function () {
+    return _dev.dev;
+  }
+});
+
+var _dev = require("./dev");
+
+var _build = require("./build");

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildPlatform = void 0;
+
+var _utils = require("@modern-js/utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 {
+    isTsProject = false,
+    platform
+  } = option;
+  const lm = new lg.LoggerManager(); // 获取platforms的参数
+
+  const buildTasks = await core.mountHook().platformBuild({
+    isTsProject
+  });
+
+  if (buildTasks.length <= 0) {
+    console.info(_utils.chalk.yellow('No build tasks detected.\nYou can use the `new` command to enable the more features'));
+    return;
+  }
+
+  const loggerMap = {};
+  const taskMapper = buildTasks.filter(task => platform === 'all' || task.name === platform).map(params => {
+    const logger = lm.createLoggerText({
+      title: params.title
+    });
+    loggerMap[params.name] = logger;
+    return _objectSpread({
+      logger
+    }, params);
+  });
+
+  if (taskMapper.length <= 0) {
+    console.info(_utils.chalk.yellow(`'${platform}' is undefined task`));
+    return;
+  }
+
+  lm.showCompiling();
+  await pMap(taskMapper, async ({
+    taskPath,
+    params,
+    logger
+  }) => {
+    const childProcess = execa.node(taskPath, params, {
+      stdio: 'pipe',
+      all: true
+    });
+    lm.addStdout(logger, childProcess.stdout, {
+      event: {
+        data: true,
+        error: true
+      }
+    });
+    lm.addStderr(logger, childProcess.stderr);
+    await childProcess; // lm.disappearCompiling();
+    // console.info(lg.colors.title(title));
+    // console.info(a.all);
+  });
+  lm.disappearCompiling();
+
+  for (const key of Object.keys(loggerMap)) {
+    console.info(loggerMap[key].value);
+  }
+};
+
+exports.buildPlatform = buildPlatform;

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildInWatchMode = 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; }
+
+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 utils = _utils.Import.lazy('./utils', require);
+
+const constants = _utils.Import.lazy('./constants', require);
+
+const buildInWatchMode = async (config, _) => {
+  const {
+    appDirectory
+  } = core.useAppContext().value;
+  const {
+    sourceDir,
+    enableTscCompiler
+  } = config;
+  const srcRootDir = path.join(appDirectory, sourceDir);
+  const concurrency = os.cpus().length;
+  const lm = new lg.LoggerManager();
+  const codeLog = lm.createLoggerText({
+    title: constants.runBabelCompilerTitle
+  });
+  const dtsLog = lm.createLoggerText({
+    title: constants.runTscWatchTitle
+  });
+  const styleLog = lm.createLoggerText({
+    title: constants.runStyleCompilerTitle
+  });
+  const initCodeMapper = utils.getCodeInitMapper(config);
+  const taskMapper = [...utils.getCodeMapper({
+    logger: codeLog,
+    taskPath: require.resolve("../../tasks/build-watch-source-code"),
+    config,
+    willCompilerDirOrFile: sourceDir,
+    initMapper: initCodeMapper,
+    srcRootDir
+  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+    logger: styleLog,
+    taskPath: require.resolve("../../tasks/build-watch-style")
+  }];
+  lm.on('data', () => {
+    console.info(constants.clearFlag);
+    enableTscCompiler && console.info(dtsLog.value);
+    console.info(codeLog.value);
+    console.info(styleLog.value);
+  });
+  await pMap(taskMapper, async ({
+    logger,
+    taskPath,
+    params
+  }) => {
+    const childProcess = execa.node(taskPath, params, {
+      stdio: 'pipe'
+    });
+
+    if (logger === codeLog) {
+      lm.addStdout(logger, childProcess.stdout, {
+        event: {
+          error: true,
+          data: true
+        } // colors: { data: s => s },
+
+      });
+      lm.addStderr(logger, childProcess.stderr);
+    }
+
+    if (logger === dtsLog) {
+      lm.addStdout(logger, childProcess.stdout, {
+        event: {
+          data: true,
+          error: true
+        },
+        colors: {
+          // tsc 的log信息无论是错误还是正确都是从 data event 中获取到的
+          data: s => s
+        }
+      });
+    }
+
+    if (logger === styleLog) {
+      lm.addStdout(logger, childProcess.stdout, {
+        event: {
+          error: true,
+          data: true
+        } // colors: { data: s => s },
+
+      });
+      lm.addStderr(logger, childProcess.stderr);
+    }
+
+    await childProcess;
+  }, {
+    concurrency
+  });
+};
+
+exports.buildInWatchMode = buildInWatchMode;

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildSourceCode = 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-statements */
+const pMap = _utils.Import.lazy('p-map', require);
+
+const utils = _utils.Import.lazy('./utils', require);
+
+const execa = _utils.Import.lazy('execa', require);
+
+const lg = _utils.Import.lazy('./logger', require);
+
+const constants = _utils.Import.lazy('./constants', require);
+
+const core = _utils.Import.lazy('@modern-js/core', require);
+
+const buildSourceCode = async (config, _) => {
+  const {
+    sourceDir,
+    enableTscCompiler
+  } = config;
+  const {
+    appDirectory
+  } = core.useAppContext().value;
+  const concurrency = os.cpus().length;
+  const srcRootDir = path.join(appDirectory, sourceDir);
+  const lm = new lg.LoggerManager();
+  const codeLog = lm.createLoggerText({
+    title: constants.runBabelCompilerTitle
+  });
+  const dtsLog = lm.createLoggerText({
+    title: constants.runTscTitle
+  });
+  const styleLog = lm.createLoggerText({
+    title: constants.runStyleCompilerTitle
+  });
+  const copyLog = lm.createLoggerText({
+    title: 'Copy Log:'
+  });
+  const initCodeMapper = utils.getCodeInitMapper(config);
+  const taskMapper = [...utils.getCodeMapper({
+    logger: codeLog,
+    taskPath: require.resolve("../../tasks/build-source-code"),
+    config,
+    willCompilerDirOrFile: sourceDir,
+    initMapper: initCodeMapper,
+    srcRootDir
+  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+    logger: styleLog,
+    taskPath: require.resolve("../../tasks/build-style")
+  }, {
+    logger: copyLog,
+    taskPath: require.resolve("../../tasks/copy-assets")
+  }];
+  lm.showCompiling();
+  await pMap(taskMapper, async ({
+    logger,
+    taskPath,
+    params
+  }) => {
+    const childProcess = execa.node(taskPath, params, {
+      stdio: 'pipe'
+    });
+
+    if (logger === codeLog || logger === copyLog) {
+      lm.addStdout(logger, childProcess.stdout, {
+        event: {
+          data: true,
+          error: true
+        }
+      });
+      lm.addStderr(logger, childProcess.stderr);
+    }
+
+    if (logger === dtsLog) {
+      lm.addStdout(dtsLog, childProcess.stdout, {
+        event: {
+          data: true,
+          error: true
+        }
+      });
+      lm.addStderr(dtsLog, childProcess.stderr);
+    }
+
+    if (logger === styleLog) {
+      lm.addStdout(logger, childProcess.stdout, {
+        event: {
+          data: true,
+          error: true
+        }
+      });
+      lm.addStderr(logger, childProcess.stderr);
+    }
+
+    await childProcess;
+  }, {
+    concurrency
+  });
+  lm.disappearCompiling();
+  enableTscCompiler && console.info(dtsLog.value);
+  console.info(codeLog.value);
+
+  if (styleLog.hasMessages()) {
+    console.info(styleLog.value);
+  }
+
+  if (copyLog.hasMessages()) {
+    console.info(copyLog.value);
+  }
+
+  if (dtsLog.hasErrorMessage || codeLog.hasErrorMessage || styleLog.hasErrorMessage || copyLog.hasErrorMessage) {
+    // eslint-disable-next-line no-process-exit
+    process.exit(1);
+  }
+};
+/* eslint-enable max-statements */
+
+
+exports.buildSourceCode = buildSourceCode;

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runTscWatchTitle = exports.runTscTitle = exports.runStyleCompilerTitle = exports.runBabelCompilerTitle = exports.clearFlag = exports.PACKAGE_MODES = exports.DEFAULT_PACKAGE_MODE = void 0;
+// Universal JS 的默认选择，三份构建产物，支持 Node.js，对现代浏览器有优化
+const universalJs = [{
+  type: 'module',
+  syntax: 'es5',
+  outDir: 'treeshaking'
+}, {
+  type: 'commonjs',
+  syntax: 'es6+',
+  outDir: 'node'
+}, {
+  type: 'module',
+  syntax: 'es6+',
+  outDir: 'modern'
+}]; // Universal JS 的优化选择，两份构建产物，对现代浏览器无优化
+
+const universalJsLite = [{
+  type: 'module',
+  syntax: 'es5',
+  outDir: 'treeshaking'
+}, {
+  type: 'commonjs',
+  syntax: 'es6+',
+  outDir: 'node',
+  copyDirs: ['modern']
+}]; // 纯前端代码的默认选择，两份构建产物
+
+const browserJs = [{
+  type: 'module',
+  syntax: 'es5',
+  outDir: 'treeshaking',
+  copyDirs: ['node']
+}, {
+  type: 'module',
+  syntax: 'es6+',
+  outDir: 'modern'
+}]; // 纯前端代码的优化选择，单份构建产物，对现代浏览器无优化
+
+const browserJsLite = [{
+  type: 'module',
+  syntax: 'es5',
+  outDir: 'treeshaking',
+  copyDirs: ['modern', 'node']
+}]; // 纯 Node.js 代码的默认选择，两份构建产物
+
+const nodeJs = [{
+  type: 'commonjs',
+  syntax: 'es6+',
+  outDir: 'node'
+}, {
+  type: 'module',
+  syntax: 'es6+',
+  outDir: 'modern'
+}];
+const DEFAULT_PACKAGE_MODE = 'universal-js';
+exports.DEFAULT_PACKAGE_MODE = DEFAULT_PACKAGE_MODE;
+const PACKAGE_MODES = {
+  'universal-js': universalJs,
+  'universal-js-lite': universalJsLite,
+  'browser-js': browserJs,
+  'browser-js-lite': browserJsLite,
+  'node-js': nodeJs
+};
+exports.PACKAGE_MODES = PACKAGE_MODES;
+const runBabelCompilerTitle = 'Run babel compiler code log';
+exports.runBabelCompilerTitle = runBabelCompilerTitle;
+const runTscWatchTitle = 'Run `tsc -w` log';
+exports.runTscWatchTitle = runTscWatchTitle;
+const runTscTitle = 'Run `tsc` log';
+exports.runTscTitle = runTscTitle;
+const runStyleCompilerTitle = 'Run style compiler code log';
+exports.runStyleCompilerTitle = runStyleCompilerTitle;
+const clearFlag = '\x1Bc';
+exports.clearFlag = clearFlag;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.build = void 0;
+
+var _utils = require("@modern-js/utils");
+
+const buildFeature = _utils.Import.lazy('./build', require);
+
+const buildWatchFeature = _utils.Import.lazy('./build-watch', require); // const bp: typeof import('./build-platform') = Import.lazy(
+//   './build-platform',
+//   require,
+// );
+
+
+const build = async (config, modernConfig) => {
+  const {
+    enableWatchMode,
+    platform
+  } = config; // TODO: maybe need watch mode in build platform
+
+  if (typeof platform === 'boolean' && platform) {
+    // await bp.buildPlatform({ platform: 'all', isTsProject });
+    return;
+  }
+
+  if (typeof platform === 'string') {
+    // await bp.buildPlatform({ platform, isTsProject });
+    return;
+  }
+
+  if (enableWatchMode) {
+    await buildWatchFeature.buildInWatchMode(config, modernConfig);
+  } else {
+    await buildFeature.buildSourceCode(config, modernConfig);
+  }
+};
+
+exports.build = build;

package/dist/js/node/features/build/logger/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _logText = require("./logText");
+
+Object.keys(_logText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _logText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _logText[key];
+    }
+  });
+});
+
+var _loggerManager = require("./loggerManager");
+
+Object.keys(_loggerManager).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _loggerManager[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _loggerManager[key];
+    }
+  });
+});

package/dist/js/node/features/build/logger/logText.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.logTemplate = exports.colors = exports.clearFlag = exports.LoggerText = void 0;
+
+var _utils = require("@modern-js/utils");
+
+const colors = {
+  title: _utils.chalk.rgb(218, 152, 92)
+};
+exports.colors = colors;
+const clearFlag = '\x1Bc';
+exports.clearFlag = clearFlag;
+
+const logTemplate = (title, messageStack, {
+  noBottomBorder: _noBottomBorder = false,
+  bottomBorderText: _bottomBorderText = '',
+  noLeftBorder: _noLeftBorder = false,
+  leftBorder: _leftBorder = '',
+  contentColor: _contentColor = s => s
+} = {}) => {
+  const maxLength = Infinity; // TODO: 考虑后面是否提供该参数
+
+  const leftBorderFlag = _noLeftBorder ? '' : _leftBorder;
+  const messageFragments = messageStack.map(p => {
+    p.trim();
+    return `${leftBorderFlag}${p.replace(clearFlag, '')}`;
+  }) // 移除 clearFlag
+  .filter(s => s !== leftBorderFlag) // 过滤空字符串
+  .slice(0, maxLength); // 控制长度
+
+  const template = `${colors.title(title)}:
+${_contentColor(messageFragments.join(''))}${_noBottomBorder ? '' : `\n${_bottomBorderText}`}`;
+  return template;
+};
+
+exports.logTemplate = logTemplate;
+
+// 处理Log内容如何展示
+class LoggerText {
+  constructor(option) {
+    this.messages = void 0;
+    this.hasErrorMessage = void 0;
+    this.option = void 0;
+    this.messages = [];
+    this.option = option;
+    this.hasErrorMessage = false;
+  }
+
+  append(message) {
+    if (message.includes(clearFlag)) {
+      this.messages = [];
+    }
+
+    this.messages.push(message);
+  }
+
+  errorHappen() {
+    this.hasErrorMessage = true;
+  }
+
+  hasMessages() {
+    return this.messages.length > 0;
+  }
+
+  get value() {
+    const {
+      title,
+      contentConfig
+    } = this.option;
+    const messages = [...new Set(this.messages)];
+    return logTemplate(title, messages, contentConfig);
+  }
+
+}
+
+exports.LoggerText = LoggerText;

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoggerManager = void 0;
+
+var _events = _interopRequireDefault(require("events"));
+
+var _utils = require("@modern-js/utils");
+
+let _ = t => t,
+    _t;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logText = _utils.Import.lazy('./logText', require);
+
+const readline = _utils.Import.lazy('../../../utils/readline', require);
+
+class LoggerManager extends _events.default {
+  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: _utils.chalk.green,
+        error: _utils.chalk.red,
+        warning: _utils.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) : _utils.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) : _utils.chalk.red(data);
+        loggerText.append(content);
+        loggerText.errorHappen();
+        this.emit('data');
+      });
+    }
+
+    this._listeners.push(stdout);
+  }
+
+  addStderr(loggerText, stderr, color = _utils.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(_utils.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);
+    };
+  }
+
+}
+
+exports.LoggerManager = LoggerManager;