@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.1

package/lib/configs/webpack.prod.config.js

@@ -1,84 +1,83 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _utils = require("../utils");
 
-var _utils = require('../utils');
+var _common = require("../common");
 
-var _common = require('../common');
+var _pluginUtils = require("../pluginUtils");
 
-var _pluginUtils = require('../pluginUtils');
-
-var _loaderUtils = require('../loaderUtils');
+var _loaderUtils = require("../loaderUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-
-var _options$app = options.app,
-    folder = _options$app.folder,
-    context = _options$app.context,
-    enableChunkHash = _options$app.enableChunkHash,
-    outputFolder = _options$app.outputFolder,
-    disableES5Transpile = _options$app.disableES5Transpile,
-    removeAttribute = _options$app.removeAttribute,
-    enableSMap = _options$app.enableSMap,
-    server = _options$app.server,
-    hasRTL = _options$app.hasRTL,
-    rtlExclude = _options$app.rtlExclude,
-    cssUniqueness = _options$app.cssUniqueness,
-    mode = _options$app.server.mode,
-    seperateCssModules = _options$app.seperateCssModules,
-    changeRuntimeChunkChar = _options$app.changeRuntimeChunkChar,
-    cssHashSelectors = _options$app.cssHashSelectors,
-    classNamePrefix = _options$app.classNamePrefix,
-    selectorReplace = _options$app.selectorReplace,
-    removePropTypes = _options$app.removePropTypes;
-
-
-var appPath = process.cwd();
-
-var isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    folder,
+    context,
+    enableChunkHash,
+    outputFolder,
+    disableES5Transpile,
+    removeAttribute,
+    enableSMap,
+    server,
+    hasRTL,
+    rtlExclude,
+    cssUniqueness,
+    server: {
+      mode
+    },
+    seperateCssModules,
+    changeRuntimeChunkChar,
+    cssHashSelectors,
+    classNamePrefix,
+    selectorReplace,
+    removePropTypes
+  }
+} = options;
+let appPath = process.cwd();
+let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
 enableChunkHash = !isDevelopment && enableChunkHash;
