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

package/lib/postcss-plugins/ValueReplacer.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // module.exports = postcss.plugin('postcss-value-replacer', opts => {
 //   const { plugins } = opts;
 //   return (root, result) => {
@@ -17,8 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //   };
 // });
 // export default 
-module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) =>
-// Work with options here
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
 root => {
   root.walkDecls(decl => {
     valueReplacer.forEach(obj => {
@@ -26,15 +27,11 @@ root => {
         let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
         ks.forEach(k => {
           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
-  });
-
-  // root.walkDecls(decl => {
+  }); // root.walkDecls(decl => {
   //   valueReplacer.forEach(obj => {
   //     if (
   //       obj.props.indexOf(decl.prop) !== -1 &&

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/hoverActivePlugin.js

@@ -1,24 +1,28 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * we have give support for ignore(exclude) comments
  * These are the comments' keyword
  */
 const hoverIgnoreQuery = 'Hover:ignore',
-  activeIgnoreQuery = 'Active:ignore',
-  hoverActiveIgnoreQuery = 'HoverActive:ignore';
+      activeIgnoreQuery = 'Active:ignore',
+      hoverActiveIgnoreQuery = 'HoverActive:ignore';
 const medHoverIgnoreQuery = 'MedHover:ignore',
-  medActiveIgnoreQuery = 'MedActive:ignore',
-  medHoverActiveIgnoreQuery = 'MedHoverActive:ignore';
+      medActiveIgnoreQuery = 'MedActive:ignore',
+      medHoverActiveIgnoreQuery = 'MedHoverActive:ignore';
 let hoverMedQuerySuffix = '';
 let hoverNoneMedQuerySuffix = '';
 const ruleIgnoreCommentRegex = /(Hover:ignore|Active:ignore|HoverActive:ignore)/g;
 const mediaQueryIgnoreCommentRegex = /(MedHover:ignore|MedActive:ignore|MedHoverActive:ignore)/g;
+
 function isComment(node) {
   return node && node.type === 'comment' && node.text !== undefined;
 }
+
 function isHoverPresent(atrule) {
   let hoverPresent = false;
   atrule.walkRules(rule => {
@@ -28,6 +32,7 @@ function isHoverPresent(atrule) {
   });
   return hoverPresent;
 }
+
 function checkForUsualClass(root, sel) {
   let present = false;
   sel.split(',').forEach(value => {
@@ -42,24 +47,31 @@ function checkForUsualClass(root, sel) {
   });
   return present;
 }
+
 module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHoverActiveString => rootOriginal => {
   const hoverRules = [];
   const positionsObj = {};
   hoverMedQuerySuffix = mediaQueryHoverActiveString.hover;
   hoverNoneMedQuerySuffix = mediaQueryHoverActiveString.none;
+
   function isRuleHasIgnoreComment(index, type) {
     const prevNode = rootOriginal.nodes[index - 1];
+
     if (isComment(prevNode)) {
       return prevNode.text === type;
     }
+
     return false;
   }
+
   function isMediaQueryHasIgnoreComment(node, type) {
     if (isComment(node)) {
       return node.text === type;
     }
+
     return false;
   }
+
   function hasIgnoreComment({
     index,
     atrule,
@@ -68,11 +80,14 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
     if (type.match(mediaQueryIgnoreCommentRegex)) {
       return isMediaQueryHasIgnoreComment(atrule.nodes[index - 1], type.slice(3));
     }
+
     if (type.match(ruleIgnoreCommentRegex)) {
       return isRuleHasIgnoreComment(index, type);
     }
+
     return false;
   }
+
   function getPositionsOfHoverAndActiveMedQueries(parent) {
     const allNodes = rootOriginal.nodes;
     const hoverMediaQuery = `${parent.params} and ${hoverMedQuerySuffix}`;
@@ -83,6 +98,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
     };
     return positions;
   }
+
   function handleMedHoverAndHoverActiveIgnore(atrule, index) {
     return !hasIgnoreComment({
       atrule,
@@ -94,6 +110,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: medHoverActiveIgnoreQuery
     });
   }
+
   function handleMedActiveAndHoverActiveIgnore(atrule, index) {
     return !hasIgnoreComment({
       atrule,
@@ -105,6 +122,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: medHoverActiveIgnoreQuery
     });
   }
+
   function handleHoverAndHoverActiveIgnore(index) {
     return !hasIgnoreComment({
       index,
@@ -114,6 +132,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function handleActiveAndHoverActiveIgnore(index) {
     return !hasIgnoreComment({
       index,
@@ -123,6 +142,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function handleAllIgnoreCases(index) {
     return !hasIgnoreComment({
       index,
@@ -135,6 +155,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function mediaCommaQuery(rule, index) {
     if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
       //console.log(hovMed, actMed);
@@ -147,12 +168,16 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       const actQueries = [];
       rule.selector.split(/\s*,\s*/).forEach(_subrule => {
         const subrule = _subrule.trim();
+
         const clone = rule.clone();
+
         if (subrule.includes('hover')) {
           clone.selector = subrule;
+
           if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
             hovQueries.push(subrule);
           }
+
           if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
             actQueries.push(subrule);
           }
@@ -160,11 +185,13 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           newSelector += `${subrule}, `;
         }
       });
+
       if (hovQueries.length > 0) {
         const clone = rule.clone();
         clone.selector = hovQueries.join(',');
         hovMed.append(clone);
       }
+
       if (actQueries.length > 0) {
         const clone = rule.clone();
         clone.selector = actQueries.join(',');
@@ -172,24 +199,29 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           selector: clone.selector.replace(/:hover/gi, ':active')
         }));
       }
+
       if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
         rule.selector = newSelector.substring(0, newSelector.length - 2);
       }
+
       if (rule.selector === '') {
         rule.remove();
       }
     }
   }
+
   function mediaQuery(rule, index) {
     if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
       const {
         hovMed,
         actMed
       } = getPositionsOfHoverAndActiveMedQueries(rule.parent);
+
       if (rule.selector.includes('hover') && hovMed !== undefined && rule.parent.type === 'atrule') {
         if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
           hovMed.append(rule);
         }
+
         if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
           actMed.append(rule.clone({
             selector: rule.selector.replace(/:hover/gi, ':active')
@@ -198,12 +230,14 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       }
     }
   }
+
   function commaQuery(rule, index) {
     //console.log("comma" , rule.selector.split('\n'));
     let newSelector = '';
     const hovQueries = [];
     rule.selector.split(/\s*,\s*/).forEach(_subrule => {
       const subrule = _subrule.trim();
+
       if (subrule.includes('hover')) {
         // hoverRules.push({ rule: clone, index });
         hovQueries.push(subrule);
@@ -211,6 +245,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
         newSelector += `${subrule}, `;
       }
     });
+
     if (hovQueries.length > 0) {
       const clone = rule.clone();
       clone.selector = hovQueries.join(',');
@@ -219,20 +254,23 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
         index
       });
     }
+
     if (handleHoverAndHoverActiveIgnore(index)) {
       if (checkForUsualClass(rootOriginal, rule.selector)) {
         rule.selector = newSelector.substring(0, newSelector.length - 2).trim();
       }
     }
+
     if (rule.selector === '') {
       rule.remove();
     }
-  }
+  } // Start by identifying all :hover rules
+
 
-  // Start by identifying all :hover rules
   rootOriginal.walkAtRules(atrule => {
     const hoverQuery = `${atrule.params} and ${hoverMedQuerySuffix}`;
     const activeQuery = `${atrule.params} and ${hoverNoneMedQuerySuffix}`;
+
     if (isHoverPresent(atrule)) {
       if (!positionsObj[hoverQuery] && !positionsObj[activeQuery]) {
         rootOriginal.append({
@@ -258,17 +296,17 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       // plus, space and other media queries
       //console.log("media", rule.selector)
       mediaQuery(rule, index);
-    }
+    } // usual hover query
+
 
-    // usual hover query
     if (!rule.selector.match(/,+| +|\++/g) && rule.parent !== undefined && rule.parent.name === undefined) {
       hoverRules.push({
         rule,
         index
       });
-    }
+    } //usual hover query with ',' ' ' '+'
+
 
-    //usual hover query with ',' ' ' '+'
     if (rule.selector.match(/,+| +|\++/g) && rule.parent.name === undefined) {
       if (rule.selector.includes(',')) {
         commaQuery(rule, index);
@@ -278,69 +316,66 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           hoverRules.push({
             rule,
             index
-          });
-          //rule.remove();
+          }); //rule.remove();
         }
       }
     }
-  });
-  // If there are any :hover rules in the input, then create media queries
+  }); // If there are any :hover rules in the input, then create media queries
   // to automatically translate it into :active on touch-based devices
+
   if (hoverRules.length > 0) {
     // Create a media query targetting devices that actually support
     // hover
     const hoverQuery = rootOriginal.append({
       name: 'media',
       params: `${hoverMedQuerySuffix}`
-    }).last;
-    // Create a media query targetting devices that don't support hover
+    }).last; // Create a media query targetting devices that don't support hover
     // (ie. devices where we should fall back to :active instead)
+
     const activeQuery = rootOriginal.append({
       name: 'media',
       params: `${hoverNoneMedQuerySuffix}`
-    }).last;
-
-    // Loop through the hover rules and apply them to each of the media
+    }).last; // Loop through the hover rules and apply them to each of the media
     // queries
     // eslint-disable-next-line no-labels
