@modern-js/module-tools 1.5.5 → 1.6.0-alpha.0

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

@@ -0,0 +1,309 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runBabelBuild = exports.jsFileSuffix = exports.haveNotAnyJsFile = exports.getWillCompilerCode = exports.buildSourceCode = exports.BabelBuildError = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+var _error = require("../error");
+
+var _utils2 = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
+class BabelBuildError extends Error {
+  constructor(message, opts) {
+    super(message);
+
+    _defineProperty(this, "summary", void 0);
+
+    _defineProperty(this, "details", void 0);
+
+    Error.captureStackTrace(this, this.constructor);
+    this.summary = opts === null || opts === void 0 ? void 0 : opts.summary;
+    this.details = opts === null || opts === void 0 ? void 0 : opts.details;
+  }
+
+  toString() {
+    return this.formatError().join('\n');
+  }
+
+  formatError() {
+    const msgs = [];
+    const {
+      summary,
+      details = []
+    } = this;
+    msgs.push(_utils.chalk.red.bold(summary));
+
+    for (const detail of details) {
+      msgs.push(detail.content);
+      msgs.push('\n');
+    }
+
+    return msgs;
+  }
+
+}
+
+exports.BabelBuildError = BabelBuildError;
+
+const babelCompiler = _utils.Import.lazy('@modern-js/babel-compiler', require);
+
+const bc = _utils.Import.lazy('../../../utils/babel', require);
+
+const ts = _utils.Import.lazy('../../../utils/tsconfig', require); // const logger: typeof import('../logger') = Import.lazy('../logger', require);
+
+
+const getExts = (isTs, tsconfig) => {
+  // TODO: 是否受控tsconfig.json 里的jsx配置
+  let exts = [];
+
+  if (isTs) {
+    var _tsconfig$compilerOpt;
+
+    exts = tsconfig !== null && tsconfig !== void 0 && (_tsconfig$compilerOpt = tsconfig.compilerOptions) !== null && _tsconfig$compilerOpt !== void 0 && _tsconfig$compilerOpt.allowJs ? ['.ts', '.tsx', '.js', '.jsx'] : ['.ts', '.tsx'];
+  } else {
+    exts = ['.js', '.jsx'];
+  }
+
+  return exts;
+};
+
+const getWillCompilerCode = (srcDirOrFile, option) => {
+  const {
+    tsconfig,
+    isTsProject
+  } = option; // 如果是一个文件路径，则直接返回
+
+  if (_utils.fs.existsSync(srcDirOrFile) && _utils.fs.lstatSync(srcDirOrFile).isFile()) {
+    return [srcDirOrFile];
+  }
+
+  const exts = getExts(isTsProject, tsconfig);
+  const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
+
+  const files = _utils.glob.sync(globPattern, {
+    ignore: [`${srcDirOrFile}/**/*.d.ts`],
+    absolute: true
+  });
+
+  return files;
+};
+
+exports.getWillCompilerCode = getWillCompilerCode;
+
+const buildSourceCode = async config => {
+  const {
+    willCompilerDirOrFile,
+    tsconfigPath,
+    babelConfig,
+    srcRootDir,
+    distDir,
+    watch
+  } = config;
+  const tsconfig = ts.readTsConfig(tsconfigPath);
+  const willCompilerFiles = getWillCompilerCode(willCompilerDirOrFile, {
+    tsconfig,
+    isTsProject: Boolean(tsconfig)
+  });
+
+  if (watch) {
+    const emitter = await babelCompiler.compiler({
+      quiet: true,
+      enableVirtualDist: true,
+      enableWatch: true,
+      rootDir: srcRootDir,
+      filenames: willCompilerFiles,
+      distDir,
+      watchDir: srcRootDir,
+      extensions: getExts(Boolean(tsconfig), tsconfig),
+      ignore: ['*.d.ts']
+    }, babelConfig);
+    return emitter;
+  } else {
+    return babelCompiler.compiler({
+      quiet: true,
+      enableVirtualDist: true,
+      rootDir: srcRootDir,
+      filenames: willCompilerFiles,
+      distDir,
+      // enableWatch: watch,
+      ignore: ['*.d.ts']
+    }, babelConfig);
+  }
+};
+
+exports.buildSourceCode = buildSourceCode;
+
+const generatorRealFiles = virtualDists => {
+  for (const virtualDist of virtualDists) {
+    const {
+      distPath,
+      code,
+      sourcemap,
+      sourceMapPath
+    } = virtualDist;
+
+    _utils.fs.ensureFileSync(distPath);
+
+    _utils.fs.writeFileSync(distPath, code);
+
+    if (sourcemap.length > 0) {
+      _utils.fs.ensureFileSync(sourceMapPath);
+
+      _utils.fs.writeFileSync(sourceMapPath, sourcemap);
+    }
+  }
+};
+/**
+ * when modern build, only throw Error or silent
+ * @param outputResults
+ * @param context
+ */
+
+
+const outputDist = (outputResults, context) => {
+  const {
+    code,
+    message,
+    messageDetails,
+    virtualDists = []
+  } = outputResults;
+
+  if (code === 0) {
+    generatorRealFiles(virtualDists);
+  } else if (messageDetails && messageDetails.length > 0) {
+    const babelError = new BabelBuildError('bundleless failed', {
+      summary: message,
+      details: messageDetails
+    });
+    throw new _error.InternalBuildError(babelError, _objectSpread(_objectSpread({}, context), {}, {
+      buildType: 'bundleless'
+    }));
+  }
+};
+
+const jsFileSuffix = ['js', 'jsx', 'ts', 'tsx'];
+exports.jsFileSuffix = jsFileSuffix;
+
+const haveNotAnyJsFile = async sourceDir => {
+  const files = await (0, _utils.globby)(`${sourceDir}/**/*.{${jsFileSuffix.join(',')}}`);
+  return files.length === 0;
+};
+
+exports.haveNotAnyJsFile = haveNotAnyJsFile;
+
+const runBabelBuild = async (api, config) => {
+  const {
+    bundlelessOptions,
+    tsconfig,
+    target,
+    format,
+    outputPath,
+    watch,
+    sourceMap
+  } = config;
+  const {
+    appDirectory
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
+  const {
+    output: {
+      path: distPath = 'dist'
+    }
+  } = modernConfig;
+  const {
+    sourceDir = './src'
+  } = bundlelessOptions;
+
+  const sourceAbsDir = _path.default.join(appDirectory, sourceDir);
+
+  const tsconfigPath = _path.default.join(appDirectory, tsconfig);
+
+  if (await haveNotAnyJsFile(sourceAbsDir)) {
+    return;
+  } // TODO: Refactoring based on format and target
+
+
+  const syntax = target === 'es5' ? 'es5' : 'es6+';
+  const type = format === 'cjs' ? 'commonjs' : 'module';
+  const titleText = `[Bundleless:Babel: ${format}_${target}]`;
+  const buildConfig = {
+    format,
+    target,
+    babelConfig: bc.resolveBabelConfig(appDirectory, modernConfig, sourceMap, bundlelessOptions, {
+      sourceAbsDir,
+      tsconfigPath,
+      syntax,
+      type
+    })
+  };
+
+  const distDir = _path.default.join(appDirectory, distPath, outputPath);
+
+  const result = await buildSourceCode({
+    appDirectory,
+    distDir,
+    srcRootDir: sourceAbsDir,
+    willCompilerDirOrFile: sourceAbsDir,
+    tsconfigPath,
+    babelConfig: buildConfig.babelConfig,
+    watch
+  });
+
+  if (watch) {
+    const emitter = result;
+    emitter.on(babelCompiler.BuildWatchEvent.firstCompiler, result => {
+      if (result.code === 1) {
+        console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Fail));
+        console.error(result.message);
+
+        for (const detail of result.messageDetails || []) {
+          console.error(detail.content);
+        }
+      } else {
+        generatorRealFiles(result.virtualDists);
+        console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Success));
+      }
+    });
+    emitter.on(babelCompiler.BuildWatchEvent.watchingCompiler, result => {
+      if (result.code === 1) {
+        var _result$virtualDists;
+
+        // console.error(logger.clearFlag);
+        console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Fail));
+        console.error(result.message);
+
+        for (const detail of result.messageDetails || []) {
+          console.error(detail.content);
+        }
+
+        if (Array.isArray(result.virtualDists) && ((_result$virtualDists = result.virtualDists) === null || _result$virtualDists === void 0 ? void 0 : _result$virtualDists.length) > 0) {
+          generatorRealFiles(result.virtualDists);
+        }
+      } else {
+        generatorRealFiles(result.virtualDists);
+        console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Success));
+      }
+    });
+    await emitter.watch();
+  } else {
+    outputDist(result, {
+      target,
+      format
+    });
+  }
+};
+
+exports.runBabelBuild = runBabelBuild;

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

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styleFileSuffix = exports.runBuild = exports.haveNotAnyStyles = exports.buildStyle = exports.StyleBuildError = void 0;
+
+var path = _interopRequireWildcard(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+var _error = require("../error");
+
+var _utils2 = require("../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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 compiler = _utils.Import.lazy('@modern-js/style-compiler', require);
+
+class StyleBuildError extends Error {
+  constructor(message, opts) {
+    super(message);
+
+    _defineProperty(this, "summary", void 0);
+
+    _defineProperty(this, "details", void 0);
+
+    Error.captureStackTrace(this, this.constructor);
+    this.summary = opts === null || opts === void 0 ? void 0 : opts.summary;
+    this.details = opts === null || opts === void 0 ? void 0 : opts.details;
+  }
+
+  toString() {
+    return this.formatError().join('\n');
+  }
+
+  formatError() {
+    const msgs = [];
+    const {
+      summary,
+      details = []
+    } = this;
+    msgs.push(_utils.chalk.red.bold(summary));
+
+    for (const detail of details) {
+      if (detail.error) {
+        msgs.push(detail.error);
+        msgs.push('\n');
+      }
+    }
+
+    return msgs;
+  }
+
+}
+/**
+ * when modern build, only throw Error or silent
+ * @param result
+ * @param context
+ */
+
+
+exports.StyleBuildError = StyleBuildError;
+
+const generatorFileOrLogError = (result, context) => {
+  if (result.code === 0) {
+    for (const file of result.dists) {
+      _utils.fs.ensureFileSync(file.filename);
+
+      _utils.fs.writeFileSync(file.filename, file.content);
+    }
+  } else {
+    // for (const file of result.errors) {
+    //   console.error(file.error);
+    // }
+    const styleError = new StyleBuildError('bundleless failed', {
+      summary: 'Style Compiler Failed',
+      details: result.errors
+    });
+    throw new _error.InternalBuildError(styleError, _objectSpread({
+      buildType: 'bundleless'
+    }, context));
+  }
+};
+
+const generatorFileAndLog = (result, titleText) => {
+  if (result.code === 0) {
+    for (const file of result.dists) {
+      _utils.fs.ensureFileSync(file.filename);
+
+      _utils.fs.writeFileSync(file.filename, file.content);
+    }
+
+    console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Success));
+  } else {
+    console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Fail));
+
+    for (const file of result.errors) {
+      console.error(file.error);
+    }
+  }
+};
+
+const copyOriginStyleFiles = ({
+  targetDir,
+  outputDir
+}) => {
+  const styleFiles = _utils.glob.sync(`${targetDir}/**/*.{css,sass,scss,less}`);
+
+  if (styleFiles.length > 0) {
+    _utils.fs.ensureDirSync(outputDir);
+  }
+
+  for (const styleFile of styleFiles) {
+    const file = path.relative(targetDir, styleFile);
+
+    _utils.fs.ensureDirSync(path.dirname(path.join(outputDir, file)));
+
+    _utils.fs.copyFileSync(styleFile, path.join(outputDir, file));
+  }
+};
+
+const runBuild = async option => {
+  const {
+    watch,
+    appDirectory,
+    srcDir,
+    outDir,
+    lessOption,
+    sassOption,
+    postcssOption
+  } = option;
+
+  if (watch) {
+    const srcStyleEmitter = compiler.styleCompiler({
+      watch: true,
+      projectDir: appDirectory,
+      stylesDir: srcDir,
+      outDir,
+      enableVirtualDist: true,
+      compilerOption: {
+        less: lessOption,
+        sass: sassOption,
+        postcss: postcssOption
+      }
+    });
+    return srcStyleEmitter;
+  } else {
+    const srcStyleResult = await compiler.styleCompiler({
+      projectDir: appDirectory,
+      stylesDir: srcDir,
+      outDir,
+      enableVirtualDist: true,
+      compilerOption: {
+        less: lessOption,
+        sass: sassOption,
+        postcss: postcssOption
+      }
+    });
+    return srcStyleResult;
+  }
+};
+
+exports.runBuild = runBuild;
+const styleFileSuffix = ['css', 'less', 'sass', 'scss'];
+exports.styleFileSuffix = styleFileSuffix;
+
+const haveNotAnyStyles = async sourceDir => {
+  const files = await (0, _utils.globby)(`${sourceDir}/**/*.{${styleFileSuffix.join(',')}}`);
+  return files.length === 0;
+};
+
+exports.haveNotAnyStyles = haveNotAnyStyles;
+
+const buildStyle = async (api, config) => {
+  var _style$path;
+
+  const modernConfig = api.useResolvedConfigContext();
+  const {
+    appDirectory
+  } = api.useAppContext();
+  const {
+    watch = false,
+    outputPath,
+    bundlelessOptions
+  } = config;
+  const {
+    style,
+    sourceDir
+  } = bundlelessOptions;
+  const {
+    output: {
+      path: distPath = 'dist'
+    }
+  } = modernConfig;
+  const titleText = `[Bundleless:Style:${sourceDir}]`;
+
+  if ((await haveNotAnyStyles(sourceDir)) || style.compileMode === false) {
+    return;
+  }
+
+  const runner = api.useHookRunners();
+  const lessOption = await runner.moduleLessConfig({
+    modernConfig
+  }, {
+    onLast: async _ => undefined
+  });
+  const sassOption = await runner.moduleSassConfig({
+    modernConfig
+  }, {
+    onLast: async _ => undefined
+  });
+  const tailwindPlugin = await runner.moduleTailwindConfig({
+    modernConfig
+  }, {
+    onLast: async _ => undefined
+  });
+  const postcssOption = (0, _utils2.getPostcssOption)(appDirectory, modernConfig);
+
+  if (tailwindPlugin) {
+    var _postcssOption$plugin;
+
+    (_postcssOption$plugin = postcssOption.plugins) === null || _postcssOption$plugin === void 0 ? void 0 : _postcssOption$plugin.push(tailwindPlugin);
+  }
+
+  const srcDir = path.resolve(appDirectory, sourceDir);
+  const outputDirToSrc = path.join(appDirectory, distPath, outputPath, (_style$path = style.path) !== null && _style$path !== void 0 ? _style$path : './');
+
+  if (style.compileMode === 'all' || style.compileMode === 'only-compiled-code') {
+    const result = await runBuild({
+      appDirectory,
+      srcDir,
+      watch,
+      outDir: outputDirToSrc,
+      lessOption,
+      sassOption,
+      postcssOption
+    });
+
+    if (watch) {
+      const emitter = result;
+      emitter.on(compiler.BuildWatchEvent.firstCompiler, result => {
+        generatorFileAndLog(result, titleText);
+      });
+      emitter.on(compiler.BuildWatchEvent.watchingCompiler, srcStyleResult => {
+        generatorFileAndLog(srcStyleResult, titleText);
+      });
+      await emitter.watch();
+    } else {
+      const srcStyleResult = result;
+      generatorFileOrLogError(srcStyleResult, {
+        target: config.target,
+        format: config.format
+      });
+    }
+  }
+
+  if (style.compileMode === 'all' || style.compileMode === 'only-source-code') {
+    if (watch) {
+      copyOriginStyleFiles({
+        targetDir: srcDir,
+        outputDir: outputDirToSrc
+      });
+      console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Success));
+      (0, _utils.watch)(`${srcDir}/**/*.{css,less,sass,scss}`, ({
+        changeType,
+        changedFilePath
+      }) => {
+        if (changeType === _utils.WatchChangeType.UNLINK) {
+          const removeFile = path.normalize(`${outputDirToSrc}/${path.relative(srcDir, changedFilePath)}`);
+
+          _utils.fs.removeSync(removeFile);
+        } else {
+          copyOriginStyleFiles({
+            targetDir: srcDir,
+            outputDir: outputDirToSrc
+          });
+        }
+
+        console.info((0, _utils2.watchSectionTitle)(titleText, _utils2.SectionTitleStatus.Success));
+      });
+    } else {
+      copyOriginStyleFiles({
+        targetDir: srcDir,
+        outputDir: outputDirToSrc
+      });
+    }
+  }
+};
+
+exports.buildStyle = buildStyle;