-
-var output = {
-  path: _path2.default.resolve(appPath, outputFolder),
+let output = {
+  path: _path.default.resolve(appPath, outputFolder),
   filename: enableChunkHash ? './js/[name].[chunkhash:20]_.js' : './js/[name]_.js',
   chunkFilename: enableChunkHash ? './js/[name].[chunkhash:20]_.js' : './js/[name]_.js',
-  jsonpFunction: context + 'Jsonp',
+  jsonpFunction: `${context}Jsonp`,
   sourceMapFilename: enableChunkHash ? 'smap/[name].[chunkhash:20]_.map' : 'smap/[name]_.map'
 };
 
 if (isDevelopment) {
-  var disableContextURL = server.disableContextURL;
-
-  var contextURL = disableContextURL ? '' : context;
-  var serverUrl = (0, _utils.getServerURL)(server);
-  output.publicPath = [serverUrl, contextURL].filter(function (a) {
-    return a;
-  }).join('/') + '/';
+  let {
+    disableContextURL
+  } = server;
+  let contextURL = disableContextURL ? '' : context;
+  let serverUrl = (0, _utils.getServerURL)(server, 'https');
+  output.publicPath = `${[serverUrl, contextURL].filter(a => a).join('/')}/`;
 }
 
-var shouldRemovePropTypes = !isDevelopment && removePropTypes;
-
+let shouldRemovePropTypes = !isDevelopment && removePropTypes;
 module.exports = {
   entry: (0, _common.getEntries)(options, 'production'),
   devtool: isDevelopment ? 'cheap-module-source-map' : enableSMap ? 'hidden-source-map' : 'none',
   mode: 'production',
-  output: output,
+  output,
   optimization: {
     splitChunks: _common.splitChunks,
     runtimeChunk: {
-      name: function name(entrypoint) {
-        return changeRuntimeChunkChar ? './runtime-' + entrypoint.name : './runtime~' + entrypoint.name;
-      }
+      name: entrypoint => changeRuntimeChunkChar ? `./runtime-${entrypoint.name}` : `./runtime~${entrypoint.name}`
     },
     concatenateModules: true,
     minimize: true,
     moduleIds: 'named'
   },
-  stats: { children: false },
+  stats: {
+    children: false,
+    colors: true,
+    // excludeAssets: /i18n/,
+    warningsFilter: /\[mini-css-extract-plugin\]/
+  },
   plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),
   module: {
     /* strictExportPresence for break the build when imported module not present in respective file */
@@ -88,23 +87,24 @@ module.exports = {
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), disableES5Transpile ? {
+          presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
             modules: false,
-            useBuiltIns: true,
+            useBuiltIns: 'usage',
+            corejs: 3,
             targets: {
-              browsers: ['Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15']
+              browsers: ['last 3 Chrome versions', 'last 3 Firefox versions', 'last 3 Edge versions', 'last 3 Safari versions']
             }
-          } : { modules: false }], require.resolve('babel-preset-react')],
-          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('babel-plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('babel-plugin-syntax-object-rest-spread'), shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false].filter(Boolean) : [removeAttribute ? require.resolve('../utils/removeAttributes') : false, [require.resolve('babel-plugin-transform-runtime'), {
+          } : {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('@babel/plugin-proposal-object-rest-spread')].filter(Boolean) : [removeAttribute ? require.resolve('../utils/removeAttributes') : false, shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false[(require.resolve('@babel/plugin-transform-runtime'), {
             helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }], require.resolve('babel-plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('babel-plugin-syntax-object-rest-spread'), shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false].filter(Boolean),
+            regenerator: false
+          }, require.resolve('@babel/plugin-proposal-object-rest-spread'))], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash')].filter(Boolean),
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, folder)
+      include: _path.default.join(appPath, folder)
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
@@ -119,7 +119,7 @@ module.exports = {
         options: {
           limit: 1000,
           name: enableChunkHash ? './images/[name].[hash:20].[ext]' : './images/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -129,7 +129,7 @@ module.exports = {
         options: {
           limit: 1000,
           name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -139,7 +139,7 @@ module.exports = {
         options: {
           limit: 1,
           name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -155,25 +155,45 @@ module.exports = {
       use: [{
         loader: 'html-loader',
         options: {
-          interpolate: 'require',
-          ignoreCustomFragments: [/\{\{.*?}}/, /\$\{.*?}/],
-          minimize: true,
-          removeComments: true,
-          collapseWhitespace: false,
-          removeAttributeQuotes: false,
-          minifyCSS: false,
-          minifyJS: false
+          minimize: false
         }
       }]
+    }, {
+      test: /\.worker.js$/,
+      use: {
+        loader: require.resolve('../loaders/workerLoader.js'),
+        options: {
+          esModule: true,
+          filename: 'js/[name].[chunkhash:20].js'
+        }
+      }
     }].filter(Boolean)
   },
   externals: {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    alias: disableES5Transpile ? {
+      '@zohodesk/components/lib': '@zohodesk/components/es',
+      '@zohodesk/dot/lib': '@zohodesk/dot/es',
+      '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+      '@zohodesk/icons/lib': '@zohodesk/icons/es',
+      '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+      '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+      '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+      '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+      '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+      '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+      '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+      '@zohodesk/storage/lib': '@zohodesk/storage/es',
+      '@zohodesk/svg/lib': '@zohodesk/svg/es',
+      '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+      '@zohodesk/variables/lib': '@zohodesk/variables/es',
+      '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+    } : {}
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/hooks/docsProptypeHook.js

@@ -1,51 +1,45 @@
-'use strict';
+"use strict";
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-_propTypes2.default.array.hookType = 'array';
-_propTypes2.default.bool.hookType = 'bool';
-_propTypes2.default.func.hookType = 'func';
-_propTypes2.default.number.hookType = 'number';
-_propTypes2.default.object.hookType = 'object';
-_propTypes2.default.string.hookType = 'string';
-_propTypes2.default.symbol.hookType = 'symbol';
-_propTypes2.default.element.hookType = 'element';
-_propTypes2.default.node.hookType = 'element';
-_propTypes2.default.array.isRequired.hookType = 'array';
-_propTypes2.default.bool.isRequired.hookType = 'bool';
-_propTypes2.default.func.isRequired.hookType = 'func';
-_propTypes2.default.number.isRequired.hookType = 'number';
-_propTypes2.default.object.isRequired.hookType = 'object';
-_propTypes2.default.string.isRequired.hookType = 'string';
-_propTypes2.default.symbol.isRequired.hookType = 'symbol';
-_propTypes2.default.element.isRequired.hookType = 'element';
-_propTypes2.default.node.isRequired.hookType = 'element';
-function proxy(fn, type) {
-  var oneOf = fn;
-  return function () {
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+_propTypes.default.array.hookType = 'array';
+_propTypes.default.bool.hookType = 'bool';
+_propTypes.default.func.hookType = 'func';
+_propTypes.default.number.hookType = 'number';
+_propTypes.default.object.hookType = 'object';
+_propTypes.default.string.hookType = 'string';
+_propTypes.default.symbol.hookType = 'symbol';
+_propTypes.default.element.hookType = 'element';
+_propTypes.default.node.hookType = 'element';
+_propTypes.default.array.isRequired.hookType = 'array';
+_propTypes.default.bool.isRequired.hookType = 'bool';
+_propTypes.default.func.isRequired.hookType = 'func';
+_propTypes.default.number.isRequired.hookType = 'number';
+_propTypes.default.object.isRequired.hookType = 'object';
+_propTypes.default.string.isRequired.hookType = 'string';
+_propTypes.default.symbol.isRequired.hookType = 'symbol';
+_propTypes.default.element.isRequired.hookType = 'element';
+_propTypes.default.node.isRequired.hookType = 'element';
 
-    var a = oneOf.apply(undefined, args);
-    var type1 = Array.isArray(args) && Array.isArray(args[0]) ? type + '[' + args[0].map(function (data) {
-      return typeof data === 'function' ? data.hookType //arrayOf shape complex type not mention
-      : JSON.stringify(data);
-    }) + ']' : type;
+function proxy(fn, type) {
+  let oneOf = fn;
+  return (...args) => {
+    let a = oneOf(...args);
+    let type1 = Array.isArray(args) && Array.isArray(args[0]) ? `${type}[${args[0].map(data => typeof data === 'function' ? data.hookType //arrayOf shape complex type not mention
+    : JSON.stringify(data))}]` : type;
     a.hookType = type1;
+
     if (a.isRequired) {
       a.isRequired.hookType = type1;
     }
+
     return a;
   };
 }
-_propTypes2.default.oneOf = proxy(_propTypes2.default.oneOf, 'enum');
-_propTypes2.default.oneOfType = proxy(_propTypes2.default.oneOfType, 'union');
-_propTypes2.default.arrayOf = proxy(_propTypes2.default.arrayOf, 'arrayOf');
-_propTypes2.default.shape = proxy(_propTypes2.default.shape, 'shape');
 
-// export default PropTypes;
+_propTypes.default.oneOf = proxy(_propTypes.default.oneOf, 'enum');
+_propTypes.default.oneOfType = proxy(_propTypes.default.oneOfType, 'union');
+_propTypes.default.arrayOf = proxy(_propTypes.default.arrayOf, 'arrayOf');
+_propTypes.default.shape = proxy(_propTypes.default.shape, 'shape'); // export default PropTypes;

package/lib/jest/commitedFilesResult.js

@@ -1,171 +1,200 @@
-'use strict';
+"use strict";
 
-var _fs = require('fs');
+var _fs = _interopRequireDefault(require("fs"));
 
-var _fs2 = _interopRequireDefault(_fs);
+var _utils = require("../utils");
 
-var _utils = require('../utils');
+var _jsonMaker = _interopRequireDefault(require("./jsonMaker"));
 
-var _jsonMaker = require('./jsonMaker');
-
-var _jsonMaker2 = _interopRequireDefault(_jsonMaker);
-
-var _jsonHelper = require('../utils/jsonHelper');
+var _jsonHelper = require("../utils/jsonHelper");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var result = function result(inp) {
+let result = inp => {
   inp.endTime = Date.now();
-  var testPathPattern = process.argv[process.argv.length - 1];
+  let testPathPattern = process.argv[process.argv.length - 1];
 
   if (testPathPattern.indexOf('--') !== -1) {
     testPathPattern = '';
   } else {
-    testPathPattern = _fs2.default.realpathSync(process.cwd());
+    testPathPattern = _fs.default.realpathSync(process.cwd());
   }
-  var testPathRegex = new RegExp(testPathPattern);
-  var testResults = inp.testResults;
 
-  var testFilesArr = [];
-  var testCaseFiles = [];
-  var jsonData = void 0;
+  let testPathRegex = new RegExp(testPathPattern);
+  let {
+    testResults
+  } = inp;
+  let testFilesArr = [];
+  let testCaseFiles = [];
+  let jsonData;
 
-  if (_fs2.default.existsSync('./coverageTest/result.json')) {
-    jsonData = JSON.parse(_fs2.default.readFileSync('./coverageTest/result.json', 'utf8'));
+  if (_fs.default.existsSync('./coverageTest/result.json')) {
+    jsonData = JSON.parse(_fs.default.readFileSync('./coverageTest/result.json', 'utf8'));
   }
-  testResults.forEach(function (testResult) {
-    var filePath = testResult.testFilePath;
+
+  testResults.forEach(testResult => {
+    let filePath = testResult.testFilePath;
 
     if (!testPathRegex.test(filePath)) {
       return;
     }
+
     filePath = filePath.replace('.spec', '');
     filePath = filePath.replace('/__tests__', '');
     filePath = filePath.replace('/__test__', '');
-    var relatPath = filePath.replace(process.cwd(), '').substring(1);
-    var fileJson = {};
+    let relatPath = filePath.replace(process.cwd(), '').substring(1);
+    let fileJson = {};
     fileJson.testPath = testResult.testFilePath;
     fileJson.sourcePath = filePath;
     fileJson.data = testResult;
     testFilesArr.push(fileJson);
+
     if (jsonData.FILES.includes(relatPath) || jsonData.FILES.includes(testResult.testFilePath.replace(process.cwd(), ''))) {
       jsonData.FILES.includes(relatPath) ? testCaseFiles.push(relatPath) : jsonData.FILES.includes(testResult.testFilePath.replace(process.cwd(), '')) ? testCaseFiles.push(testResult.testFilePath.replace(process.cwd(), '')) : '';
     }
   });
-  var coverageSummary = {};
-  if (_fs2.default.existsSync('./commitCoverage/coverage-summary.json')) {
-    coverageSummary = _fs2.default.readFileSync('./commitCoverage/coverage-summary.json').toString();
+  let coverageSummary = {};
+
+  if (_fs.default.existsSync('./commitCoverage/coverage-summary.json')) {
+    coverageSummary = _fs.default.readFileSync('./commitCoverage/coverage-summary.json').toString();
+
     if (coverageSummary.indexOf('\\') !== -1) {
       coverageSummary = coverageSummary.replace(/\\/g, '\\\\');
     }
   }
 
-  var excludeTestArray = '{}';
-  if (_fs2.default.existsSync('./__testUtils__/conf/excludeTest.json')) {
-    excludeTestArray = _fs2.default.readFileSync('./__testUtils__/conf/excludeTest.json').toString();
+  let excludeTestArray = '{}';
+
+  if (_fs.default.existsSync('./__testUtils__/conf/excludeTest.json')) {
+    excludeTestArray = _fs.default.readFileSync('./__testUtils__/conf/excludeTest.json').toString();
+
     if (excludeTestArray.indexOf('\\') !== -1) {
       excludeTestArray = excludeTestArray.replace(/\\/g, '\\\\');
     }
   }
 
-  var coverageJson = JSON.parse(coverageSummary);
-  var linesPercent = 0;
-  var functionPercent = 0;
-  var statementPerment = 0;
-  var branchesPercent = 0;
+  let coverageJson = JSON.parse(coverageSummary);
+  let linesPercent = 0;
+  let functionPercent = 0;
+  let statementPerment = 0;
+  let branchesPercent = 0;
+  let fileList = '<h4>Changed files in last code check-in</h4><ul>';
+  let i = 0;
+  let excludeTestJSON = JSON.parse(excludeTestArray);
 
-  var fileList = '<h4>Changed files in last code check-in</h4><ul>';
-  var i = 0;
-  var excludeTestJSON = JSON.parse(excludeTestArray);
   if (Object.keys(excludeTestArray).length > 0) {
     jsonData.FILES = jsonData.FILES.filter(function (value) {
       if (!excludeTestJSON.test.exclude.includes(value)) {
+        let excludeDir = excludeTestJSON.test.exclude.filter(function (excludeFile) {
+          if (value.indexOf(excludeFile) > -1) {
+            return value;
+          }
+        });
+
+        if (excludeDir.length > 0) {
+          return null;
+        }
+
         return value;
       }
+
       return null;
     });
   }
 
-  var _loop = function _loop() {
-    var coverageData = void 0;
-    var curSourceFile = jsonData.FILES[i];
+  for (i; i < jsonData.FILES.length; i++) {
+    let coverageData;
+    let curSourceFile = jsonData.FILES[i];
     curSourceFile.replace(process.cwd(), '').substring(1);
-    fileList = fileList + '<li>' + curSourceFile + '</li>';
-    Object.keys(coverageJson).forEach(function (coverageFile) {
+    fileList = `${fileList}<li>${curSourceFile}</li>`;
+    Object.keys(coverageJson).forEach(coverageFile => {
       if (coverageFile.includes(curSourceFile) || coverageFile === 'total') {
         coverageData = coverageJson[coverageFile];
       }
     });
 
     if (!coverageData) {
-      (0, _utils.log)('Can\'t able to find source for ' + testFilesArr[i].testPath + '\n Please check the file name and the path is correct for test file');
-      return 'continue';
+      (0, _utils.log)(`Can't able to find source for ${testFilesArr[i].testPath}\n Please check the file name and the path is correct for test file`);
+      continue;
     }
+
     linesPercent += coverageData.lines.pct;
     functionPercent += coverageData.functions.pct;
     statementPerment += coverageData.statements.pct;
     branchesPercent += coverageData.branches.pct;
-  };
+  }
 
-  for (i; i < jsonData.FILES.length; i++) {
-    var _ret = _loop();
+  fileList = `${fileList}</ul>`;
 
-    if (_ret === 'continue') continue;
-  }
-  fileList = fileList + '</ul>';
-  if (!testFilesArr.length) {
+  if (!jsonData.FILES.length) {
     fileList = '<div></div>';
   }
-  var uncoveredList = '<h4>Uncovered files :- </h4><ul>';
-  uncoveredList = uncoveredList + '</ul>';
-  var fileCoverage = testCaseFiles.length / jsonData.FILES.length * 100;
+
+  let uncoveredList = '<h4>Uncovered files :- </h4><ul>';
+  let fileCoverage = 0;
+
+  if (jsonData.FILES.length > 0) {
+    fileCoverage = testCaseFiles.length / jsonData.FILES.length * 100;
+  }
+
   fileCoverage = fileCoverage.toFixed(2);
   fileCoverage = Number(fileCoverage);
+
   if (Number.isNaN(fileCoverage)) {
     (0, _utils.log)('This build does\'t have any JS changes!');
     fileCoverage = 0;
   } else {
-    (0, _utils.log)('FileCoverage ' + fileCoverage + '%');
+    (0, _utils.log)(`FileCoverage ${fileCoverage}%`);
   }
 
-  var totalLinesPercent = linesPercent / (i * 100) * 100;
-  var totalFunctionPercent = functionPercent / (i * 100) * 100;
-  var totalStatementPercent = statementPerment / (i * 100) * 100;
-  var totalBranchesPercent = branchesPercent / (i * 100) * 100;
-  var totalPercentage = totalLinesPercent + totalFunctionPercent + totalStatementPercent + totalBranchesPercent;
-  var coverage = (totalPercentage / 4).toFixed(2);
+  let totalLinesPercent = linesPercent / (i * 100) * 100;
+  let totalFunctionPercent = functionPercent / (i * 100) * 100;
+  let totalStatementPercent = statementPerment / (i * 100) * 100;
+  let totalBranchesPercent = branchesPercent / (i * 100) * 100;
+  let totalPercentage = totalLinesPercent + totalFunctionPercent + totalStatementPercent + totalBranchesPercent;
+  let coverage = (totalPercentage / 4).toFixed(2);
   coverage = Number(coverage);
+
   if (Number.isNaN(coverage)) {
-    (0, _jsonHelper.jsonHelper)(process.cwd() + '/result.json', 'tests.modifiedFileUnitCase.testInfo', 'can\'t get coverage for this test');
+    (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, 'tests.modifiedFileUnitCase.testInfo', 'can\'t get coverage for this test');
     coverage = 0;
+    uncoveredList = uncoveredList + 'No Component changes with this build, You can proceed this build </ul>';
   } else {
-    (0, _jsonMaker2.default)(inp, coverage, true, 'modifiedFileUnitCase', fileCoverage);
-    (0, _jsonHelper.jsonHelper)(process.cwd() + '/result.json', 'tests.modifiedFileUnitCase.isBuildVerified', coverage > 60);
-    (0, _jsonHelper.jsonHelper)(process.cwd() + '/result.json', 'tests.modifiedFileUnitCase.testInfo', 'Test coverage value generated');
-    // jsonHelper(
+    (0, _jsonMaker.default)(inp, coverage, true, 'modifiedFileUnitCase', fileCoverage);
+    (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, 'tests.modifiedFileUnitCase.isBuildVerified', coverage > 60);
+    (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, 'tests.modifiedFileUnitCase.testInfo', 'Test coverage value generated'); // jsonHelper(
     //     `${process.cwd()}/result.json`,
     //     'testInfo.isBuildVerified',
     //     coverage > 60
     // );
-    (0, _jsonHelper.setTestInfoStatus)(process.cwd() + '/result.json', true /*coverage > 60*/);
+
+    (0, _jsonHelper.setTestInfoStatus)(`${process.cwd()}/result.json`, true
+    /*coverage > 60*/
+    );
+
     if (coverage < 60) {
-      (0, _jsonHelper.jsonHelper)(process.cwd() + '/result.json', 'testInfo.failures', [{
+      (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, 'testInfo.failures', [{
         type: 'modifiedUnitcases',
         message: 'Need to cover 60% above for changed files'
       }]);
+      uncoveredList = uncoveredList + 'Ask developer to cover 60% above for changed files </ul>';
+    } else {
+      uncoveredList = uncoveredList + 'You can proceed this build </ul>';
     }
 
-    (0, _utils.log)('COVERAGE ' + coverage + '%');
+    (0, _utils.log)(`COVERAGE ${coverage}%`);
   }
 
-  var html = '<html><head><style>.red{font-weight:bold;color:red;}.green{font-weight:bold;color:green;}</style></head><body><br/>CODE COVERAGE <span class="' + (coverage < 60 ? 'red' : 'green') + '">' + coverage + '%</span> <br/> less than 60% consider failure<br/><br/> FILE COVERAGE:<span class="' + (fileCoverage < 60 ? 'red' : 'green') + '">' + fileCoverage + '%</span> <br/> less than 60% consider failure' + fileList + uncoveredList + '</body></html>';
+  let html = `<html><head><style>.red{font-weight:bold;color:red;}.green{font-weight:bold;color:green;}</style></head><body><br/>CODE COVERAGE <span class="${coverage < 60 ? 'red' : 'green'}">${coverage}%</span> <br/> less than 60% consider failure<br/><br/> FILE COVERAGE:<span class="${fileCoverage < 60 ? 'red' : 'green'}">${fileCoverage}%</span> <br/> less than 60% consider failure${fileList}${uncoveredList}</body></html>`;
+
+  if (!_fs.default.existsSync('./coverageTest')) {
+    _fs.default.mkdirSync('./coverageTest');
 
-  if (!_fs2.default.existsSync('./coverageTest')) {
-    _fs2.default.mkdirSync('./coverageTest');
-    _fs2.default.writeFileSync('./coverageTest/index.html', html, 'utf8');
+    _fs.default.writeFileSync('./coverageTest/index.html', html, 'utf8');
   } else {
-    _fs2.default.writeFileSync('./coverageTest/index.html', html, 'utf8');
+    _fs.default.writeFileSync('./coverageTest/index.html', html, 'utf8');
   }
+
   return inp;
 };