@modern-js/module-tools 2.0.0-beta.0 → 2.0.0-beta.1

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

@@ -1,9 +1,6 @@
 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; }
-
 import path from 'path';
 import { Import, glob, fs, chalk, globby, slash } from '@modern-js/utils';
 import { InternalBuildError } from "../error";
@@ -11,20 +8,15 @@ import { SectionTitleStatus, watchSectionTitle } from "../utils";
 export 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 {
@@ -32,45 +24,39 @@ export class BabelBuildError extends Error {
       details = []
     } = this;
     msgs.push(chalk.red.bold(summary));
-
     for (const detail of details) {
       msgs.push(detail.content);
       msgs.push('\n');
     }
-
     return msgs;
   }
-
 }
 const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
 const bc = Import.lazy('../../../utils/babel', require);
-const ts = Import.lazy('../../../utils/tsconfig', require); // const logger: typeof import('../logger') = Import.lazy('../logger', require);
+const ts = 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;
 };
-
 export const getWillCompilerCode = (srcDirOrFile, option) => {
   const {
     tsconfig,
     isTsProject
-  } = option; // 如果是一个文件路径，则直接返回
-
+  } = option;
+  // 如果是一个文件路径，则直接返回
   if (fs.existsSync(srcDirOrFile) && fs.lstatSync(srcDirOrFile).isFile()) {
     return [srcDirOrFile];
   }
