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

package/README.md

@@ -2,70 +2,67 @@
 
 A CLI tool for build modern web application and libraries
 
-# 0.0.1-exp.175.1
-
-**Experimental Version:-**
-
-- Updating all babel packages to latest version.
+# 0.0.1-exp.176.11
+**Issue Fix:**
+ * When we use `react-cli.app.publicPaths.callback` this option and video files import, in place of publicPath url,  **null** was there instead of file type `video` issue fixed.
+  
+# 0.0.1-beta.176
+**Features:**
+ * we have added feature to **increase Selector weight** for all css classes in your project during build time.
+  To enable this feature you have to `react-cli.app.plugins.selectorWeight` set as `true` in **package.json**.
+  For more [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/SelectorWeight.md)
+  * Updates to variable replacement are given :
+    * css variables with -- are now supported due to the webpack plugin `VariableConversionCollector` that is generated for the same.
+    * `DECIMAL_CHECK`, `DECIMAL_REJECT` are two new errors supported.
+    * support for text-indent, clip, flex, flex-basis, row-gap, column-gap, gap properties are now given.
+  For an more information and reference, refer to `[details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/ValueReplaVariableConversioncer.md)
 
 # 0.0.1-beta.175
-
 **Issue Fix:-**
+  * When we use "hoverActive" @import in css not working issue fixed
 
-- When we use "hoverActive" @import in css not working issue fixed
-
-**Features:**
-
-- `minifiy` option supported for minimize index.html file in during build time. You can use this option as "react-cli.app.htmlTemplate.minify" the options are same as https://github.com/jantimon/html-webpack-plugin#minification
+**Features:**  
+ * `minifiy` option supported for minimize index.html file in during build time. You can use this option as "react-cli.app.htmlTemplate.minify" the  options are same as https://github.com/jantimon/html-webpack-plugin#minification
 
 # 0.0.1-beta.174
 
 cli has been updated to fix compose issue faced when classname:hover exists and classname does not before compose
 
 **Issue Fix:-**
+ * In react-cli version `0.0.1-beta.173`, when we use `start` command throws error issue fixed
+ * while using `cssVariableReplacementOptions`, compose issue faced in css files, when classname:hover exists and classname does not exist issue fixed
 
-- In react-cli version `0.0.1-beta.173`, when we use `start` command throws error issue fixed
-- while using `cssVariableReplacementOptions`, compose issue faced in css files, when classname:hover exists and classname does not exist issue fixed
-
-**Feature:-**
-
-- `react-cli.test.classnameFormat` option added to change CssModules (Ex: import style from "./a.module.css" ) className transform template unittest case.  
-   `classnameFormat` default value `[classname]` you can customize it. Example: `[classname]-[hash]`
+**Feature:-** 
+* `react-cli.test.classnameFormat` option added to change CssModules (Ex: import style from "./a.module.css" ) className transform template unittest case.  
+    `classnameFormat` default value `[classname]` you can customize it. Example: `[classname]-[hash]`
 
 **Changes:-**
-
-- `jsonFile_test_*.json` files deleted after they used.
+* `jsonFile_test_*.json` files deleted after they used.
 
 # 0.0.1-beta.173
 
-Conversion for Variables from Variables to px in Supportapp completed (`variableIgnore.js` && `pxParserPostcss.js` to be referred to), and px to custom variables through the new `variableModificationPlugin`. Error Log generation can also be converted on enabling
-
-**Features:**
+**Features:** 
+ * we have added feature to **convert px to custom variables** for all css files in your project during build time.
+  To enable this feature you have to set `react-cli.app.plugins.cssVariableReplacement` as `true` in **package.json**.
 
-1. variables are converted from px to custom variables ( options are consumed from `cssVariableReplacementOptions.json` present in source folder )
-2. To enable the error log generation `errorLog` is to be made `true` in `cssVariableReplacementOptions.json` ( it will take a little longer than usual build time )
-3. To enable the console display of errors that are generated, `errorInConsole` is to be made `true` in `cssVariableReplacementOptions.json`
-4. To enable specific errors in the error log generation / error display on console, `DECLARATION_IGNORED`(for ignoring that particular line / declaration),`UNIT_ERROR` (when the Unit doesnt match the available units for the property),`RANGE_ERROR` (when the value does not fall within the range that is given for the property), `VARIABLE_PRESENT`(whether the value supposed to be in px for conversion sake is not converted from var() to px or if it's properly converted to px for conversion from px to var through our plugin) are to be individually made `true` in `cssVariableReplacementOptions.json`
+Conversion for css Variables from Variables to px in Supportapp completed (`variableIgnore.js` && `pxParserPostcss.js` to be referred to), and px to custom variables through the new `variableModificationPlugin`. Error Log generation can also be converted on enabling
 
-For an more information and reference, refer to : `docs/VariableConversion.md `
+For an more information and reference, refer to `[details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/ValueReplaVariableConversioncer.md)
 
 # 0.0.1-beta.172