+
     outerLoop: for (const hoverRule of hoverRules) {
       // determine if the rule has been nested inside another media
       // query; in that case bail out as we have no way of reliably
       // nesting these queries
       let parentRule = hoverRule.rule.parent;
+
       while (parentRule) {
         if (parentRule.type === 'atrule' && parentRule.name === 'media') {
           // eslint-disable-next-line no-labels
           continue outerLoop;
         }
-        parentRule = parentRule.parent;
-      }
 
-      // Push a clone of the :hover rule 'as is' to queries where we
+        parentRule = parentRule.parent;
+      } // Push a clone of the :hover rule 'as is' to queries where we
       // expect the user's device to support hover
       // ieQuery.append(hoverRule.clone());
 
+
       if (handleHoverAndHoverActiveIgnore(hoverRule.index)) {
         hoverQuery.append(hoverRule.rule.clone());
-      }
-
-      // Push a clone of the :hover rule, where we transform the
+      } // Push a clone of the :hover rule, where we transform the
       // selector to :active to the query targetting devices that
       // don't support hover
+
+
       if (handleActiveAndHoverActiveIgnore(hoverRule.index)) {
         activeQuery.append(hoverRule.rule.clone({
           selector: hoverRule.rule.selector.replace(/:hover/gi, ':active')
         }));
-      }
+      } // remove legacy rule from output
+
 