-
   const exts = getExts(isTsProject, tsconfig);
   const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
   const files = glob.sync(globPattern, {
@@ -93,7 +79,6 @@ export const buildSourceCode = async config => {
     tsconfig,
     isTsProject: Boolean(tsconfig)
   });
-
   if (watch) {
     const emitter = await babelCompiler.compiler({
       quiet: true,
@@ -119,7 +104,6 @@ export const buildSourceCode = async config => {
     }, babelConfig);
   }
 };
-
 const generatorRealFiles = virtualDists => {
   for (const virtualDist of virtualDists) {
     const {
@@ -130,7 +114,6 @@ const generatorRealFiles = virtualDists => {
     } = virtualDist;
     fs.ensureFileSync(distPath);
     fs.writeFileSync(distPath, code);
-
     if (sourcemap.length > 0) {
       fs.ensureFileSync(sourceMapPath);
       fs.writeFileSync(sourceMapPath, sourcemap);
@@ -142,8 +125,6 @@ const generatorRealFiles = virtualDists => {
  * @param outputResults
  * @param context
  */
-
-
 const outputDist = (outputResults, context) => {
   const {
     code,
@@ -151,7 +132,6 @@ const outputDist = (outputResults, context) => {
     messageDetails,
     virtualDists = []
   } = outputResults;
-
   if (code === 0) {
     generatorRealFiles(virtualDists);
   } else if (messageDetails && messageDetails.length > 0) {
@@ -164,7 +144,6 @@ const outputDist = (outputResults, context) => {
     }));
   }
 };
-
 export const jsFileSuffix = ['js', 'jsx', 'ts', 'tsx'];
 export const haveNotAnyJsFile = async sourceDir => {
   const files = await globby(slash(`${sourceDir}/**/*.{${jsFileSuffix.join(',')}}`));
@@ -194,12 +173,11 @@ export const runBabelBuild = async (api, config) => {
   } = bundlelessOptions;
   const sourceAbsDir = path.join(appDirectory, sourceDir);
   const tsconfigPath = path.join(appDirectory, tsconfig);
-
   if (await haveNotAnyJsFile(sourceAbsDir)) {
     return;
-  } // TODO: Refactoring based on format and target
-
+  }
 
+  // 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}]`;
@@ -223,14 +201,12 @@ export const runBabelBuild = async (api, config) => {
     babelConfig: buildConfig.babelConfig,
     watch
   });
-
   if (watch) {
     const emitter = result;
     emitter.on(babelCompiler.BuildWatchEvent.firstCompiler, result => {
       if (result.code === 1) {
         console.info(watchSectionTitle(titleText, SectionTitleStatus.Fail));
         console.error(result.message);
-
         for (const detail of result.messageDetails || []) {
           console.error(detail.content);
         }
@@ -242,15 +218,12 @@ export const runBabelBuild = async (api, config) => {
     emitter.on(babelCompiler.BuildWatchEvent.watchingCompiler, result => {
       if (result.code === 1) {
         var _result$virtualDists;
-
         // console.error(logger.clearFlag);
         console.info(watchSectionTitle(titleText, 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);
         }

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

@@ -1,9 +1,6 @@
 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; }
-
 import * as path from 'path';
 import { fs, glob, Import, watch as watcher, WatchChangeType, chalk, globby, slash } from '@modern-js/utils';
 import { InternalBuildError } from "../error";
@@ -12,20 +9,15 @@ const compiler = Import.lazy('@modern-js/style-compiler', require);
 export 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 {
@@ -33,24 +25,21 @@ export class StyleBuildError extends Error {
       details = []
     } = this;
     msgs.push(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
  */
-
 const generatorFileOrLogError = (result, context) => {
   if (result.code === 0) {
     for (const file of result.dists) {
@@ -70,42 +59,35 @@ const generatorFileOrLogError = (result, context) => {
     }, context));
   }
 };
-
 const generatorFileAndLog = (result, titleText) => {
   if (result.code === 0) {
     for (const file of result.dists) {
       fs.ensureFileSync(file.filename);
       fs.writeFileSync(file.filename, file.content);
     }
-
     console.info(watchSectionTitle(titleText, SectionTitleStatus.Success));
   } else {
     console.info(watchSectionTitle(titleText, SectionTitleStatus.Fail));
-
     for (const file of result.errors) {
       console.error(file.error);
     }
   }
 };
-
 const copyOriginStyleFiles = ({
   targetDir,
   outputDir,
   ignoreCSS: _ignoreCSS = false
 }) => {
   const styleFiles = glob.sync(`${targetDir}/**/*.{${_ignoreCSS ? '' : 'css,'}sass,scss,less}`);
-
   if (styleFiles.length > 0) {
     fs.ensureDirSync(outputDir);
   }
-
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
     fs.ensureDirSync(path.dirname(path.join(outputDir, file)));
     fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };
-
 export const runBuild = async option => {
   const {
     watch,
@@ -116,7 +98,6 @@ export const runBuild = async option => {
     sassOption,
     postcssOption
   } = option;
-
   if (watch) {
     const srcStyleEmitter = compiler.styleCompiler({
       watch: true,
@@ -153,7 +134,6 @@ export const haveNotAnyStyles = async sourceDir => {
 };
 export const buildStyle = async (api, config) => {
   var _style$path;
-
   const modernConfig = api.useResolvedConfigContext();
   const {
     appDirectory
@@ -173,11 +153,9 @@ export const buildStyle = async (api, config) => {
     }
   } = modernConfig;
   const titleText = `[Bundleless:Style:${sourceDir}]`;
-
   if ((await haveNotAnyStyles(sourceDir)) || style.compileMode === false) {
     return;
   }
-
   const runner = api.useHookRunners();
   const lessOption = await runner.moduleLessConfig({
     modernConfig
@@ -195,16 +173,12 @@ export const buildStyle = async (api, config) => {
     onLast: async _ => undefined
   });
   const postcssOption = 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,
@@ -215,7 +189,6 @@ export const buildStyle = async (api, config) => {
       sassOption,
       postcssOption
     });
-
     if (watch) {
       const emitter = result;
       emitter.on(compiler.BuildWatchEvent.firstCompiler, result => {
@@ -233,7 +206,6 @@ export const buildStyle = async (api, config) => {
       });
     }
   }
-
   if (style.compileMode === 'all' || style.compileMode === 'only-source-code') {
     if (watch) {
       copyOriginStyleFiles({
@@ -256,7 +228,6 @@ export const buildStyle = async (api, config) => {
             ignoreCSS: style.compileMode === 'all'
           });
         }
-
         console.info(watchSectionTitle(titleText, SectionTitleStatus.Success));
       });
     } else {

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

@@ -1,9 +1,6 @@
 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; }
-
 import { chalk } from '@modern-js/utils';
 export const clearFlag = '\x1Bc';
 export const buildingText = chalk.blue('Building...');

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

@@ -1,5 +1,4 @@
 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 { chalk } from '@modern-js/utils';
 export const padSpaceWith = (str, targetL, opts = {}) => {
   const {
@@ -8,48 +7,39 @@ export const padSpaceWith = (str, targetL, opts = {}) => {
   } = opts;
   const l = str.length;
   const endStrL = endStr.length;
-  const resetL = targetL - l - endStrL; // str is 'aaa', targetL is 4, result is 'aaa|'
+  const resetL = targetL - l - endStrL;
 
+  // str is 'aaa', targetL is 4, result is 'aaa|'
   if (resetL === 0) {
     return (style ? style(str) : str) + endStr;
-  } // str is 'aaa', targetL is 5, result is 'aaa |'
-
+  }
 
+  // str is 'aaa', targetL is 5, result is 'aaa |'
   if (resetL > 0) {
     const padStr = str.padEnd(targetL - 1, ' ');
-
     if (style) {
       return style(str) + padStr.replace(str, '') + endStr;
     }
-
     return padStr + endStr;
   }
-
   return str;
 };
 export class InternalBuildError extends Error {
   constructor(e, opts) {
     super(e.message);
-
     _defineProperty(this, "buildType", void 0);
-
     _defineProperty(this, "target", void 0);
-
     _defineProperty(this, "format", void 0);
-
     _defineProperty(this, "e", void 0);
-
     Error.captureStackTrace(this, this.constructor);
     this.e = e;
     this.buildType = opts.buildType;
     this.target = opts.target;
     this.format = opts.format;
   }
-
   toString() {
     return this.formatError().join('\n');
   }
-
   formatError() {
     const msgs = [];
     const {
@@ -80,25 +70,19 @@ export class InternalBuildError extends Error {
     msgs.push(e.stack || '');
     return msgs;
   }
-
 }
 export class InternalDTSError extends Error {
   constructor(e, opts) {
     super(e.message);
-
     _defineProperty(this, "buildType", void 0);
-
     _defineProperty(this, "e", void 0);
-
     Error.captureStackTrace(this, this.constructor);
     this.e = e;
     this.buildType = opts.buildType;
   }
-
   toString() {
     return this.formatError().join('\n');
   }
-
   formatError() {
     const msgs = [];
     const {
@@ -106,7 +90,6 @@ export class InternalDTSError extends Error {
       buildType
     } = this;
     msgs.push(chalk.red.bold(`${buildType} DTS failed:`));
-
     if (isExecaError(e)) {
       /**
        * `shortMeessage` content like:
@@ -115,16 +98,13 @@ export class InternalDTSError extends Error {
        */
       if (e.stack) {
         var _e$stack;
-
         msgs.push((_e$stack = e.stack) === null || _e$stack === void 0 ? void 0 : _e$stack.replace(`${e.name}: ${e.shortMessage}`, ''));
       }
     } else {
       msgs.push(e.stack);
     }
-
     return msgs;
   }
-
 }
 export class ModuleBuildError extends Error {
   constructor(e) {
@@ -132,19 +112,16 @@ export class ModuleBuildError extends Error {
     Error.captureStackTrace(this, this.constructor);
     this.name = 'ModuleBuildError';
   }
-
 }
 export const isInternalError = e => {
   if (e instanceof InternalBuildError || e instanceof InternalDTSError) {
     return true;
   }
-
   return false;
 };
 export const isExecaError = e => {
   if (e.stdout) {
     return true;
   }
-
   return false;
 };

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

@@ -15,7 +15,6 @@ export const checkPlatformAndRunBuild = async (platform, options) => {
     api,
     isTsProject
   } = options;
-
   if (typeof platform === 'boolean' && platform) {
     if (process.env.RUN_PLATFORM) {
       await bp.buildPlatform(api, {
@@ -23,12 +22,10 @@ export const checkPlatformAndRunBuild = async (platform, options) => {
         isTsProject
       });
     }
-
     return {
       exit: true
     };
   }
-
   if (typeof platform === 'string') {
     if (process.env.RUN_PLATFORM) {
       await bp.buildPlatform(api, {
@@ -36,12 +33,10 @@ export const checkPlatformAndRunBuild = async (platform, options) => {
         isTsProject
       });
     }
-
     return {
       exit: true
     };
   }
-
   return {
     exit: false
   };
@@ -57,17 +52,15 @@ export const runBuild = async (api, normalizedModuleConfig, config) => {
 };
 export const buildInNormalMode = async (api, normalizedModuleConfig, config) => {
   console.info(chalk.blue.bold(buildingText));
-
   try {
     // eslint-disable-next-line no-console
     console.time(buildSuccessText);
     await runBuild(api, normalizedModuleConfig, config);
-    ReadlineUtils.clearPrevLine(process.stdout); // eslint-disable-next-line no-console
-
+    ReadlineUtils.clearPrevLine(process.stdout);
+    // eslint-disable-next-line no-console
     console.timeEnd(buildSuccessText);
   } catch (e) {
     ReadlineUtils.clearPrevLine(process.stdout);
-
     if (isInternalError(e)) {
       throw new ModuleBuildError(e);
     } else {
@@ -90,23 +83,22 @@ export const build = async (api, config) => {
     output: {
       path: outputPath = 'dist'
     }
-  } = modernConfig; // build platform
+  } = modernConfig;
 
+  // build platform
   const platformBuildRet = await checkPlatformAndRunBuild(platform, {
     api,
     isTsProject
   });
-
   if (platformBuildRet.exit) {
     return;
   }
-
   if (clear) {
     fs.removeSync(path.join(appDirectory, outputPath));
   }
+  const deps = getAllDeps(appDirectory);
 
-  const deps = getAllDeps(appDirectory); // should normalize module tool config here, ensure the same config for build
-
+  // should normalize module tool config here, ensure the same config for build
   const normalizedModuleConfig = normalizeModuleConfig({
     buildFeatOption: config,
     api,
@@ -116,7 +108,6 @@ export const build = async (api, config) => {
     modernConfig,
     appContext
   });
-
   if (config.enableWatchMode) {
     console.info(chalk.blue.underline('start build in watch mode...\n'));
     await runBuild(api, normalizedModuleConfig, config);

package/dist/js/modern/features/build/legacy-constants.js

@@ -16,8 +16,9 @@ const universalJs = [{
   format: 'esm',
   target: 'es6',
   outputPath: './js/modern'
-}]; // Universal JS 的优化选择，两份构建产物，对现代浏览器无优化
+}];
 
+// Universal JS 的优化选择，两份构建产物，对现代浏览器无优化
 const universalJsLite = [{
   format: 'esm',
   target: 'es5',
@@ -35,8 +36,9 @@ const universalJsLite = [{
   format: 'esm',
   target: 'es5',
   outputPath: './js/modern'
-}]; // 纯前端代码的默认选择，两份构建产物
+}];
 
+// 纯前端代码的默认选择，两份构建产物
 const browserJs = [{
   format: 'esm',
   target: 'es5',
@@ -54,8 +56,9 @@ const browserJs = [{
   format: 'esm',
   target: 'es6',
   outputPath: './js/modern'
-}]; // 纯前端代码的优化选择，单份构建产物，对现代浏览器无优化
+}];
 
+// 纯前端代码的优化选择，单份构建产物，对现代浏览器无优化
 const browserJsLite = [{
   format: 'esm',
   target: 'es5',
@@ -73,8 +76,9 @@ const browserJsLite = [{
   format: 'esm',
   target: 'es5',
   outputPath: './js/modern'
-}]; // 纯 Node.js 代码的默认选择，两份构建产物
+}];
 
+// 纯 Node.js 代码的默认选择，两份构建产物
 const nodeJs = [{
   format: 'cjs',
   target: 'es6',

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

@@ -1,5 +1,4 @@
 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 { chalk } from '@modern-js/utils';
 export const colors = {
   title: chalk.rgb(218, 152, 92)
@@ -13,7 +12,6 @@ export const logTemplate = (title, messageStack, {
   contentColor: _contentColor = s => s
 } = {}) => {
   const maxLength = Infinity; // TODO: 考虑后面是否提供该参数
-
   const leftBorderFlag = _noLeftBorder ? '' : _leftBorder;
   const messageFragments = messageStack.map(p => {
     p.trim();
@@ -21,7 +19,6 @@ export const logTemplate = (title, messageStack, {
   }) // 移除 clearFlag
   .filter(s => s !== leftBorderFlag) // 过滤空字符串
   .slice(0, maxLength); // 控制长度
-
   const template = `${colors.title(title)}:
 ${_contentColor(messageFragments.join(''))}${_noBottomBorder ? '' : `\n${_bottomBorderText}`}`;
   return template;
@@ -30,32 +27,24 @@ ${_contentColor(messageFragments.join(''))}${_noBottomBorder ? '' : `\n${_bottom
 export class LoggerText {
   constructor(option) {
     _defineProperty(this, "messages", void 0);
-
     _defineProperty(this, "hasErrorMessage", void 0);
-
     _defineProperty(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,
@@ -64,5 +53,4 @@ export class LoggerText {
     const messages = [...new Set(this.messages)];
     return logTemplate(title, messages, contentConfig);
   }
-
 }