-
 We have renamed some options, For Our future features convenience.  
 We have given fallback support.
-Deprecation Warnings:-
+Deprecation Warnings:- 
+* `react-cli.app.hasRTL` ==>  `react-cli.app.plugins.hasRTL`
+* `react-cli.app.rtlExclude` ==> `react-cli.app.exclude.rtl`
 
-- `react-cli.app.hasRTL` ==> `react-cli.app.plugins.hasRTL`
-- `react-cli.app.rtlExclude` ==> `react-cli.app.exclude.rtl`
-
-- `react-cli.docs.hasRTL` ==> `react-cli.docs.plugins.hasRTL`
-- `react-cli.docs.rtlExclude` ==> `react-cli.docs.exclude.rtl`
-  these options have fallback support.
+* `react-cli.docs.hasRTL` ==>  `react-cli.docs.plugins.hasRTL`
+* `react-cli.docs.rtlExclude` ==> `react-cli.docs.exclude.rtl`
+these options have fallback support.
 
 # 0.0.1-beta.171
 
 Features added :
-
 1. `react-cli.app.mediaQueryHoverActiveString` and `react-cli.docs.mediaQueryHoverActiveString` templates support added for @media(hover: hover) and @media(hover: none) queries. We can modify these to modify respective queries.
 
 # 0.0.1-beta.170
@@ -120,12 +117,10 @@ Changes:-
 1. `enableChunkHash` option enabled for dev mode, use it as `react-cli.app.enableChunkHash` in `package.json`
 2. `--enable_efc=true` option added to enable efc by terminal
 3. unwanted pem files removed
-
 # 0.0.1-exp.167.1
-
 Features:-
+ * In docs we have added `Description` for Component Props- check out it in `PropTypes` tab
 
-- In docs we have added `Description` for Component Props- check out it in `PropTypes` tab
 
 # 0.0.1-beta.167
 

package/docs/SelectorWeight.md

@@ -0,0 +1,6 @@
+
+-- Selector weight plugin --
+ * Plugin implementation for the execution of a Selector weight to be added to all classes of multiple files is included in the react-cli setup. This can be activated when the `selectorWeight` variable in `package.json` is set to true.
+ * all classes in all files will be added with the `defaultSelector` provided in package.json to increase selector weight
+ * in case a specific chunk file is supposed to have a different selector, it can be mentioned in the `customFileSelectorWeight.json`. This will add the new selector to that particular chunk file.
+ * `excludeStrings` is an array used to exclude selectors that should not be converted. Default selectors such as body, html are excluded through this way.

package/docs/VariableConversion.md

@@ -1,5 +1,23 @@
 # Variable Conversion  
 
