@zohodesk/react-cli 0.0.1-exp.168.1 → 0.0.1-exp.168.2

package/README.md

@@ -2,14 +2,12 @@
 
 A CLI tool for build modern web application and libraries
 
-# 0.0.1-exp.168.1
+# 0.0.1-exp.168.2
 
-Changes:-
+Changes :
 
-1. `cliRootPath` option removed `react-cli.app.cliRootPath` in `package.json`
-   Due to the reason we updated our logic to find package's executable path.
-2. `--efc_output_file=efc-sdk-[version].js` option added to modify efc output file by terminal
-3. added logic to print error message during command run, Previously when executable not found error messages not printed
+1. hoverActive case handled with postcss hover:hover media query and hover:none media query is added
+2. flag for hoverActive used to add/remove postcss changes
 
 # 0.0.1-beta.168
 
@@ -166,7 +164,7 @@ this version has same as `# 0.0.1-exp.164.1`, `# 0.0.1-exp.164.2` and below and
 
 # 0.0.1-exp.159
 
-- issue fix:-
+- isse fix:-
   - when rtl ltr css split enable manifest json css filename keys comes with hash .
 
 # 0.0.1-beta.158

package/bin/cli.js

@@ -1,26 +1,19 @@
 #!/usr/bin/env node
 
 const path = require('path');
+const os = require('os');
 const { existsSync } = require('fs');
-const { spawnSync: _spawnSync, spawn } = require('child_process');
+const { spawnSync, spawn } = require('child_process');
 const { getOptions } = require('../lib/utils/index.js');
 
 const { log } = require('../lib/utils');
-const { getCliPath } = require('../lib/servers/getCliPath.js');
 //initPreCommitHook();
 
 const options = getOptions();
 
-function spawnSync(...args) {
-  const result = _spawnSync(...args);
-  if (result.error) {
-    console.error(result.error);
-  }
-  return result;
-}
-
 const { esLint: esLintOptions } = options || {};
 const { preprocess } = options;
+let { cliRootPath } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -28,10 +21,27 @@ const {
   reportPath: reportPath
 } = esLintOptions || {};
 
+const isWindows = os.platform().toLowerCase() === 'win32';
+
 const [, , option] = process.argv;
 const args = process.argv.slice(3);
 const appPath = process.cwd();
 
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+
+if (!cliRootPath) {
+  cliRootPath = path.join(__dirname, '..');
+}
+
+const _getCliPath = !isNodeModuleUnderAppFolder
+  ? libName => path.join(cliRootPath, 'node_modules', '.bin', libName)
+  : libName => libName;
+const suffixExt = isWindows ? '.cmd' : '';
+
+function getCliPath(libName) {
+  return _getCliPath(libName) + suffixExt;
+}
+
 const webpack = getCliPath('webpack');
 
 const nodemon = getCliPath('nodemon');

package/lib/configs/webpack.dev.config.js

