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

package/dist/js/modern/tasks/build-source-code.js

@@ -0,0 +1,213 @@
+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; }
+
+import { Import, fs } from '@modern-js/utils';
+const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
+const glob = Import.lazy('glob', require);
+const argv = Import.lazy('process.argv', require);
+const pluginNode = Import.lazy('@modern-js/plugin/node', require);
+const core = Import.lazy('@modern-js/core', require);
+const bc = Import.lazy('../utils/babel', require);
+const ts = Import.lazy('../utils/tsconfig', require);
+export let Compiler;
+
+(function (Compiler) {
+  Compiler[Compiler["babel"] = 0] = "babel";
+  Compiler[Compiler["esbuild"] = 1] = "esbuild";
+  Compiler[Compiler["swc"] = 2] = "swc";
+})(Compiler || (Compiler = {}));
+
+const runBabelCompiler = async (willCompilerFiles, config, babelConfig = {}) => {
+  const {
+    srcRootDir,
+    distDir
+  } = config; // TODO: 判断lynx模式下，修改distFileExtMap: {'js': 'js', 'jsx': 'jsx', 'ts': 'js', 'tsx': 'jsx'}
+
+  return babelCompiler.compiler({
+    quiet: true,
+    enableVirtualDist: true,
+    rootDir: srcRootDir,
+    filenames: willCompilerFiles,
+    distDir
+  }, babelConfig);
+};
+
+export const getWillCompilerCode = (srcDirOrFile, option) => {
+  const {
+    tsconfig,
+    isTsProject
+  } = option; // 如果是一个文件路径，则直接返回
+
+  if (fs.existsSync(srcDirOrFile) && fs.lstatSync(srcDirOrFile).isFile()) {
+    return [srcDirOrFile];
+  }
+
+  const getExts = isTs => {
+    // 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 exts = getExts(isTsProject);
+  const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
+  const files = glob.sync(globPattern, {
+    ignore: [`${srcDirOrFile}/**/*.d.ts`]
+  });
+  return files;
+};
+export const buildSourceCode = async config => {
+  const {
+    compiler,
+    willCompilerDirOrFile,
+    tsconfigPath,
+    sourceMaps,
+    babelConfig
+  } = config;
+  const tsconfig = ts.readTsConfig(tsconfigPath);
+  const willCompilerFiles = getWillCompilerCode(willCompilerDirOrFile, {
+    tsconfig,
+    isTsProject: Boolean(tsconfig)
+  });
+  let distSet = null;
+
+  if (compiler === Compiler.babel) {
+    distSet = await runBabelCompiler(willCompilerFiles, config, _objectSpread(_objectSpread({}, babelConfig), {}, {
+      sourceMaps
+    }));
+  } else {
+    distSet = {
+      code: 1,
+      message: 'no compiler'
+    };
+  }
+
+  return distSet;
+};
+
+const generatorRealFiles = virtualDists => {
+  for (const virtualDist of virtualDists) {
+    const {
+      distPath,
+      code,
+      sourcemap,
+      sourceMapPath
+    } = virtualDist;
+    fs.ensureFileSync(distPath);
+    fs.writeFileSync(distPath, code);
+
+    if (sourcemap.length > 0) {
+      fs.ensureFileSync(sourceMapPath);
+      fs.writeFileSync(sourceMapPath, sourcemap);
+    }
+  }
+};
+
+export const initEnv = ({
+  syntax,
+  type
+}) => {
+  if (syntax === 'es6+' && type === 'commonjs') {
+    return 'nodejs';
+  } else if (syntax === 'es6+' && type === 'module') {
+    return 'modern';
+  } else if (syntax === 'es5' && type === 'module') {
+    return 'legacy-browser';
+  }
+
+  return '';
+};
+const defaultConfig = {
+  srcRootDir: `${process.cwd()}/src`,
+  willCompilerDirOrFile: `${process.cwd()}/src`,
+  distDir: './dist/js/temp',
+  compiler: 'babel',
+  appDirectory: '',
+  sourceMaps: false,
+  tsconfigPath: '',
+  syntax: 'es5',
+  type: 'module',
+  watch: false
+};
+
+const taskMain = async ({
+  modernConfig
+}) => {
+  // 执行脚本的参数处理和相关需要配置的获取
+  const processArgv = argv(process.argv.slice(2));
+  const config = processArgv(defaultConfig); // process.env.BUILD_MODE = initEnv(config);
+
+  const compiler = Compiler.babel; // 目前暂时只支持 babel
+
+  const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
+    sourceAbsDir: config.srcRootDir,
+    tsconfigPath: config.tsconfigPath,
+    syntax: config.syntax,
+    type: config.type
+  });
+  const {
+    code,
+    message,
+    messageDetails,
+    virtualDists = []
+  } = await buildSourceCode({
+    distDir: config.distDir,
+    srcRootDir: config.srcRootDir,
+    willCompilerDirOrFile: config.willCompilerDirOrFile,
+    sourceMaps: config.sourceMaps,
+    compiler,
+    projectData: {
+      appDirectory: config.appDirectory
+    },
+    tsconfigPath: config.tsconfigPath,
+    babelConfig
+  });
+
+  if (code === 0) {
+    generatorRealFiles(virtualDists); // 执行成功log使用 console.info
+
+    console.info('[Babel Compiler]: Successfully');
+  } else if (messageDetails && messageDetails.length > 0) {
+    console.error(message);
+
+    for (const detail of messageDetails || []) {
+      console.error(detail.content);
+    }
+  }
+
+  if (code === 0 && config.copyDirs) {
+    const copyList = config.copyDirs.split(',');
+
+    for (const copyDir of copyList) {
+      fs.ensureDirSync(copyDir);
+      fs.copySync(config.distDir, copyDir);
+    }
+  }
+};
+
+(async () => {
+  pluginNode.enable();
+  const {
+    resolved
+  } = await core.cli.init();
+  await core.manager.run(async () => {
+    try {
+      await taskMain({
+        modernConfig: resolved
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  });
+})();

package/dist/js/modern/tasks/build-style.js

@@ -0,0 +1,152 @@
+import * as path from 'path';
+import { fs, Import } from '@modern-js/utils';
+const cssConfig = Import.lazy('@modern-js/css-config', require);
+const core = Import.lazy('@modern-js/core', require);
+const compiler = Import.lazy('@modern-js/style-compiler', require);
+const glob = Import.lazy('glob', require);
+const hooks = Import.lazy('@modern-js/module-tools-hooks', require);
+const pluginNode = Import.lazy('@modern-js/plugin/node', require);
+const STYLE_DIRS = 'styles';
+const SRC_STYLE_DIRS = 'src';
+
+const checkStylesDirExist = option => {
+  const {
+    appDirectory
+  } = option;
+  return fs.existsSync(path.join(appDirectory, STYLE_DIRS));
+};
+
+const generatorFileOrLogError = (result, successMessage = '') => {
+  if (result.code === 0 && result.dists.length > 0) {
+    for (const file of result.dists) {
+      fs.ensureFileSync(file.filename);
+      fs.writeFileSync(file.filename, file.content);
+    }
+
+    if (successMessage) {
+      console.info(successMessage);
+    }
+  } else {
+    for (const file of result.errors) {
+      console.error(file.error);
+    }
+  }
+};
+
+const getPostcssOption = (appDirectory, modernConfig) => {
+  var _postcssOption$postcs;
+
+  const postcssOption = cssConfig.getPostcssConfig(appDirectory, modernConfig, false);
+  return {
+    plugins: (postcssOption === null || postcssOption === void 0 ? void 0 : (_postcssOption$postcs = postcssOption.postcssOptions) === null || _postcssOption$postcs === void 0 ? void 0 : _postcssOption$postcs.plugins) || [],
+    enableSourceMap: (postcssOption === null || postcssOption === void 0 ? void 0 : postcssOption.sourceMap) || false,
+    options: {}
+  };
+};
+
+const copyOriginStyleFiles = ({
+  targetDir,
+  outputDir
+}) => {
+  const styleFiles = glob.sync(`${targetDir}/**/*.{css,sass,scss,less}`);
+
+  if (styleFiles.length > 0) {
+    fs.ensureDirSync(outputDir);
+  }
+
+  for (const styleFile of styleFiles) {
+    const file = path.relative(targetDir, styleFile);
+    fs.copyFileSync(styleFile, path.join(outputDir, file));
+  }
+};
+
+const taskMain = async ({
+  modernConfig,
+  appContext
+}) => {
+  const {
+    assetsPath = 'styles',
+    path: outputPath = 'dist',
+    jsPath = 'js'
+  } = modernConfig.output;
+  const {
+    appDirectory
+  } = appContext;
+  const lessOption = await core.mountHook().moduleLessConfig({
+    modernConfig
+  }, // eslint-disable-next-line @typescript-eslint/require-await
+  {
+    onLast: async _ => null
+  });
+  const sassOption = await core.mountHook().moduleSassConfig({
+    modernConfig
+  }, // eslint-disable-next-line @typescript-eslint/require-await
+  {
+    onLast: async _ => null
+  });
+  const postcssOption = getPostcssOption(appDirectory, modernConfig);
+  const {
+    importStyle
+  } = modernConfig.output;
+  const existStylesDir = checkStylesDirExist({
+    appDirectory
+  }); // 编译 styles 目录样式
+
+  if (existStylesDir) {
+    const styleResult = await compiler.styleCompiler({
+      projectDir: appDirectory,
+      stylesDir: path.resolve(appDirectory, STYLE_DIRS),
+      outDir: path.join(appDirectory, outputPath, assetsPath),
+      enableVirtualDist: true,
+      compilerOption: {
+        less: lessOption,
+        sass: sassOption,
+        postcss: postcssOption
+      }
+    });
+    generatorFileOrLogError(styleResult, `[Style Compiler] Successfully for 'styles' dir`);
+  } // 编译 src 内的样式代码
+
+
+  const srcDir = path.resolve(appDirectory, SRC_STYLE_DIRS);
+  const outputDirtoSrc = path.join(appDirectory, outputPath, jsPath, assetsPath);
+
+  if (importStyle === 'compiled-code') {
+    const srcStyleResult = await compiler.styleCompiler({
+      projectDir: appDirectory,
+      stylesDir: srcDir,
+      outDir: outputDirtoSrc,
+      enableVirtualDist: true,
+      compilerOption: {
+        less: lessOption,
+        sass: sassOption,
+        postcss: postcssOption
+      }
+    });
+    generatorFileOrLogError(srcStyleResult, `[Style Compiler] Successfully for 'src' dir`);
+  } else {
+    copyOriginStyleFiles({
+      targetDir: srcDir,
+      outputDir: outputDirtoSrc
+    });
+  }
+};
+
+(async () => {
+  pluginNode.enable();
+  hooks.buildLifeCycle();
+  const {
+    resolved: modernConfig,
+    appContext
+  } = await core.cli.init();
+  await core.manager.run(async () => {
+    try {
+      await taskMain({
+        modernConfig,
+        appContext
+      });
+    } catch (e) {
+      console.error(e.toString());
+    }
+  });
+})();

package/dist/js/modern/tasks/build-watch-source-code.js

@@ -0,0 +1,144 @@
+import { Import, fs } from '@modern-js/utils';
+const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
+const logger = Import.lazy('../features/build/logger', require);
+const ts = Import.lazy('../utils/tsconfig', require);
+const babel = Import.lazy('../utils/babel', require);
+const core = Import.lazy('@modern-js/core', require);
+const pluginNode = Import.lazy('@modern-js/plugin/node', require);
+const argv = Import.lazy('process.argv', require);
+
+const generatorRealFiles = virtualDists => {
+  for (const virtualDist of virtualDists) {
+    const {
+      distPath,
+      code,
+      sourcemap,
+      sourceMapPath
+    } = virtualDist;
+    fs.ensureFileSync(distPath);
+    fs.writeFileSync(distPath, code);
+
+    if (sourcemap.length > 0) {
+      fs.ensureFileSync(sourceMapPath);
+      fs.writeFileSync(sourceMapPath, sourcemap);
+    }
+  }
+};
+
+const runBabelCompiler = async (config, modernConfig) => {
+  const {
+    tsconfigPath
+  } = config;
+  const babelConfig = babel.resolveBabelConfig(config.appDirectory, modernConfig, {
+    sourceAbsDir: config.srcRootDir,
+    tsconfigPath,
+    syntax: config.syntax,
+    type: config.type
+  });
+  const tsconfig = ts.readTsConfig(tsconfigPath || '', {});
+  const isTs = Boolean(tsconfig);
+
+  const getExts = isTsProject => {
+    // TODO: 是否受控tsconfig.json 里的jsx配置
+    let exts = [];
+
+    if (isTsProject) {
+      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 emitter = await babelCompiler.compiler({
+    enableVirtualDist: true,
+    quiet: true,
+    enableWatch: true,
+    rootDir: config.srcRootDir,
+    distDir: config.distDir,
+    watchDir: config.srcRootDir,
+    extensions: getExts(isTs)
+  }, babelConfig);
+  emitter.on(babelCompiler.BuildWatchEvent.compiling, () => {
+    console.info(logger.clearFlag, `Compiling...`);
+  });
+  emitter.on(babelCompiler.BuildWatchEvent.firstCompiler, result => {
+    if (result.code === 1) {
+      console.error(logger.clearFlag);
+      console.error(result.message);
+
+      for (const detail of result.messageDetails || []) {
+        console.error(detail.content);
+      }
+    } else {
+      generatorRealFiles(result.virtualDists);
+      console.info(logger.clearFlag, '[Babel Compiler]: Successfully');
+    }
+  });
+  emitter.on(babelCompiler.BuildWatchEvent.watchingCompiler, result => {
+    if (result.code === 1) {
+      var _result$virtualDists;
+
+      console.error(logger.clearFlag);
+      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(result.message);
+    }
+  });
+  await emitter.watch();
+};
+
+const buildSourceCode = async (config, modernConfig) => {
+  const {
+    compiler
+  } = config;
+
+  if (compiler === 'babel') {
+    await runBabelCompiler(config, modernConfig);
+  }
+};
+
+const taskMain = async ({
+  modernConfig
+}) => {
+  const processArgv = argv(process.argv.slice(2));
+  const config = processArgv({
+    srcRootDir: `${process.cwd()}/src`,
+    distDir: '',
+    compiler: 'babel',
+    appDirectory: '',
+    sourceMaps: false,
+    tsconfigPath: '',
+    syntax: 'es5',
+    type: 'module'
+  });
+  await buildSourceCode(config, modernConfig);
+};
+
+(async () => {
+  pluginNode.enable();
+  const {
+    resolved
+  } = await core.cli.init();
+  await core.manager.run(async () => {
+    try {
+      await taskMain({
+        modernConfig: resolved
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  });
+})();