+## Overview 
+
+Conversion for Variables from Variables to px in Supportapp completed (`variableIgnore.js` && `pxParserPostcss.js` to be referred to), and px to custom variables through the new `variableModificationPlugin`. Error Log generation can also be converted on enabling
+
+**Features:** 
+  below features are added form `0.0.1-beta.173`
+1. variables are converted from px to custom variables ( options are consumed from `cssVariableReplacementOptions.json` present in source folder )
+2. To enable the error log generation `errorLog` is to be made `true` in `cssVariableReplacementOptions.json` ( it will take a little longer than usual build time )
+3. To enable the console display of errors that are generated, `errorInConsole` is to be made `true` in `cssVariableReplacementOptions.json`
+4. To enable specific errors in the error log generation / error display on console, `DECLARATION_IGNORED`(for ignoring that particular line / declaration),`UNIT_ERROR` (when the Unit doesnt match the available units for the property),`RANGE_ERROR` (when the value does not fall within the range that is given for the property), `VARIABLE_PRESENT`(whether the value supposed to be in px for conversion sake is not converted from var() to px or if it's properly converted to px for conversion from px to var through our plugin) are to be individually made `true` in `cssVariableReplacementOptions.json`
+
+  below features are added form `0.0.1-beta.176`
+  
+* variables with -- are now supported due to the webpack plugin `VariableConversionCollector` that is generated for the same.
+*  `DECIMAL_CHECK`, `DECIMAL_REJECT` are two new errors supported.
+* support for text-indent, clip, flex, flex-basis, row-gap, column-gap, gap properties are now given.
+
+
 <!-- file paths :
 
 # react - cli : 
@@ -12,7 +30,7 @@ jsapps\supportapp\plugins\variableIgnore.js ( adding variable:ignore comment to
 
 -->
 
-# Added support for Properties ( Cut 1 ) : 
+# Added support for Properties ( Cut 1 ) :  (0.0.1-beta.173)
 
 * font-size
 * margin 
@@ -36,6 +54,16 @@ jsapps\supportapp\plugins\variableIgnore.js ( adding variable:ignore comment to
 * min-height
 * max-height
 
+# Added support for Properties ( Cut 2 ) : (0.0.1-beta.176)
+
+* text-indent 
+* clip
+* flex
+* flex-basis 
+* row-gap
+* column-gap
+* gap
+
 # Css variable conversion consists of three steps : 
 
 . addition of comment variable:ignore for the seperation of values to be considered for the conversion and the ones that are not to be considered for conversion. ( `variableIgnore.js` )
@@ -659,6 +687,8 @@ Consider the below mentioned :
       "DECLARATION_IGNORED" : true,
       "UNIT_ERROR" : true,
       "RANGE_ERROR" : true,
+      "DECIMAL_CHECK":true,
+      "DECIMAL_REJECT":true,
       "VARIABLE_PRESENT" : true
     },
 ```
@@ -671,6 +701,8 @@ Consider the below mentioned :
 => `DECLARATION_IGNORED` : Lines that succeed the /*Variable:Ignore*/ comment.
 => `UNIT_ERROR` : the units that are not present in the corresponding property's `allowed` array are used.
 => `RANGE_ERROR` : numerical values that are not present within the range of the corresponding property's `range` is used.
+=> `DECIMAL_CHECK` : Decimal values containing . will be shown
+=> `DECIMAL_REJECT` : Decimal values such as .em which are to be rejected are shown
 => `VARIABLE_PRESENT` : conversion to px (Step 2) wasn't done properly and hence there are residues that contain `var` in it are found.
 
 

package/lib/babel/cmjs-plugins-presets.js

@@ -4,17 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 let {
   module: {
     mode
   }
 } = (0, _utils.getOptions)();
 let isProd = mode.toLowerCase() === 'prod';
+
 var _default = () => ({
   presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')],
   plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
     __DOCS__: false
   } : {}]]
 });
+
 exports.default = _default;

package/lib/babel/es-plugins-presets.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 let {
   module: {
     mode,
@@ -12,6 +14,7 @@ let {
   }
 } = (0, _utils.getOptions)();
 let isProd = mode.toLowerCase() === 'prod';
+
 var _default = () => ({
   presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
     modules: false,
@@ -27,4 +30,5 @@ var _default = () => ({
     __DOCS__: false
   } : {}], require.resolve('@babel/plugin-syntax-dynamic-import')]
 });
+
 exports.default = _default;

package/lib/common/getEntries.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let getEntries = (appSchemas, mode) => {
   let appPath = process.cwd();
   let {
@@ -26,17 +30,23 @@ let getEntries = (appSchemas, mode) => {
   let entry = {
     main: mainJs
   };
+
   if (mode === 'dev' || mode === 'dev-no-warn') {
     mainJs.push(`${_path.default.join(__dirname, '..', 'templates', 'WMSTemplate')}?wmsPath=wss:${(0, _utils.getServerURL)(server)}`);
   }
+
   mainJs.push(_path.default.join(appPath, folder, isReactMig ? 'migration.js' : 'index.js'));
+
   if (hasWidget) {
     entry.widget = [_path.default.join(appPath, folder, 'widget.js')];
   }
+
   if (hasEFC) {
     entry.efc = [_path.default.join(appPath, folder, 'efc.js')];
   }
+
   return entry;
 };
+
 var _default = getEntries;
 exports.default = _default;

package/lib/common/getPublicPathConfig.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 let {
   app: {
     publicPaths,
@@ -18,8 +20,10 @@ let {
   }
 } = (0, _utils.getOptions)();
 let isDevelopment = mode === 'dev' || mode === 'prod' || mode === 'dev-no-warn';
+
 var _default = url => {
   let type = (0, _utils.getFileType)(url);
+
   if (!isDevelopment) {
     if (publicPaths && publicPaths.callback) {
       return `${publicPaths.callback}(${JSON.stringify(type)}) + ${JSON.stringify(url)}`;
@@ -29,6 +33,8 @@ var _default = url => {
       return `__REACT_CLI_${type.toUpperCase()}_PUBLIC_PATH__ + ${JSON.stringify(url)}`;
     }
   }
+
   return `__webpack_public_path__ + ${JSON.stringify(url)}`;
 };
+
 exports.default = _default;

package/lib/common/index.js

@@ -27,8 +27,13 @@ Object.defineProperty(exports, "templateParameters", {
     return _templateParameters.default;
   }
 });
+
 var _splitChunks = _interopRequireDefault(require("./splitChunks"));
+
 var _getEntries = _interopRequireDefault(require("./getEntries"));
+
 var _getPublicPathConfig = _interopRequireDefault(require("./getPublicPathConfig"));
+
 var _templateParameters = _interopRequireDefault(require("./templateParameters"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/common/splitChunks.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _os = _interopRequireDefault(require("os"));
+
 var _utils = require("../utils");
+
 var _testPattern = require("./testPattern");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let isWindows = _os.default.platform().toLowerCase() === 'win32';
 let ps = _path.default.sep;
 let options = (0, _utils.getOptions)();
@@ -19,6 +25,7 @@ let {
     vendorInclude
   }
 } = options;
+
 let isVendor = function isVendor(module) {
   let {
     userRequest
@@ -27,6 +34,7 @@ let isVendor = function isVendor(module) {
   excludeList = [...excludeList, ...vendorExclude];
   return userRequest && (vendorInclude.some(item => userRequest.indexOf(item) !== -1) || userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1));
 };
+
 let isReact = module => {
   let {
     userRequest
@@ -34,6 +42,7 @@ let isReact = module => {
   let reactBundle = ['react', 'react-dom'];
   return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
 };
+
 let defaultChunks = {
   'react.vendor': {
     name: 'react.vendor',
@@ -86,8 +95,7 @@ customChunks.map((obj, index) => ({
       const {
         userRequest
       } = m;
-      return (0, _testPattern.testPattern)(userRequest, rules);
-      // return (
+      return (0, _testPattern.testPattern)(userRequest, rules); // return (
       //   pkgs.some(p => isRelated(userRequest, p)) ||
       //   (includeDepenency && isDependency(m, pkgs))
       // );
@@ -97,12 +105,15 @@ customChunks.map((obj, index) => ({
     minChunks,
     priority
   };
+
   if (minSize !== undefined) {
     obj.minSize = minSize;
   }
+
   if (maxSize !== undefined) {
     obj.maxSize = maxSize;
   }
+
   return customChunksConfig[name] = obj;
 });
 var _default = {

package/lib/common/sslcertUpdater.js

@@ -1,16 +1,25 @@
 "use strict";
 
 var _https = _interopRequireDefault(require("https"));
+
 var _http = _interopRequireDefault(require("http"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _getOptions = _interopRequireDefault(require("../utils/getOptions"));
+
 var _urlConcat = require("../utils/urlConcat");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const {
   sslCertURL
 } = (0, _getOptions.default)();
+
 const CRET_FOLDER_PATH = _path.default.join(__dirname, '..', '..', 'cert');
+
 console.log({
   CRET_FOLDER_PATH,
   sslCertURL
@@ -18,6 +27,7 @@ console.log({
 const CERT_PATH = 'cert.pem';
 const KEY_PATH = 'key.pem';
 const PASSPHRASE_PATH = 'passphrase.pem';
+
 function updateSSlFile(sslCertURL, filename) {
   let url = (0, _urlConcat.urlConcat)(sslCertURL, filename);
   console.log({
@@ -25,24 +35,25 @@ function updateSSlFile(sslCertURL, filename) {
   });
   (url.startsWith('https://') ? _https.default : _http.default).get(url, resp => {
     let fpath = _path.default.join(CRET_FOLDER_PATH, filename);
-    let data = '';
-    // A chunk of data has been received.
+
+    let data = ''; // A chunk of data has been received.
+
     resp.on('data', chunk => {
       data += chunk;
-    });
+    }); // The whole response has been received. Print out the result.
 
-    // The whole response has been received. Print out the result.
     resp.on('end', () => {
       _fs.default.writeFileSync(fpath, data);
-    });
-    // return;
+    }); // return;
   }).on('error', err => {
     console.log(`Error: ${err.message}`);
   });
 }
+
 if (!sslCertURL) {
   throw 'sslCertURL not given';
 }
+
 updateSSlFile(sslCertURL, PASSPHRASE_PATH);
 updateSSlFile(sslCertURL, CERT_PATH);
 updateSSlFile(sslCertURL, KEY_PATH);

package/lib/common/templateParameters.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _default = (compilation, assets, assetTags, options) => {
   Object.keys(assetTags).forEach(rootTag => {
     assetTags[rootTag].forEach(tag => {
@@ -20,4 +21,5 @@ var _default = (compilation, assets, assetTags, options) => {
     }
   };
 };
+
 exports.default = _default;

package/lib/common/testPattern.js

@@ -6,53 +6,64 @@ Object.defineProperty(exports, "__esModule", {
 exports.isDependency = isDependency;
 exports.isRelatedPackage = exports.isRelated = void 0;
 exports.testPattern = testPattern;
+
 var _path = require("path");
+
 // in our development we only use windows, mac and linux
-const isWindows = _path.sep !== '/';
+const isWindows = _path.sep !== '/'; // this function  will  return true if pattern matched
 
-// this function  will  return true if pattern matched
 function _testPattern(req, pattern) {
   let modifyedPattern = pattern;
+
   if (/[*.$^]/.test(modifyedPattern)) {
     if (isWindows) {
       // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
       modifyedPattern = modifyedPattern.replace(/\//g, '\\\\');
     }
+
     modifyedPattern = modifyedPattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
     const re = new RegExp(modifyedPattern);
     return re.test(req);
   }
+
   if (isWindows) {
     // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
     modifyedPattern = modifyedPattern.replace(/\//g, '\\');
   }
+
   return req.indexOf(modifyedPattern) !== -1;
 }
+
 function testPattern(req, pattern) {
   if (!req || !pattern) {
     return false;
   }
+
   if (Array.isArray(pattern)) {
     // eslint-disable-next-line no-unused-vars
     return pattern.every(p => testPattern(req, p));
   }
+
   if (pattern[0] === '!') {
     return !_testPattern(req, pattern.slice(1));
   }
+
   return _testPattern(req, pattern);
 }
-const isRelated = (req, item) => req && req.indexOf(item) !== -1;
-// export const isRelated = (req, item) => testPattern(req, item);
+
+const isRelated = (req, item) => req && req.indexOf(item) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
 exports.isRelated = isRelated;
-const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1;
-// export const isRelated = (req, item) => testPattern(req, item);
+
+const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
 exports.isRelatedPackage = isRelatedPackage;
+
 function isDependency(m, excludeList) {
   // let reasons = m.reasons.map(r => r.module.userRequest);
   // m.reasons.some(r => !r.module || !r.module.userRequest) && console.log(m.reasons);
   return m.reasons.some(r => excludeList.some(item => r.module && isRelated(r.module.userRequest, item)));
-}
-
-// export function queryHandler(conditions, pattern) {
-
+} // export function queryHandler(conditions, pattern) {
 // }

package/lib/common/valueReplacer.js

@@ -1,38 +1,53 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _folderIterator = _interopRequireDefault(require("../utils/folderIterator"));
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const cwd = process.cwd();
+
 const src = _path.default.join(cwd, process.argv[2]);
+
 const dist = _path.default.join(cwd, process.argv[3]);
+
 const docopy = process.argv[4] === 'true';
 const {
   css: {
     valueReplacer
   }
 } = (0, _utils.getOptions)();
+
 if (!_fs.default.existsSync(dist)) {
   _fs.default.mkdirSync(dist, {
     recursive: true
   });
 }
+
 (0, _folderIterator.default)(src, dist, docopy ? false : ['.css'], false, (fromPath, toPath) => {
   //console.log({ fromPath: fromPath, toPath: toPath });
   let css = _fs.default.readFileSync(fromPath);
+
   if (docopy && !fromPath.endsWith('.css')) {
     //console.log(toPath,'....');
     _fs.default.writeFileSync(toPath, css);
+
     return;
   }
+
   (0, _postcss.default)([valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer)]).process(css, {
     from: fromPath,
     to: toPath
   }).then(result => {
     _fs.default.writeFile(toPath, result.css, () => true);
+
     if (result.map) {
       _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
     }

package/lib/configs/jest.config.js

@@ -1,11 +1,17 @@
 "use strict";
 
 var _fs = require("fs");
+
 var _path = _interopRequireDefault(require("path"));
+
 var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const appPath = process.cwd();
+
 const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
+
 const commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
@@ -30,14 +36,17 @@ const commonConfig = {
     __TEST__: true
   }
 };
+
 module.exports = (...args) => {
   const [appFolder, forCommittedFiles = false] = args;
+
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {
       coverageDirectory: _path.default.resolve(appPath, 'commitCoverage'),
       testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
     });
   }
+
   return Object.assign({}, commonConfig, {
     rootDir: appPath,
     testPathIgnorePatterns: ['/node_modules/', 'docs'],

package/lib/configs/libAlias.js

@@ -9,7 +9,6 @@ exports.libAlias = exports.jestModuleNameMapper = void 0;
 // FIXME: But there is a posiblity when these  package  does not have lib,
 //  app will work because of alias, But may be jest won't work because of not alais
 //  So need to think about use alais in jest 
-
 const libAlias = {
   '@zohodesk/components/lib': '@zohodesk/components/es',
   // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
@@ -28,10 +27,9 @@ const libAlias = {
   '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
   '@zohodesk/variables/lib': '@zohodesk/variables/es',
   '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-};
-
-//   '^@root(.*)$': '<rootDir>/src$1',
+}; //   '^@root(.*)$': '<rootDir>/src$1',
 // '^@components(.*)$': '<rootDir>/src/components$1',
+
 exports.libAlias = libAlias;
 const jestModuleNameMapper = Object.keys(libAlias).reduce((previousValue, key) => {
   previousValue[`^${key}(.*)$`] = `${libAlias[key]}$1`;