@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

package/lib/jest/jsonMaker.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _jsonHelper = require("../utils/jsonHelper");
-
 var _default = (resultObj, coverage, status = true, type = 'unitcase', filecoverage = 0) => {
   let pathArray = [];
   let resultJson = {};
@@ -34,21 +32,17 @@ var _default = (resultObj, coverage, status = true, type = 'unitcase', filecover
       } else if (testCase.status === 'passed') {
         fileObj.CaseList.passedCaseList.push(testCase.title);
       }
-
       return testCase;
     });
     fileDetailList.push(fileObj);
     return testFile;
   });
-
   if (type !== 'unitcase') {
     Array.prototype.push.apply(pathArray, ['tests', 'modifiedFileUnitCase']);
   } else {
     Array.prototype.push.apply(pathArray, ['tests', 'unitCase']);
   }
-
   resultJson.fileDetails = fileDetailList;
   (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, pathArray, resultJson);
 };
-
 exports.default = _default;

package/lib/jest/preProcessors/cssPreprocessor.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _postcssHashClassname = _interopRequireDefault(require("postcss-hash-classname"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _utils = require("../../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let count = 0;
 const options = (0, _utils.getOptions)();
 const {
@@ -28,11 +23,8 @@ module.exports = {
     };
     const processor = (0, _postcss.default)([(0, _postcssHashClassname.default)(opts)]);
     processor.process(src).css;
-
     const jsonMap = _fs.default.readFileSync(`jsonFile_test_${count}.json`, 'UTF-8');
-
     _fs.default.unlinkSync(`jsonFile_test_${count}.json`);
-
     return `module.exports =${jsonMap}`;
   }
 };

package/lib/jest/preProcessors/jsPreprocessor.js

@@ -1,11 +1,8 @@
 "use strict";
 
 var _babelJest = _interopRequireDefault(require("babel-jest"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getOptions = require('../../../lib/utils/getOptions').default;
-
 const {
   enableTypeScript,
   babelCustomizationForLibrary
@@ -18,11 +15,9 @@ babelPlugins.forEach(plugin => {
   resolvedPlugins.push(require.resolve(plugin));
 });
 const presets = [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')];
-
 if (enableTypeScript) {
   presets.push(require.resolve('@babel/preset-typescript'));
 }
-
 const defaultPlugins = [require.resolve('babel-plugin-transform-dynamic-import')];
 const plugins = [...defaultPlugins, ...resolvedPlugins];
 module.exports = _babelJest.default.createTransformer({

package/lib/jest/preProcessors/otherFilesPreprocessor.js

@@ -1,12 +1,9 @@
 "use strict";
 
 var _path = _interopRequireDefault(require("path"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 module.exports = {
   process(src, filename) {
     return `module.exports = ${JSON.stringify(_path.default.basename(filename))};`;
   }
-
 };

package/lib/jest/result.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _fs = _interopRequireDefault(require("fs"));
-
 var _utils = require("../utils");
-
 var _jsonMaker = _interopRequireDefault(require("./jsonMaker"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let unitTestReport = [];
-
 const result = inp => {
   inp.endTime = Date.now();
   let testPathPattern = process.argv[process.argv.length - 1];
-
   if (testPathPattern.indexOf('--') !== -1) {
     testPathPattern = '';
   } else {
     testPathPattern = _fs.default.realpathSync(process.cwd());
   }
-
   let testPathRegex = new RegExp(testPathPattern);
   let {
     testResults
@@ -27,11 +20,9 @@ const result = inp => {
   let testFilesArr = [];
   testResults.forEach(testResult => {
     let filePath = testResult.testFilePath;
-
     if (!testPathRegex.test(filePath)) {
       return;
     }
-
     filePath = filePath.replace('.spec', '');
     filePath = filePath.replace('/__tests__', '');
     filePath = filePath.replace('/__test__', '');
@@ -48,35 +39,28 @@ const result = inp => {
       });
     });
   });
-
   let coverageSummary = _fs.default.readFileSync('./coverage/coverage-summary.json').toString();
-
   if (coverageSummary.indexOf('\\') !== -1) {
     coverageSummary = coverageSummary.replace(/\\/g, '\\\\');
   }
-
   let coverageJson = JSON.parse(coverageSummary);
   let linesPercent = 0;
   let functionPercent = 0;
   let statementPerment = 0;
   let branchesPercent = 0;
   let i = 0;
-
   for (i; i < testFilesArr.length; i++) {
     let curSourceFile = testFilesArr[i].sourcePath;
     let coverageData = coverageJson[curSourceFile];
-
     if (!coverageData) {
       (0, _utils.log)(`Can't able to find source for ${testFilesArr[i].testPath}\n Or The spec file getting failed during test. Please check the file name and the path is correct for test file or Make them pass.`);
       continue;
     }
-
     linesPercent += coverageData.lines.pct;
     functionPercent += coverageData.functions.pct;
     statementPerment += coverageData.statements.pct;
     branchesPercent += coverageData.branches.pct;
   }
-
   let totalLinesPercent = linesPercent / (i * 100) * 100;
   let totalFunctionPercent = functionPercent / (i * 100) * 100;
   let totalStatementPercent = statementPerment / (i * 100) * 100;
@@ -85,14 +69,12 @@ const result = inp => {
   let coverage = (totalPercentage / 4).toFixed(2);
   coverage = Number(coverage);
   (0, _jsonMaker.default)(inp, coverage, 'Yes', 'unitcase');
-
   if (Number.isNaN(coverage)) {
     (0, _utils.log)('This build does\'t have any JS changes!');
     coverage = 0;
   } else {
     (0, _utils.log)(`COVERAGE ${coverage}%`);
   }
-
   let html = `<html>
 	<head>
 	<style>
@@ -134,14 +116,10 @@ const result = inp => {
 		</body>
 	</html>
 		`;
-
   if (!_fs.default.existsSync('./unittest')) {
     _fs.default.mkdirSync('./unittest');
   }
-
   _fs.default.writeFileSync('./unittest/index.html', html, 'utf8');
-
   return inp;
 };
-
 module.exports = result;

package/lib/jest/run.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _jest = require("jest");
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _utils = require("../utils");
-
 var _jsonHelper = require("../utils/jsonHelper");
-
 var _coverageCollector = _interopRequireDefault(require("./coverageCollector"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -27,9 +21,7 @@ let {
   }
 } = options;
 let argv = process.argv.slice(2);
-
 let config = require('../configs/jest.config');
-
 if (isCommitCoverage) {
   (0, _coverageCollector.default)(srcBranch, targetBranch, serviceName, impactServerDomain).then((res = {}) => {
     if (res.STATUS) {
@@ -37,15 +29,12 @@ if (isCommitCoverage) {
         let content = {
           FILES: res.LIST
         };
-
         if (!_fs.default.existsSync('./coverageTest')) {
           _fs.default.mkdirSync('./coverageTest');
-
           _fs.default.writeFileSync('./coverageTest/result.json', JSON.stringify(content), 'utf8');
         } else {
           _fs.default.writeFileSync('./coverageTest/result.json', JSON.stringify(content), 'utf8');
         }
-
         argv.push('--findRelatedTests');
         argv = argv.concat(res.LIST);
         argv = argv.concat(['--config', JSON.stringify(config(null, true))]);
@@ -53,12 +42,12 @@ if (isCommitCoverage) {
         argv.push('--silent');
         (0, _jest.run)(argv);
       } else {
-        (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, ['tests', 'modifiedFileUnitCase', 'hasChanges'], false); // jsonHelper(
+        (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, ['tests', 'modifiedFileUnitCase', 'hasChanges'], false);
+        // jsonHelper(
         //   `${process.cwd()}/result.json`,
         //   'testInfo.isBuildVerified',
         //   true
         // );
-
         (0, _jsonHelper.setTestInfoStatus)(`${process.cwd()}/result.json`, true);
         (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, 'testInfo.failures', [{
           type: 'modifiedUnitcases',
@@ -67,17 +56,17 @@ if (isCommitCoverage) {
         (0, _utils.log)('No JS changes with last changeset!');
       }
     } else {
-      (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, ['tests', 'modifiedFileUnitCase', 'isExecuted'], res.STATUS); // jsonHelper(
+      (0, _jsonHelper.jsonHelper)(`${process.cwd()}/result.json`, ['tests', 'modifiedFileUnitCase', 'isExecuted'], res.STATUS);
+      // jsonHelper(
       //     `${process.cwd()}/result.json`,
       //     'testInfo.isBuildVerified',
       //     true
       // );
-
-      (0, _jsonHelper.setTestInfoStatus)(`${process.cwd()}/result.json`, true); // jsonHelper(`${process.cwd()}/result.json`, 'testInfo.failures', [{
+      (0, _jsonHelper.setTestInfoStatus)(`${process.cwd()}/result.json`, true);
+      // jsonHelper(`${process.cwd()}/result.json`, 'testInfo.failures', [{
       //     type: 'modifiedUnitcases',
       //     message: res.REASON
       // }]);
-
       (0, _utils.log)(res.REASON);
     }
   });

package/lib/jest/setup.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _jsdom = require("jsdom");
-
 var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _xhr = _interopRequireDefault(require("xhr2"));
-
 var _nock = _interopRequireDefault(require("nock"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //$Id$//
+
 let mockDomain = 'htt' + 'p://zoho.com';
 const {
   document
@@ -28,181 +21,136 @@ global.localStorage = global.sessionStorage = {
   getItem(key) {
     return this[key];
   },
-
   setItem(key, value) {
     if (value.length > 100) {
       throw new Error('Data size is too exceeded');
     }
-
     this[key] = value;
   },
-
   removeItem(key) {
     delete this[key];
   },
-
   clear() {
     let keys = ['getItem', 'setItem', 'removeItem', 'clear'];
-
     for (let key in this) {
       if (keys.indexOf(key) === -1) {
         delete this[key];
       }
     }
   }
-
 };
 global.ZE_Init = {};
-
 global.String.prototype.contains = function (text) {
   return this.indexOf(text) != -1;
 };
-
 global.TestUtils = _testUtils.default;
 let xmlReq = _xhr.default;
-
 window.XMLHttpRequest = function () {
   let xmlReqCopy = new xmlReq();
   let originalOpen = xmlReqCopy.open;
-
   xmlReqCopy.open = function () {
     if (arguments[1].indexOf('http') != 0) {
       arguments[1] = mockDomain + arguments[1];
     }
-
     return originalOpen.apply(this, arguments);
   };
-
   return xmlReqCopy;
 };
-
 _testUtils.default.scryRenderedComponentsWithTestid = function (dom, name) {
   let componentList = _testUtils.default.findAllInRenderedTree(dom, (i, j) => {
     if (_testUtils.default.isDOMComponent(i)) {
       let val = i.getAttribute('data-id');
-
       if (typeof val !== 'undefined' && val == name) {
         return true;
       }
-
       return false;
     }
   });
-
   return componentList;
 };
-
 _testUtils.default.findRenderedComponentsWithTestid = function (dom, name) {
   let list = _testUtils.default.scryRenderedComponentsWithTestid(dom, name);
-
   if (list.length !== 1) {
     throw new Error(`Did not find exactly one match (found: ${list.length}) ` + `for data-id:${name}`);
   }
-
   return list[0];
 };
-
 global.render = function (Component, props) {
-  const renderedDOM = _testUtils.default.renderIntoDocument( /*#__PURE__*/_react.default.createElement(Component, props));
-
+  const renderedDOM = _testUtils.default.renderIntoDocument(/*#__PURE__*/_react.default.createElement(Component, props));
   return {
     props,
     renderedDOM
   };
 };
-
 global.setup = function (Component, props, state) {
   let router = {
     router: {
       push() {},
-
       createHref(ob) {
         return ob.pathname;
       },
-
       isActive() {
         return true;
       },
-
       replace() {},
-
       go() {},
-
       goBack() {},
-
       goForward() {},
-
       setRouteLeaveHook() {},
-
       getState() {}
-
     },
     store: {
       getState() {
         return state;
       }
-
     }
-  }; // var store = {
+  };
+  // var store = {
   // 	store:{
   // 		getState:function(){return state;}
   // 	}
   // }
-
   var Component = higherComponent(Component, router);
-
-  const renderedDOM = _testUtils.default.renderIntoDocument( /*#__PURE__*/_react.default.createElement(Component, props), router);
-
+  const renderedDOM = _testUtils.default.renderIntoDocument(/*#__PURE__*/_react.default.createElement(Component, props), router);
   return {
     props,
     renderedDOM
   };
 };
-
 function higherComponent(ActualComponent, context) {
   if (context) {
     class HigherComponent extends _react.default.Component {
       constructor() {
         super();
       }
-
       getChildContext() {
         return context;
       }
-
       render() {
         return /*#__PURE__*/_react.default.createElement(ActualComponent, this.props);
       }
-
     }
-
     HigherComponent.childContextTypes = {
       router: _propTypes.default.any,
       store: _propTypes.default.any
     };
     return HigherComponent;
   }
-
   return ActualComponent;
 }
-
 global.window.matchMedia = window.matchMedia || function () {
   return {
     matches: false,
-
     addListener() {},
-
     removeListener() {}
-
   };
-}; // global.renderHTML = function(comp) {
+};
+// global.renderHTML = function(comp) {
 //   return ReactDOM.findDOMNode(comp);
 // };
 
-
 global.TestUtils = _testUtils.default;
 global.XMLHttpRequest = window.XMLHttpRequest;
-
 global.getI18NValue = function (inp) {
   return inp;
 };

package/lib/loaderUtils/configsAssetsLoaders.js

@@ -10,57 +10,47 @@ exports.configSVGLoader = configSVGLoader;
 exports.configVideoLoader = configVideoLoader;
 exports.configVideoLoaderObj = configVideoLoaderObj;
 exports.createNameTemplate = createNameTemplate;
-
 var _path = _interopRequireDefault(require("path"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // function getLoaderOptionQueryString(params) {
 const ImageExtRegex = /\.jpe?g$|\.gif$|\.png|\.webp$/;
 const FontExtRegex = /\.woff2|\.woff$|\.ttf$|\.eot$/;
 const SVGExtRegex = /\.svg$/;
 const AudioExtRegex = /\.ogg|\.mp3$/;
 const VidioExtRegex = /\.mp4|\.webm$/;
-
 function createLoaderOptionQueryString(loaderName, nameTemplate, limit = 1000) {
   return `${loaderName}?limit=${limit}&name=${nameTemplate}`;
 }
-
 function configImageLoader(nameTemplate) {
   return {
     test: ImageExtRegex,
     use: createLoaderOptionQueryString('url-loader', `./images/${nameTemplate}`)
   };
 }
-
 function configFontLoader(nameTemplate) {
   return {
     test: FontExtRegex,
     use: createLoaderOptionQueryString('url-loader', `./fonts/${nameTemplate}`)
   };
 }
-
 function configSVGLoader(nameTemplate) {
   return {
     test: SVGExtRegex,
     use: createLoaderOptionQueryString('url-loader', `./fonts/${nameTemplate}`, 1)
   };
 }
-
 function configAudioLoader(nameTemplate) {
   return {
     test: AudioExtRegex,
     use: createLoaderOptionQueryString('file-loader', `./fonts/${nameTemplate}`, 1)
   };
 }
-
 function configVideoLoader(nameTemplate) {
   return {
     test: VidioExtRegex,
     use: createLoaderOptionQueryString('url-loader', `./videos/${nameTemplate}`, 1)
   };
 }
-
 function configVideoLoaderObj(nameTemplate) {
   return {
     test: VidioExtRegex,
@@ -74,11 +64,11 @@ function configVideoLoaderObj(nameTemplate) {
     }
   };
 }
-
 function createNameTemplate(enableChunkHash) {
   const ext = `${enableChunkHash ? '.[hash:20]' : ''}.[ext]`;
   return `[name]${ext}`;
 }
+
 /*
 export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
   const nameTemplate = createNameTemplate(enableChunkHash);

package/lib/loaderUtils/getCSSLoaders.js

@@ -4,35 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-
 var _cssClassNameGenerate = _interopRequireDefault(require("../utils/cssClassNameGenerate"));
-
 var _utils = require("../utils");
-
 var _fileHandling = require("../plugins/utils/fileHandling");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fs = require('fs');
-
 const options = (0, _utils.getOptions)();
 const defaultPostCssPluginOrder = ['valueReplacer', 'selectorReplace', 'hasRTL', 'hoverActive', 'combinerMediaQuery', 'cssVariableReplacement', 'selectorWeight', 'minifier', 'composeMinification'];
-
 function calculatePostCssPluginOrder(postCssPluginOrder, pluginOrder) {
   // if(typeof postCssPluginOrder === Boolean)
+
   if (Array.isArray(postCssPluginOrder)) {
     return postCssPluginOrder;
   }
-
   if (postCssPluginOrder) {
     return pluginOrder;
   }
-
   return defaultPostCssPluginOrder.filter(value => pluginOrder.includes(value));
 }
-
 const getCSSLoaders = optionsObj => {
   const {
     plugins,
@@ -63,24 +53,23 @@ const getCSSLoaders = optionsObj => {
     modules: {},
     sourceMap: true
   };
-
   if (classNameBlob) {
     cssLoaderOptions.modules.localIdentName = classNameBlob;
   } else {
     cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, customClassNamePrefix, patterns, displayClassName);
   }
+  const pluginOrder = calculatePostCssPluginOrder(postCssPluginOrder, Object.keys(plugins).filter(x => plugins[x] === true));
 
-  const pluginOrder = calculatePostCssPluginOrder(postCssPluginOrder, Object.keys(plugins).filter(x => plugins[x] === true)); // console.log('selector weight config : ', selectorWeightConfig);
-
+  // console.log('selector weight config : ', selectorWeightConfig);
   const postcssPlugins = [plugins.valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), plugins.hasRTL && require('@zohodesk/postcss-rtl')({
     addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
       if (prefix === '[dir]') {
         return selector;
       }
-
       return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
     }
-  }), plugins.selectorReplace && require('../postcss-plugins/SelectorReplace')(selectorReplace), plugins.combinerMediaQuery && require('postcss-combine-media-query')(), plugins.hoverActive && require('../postcss-plugins/hoverActivePlugin')(mediaQueryHoverActiveString), plugins.cssVariableReplacement && fs.existsSync(cssVariableReplacementConfig) && require('../postcss-plugins/variableModificationPlugin/index').plugin(cssVariableReplacementConfig) // ,
+  }), plugins.selectorReplace && require('../postcss-plugins/SelectorReplace')(selectorReplace), plugins.combinerMediaQuery && require('postcss-combine-media-query')(), plugins.hoverActive && require('../postcss-plugins/hoverActivePlugin')(mediaQueryHoverActiveString), plugins.cssVariableReplacement && fs.existsSync(cssVariableReplacementConfig) && require('../postcss-plugins/variableModificationPlugin/index').plugin(cssVariableReplacementConfig)
+  // ,
   // plugins.composeMinification &&
   //   require('../postcss-plugins/composePlugin')()
   ].filter(Boolean);
@@ -105,6 +94,7 @@ const getCSSLoaders = optionsObj => {
       ident: 'postcss',
       plugins: function (params) {
         // console.log('check here : ', params.resourcePath);
+
         // getCSSLoaders for all postcss filtering
 
         /*
@@ -164,8 +154,8 @@ const getCSSLoaders = optionsObj => {
           filterObject: patterns,
           plugins: postcssPlugins,
           order: pluginOrder
-        }); // postcssPlugins that are allowed
-
+        });
+        // postcssPlugins that are allowed
         return finalPostcssPlugins.length > 0 ? finalPostcssPlugins : [require('../postcss-plugins/EmptyPlugin')()];
       }
     }
@@ -173,6 +163,4 @@ const getCSSLoaders = optionsObj => {
     loader: require.resolve('../loaders/composeLoader')
   } : null].filter(Boolean);
 };
-
-var _default = getCSSLoaders;
-exports.default = _default;
+var _default = exports.default = getCSSLoaders;