@zohodesk/react-cli 0.0.1-exp.175.1 → 0.0.1-exp.176.1

package/lib/jest/preProcessors/cssPreprocessor.js

@@ -1,10 +1,15 @@
 "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 }; }
+
 let count = 0;
 const options = (0, _utils.getOptions)();
 const {
@@ -23,8 +28,11 @@ 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,7 +1,9 @@
 "use strict";
 
 var _babelJest = _interopRequireDefault(require("babel-jest"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 module.exports = _babelJest.default.createTransformer({
   presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')],
   plugins: [require.resolve('babel-plugin-transform-dynamic-import')]

package/lib/jest/preProcessors/otherFilesPreprocessor.js

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

package/lib/jest/result.js

@@ -1,18 +1,25 @@
 "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 }; }
+
 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
@@ -20,9 +27,11 @@ 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__', '');
@@ -39,28 +48,35 @@ 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;
@@ -69,12 +85,14 @@ 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>
@@ -116,10 +134,14 @@ 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,11 +1,17 @@
 "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 }; }
+
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -21,7 +27,9 @@ 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) {
@@ -29,12 +37,15 @@ 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))]);
@@ -42,12 +53,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',
@@ -56,17 +67,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,15 +1,22 @@
 "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 }; }
-//$Id$//
 
+//$Id$//
 let mockDomain = 'htt' + 'p://zoho.com';
 const {
   document
@@ -21,136 +28,181 @@ 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));
+
   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);
+
   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,47 +10,57 @@ 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 getLoaderOptionQueryString(params) {
 const ImageExtRegex = /\.jpe?g$|\.gif$|\.png$/;
 const FontExtRegex = /\.woff2|\.woff$|\.ttf$|\.eot$/;
 const SVGExtRegex = /\.svg$/;
 const AudioExtRegex = /\.ogg$/;
 const VidioExtRegex = /\.mp4$/;
+
 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', `./images/${nameTemplate}`, 1)
   };
 }
+
 function configVideoLoaderObj(nameTemplate) {
   return {
     test: VidioExtRegex,
@@ -64,44 +74,44 @@ function configVideoLoaderObj(nameTemplate) {
     }
   };
 }
+
 function createNameTemplate(enableChunkHash) {
   const ext = `${enableChunkHash ? '.[hash:20]' : ''}.[ext]`;
   return `[name]${ext}`;
 }
-
-/*
-export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
-  const nameTemplate = createNameTemplate(enableChunkHash);
-  return [
-    configImageLoader(nameTemplate),
-    configFontLoader(nameTemplate),
-    configSVGLoader(nameTemplate),
-    configAudioLoader(nameTemplate)
-  ];
-}
+/*
+export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
+  const nameTemplate = createNameTemplate(enableChunkHash);
+  return [
+    configImageLoader(nameTemplate),
+    configFontLoader(nameTemplate),
+    configSVGLoader(nameTemplate),
+    configAudioLoader(nameTemplate)
+  ];
+}
 */
 
-/*
-export function createLoaderOptionObject(
-  loaderName,
-  nameTemplate,
-  fallback,
-  limit = 1000
-) {
-  return {
-    loader: loaderName,
-    options: {
-      limit,
-      name: nameTemplate,
-      fallback
-    }
-  };
-}
-
-function configLoaderObject(filter, loaderAndOptions) {
-  return {
-    test: filter,
-    use: loaderAndOptions
-  };
-}
+/*
+export function createLoaderOptionObject(
+  loaderName,
+  nameTemplate,
+  fallback,
+  limit = 1000
+) {
+  return {
+    loader: loaderName,
+    options: {
+      limit,
+      name: nameTemplate,
+      fallback
+    }
+  };
+}
+
+function configLoaderObject(filter, loaderAndOptions) {
+  return {
+    test: filter,
+    use: loaderAndOptions
+  };
+}
 */

package/lib/loaderUtils/getCSSLoaders.js

@@ -4,16 +4,21 @@ 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 _windowsModification = require("./windowsModification");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const fs = require('fs');
+
 const options = (0, _utils.getOptions)();