-      // remove legacy rule from output
       if (handleAllIgnoreCases(hoverRule.index)) {
         hoverRule.rule.remove();
       }
     }
-  }
-
-  // rootOriginal.walkAtRules(atrule => {
+  } // rootOriginal.walkAtRules(atrule => {
   //   if (
   //     (atrule !== undefined &&
   //       atrule.nodes !== undefined &&
@@ -350,4 +385,5 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
   //     atrule.remove();
   //   }
   // });
+
 });

package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js

@@ -4,28 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorHandler = void 0;
+
 class ErrorHandler {
   constructor(allowedErrs) {
     this.errors = [];
+    this.errorTable = [];
     this.allowedErrs = allowedErrs;
+    Object.assign(this, {
+      DECLARATION_IGNORED: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : Declaration Ignored`),
+      DECIMAL_CHECK: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      DECIMAL_REJECT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      UNIT_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      RANGE_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}\r`),
+      VARIABLE_PRESENT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`)
+    });
+  }
+
+  setAllowedErrs(allErrs) {
+    this.allowedErrs = allErrs;
+    ['DECLARATION_IGNORED', 'DECIMAL_CHECK', 'DECIMAL_REJECT', 'UNIT_ERROR', 'RANGE_ERROR', 'VARIABLE_PRESENT'].forEach(err => {
+      if (!this.allowedErrs[err]) {
+        this[err] = () => null;
+      }
+    });
   }
+
   addError(errstr) {
     this.errors.push(`{\n${errstr}\n}\n`);
   }
-  errorFunction(errStr, type) {
-    const {
-      addError,
-      allowedErrs
-    } = this;
-    if (type === 'DECLARATION_IGNORED' && allowedErrs.DECLARATION_IGNORED) {
-      addError(errStr);
-    } else if (type === 'UNIT_ERROR' && allowedErrs.UNIT_ERROR) {
-      addError(errStr);
-    } else if (type === 'RANGE_ERROR' && allowedErrs.RANGE_ERROR) {
-      addError(errStr);
-    } else if (type === 'VARIABLE_PRESENT' && allowedErrs.VARIABLE_PRESENT) {
-      addError(errStr);
+
+  errorFunction(errObj) {
+    if (errObj.type && this.allowedErrs[errObj.type] && errObj.decl.prop && errObj.decl.value) {
+      this[errObj.type](errObj);
     }
   }
+
+  printError(errObj) {
+    console.log('{');
+    Object.keys(errObj).sort().forEach(key => {
+      if (key !== 'decl') {
+        console.log(`${key} : ${errObj[key]}`);
+      } else {
+        console.log(`prop : ${errObj.decl.prop}`);
+        console.log(`value : ${errObj.decl.value}`);
+        console.log(`linenum : ${errObj.decl.source.start.line}`);
+      }
+    });
+    console.log('}\n');
+  }
+
 }
+
 exports.ErrorHandler = ErrorHandler;