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

package/lib/plugins/webpackwatchrunplugin.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("../utils");
+
 class WebpackWatchRunPlugin {
   apply(compiler) {
     compiler.hooks.watchRun.tap('WatchRun', comp => {
       const changedTimes = comp.watchFileSystem.watcher.mtimes;
       const changedFiles = Object.keys(changedTimes).map(file => `\n  ${file}`).join('');
+
       if (changedFiles.length) {
         (0, _utils.log)('====================================');
         (0, _utils.log)('NEW BUILD FILES CHANGED:', changedFiles);
@@ -17,5 +20,7 @@ class WebpackWatchRunPlugin {
       }
     });
   }
+
 }
+
 exports.default = WebpackWatchRunPlugin;

package/lib/postcss-plugins/EmptyPlugin.js

@@ -1,7 +1,8 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = _postcss.default.plugin('postcss-empty', () => (root, result) => {
-  // console.log(root.source.input.from, result);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = _postcss.default.plugin('postcss-empty', () => (root, result) => {// console.log(root.source.input.from, result);
 });

package/lib/postcss-plugins/ExcludePlugin.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 module.exports = _postcss.default.plugin('postcss-exclude-files', opts => {
   const {
     plugins
@@ -9,8 +11,10 @@ module.exports = _postcss.default.plugin('postcss-exclude-files', opts => {
   return (root, result) => {
     const inputFile = root.source.input.file;
     const isIgnoredFile = opts.ignore.some(file => inputFile.indexOf(file) !== -1);
+
     if (!isIgnoredFile) {
       const handler = response => response.messages.forEach(msg => result.messages.push(msg));
+
       return (0, _postcss.default)(plugins).process(root, {
         from: undefined
       }).then(handler);

package/lib/postcss-plugins/IncludePlugin.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 module.exports = _postcss.default.plugin('postcss-include-files', opts => {
   const {
     plugins
@@ -9,8 +11,10 @@ module.exports = _postcss.default.plugin('postcss-include-files', opts => {
   return (root, result) => {
     const inputFile = root.source.input.file;
     const includeFile = opts.include.some(file => inputFile.indexOf(file) !== -1);
+
     if (includeFile) {
       const handler = response => response.messages.forEach(msg => result.messages.push(msg));
+
       return (0, _postcss.default)(plugins).process(root, {
         from: undefined
       }).then(handler);

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -5,22 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.separateRtlAndLtr = separateRtlAndLtr;
 exports.separateSingleDir = separateSingleDir;
+
 var postcss = _interopRequireWildcard(require("postcss"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const oppositeDir = {
   ltr: 'rtl',
   rtl: 'ltr'
 };
+
 function compareSelector(selector1, selector2) {
   return selector1 === selector2;
 }
+
 const directionRegexs = {
   ltr: /\[dir=ltr\]/,
   rtl: /\[dir=rtl\]/
 };
+
 const getRegex = dir => directionRegexs[dir];
+
 const getOppositeRegex = dir => getRegex(oppositeDir[dir]);
+
 function selectorMinifySameDir(selector, direction) {
   // NOTE: if this rule is same dir as current need
   //  then we can just remove that [dir=ltr] or [dir=rtl]
@@ -28,16 +37,18 @@ function selectorMinifySameDir(selector, direction) {
   const regex = getRegex(direction);
   return selector.replace(regex, '').trim();
 }
-
 /**
  * this funtion will remove given rule,
  *  if given selector and it's previous sibiling rule selector  are same
  * current rule properties will move to previous sibiling rule.
  * @param {Rule} rule current rule
  */
+
+
 function mergeIfSameSelector(rule) {
   // NOTE: to merge dublicate selector rules
   const prev = rule.prev();
+
   if (prev && compareSelector(prev.selector, rule.selector)) {
     rule.each(decl => {
       prev.append(decl);
@@ -45,24 +56,26 @@ function mergeIfSameSelector(rule) {
     rule.remove();
   }
 }
-
 /**
  * this funtion will remove given rule,
  *  if given selector and it's previous sibiling rule selector  are same
  * current rule properties will move to previous sibiling rule.
  * @param {Rule} rule current rule
  */
-function removeIfOppsiteDirRule(rule, direction, rootOptions) {
-  const selectors = rule.selector.split(/\s*,\s*/);
 
-  // NOTE: if we use opposite dir selector as custom override reason,
+
+function removeIfOppsiteDirRule(rule, direction, rootOptions) {
+  const selectors = rule.selector.split(/\s*,\s*/); // NOTE: if we use opposite dir selector as custom override reason,
   //  and compain normal selector with it, In this  case
   //  we just a have to remove that selector only not full rule
+
   const oppositeDirRegex = getOppositeRegex(direction);
   let remainingSelectors = selectors.filter(selector => !oppositeDirRegex.test(selector));
+
   if (!rootOptions.disableMiniFiySelector) {
     remainingSelectors = remainingSelectors.map(selector => selectorMinifySameDir(selector, direction));
   }
+
   if (remainingSelectors.length) {
     rule.selector = remainingSelectors.join(', ');
   } else {
@@ -70,13 +83,16 @@ function removeIfOppsiteDirRule(rule, direction, rootOptions) {
     rule.remove();
   }
 }
+
 function removeIfOppsiteDirKeyframe(rule, direction) {
   const name = rule.params;
   const keyFrameDirName = name.slice(name.lastIndexOf('-') + 1);
+
   if (keyFrameDirName === oppositeDir[direction]) {
     rule.remove();
   }
 }
+
 function separateSingleDir(root, direction, rootOptions) {
   root.walkRules(rule => {
     removeIfOppsiteDirRule(rule, direction, rootOptions);
@@ -87,11 +103,12 @@ function separateSingleDir(root, direction, rootOptions) {
   });
   return root;
 }
+
 function separateRtlAndLtr(css, rootOptions) {
   // let processor = postcss([]).process(css);
-  const root = postcss.parse(css);
-  // let { root } = processor;
+  const root = postcss.parse(css); // let { root } = processor;
   // NOTE: I did first rtl then ltr , Because  for ltr I use original root ref
+
   const rtlRoot = separateSingleDir(root.clone(), 'rtl', rootOptions);
   const ltrRoot = separateSingleDir(root, 'ltr', rootOptions);
   return {
@@ -100,11 +117,8 @@ function separateRtlAndLtr(css, rootOptions) {
     ltr: ltrRoot.toString(),
     rtl: rtlRoot.toString()
   };
-}
-
-// NOTE: to test in https://astexplorer.net/
+} // NOTE: to test in https://astexplorer.net/
 // you can test with sample input https://astexplorer.net/#/gist/a892a509eb585099355ef53ef094f836/1ca70d5f7af3b88ca4910296e12f118e9712c874
-
 // export default postcss.plugin('postcss-rtl-remove', (options = {}) =>
 //   // Work with options here
 //   root => {
@@ -113,7 +127,6 @@ function separateRtlAndLtr(css, rootOptions) {
 //     // root.append(postcss.comment({ text: 'comment' }));
 //     root.append(postcss.comment({ text: 'this  is  spliting part ' }));
 //     root.append(rtlRoot);
-
 //     // Transform CSS AST here
 //   }
 // );

package/lib/postcss-plugins/SelectorReplace.js

@@ -1,49 +1,63 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function validator(opts) {
   if (!opts || typeof opts !== 'object') {
     throw new Error('Always requires argment');
   }
+
   const {
     before,
     after
   } = opts;
+
   if (!before || !after) {
     throw new Error('Be sure to have "before" and "after" object names');
   }
+
   if (!Array.isArray(before) || !Array.isArray(after)) {
     throw new Error('Objects "before" and "after" must be of type Array');
   }
+
   if (before.length !== after.length) {
     throw new Error('Length of before and after options must be the same');
   }
+
   if (before.length === 0) {
     throw new Error('Array length is 1 or more');
   }
+
   before.forEach((beforeOpt, idx) => {
     const afterOpt = after[idx];
+
     switch (true) {
       case typeof beforeOpt === 'string':
         {
           if (!typeof afterOpt === 'string') {
             throw new Error(`The after option ${afterOpt} must be a string. If you want to apply the replace callback function, then use a RegExp for the before option`);
           }
+
           break;
         }
+
       case beforeOpt instanceof RegExp:
         {
           if (!typeof afterOpt === 'string' && !typeof afterOpt === 'function') {
             throw new Error(`The after option ${afterOpt} must be either a string, or a function`);
           }
+
           break;
         }
+
       default:
         throw new Error(`The before option ${beforeOpt} must be either a string, or a RegExp`);
     }
   });
 }
+
 module.exports = _postcss.default.plugin('postcss-selector-replace-new', opts => {
   validator(opts);
   const {
@@ -54,6 +68,7 @@ module.exports = _postcss.default.plugin('postcss-selector-replace-new', opts =>
     root.walkRules(rule => {
       before.forEach((beforeOpt, idx) => {
         const afterOpt = after[idx];
+
         if (typeof beforeOpt === 'string') {
           rule.selector = rule.selector.split(beforeOpt).join(afterOpt);
         } else {

package/lib/postcss-plugins/ValueReplacer.js

@@ -1,9 +1,10 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) =>
-// Work with options here
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
 root => {
   root.walkDecls(decl => {
     valueReplacer.forEach(obj => {
@@ -16,11 +17,9 @@ root => {
           } else {
             decl.value = decl.value.replace(k, obj.values[k]);
           }
-        });
-        //decl.value = obj.values[decl.value];
+        }); //decl.value = obj.values[decl.value];
       }
-    });
-    //console.log({root, roots:root+""}, root+"")
+    }); //console.log({root, roots:root+""}, root+"")
     // Transform CSS AST here
   });
 });

package/lib/postcss-plugins/__test__/hoverActivePlugin.spec.js

@@ -1,7 +1,9 @@
 "use strict";
 
 const fs = require('fs');
+
 const postcss = require('postcss');
+
 function expectRunPostCss(inputFile, outputfile, cb) {
   const inputStr = fs.readFileSync(inputFile, 'utf-8');
   postcss(plugins).process(inputStr, {
@@ -12,6 +14,7 @@ function expectRunPostCss(inputFile, outputfile, cb) {
     cb();
   });
 }
+
 describe('To Check Hover active postcss Plugin  ', () => {
   test('should handle normal rule hover', cb => {
     expectRunPostCss('test1Input.css', 'test1Output.css', cb);

package/lib/postcss-plugins/__test__/selectorReplace.test.js

@@ -11,21 +11,18 @@ let settings2 = {
     before: [':root', 'data-'],
     after: [':global .zohodesk_controlpanel,:global .wms-mainui,:global .wms-hysearch, :global .mcf1ee8b17_overlay,:global .wms-hvalign,  :global .KB_Editor_UploadImage,:global .zdeskEditor_popup, :global .ze_dd, :global .__baseZC_Container__', 'test-']
   }
-};
+}; //error case
 
-//error case
 let settings3 = {
   selectorReplace: {
     before: [':root', 'data-'],
     after: [':global .zohodesk_controlpanel,:global .wms-mainui,:global .wms-hysearch, :global .mcf1ee8b17_overlay,:global .wms-hvalign,  :global .KB_Editor_UploadImage,:global .zdeskEditor_popup, :global .ze_dd, :global .__baseZC_Container__']
   }
-};
+}; //error case
 
-//error case
 let settings4 = {
   selectorReplace: {
     before: [':root'],
     after: [':global .zohodesk_controlpanel,:global .wms-mainui,:global .wms-hysearch, :global .mcf1ee8b17_overlay,:global .wms-hvalign,  :global .KB_Editor_UploadImage,:global .zdeskEditor_popup, :global .ze_dd, :global .__baseZC_Container__', 'test-']
   }
-};
-// here conversion happens for data from one index to another
+}; // here conversion happens for data from one index to another

package/lib/postcss-plugins/__test__/valueReplacer.spec.js

@@ -1,10 +1,12 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
+
 var _ValueReplacer = _interopRequireDefault(require("../ValueReplacer"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable no-use-before-define */
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
 describe('postcss value replacer tests', () => {
   it('is creating value replaced code', () => {
     const cssInputStr = `.abc{ cursor : text }`;
@@ -35,6 +37,7 @@ describe('postcss value replacer tests', () => {
     expect(result.css).toEqual(cssOutputStr);
   });
 });
+
 function runValueReplacerForCssString(cssInputStr, cssOptions) {
   return (0, _postcss.default)([(0, _ValueReplacer.default)(cssOptions)]).process(cssInputStr);
 }