@zohodesk/react-cli 1.1.15-exp.1 → 1.1.15-exp.3

package/lib/postcss-plugins/AutoPrefixer.js

@@ -7,7 +7,8 @@ var _fs = _interopRequireDefault(require("fs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
-  const prefixes = JSON.parse(_fs.default.readFileSync('./defaultPrefixes.json', 'utf-8'));
+  const filePath = prefixConfig && prefixConfig.defaultPrefixesPath ? prefixConfig.defaultPrefixesPath : './defaultPrefixes.json';
+  const prefixes = JSON.parse(_fs.default.readFileSync(filePath, 'utf-8'));
   const prefixVals = Object.keys(prefixes).filter(key => prefixes[key].key);
   const prefixValObj = {};
   prefixVals.forEach(val => {
@@ -27,12 +28,13 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
         //   return;
         // }
 
-        const mozRule = rule.clone(); // custom value need to change
-
-        mozRule.name = replacements && replacements.mozilla ? replacements.mozilla : prefixes['@keyframes'].mozilla;
+        const mozRule = rule.clone();
 
         if (mozRule.name && prefixConfig.browsers && prefixConfig.browsers.mozilla) {
-          if (!prefixConfig.include['@keyframes'].mozilla) {
+          // custom value need to change
+          mozRule.name = replacements && replacements.mozilla ? replacements.mozilla : prefixes['@keyframes'].mozilla;
+
+          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].mozilla) {
             return;
           }
 
@@ -41,10 +43,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
         const chromeRule = rule.clone(); // custom value need to change
 
-        chromeRule.name = replacements && replacements.chrome ? replacements.chrome : prefixes['@keyframes'].chrome;
-
         if (chromeRule.name && prefixConfig.browsers && prefixConfig.browsers.chrome) {
-          if (!prefixConfig.include['@keyframes'].chrome) {
+          chromeRule.name = replacements && replacements.chrome ? replacements.chrome : prefixes['@keyframes'].chrome;
+
+          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].chrome) {
             return;
           }
 
@@ -53,10 +55,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
         const operaRule = rule.clone(); // custom value need to change
 
-        operaRule.name = replacements && replacements.opera ? replacements.opera : prefixes['@keyframes'].opera;
-
         if (operaRule.name && prefixConfig.browsers && prefixConfig.browsers.opera) {
-          if (!prefixConfig.include['@keyframes'].opera) {
+          operaRule.name = replacements && replacements.opera ? replacements.opera : prefixes['@keyframes'].opera;
+
+          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].opera) {
             return;
           }
 
@@ -65,10 +67,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
         const ieRule = rule.clone(); // custom value need to change
 
-        ieRule.name = replacements && replacements.ie ? replacements.ie : prefixes['@keyframes'].ie;
-
         if (ieRule.name && prefixConfig.browsers && prefixConfig.browsers.ie) {
-          if (!prefixConfig.include['@keyframes'].ie) {
+          ieRule.name = replacements && replacements.ie ? replacements.ie : prefixes['@keyframes'].ie;
+
+          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].ie) {
             return;
           }
 
@@ -96,10 +98,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
           const mozDecl = decl.clone(); // custom value need to change
 
-          mozDecl.prop = replacements && replacements.mozilla ? replacements.mozilla : prefixes[decl.prop].mozilla;
-
           if (mozDecl.prop && prefixConfig.browsers && prefixConfig.browsers.mozilla) {
-            if (!prefixConfig.include[decl.prop].mozilla) {
+            mozDecl.prop = replacements && replacements.mozilla ? replacements.mozilla : prefixes[decl.prop].mozilla;
+
+            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].mozilla) {
               return;
             }
 
@@ -108,10 +110,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
           const chromeDecl = decl.clone(); // custom value need to change
 
-          chromeDecl.prop = replacements && replacements.chrome ? replacements.chrome : prefixes[decl.prop].chrome;
-
           if (chromeDecl.prop && prefixConfig.browsers && prefixConfig.browsers.chrome) {
-            if (!prefixConfig.include[decl.prop].chrome) {
+            chromeDecl.prop = replacements && replacements.chrome ? replacements.chrome : prefixes[decl.prop].chrome;
+
+            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].chrome) {
               return;
             }
 
@@ -120,10 +122,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
           const operaDecl = decl.clone(); // custom value need to change
 
-          operaDecl.prop = replacements && replacements.opera ? replacements.opera : prefixes[decl.prop].opera;
-
           if (operaDecl.prop && prefixConfig.browsers && prefixConfig.browsers.opera) {
-            if (!prefixConfig.include[decl.prop].opera) {
+            operaDecl.prop = replacements && replacements.opera ? replacements.opera : prefixes[decl.prop].opera;
+
+            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].opera) {
               return;
             }
 
@@ -132,10 +134,10 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
           const ieDecl = decl.clone(); // custom value need to change
 
-          ieDecl.prop = replacements && replacements.ie ? replacements.ie : prefixes[decl.prop].ie;
-
           if (ieDecl.prop && prefixConfig.browsers && prefixConfig.browsers.ie) {
-            if (!prefixConfig.include[decl.prop].ie) {
+            ieDecl.prop = replacements && replacements.ie ? replacements.ie : prefixes[decl.prop].ie;
+
+            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].ie) {
               return;
             }
 

package/lib/schemas/index.js

@@ -292,10 +292,11 @@ var _default = {
       excludeStrings: []
     },
     prefixConfig: {
-      include: [],
+      include: {},
       exclude: [],
       replacements: null,
-      browsers: null
+      browsers: null,
+      defaultPrefixesPath: ''
     },
     seperateCssModules: {
       value: false,
@@ -415,10 +416,11 @@ var _default = {
       excludeStrings: []
     },
     prefixConfig: {
-      include: [],
+      include: {},
       exclude: [],
       replacements: null,
-      browsers: null
+      browsers: null,
+      defaultPrefixesPath: ''
     },
     cssHashSelectors: {
       filenames: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.15-exp.1",
+  "version": "1.1.15-exp.3",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",