-const isWin = process.platform === 'win32';
-function windowsModification(array) {
-  return isWin ? array.map(r => r.replace(/\//g, '\\')) : array;
-}
+
 function excludeEmptyCheckPlugin({
   enable,
   ignore,
@@ -24,11 +29,23 @@ function excludeEmptyCheckPlugin({
     plugins
   })] : [];
 }
-const getCSSLoaders = (plugins, exclude, mediaQueryHoverActiveString, cssVariableReplacementConfig, classNameBlob, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix) => {
-  // console.log('plugins:')
+
+const getCSSLoaders = optionsObj => {
+  const {
+    plugins,
+    exclude,
+    mediaQueryHoverActiveString,
+    cssVariableReplacementConfig,
+    classNameBlob,
+    cssUniqueness,
+    selectorReplace,
+    cssHashSelectors,
+    classNamePrefix
+  } = optionsObj; // console.log('plugins:')
   // console.log(plugins)
   // console.log('exclude:')
   // console.log(exclude)
+
   const {
     devCssFileBountry
   } = options.app;
@@ -38,29 +55,25 @@ const getCSSLoaders = (plugins, exclude, mediaQueryHoverActiveString, cssVariabl
   const {
     cssSelectorZipPath
   } = options.impactService;
-  fs.writeFileSync('./css_error.log', '');
-  const rtlExcludeLocal = windowsModification(exclude.rtl);
-  const hoverActiveExcludeLocal = windowsModification(exclude.hoverActive);
-  const combinerMediaQueryExcludeLocal = windowsModification(exclude.combinerMediaQuery);
-  const cssVariableReplacementExcludeLocal = windowsModification(exclude.cssVariableReplacement);
+  const rtlExcludeLocal = (0, _windowsModification.windowsModification)(exclude.rtl);
+  const hoverActiveExcludeLocal = (0, _windowsModification.windowsModification)(exclude.hoverActive);
+  const combinerMediaQueryExcludeLocal = (0, _windowsModification.windowsModification)(exclude.combinerMediaQuery);
+  const cssVariableReplacementExcludeLocal = (0, _windowsModification.windowsModification)(exclude.cssVariableReplacement);
   const cssLoaderOptions = {
     // importLoaders: hasRTL||hoverActive ? 1 : 0,
     importLoaders: 1,
     modules: {},
     sourceMap: true
   };
+
   if (classNameBlob) {
     cssLoaderOptions.modules.localIdentName = classNameBlob;
   } else {
     cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix);
-  }
-  const postcssPlugins = [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-selector-replace')(selectorReplace),
-  // ...excludeEmptyCheckPlugin({
-  //   enable: true,
-  //   ignore: [],
-  //   plugins: [require('../postcss-plugins/variablePropertiesCollector').default()]
-  // }),
-  ...excludeEmptyCheckPlugin({
+  } // console.log('selector weight config : ', selectorWeightConfig);
+
+
+  const postcssPlugins = [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-selector-replace')(selectorReplace), ...excludeEmptyCheckPlugin({
     enable: plugins.hasRTL,
     ignore: rtlExcludeLocal,
     plugins: [require('@zohodesk/postcss-rtl')({
@@ -68,6 +81,7 @@ const getCSSLoaders = (plugins, exclude, mediaQueryHoverActiveString, cssVariabl
         if (prefix === '[dir]') {
           return selector;
         }
+
         return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
       }
     })]
@@ -82,7 +96,7 @@ const getCSSLoaders = (plugins, exclude, mediaQueryHoverActiveString, cssVariabl
   }), ...excludeEmptyCheckPlugin({
     enable: plugins.cssVariableReplacement,
     ignore: cssVariableReplacementExcludeLocal,
-    plugins: [fs.existsSync(cssVariableReplacementConfig) && require('../postcss-plugins/variableModificationPlugin/index')(cssVariableReplacementConfig)]
+    plugins: [fs.existsSync(cssVariableReplacementConfig) && require('../postcss-plugins/variableModificationPlugin/index').plugin(cssVariableReplacementConfig)]
   })].filter(Boolean);
   return [cssSelectorZipPath && {
     loader: require.resolve('../loaders/selectorMappingLoader')
@@ -109,5 +123,6 @@ const getCSSLoaders = (plugins, exclude, mediaQueryHoverActiveString, cssVariabl
     }
   } : null].filter(Boolean);
 };
+
 var _default = getCSSLoaders;
 exports.default = _default;