@@ -25,7 +25,9 @@ let {
     server,
     outputFolder,
     rtlExclude,
+    combinerMq,
     hasRTL,
+    hoverActive,
     cssUniqueness,
     seperateCssModules,
     changeRuntimeChunkChar,
@@ -98,10 +100,10 @@ module.exports = {
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, combinerMq, hoverActive, '[local]', false, null)
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, null, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, combinerMq, rtlExclude, hoverActive, null, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.tmpl$/,
       use: [{

package/lib/configs/webpack.docs.config.js

@@ -22,7 +22,9 @@ let {
     disableES5Transpile,
     enableChunkHash,
     cssUniqueness,
+    combinerMq,
     hasRTL,
+    hoverActive,
     rtlExclude,
     cssHashSelectors,
     classNamePrefix
@@ -73,7 +75,7 @@ module.exports = isSSTest => ({
       exclude: /node_modules/
     }, {
       test: /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, combinerMq, rtlExclude, hoverActive, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
     }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.html$/,
       use: {

package/lib/configs/webpack.impact.config.js

@@ -68,7 +68,7 @@ module.exports = {
       exclude: /node_modules/
     }, {
       test: /(\.module)?\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, combinerMq, hoverActive, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
     }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.html$/,
       use: {

package/lib/configs/webpack.prod.config.js

@@ -27,8 +27,10 @@ let {
     removeAttribute,
     enableSMap,
     server,
+    combinerMq,
     hasRTL,
     rtlExclude,
+    hoverActive,
     cssUniqueness,
     server: {
       mode
@@ -144,10 +146,10 @@ module.exports = {
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, hoverActive, keyframesRedMtn, '[local]', false, null)
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /\.css$/,
-      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, combinerMq, rtlExclude, hoverActive, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
       use: [{

package/lib/loaderUtils/getCSSLoaders.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 let options = (0, _utils.getOptions)();
 let isWin = process.platform === 'win32';
 
-let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix) => {
+let getCSSLoaders = (hasRTL, combinerMq, rtlExclude, hoverActive, classNameBlob, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix) => {
   const {
     devCssFileBountry
   } = options.app;
@@ -28,7 +28,8 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
   } = options.impactService;
   let rtlExcludeLocal = isWin ? rtlExclude.map(r => r.replace(/\//g, '\\')) : rtlExclude;
   let cssLoaderOptions = {
-    importLoaders: hasRTL ? 1 : 0,
+    // importLoaders: hasRTL||hoverActive ? 1 : 0,
+    importLoaders: 1,
     modules: {},
     sourceMap: true
   };
@@ -50,7 +51,8 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
         return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
       }
     })]
-  })].filter(Boolean);
+  }), // require('postcss-import')(),
+  combinerMq && require('postcss-combine-media-query')(), hoverActive && require('../postcss-plugins/hoverActivePlugin')()].filter(Boolean);
   return [cssSelectorZipPath && {
     loader: require.resolve('../loaders/selectorMappingLoader')
   }, {

package/lib/postcss-plugins/hoverActivePlugin.js

@@ -0,0 +1,264 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = _postcss.default.plugin("postcss-mobile-hover", () => {
+  return root => {
+    function checkHoverIgnore(rule, index) {
+      return rule.nodes !== undefined && rule.nodes[index - 1] !== undefined && rule.nodes[index - 1].type == "comment" && rule.nodes[index - 1].text.includes("hover:ignore");
+    }
+
+    function checkPositionNodeHov(parent) {
+      let clone = parent.clone();
+      clone.params = clone.params + " and (hover: hover)";
+      var posn = -1;
+      root.nodes.map((node, index) => {
+        if (node.params == clone.params) {
+          posn = index;
+        }
+      });
+      return posn;
+    }
+
+    function checkPositionNodeAct(parent) {
+      let clone = parent.clone();
+      clone.params = clone.params + " and (hover: none)";
+      var posn = -1;
+      root.nodes.map((node, index) => {
+        if (clone.params == node.params) {
+          posn = index;
+        }
+      });
+      return posn;
+    }
+
+    function checkPositionNodeFireFox(parent) {
+      var posn = -1;
+      root.nodes.map((nodes, index) => {
+        if (nodes.params == "all and (min--moz-device-pixel-ratio:0)") {
+          posn = index;
+        }
+      });
+      return posn;
+    }
+
+    const hoverRules = []; // Start by identifying all :hover rules
+
+    root.walkAtRules((atrule, index) => {
+      let hoverPresent = false;
+      atrule.walkRules((rule, index) => {
+        if (rule.selector.includes("hover")) {
+          hoverPresent = true;
+        }
+      });
+
+      if (hoverPresent) {
+        root.append({
+          name: "media",
+          params: atrule.params + " and (hover: hover)"
+        });
+        root.append({
+          name: "media",
+          params: atrule.params + " and (hover: none)"
+        });
+        root.append({
+          name: "media",
+          params: "all and (min--moz-device-pixel-ratio:0)"
+        });
+      }
+    });
+    root.walkRules(/:hover/i, (rule, index) => {
+      if (!checkHoverIgnore(rule, index)) {
+        // media hover query with ',' ' ' '+'
+        if (rule.parent.name != undefined && rule.parent.params !== undefined) {
+          //console.log(rule.parent.params)
+          // console.log("media query" , rule.selector)
+          if (rule.selector.includes(" ") && rule.selector.includes(",") || !rule.selector.includes(" ") && rule.selector.includes(",")) {
+            //console.log("media comma", rule.selector)
+            if (rule.parent.params != undefined && !rule.parent.params.includes("hover")) {
+              //console.log("not hovered")
+              var posHov = checkPositionNodeHov(rule.parent);
+              var actHov = checkPositionNodeAct(rule.parent);
+              var firHov = checkPositionNodeFireFox(rule.parent);
+              var hovMed = root.nodes[posHov];
+              var actMed = root.nodes[actHov];
+              var firMed = root.nodes[firHov]; //console.log(hovMed, actMed);
+
+              var str = ",";
+
+              if (rule.selector.includes(",\n")) {
+                str = ",\n";
+              }
+
+              rule.selector.split(str).map(subrule => {
+                subrule = subrule.trim();
+                let clone = rule.clone();
+
+                if (subrule.includes("hover")) {
+                  clone.selector = subrule;
+                  hovMed.append(clone);
+                  firMed.append(clone);
+                  actMed.append(clone.clone({
+                    selector: clone.selector.replace(/:hover/gi, ":active")
+                  }));
+                } else {
+                  clone.selector = subrule;
+                  root.append(clone);
+                }
+              });
+              rule.remove();
+            }
+          } else if (rule.selector.includes(" ") && rule.selector.includes("+") || !rule.selector.includes(" ") && rule.selector.includes("+")) {
+            //console.log("media plus", rule.selector)
+            if (rule.parent.params != undefined && !rule.parent.params.includes("hover")) {
+              //console.log("not hovered")
+              var posHov = checkPositionNodeHov(rule.parent);
+              var actHov = checkPositionNodeAct(rule.parent);
+              var firHov = checkPositionNodeFireFox(rule.parent);
+              var hovMed = root.nodes[posHov];
+              var actMed = root.nodes[actHov];
+              var firMed = root.nodes[firHov]; // console.log(hovMed, actMed);
+
+              if (rule.selector.includes("hover")) {
+                console.log(rule.selector);
+                firMed.append(rule);
+                hovMed.append(rule);
+                actMed.append(rule.clone({
+                  selector: rule.selector.replace(/:hover/gi, ":active")
+                }));
+              } else {
+                root.append(rule);
+              }
+            } else {// console.log(rule.selector)
+            }
+          } else if (rule.selector.includes(" ")) {
+            //console.log("media space", rule.selector)
+            if (rule.parent.params != undefined && !rule.parent.params.includes("hover")) {
+              //console.log("not hovered")
+              var posHov = checkPositionNodeHov(rule.parent);
+              var actHov = checkPositionNodeAct(rule.parent);
+              var firHov = checkPositionNodeFireFox(rule.parent);
+              var hovMed = root.nodes[posHov];
+              var actMed = root.nodes[actHov];
+              var firMed = root.nodes[firMed]; //console.log(hovMed, actMed);
+
+              if (rule.selector.includes("hover")) {
+                hovMed.append(rule);
+                actMed.append(rule.clone({
+                  selector: rule.selector.replace(/:hover/gi, ":active")
+                }));
+              } else {
+                root.append(rule);
+              }
+            }
+          }
+        } //usual hover query with ',' ' ' '+'
+        else if ((rule.selector.includes(",") || rule.selector.includes(" ") || rule.selector.includes("+")) && rule.parent.name == undefined) {
+          if (rule.selector.includes(" ") && rule.selector.includes(",") || !rule.selector.includes(" ") && rule.selector.includes(",")) {
+            //console.log("comma" , rule.selector.split('\n'));
+            rule.selector.split(",\n").map(subrule => {
+              subrule = subrule.trim();
+              let clone = rule.clone();
+
+              if (subrule.includes("hover")) {
+                clone.selector = subrule;
+                hoverRules.push(clone);
+              } else {
+                clone.selector = subrule;
+                root.append(clone);
+              }
+            });
+            rule.remove();
+          } else if (rule.selector.includes(" ") && rule.selector.includes("+") || !rule.selector.includes(" ") && rule.selector.includes("+")) {
+            //console.log("plus" , rule.selector);
+            if (rule.selector.includes("hover")) {
+              //console.log("plus:", rule.selector);
+              hoverRules.push(rule);
+              rule.remove();
+            }
+          } else if (rule.selector.includes(" ")) {
+            //console.log("space", rule.selector);
+            hoverRules.push(rule);
+            rule.remove();
+          }
+        } // usual hover query
+        else {
+          //console.log(rule);
+          if (rule.selector.includes("hover")) {
+            hoverRules.push(rule);
+          }
+        }
+      }
+    }); // 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) {
+      //console.log(hoverRules)
+      // Create a media query targetting ie10 + 11, as these browsers
+      // wont support @media (hover: hover) - but we know that this
+      // browser never runs on mobile devices, so we'll just push the
+      // hover rules there
+      // const ieQuery = root.append({
+      //     name: 'media',
+      //     params:
+      //         'all and ' +
+      //         '(-ms-high-contrast: none), ' +
+      //         '(-ms-high-contrast: active)'
+      // }).last;
+      // Create a media query targetting firefox, as this browser doesn't
+      // support @media (hover: hover)... Technically this browser could
+      // run on both desktop and mobile devices, but we're going to be
+      // applying :hover and hope for the best
+      const firefoxQuery = root.append({
+        name: "media",
+        params: "all and (min--moz-device-pixel-ratio:0)"
+      }).last; // Create a media query targetting devices that actually support
+      // hover
+
+      const hoverQuery = root.append({
+        name: "media",
+        params: "(hover: 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 = root.append({
+        name: "media",
+        params: "(hover: none)"
+      }).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.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
+        // expect the user's device to support hover
+        // ieQuery.append(hoverRule.clone());
+
+
+        firefoxQuery.append(hoverRule.clone());
+        hoverQuery.append(hoverRule.clone()); // Push a clone of the :hover rule, where we transform the
+        // selector to :active to the query targetting devices that
+        // don't support hover
+
+        activeQuery.append(hoverRule.clone({
+          selector: hoverRule.selector.replace(/:hover/gi, ":active")
+        })); // remove legacy rule from output
+
+        hoverRule.remove();
+      }
+    }
+  };
+});

package/lib/postcss-plugins/keyframesPlugin.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _postcss = _interopRequireWildcard(require("postcss"));
+
+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; }
+
+module.exports = _postcss.default.plugin("postcss-reduced-motion", () => {
+  function animDeclPosn(rule) {
+    let posn = -1;
+    rule.walkDecls((decl, index) => {
+      //console.log(decl.prop, " " , decl.value);
+      if (decl.prop.includes("animation")) {
+        //console.log(decl.prop," selected")
+        posn = index;
+      }
+    });
+    return posn;
+  }
+
+  return root => {
+    let redRules = [];
+    root.walkAtRules((atrule, index) => {
+      if (index != 0) {
+        //ignore case
+        let ignore = false;
+
+        if (root.nodes[index - 1].type == "comment") {
+          ignore = root.nodes[index - 1].text.includes("reduced-motion:ignore");
+        } //animation none push to reduced motion
+
+
+        if (!ignore) {
+          //console.log(atrule)
+          atrule.walkRules(rule => {
+            let pos = animDeclPosn(rule);
+
+            if (pos != -1) {
+              let ruleNew = rule.clone();
+              let decl = ruleNew.nodes[pos];
+              let declClone = decl.clone();
+              declClone.value = "none";
+              ruleNew.walkDecls(declVal => declVal.remove());
+              ruleNew.append(declClone);
+              let atRuleNew = atrule.clone();
+              atRuleNew.nodes = [];
+              atRuleNew.push(ruleNew);
+              redRules.push(atRuleNew);
+            }
+          });
+        }
+      } else {
+        //animation none push to reduced motion
+        //console.log(atrule)
+        atrule.walkRules(rule => {
+          let pos = animDeclPosn(rule);
+
+          if (pos != -1) {
+            let ruleNew = rule.clone();
+            let decl = ruleNew.nodes[pos];
+            let declClone = decl.clone();
+            declClone.value = "none";
+            ruleNew.walkDecls(declVal => declVal.remove());
+            ruleNew.append(declClone);
+            let atRuleNew = atrule.clone();
+            atRuleNew.nodes = [];
+            atRuleNew.push(ruleNew);
+            redRules.push(atRuleNew);
+          }
+        });
+      }
+    });
+    root.walkRules((rule, index) => {
+      if (rule.type === "rule" && rule.parent.name == undefined) {
+        if (index != 0) {
+          //ignore case
+          let ignore = false;
+
+          if (root.nodes[index - 1].type == "comment") {
+            ignore = root.nodes[index - 1].text.includes("reduced-motion:ignore");
+          } //animation none push to reduced motion
+
+
+          if (!ignore) {
+            //console.log(atrule)
+            rule.walkDecls(decl => {
+              if (decl != undefined && decl.prop.includes("animation")) {
+                let declClone = decl.clone();
+                let newRule = rule.clone();
+                declClone.value = "none";
+                newRule.walkDecls(declVal => declVal.remove());
+                newRule.append(declClone);
+                redRules.push(newRule);
+              }
+            });
+          }
+        } else {
+          //animation none push to reduced motion
+          //console.log(atrule)
+          rule.walkDecls(decl => {
+            if (decl != undefined && decl.prop.includes("animation")) {
+              let declClone = decl.clone();
+              let newRule = rule.clone();
+              declClone.value = "none";
+              newRule.walkDecls(declVal => declVal.remove());
+              newRule.append(declClone);
+              redRules.push(newRule);
+            }
+          });
+        }
+      }
+    });
+
+    if (redRules.length > 0) {
+      let redMtnQuery = (0, _postcss.atRule)({
+        name: "media",
+        params: "(prefers-reduced-motion)"
+      });
+      root.append(redMtnQuery).last;
+      redRules.map(rule => {
+        redMtnQuery.append(rule);
+      });
+    }
+  };
+});

package/lib/schemas/index.js

@@ -72,10 +72,7 @@ var _default = {
     createSDkFile: false,
     nameScope: 'ZOHODESK',
     version: 'default',
-    outputFile: {
-      value: 'efc-sdk-[version].js',
-      cli: 'efc_output_file'
-    },
+    outputFile: 'zohodesk-efc-sdk-[version].js',
     templateFilePath: '',
     localeAttr: 'data-efc-locale',
     localeDefaultValue: 'en_US',
@@ -218,6 +215,8 @@ var _default = {
       value: 'zd',
       cli: 'class_prefix'
     },
+    combinerMq: false,
+    hoverActive: false,
     selectorReplace: null,
     devConsoleExculde: {
       value: false,
@@ -271,6 +270,9 @@ var _default = {
       cli: 'css_unique'
     },
     enableChunkHash: false,
+    combinerMq: false,
+    hoverActive: false,
+    keyframesRedMtn: false,
     folder: 'src',
     disableES5Transpile: false,
     hasRTL: false,

package/lib/servers/getCliPath.js

@@ -9,22 +9,16 @@ var _path = _interopRequireDefault(require("path"));
 
 var _os = require("os");
 
-var _fs = require("fs");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let appPath = process.cwd();
 const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
 let isWindows = (0, _os.platform)().toLowerCase() === 'win32';
 
-const _getCliPath = !isNodeModuleUnderAppFolder ? libName => {
-  const cliPath = _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName);
-
-  return (0, _fs.existsSync)(cliPath) ? cliPath : libName;
-} : libName => libName;
+const _getCliPath = !isNodeModuleUnderAppFolder ? libName => _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName) : libName => libName;
 
 const suffixExt = isWindows ? '.cmd' : '';
 
 function getCliPath(libName) {
-  return _getCliPath(libName + suffixExt);
+  return _getCliPath(libName) + suffixExt;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-exp.168.1",
+  "version": "0.0.1-exp.168.2",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -91,8 +91,11 @@
     "nodemon": "2.0.4",
     "optimize-js": "1.0.3",
     "postcss": "7.0.32",
+    "postcss-combine-media-query": "^1.0.1",
     "postcss-hash-classname": "0.4.0",
+    "postcss-import": "^14.1.0",
     "postcss-loader": "3.0.0",
+    "postcss-mobile-hover": "^1.0.2",
     "postcss-selector-replace": "1.0.2",
     "prop-types": "15.7.2",
     "react": "16.13.1",

package/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "trailingComma": "none",
-  "singleQuote": true,
-  "jsxSingleQuote": true
-}