@zohodesk/react-cli 1.0.3 → 1.1.0

package/lib/postcss-plugins/variableModifier.js

@@ -1,210 +0,0 @@
-"use strict";
-
-const postcss = require('postcss');
-
-const path = require('path');
-
-const fs = require('fs');
-
-function populateArray(start, end) {
-  const temp = [];
-
-  for (let i = start; i < end; i++) {
-    temp.push(i);
-  }
-
-  return temp;
-}
-
-const allwdVars = {
-  'font-size': ['px', 'em']
-};
-const numberObject = {
-  'font-size': {
-    allowed: ['px', 'em'],
-    replacements: {
-      px: 'var(--zd_font_size$$)',
-      em: 'var(--zd_font_size$$em)'
-    },
-    //[5,10,15,20,25],
-    available: populateArray(0, 251),
-    replacementValues: {
-      px: [],
-      em: []
-    }
-  },
-  'margin': {
-    allowed: ['px'],
-    replacements: {
-      px: 'var(--zd_size$$)'
-    },
-    available: populateArray(-250, 251),
-    replacementValues: {
-      px: []
-    }
-  },
-  'margin-left': {
-    allowed: ['px'],
-    replacements: {
-      px: 'var(--zd_size$$)'
-    },
-    available: populateArray(-250, 251),
-    replacementValues: {
-      px: []
-    }
-  },
-  'margin-right': {
-    allowed: ['px'],
-    replacements: {
-      px: 'var(--zd_size$$)'
-    },
-    available: populateArray(-250, 251),
-    replacementValues: {
-      px: []
-    }
-  },
-  'margin-top': {
-    allowed: ['px'],
-    replacements: {
-      px: 'var(--zd_size$$)'
-    },
-    available: populateArray(-250, 251),
-    replacementValues: {
-      px: []
-    }
-  },
-  'margin-bottom': {
-    allowed: ['px'],
-    replacements: {
-      px: 'var(--zd_size$$)'
-    },
-    available: populateArray(-250, 251),
-    replacementValues: {
-      px: []
-    }
-  }
-};
-
-function hasIgnoreComment(node) {
-  return node ? node.type == 'comment' ? node.text == 'Variable:Ignore' ? true : false : false : false;
-}
-
-const errors = [];
-module.exports = postcss.plugin('postcss-variable-report', () => rootOriginal => {
-  if (!rootOriginal.source.input.file.includes('css_error')) {
-    rootOriginal.walkRules(rule => {
-      rule.walkDecls((decl, position) => {
-        // case font-size
-        if (!hasIgnoreComment(rule.nodes[position - 1])) {
-          const unit = decl.value.replace(/[0-9]/g, '');
-          const settings = numberObject[decl.prop];
-          const path = rootOriginal.source.input.from;
-          let filename = path.split('\\');
-          filename = filename[filename.length - 1];
-
-          if (decl.prop === 'font-size' || decl.prop === 'margin-left' || decl.prop === 'margin-right' || decl.prop === 'margin-top' || decl.prop === 'margin-bottom') {
-            const {
-              allowed,
-              replacements,
-              available
-            } = settings;
-
-            if (!rootOriginal.source.input.from.includes('node_modules')) {
-              if (unit != 0) {
-                if (allowed.includes(unit)) {
-                  if (available.includes(parseInt(decl.value))) {
-                    // replacementValues[unit].push({[decl.value] : replacements[unit].replace('$$', parseInt(decl.value))})
-                    decl.value = replacements[unit].replace('$$', parseInt(decl.value));
-                  } else {
-                    const err = {
-                      prop: decl.prop,
-                      value: decl.value,
-                      filename,
-                      filepath: rootOriginal.source.input.from,
-                      line: decl.source.start.line,
-                      unit,
-                      message: 'value not available consider others'
-                    };
-                    errors.push(err);
-                  }
-                } else {
-                  const err = {
-                    prop: decl.prop,
-                    value: decl.value,
-                    filename,
-                    filepath: rootOriginal.source.input.from,
-                    line: decl.source.start.line,
-                    unit,
-                    message: 'Unit not supported'
-                  };
-                  errors.push(err);
-                }
-              }
-            }
-          } else if (decl.prop === 'margin') {
-            const {
-              allowed,
-              replacements,
-              available
-            } = settings;
-            const valArr = decl.value.split(' ');
-            let hasError = false;
-            let newVal = '';
-            valArr.forEach(val => {
-              const unit = val.replace(parseInt(val), '');
-              const numVal = parseInt(val);
-
-              if (unit != 0) {
-                if (allowed.includes(unit)) {
-                  if (available.includes(numVal)) {
-                    if (numVal >= 0) {
-                      if (!hasError) {
-                        newVal += `${replacements[unit].replace('$$', numVal)} `;
-                      }
-                    } else {
-                      if (!hasError) {
-                        newVal += `calc(${replacements[unit].replace('$$', numVal * -1)} * -1)` + ' ';
-                      }
-                    }
-                  } else {
-                    hasError = true;
-                    const err = {
-                      prop: decl.prop,
-                      value: numVal,
-                      filename,
-                      filepath: rootOriginal.source.input.from,
-                      line: decl.source.start.line,
-                      unit,
-                      message: 'value not available consider others'
-                    };
-                    errors.push(err);
-                  }
-                } else {
-                  hasError = true;
-                  const err = {
-                    prop: decl.prop,
-                    value: decl.value,
-                    filename,
-                    filepath: rootOriginal.source.input.from,
-                    line: decl.source.start.line,
-                    unit,
-                    message: 'Unit not supported'
-                  };
-                  errors.push(err);
-                }
-              }
-            });
-
-            if (!hasError) {
-              decl.value = newVal;
-            }
-          }
-        }
-      });
-    });
-    const errorArr = [];
-    errors.forEach(errStr => {
-      errorArr.push(` prop: ${errStr.prop} ,\n value : ${errStr.value} ,\n filename : ${errStr.filename} ,\n filepath : ${errStr.filepath} ,\n line : ${errStr.line} ,\n unit : ${errStr.unit} ,\n message : ${errStr.message} \r`);
-    });
-  }
-});