@zohodesk/react-cli 0.0.1-test.148.2 → 1.0.0

package/lib/plugins/index.js

@@ -3,88 +3,82 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ModuleStatsPlugin", {
-  enumerable: true,
-  get: function () {
-    return _ModuleStatsPlugin.default;
-  }
-});
-Object.defineProperty(exports, "SourceMapHookPlugin", {
+Object.defineProperty(exports, "CdnChangePlugin", {
   enumerable: true,
   get: function () {
-    return _SourceMapHookPlugin.default;
+    return _CdnChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+Object.defineProperty(exports, "CleanUpStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _UnusedFilesFindPlugin.default;
+    return _CleanupStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "ScriptInstrumentPlugin", {
+Object.defineProperty(exports, "EFCPlugin", {
   enumerable: true,
   get: function () {
-    return _ScriptInstrumentPlugin.default;
+    return _EFCPlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathChangePlugin", {
+Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathChangePlugin.default;
+    return _I18NInjectIntoIndexPlugin.default;
   }
 });
-Object.defineProperty(exports, "OptimizeJSPlugin", {
+Object.defineProperty(exports, "ManifestPlugin", {
   enumerable: true,
   get: function () {
-    return _OptimizeJSPlugin.default;
+    return _ManifestPlugin.default;
   }
 });
-Object.defineProperty(exports, "ResourceHintsPlugin", {
+Object.defineProperty(exports, "ModuleStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _ResourceHintsPlugin.default;
+    return _ModuleStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "UglifyCSSPlugin", {
+Object.defineProperty(exports, "OptimizeJSPlugin", {
   enumerable: true,
   get: function () {
-    return _UglifyCSSPlugin.default;
+    return _OptimizeJSPlugin.default;
   }
 });
-Object.defineProperty(exports, "ManifestPlugin", {
+Object.defineProperty(exports, "PublicPathCallbackPlugin", {
   enumerable: true,
   get: function () {
-    return _ManifestPlugin.default;
+    return _PublicPathCallbackPlugin.default;
   }
 });
-Object.defineProperty(exports, "CleanUpStatsPlugin", {
+Object.defineProperty(exports, "PublicPathChangePlugin", {
   enumerable: true,
   get: function () {
-    return _CleanupStatsPlugin.default;
+    return _PublicPathChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "EFCPlugin", {
+Object.defineProperty(exports, "ReportGeneratePlugin", {
   enumerable: true,
   get: function () {
-    return _EFCPlugin.default;
+    return _ReportGeneratePlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathCallbackPlugin", {
+Object.defineProperty(exports, "ResourceHintsPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathCallbackPlugin.default;
+    return _ResourceHintsPlugin.default;
   }
 });
-Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
+Object.defineProperty(exports, "ScriptInstrumentPlugin", {
   enumerable: true,
   get: function () {
-    return _I18NInjectIntoIndexPlugin.default;
+    return _ScriptInstrumentPlugin.default;
   }
 });
-Object.defineProperty(exports, "ReportGeneratePlugin", {
+Object.defineProperty(exports, "ServiceWorkerPlugin", {
   enumerable: true,
   get: function () {
-    return _ReportGeneratePlugin.default;
+    return _ServiceWorkerPlugin.default;
   }
 });
 Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
@@ -93,10 +87,10 @@ Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
     return _ShadowDOMSupportPlugin.default;
   }
 });
-Object.defineProperty(exports, "ServiceWorkerPlugin", {
+Object.defineProperty(exports, "SourceMapHookPlugin", {
   enumerable: true,
   get: function () {
-    return _ServiceWorkerPlugin.default;
+    return _SourceMapHookPlugin.default;
   }
 });
 Object.defineProperty(exports, "TPHashMappingPlugin", {
@@ -105,10 +99,16 @@ Object.defineProperty(exports, "TPHashMappingPlugin", {
     return _TPHashMappingPlugin.default;
   }
 });
-Object.defineProperty(exports, "CdnChangePlugin", {
+Object.defineProperty(exports, "UglifyCSSPlugin", {
   enumerable: true,
   get: function () {
-    return _CdnChangePlugin.default;
+    return _UglifyCSSPlugin.default;
+  }
+});
+Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+  enumerable: true,
+  get: function () {
+    return _UnusedFilesFindPlugin.default;
   }
 });
 

package/lib/plugins/libraryImpactPlugin.js

@@ -11,19 +11,26 @@ var _fs = _interopRequireDefault(require("fs"));
 
 var _webpackSources = require("webpack-sources");
 
+var _jsonHelper = require("../utils/jsonHelper");
+
 var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+let resultFileName = `${process.cwd()}/result.json`;
 let options = (0, _utils.getOptions)();
 let {
   ssTest: {
     referBranch,
     currentBranch,
     serviceName,
-    tokenGit
+    tokenGit,
+    changesOnly
   }
 } = options;
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.compareBranch', referBranch);
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.TestBranch', currentBranch);
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.isExecuted', true);
 
 let isValidModule = name => {
   if (name.includes('node_modules') && (name.includes(`@zohodesk${_path.default.sep}components`) || name.includes(`@zohodesk${_path.default.sep}dot`) || name.includes(`@zohodesk${_path.default.sep}icons`) || name.includes(`@zohodesk${_path.default.sep}svg`)) && !name.endsWith('docs.js')) {
@@ -57,6 +64,8 @@ class LibraryImpactPlugin {
   apply(compiler) {
     let loggedInfo = false;
     compiler.hooks.beforeCompile.tap('LibraryImpactPlugin', () => {
+      (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.startTime', Date.now());
+
       if (!loggedInfo) {
         (0, _utils.log)('\x1b[33m%s\x1b[0m', '************************************************************ \n ');
         (0, _utils.log)('\x1b[5m\x1b[44m%s\x1b[0m', 'Finding Impacted Source Files Please Wait ...');
@@ -141,7 +150,8 @@ class LibraryImpactPlugin {
       }
 
       (0, _utils.getDependenciesImpactList)(currentBranch, referBranch, tokenGit, serviceName).then(impactedList => {
-        this.resultJson = (0, _utils.getLibraryConflict)(JSON.stringify(results), impactedList);
+        this.resultJson = (0, _utils.getLibraryConflict)(JSON.stringify(results), impactedList, changesOnly);
+        (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.result', this.resultJson);
 
         if (this.resultJson.result.status) {
           (0, _utils.log)(this.resultJson.response);
@@ -165,6 +175,8 @@ class LibraryImpactPlugin {
         } else {
           _fs.default.writeFileSync('./coverageTest/impactLibrary.html', this.topHtml + this.bottomHtml, 'utf8');
         }
+
+        (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.endTime', Date.now());
       });
     });
     compiler.hooks.done.tap('LibraryImpactPlugin', () => {

package/lib/postcss-plugins/{ExcludeRTLPlugin.js → ExcludePlugin.js}

@@ -4,7 +4,7 @@ var _postcss = _interopRequireDefault(require("postcss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-module.exports = _postcss.default.plugin('postcss-exclude-rtl-files', opts => {
+module.exports = _postcss.default.plugin('postcss-exclude-files', opts => {
   const {
     plugins
   } = opts;

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.separateSingleDir = separateSingleDir;
 exports.separateRtlAndLtr = separateRtlAndLtr;
+exports.separateSingleDir = separateSingleDir;
 
 var postcss = _interopRequireWildcard(require("postcss"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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',
@@ -30,11 +30,19 @@ const directionRegexs = {
 const getRegex = dir => directionRegexs[dir];
 
 const getOppositeRegex = dir => getRegex(oppositeDir[dir]);
-/**
- * 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 selectorMinifySameDir(selector, direction) {
+  // NOTE: if this rule is same dir as current need
+  //  then we can just remove that [dir=ltr] or [dir=rtl]
+  //  it just for minimaze selector
+  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
  */
 
 
@@ -49,30 +57,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 selectorClearify(selector, direction) {
-  // NOTE: if this rule is same dir as current need
-  //  then we can just remove that [dir=ltr] or [dir=rtl]
-  //  it just for minimaze selector
-  // NOTE: if we use opposite dir selector as custom override reason,
+
+function removeIfOppsiteDirRule(rule, direction, rootOptions) {
+  // console.log({ rule, type: rule.type });
+  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 regex = getRegex(direction);
-  const oppositeDirRegex = getOppositeRegex(direction);
-  return regex.test(selector) ? selector.replace(regex, '').trim() : oppositeDirRegex.test(selector) ? '' : selector;
-}
-/**
- * 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
- */
 
+  const oppositeDirRegex = getOppositeRegex(direction);
+  let remainingSelectors = selectors.filter(selector => !oppositeDirRegex.test(selector));
 
-function removeIfOppsiteDirRule(rule, direction) {
-  // console.log({ rule, type: rule.type });
-  const selectors = rule.selector.split(/\s*,\s*/);
-  const remainingSelectors = selectors.map(selector => selectorClearify(selector, direction)).filter(Boolean);
+  if (!rootOptions.disableMiniFiySelector) {
+    remainingSelectors = remainingSelectors.map(selector => selectorMinifySameDir(selector, direction));
+  }
 
   if (remainingSelectors.length) {
     rule.selector = remainingSelectors.join(', ');
@@ -92,9 +96,9 @@ function removeIfOppsiteDirKeyframe(rule, direction) {
   }
 }
 
-function separateSingleDir(root, direction) {
+function separateSingleDir(root, direction, rootOptions) {
   root.walkRules(rule => {
-    removeIfOppsiteDirRule(rule, direction);
+    removeIfOppsiteDirRule(rule, direction, rootOptions);
     mergeIfSameSelector(rule);
   });
   root.walkAtRules(rule => {
@@ -103,15 +107,15 @@ function separateSingleDir(root, direction) {
   return root;
 }
 
-function separateRtlAndLtr(css) {
+function separateRtlAndLtr(css, rootOptions) {
   // let processor = postcss([]).process(css);
   let root = postcss.parse(css); // let { root } = processor;
   // console.log(processor, root);
   // NOTE: I did first rtl then ltr , Because  for ltr I use original root ref
 
-  const rtlRoot = separateSingleDir(root.clone(), 'rtl'); // console.log('############################');
+  const rtlRoot = separateSingleDir(root.clone(), 'rtl', rootOptions); // console.log('############################');
 
-  const ltrRoot = separateSingleDir(root, 'ltr');
+  const ltrRoot = separateSingleDir(root, 'ltr', rootOptions);
   return {
     ltrRoot,
     rtlRoot,

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"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) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        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];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

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

@@ -0,0 +1,22 @@
+"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, {
+    from,
+    to
+  }).then(result => {
+    expect(result.css).toBe(fs.readFileSync(outputfile, 'utf-8'));
+    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__/test1Input.css

@@ -0,0 +1,39 @@
+/*Hover_active:ignore*/
+g,a:hover{
+	color : red
+}
+/*Hover:ignore*/
+h:hover{
+background : yellow
+}
+
+/* Hover_active:ignore */
+g,d+e:hover{
+	color : black
+}
+
+g,d e:hover{
+	color : black
+}
+
+@media screen and (max-width:61.25em){
+  /* Hover_active:ignore */
+  a,b,a:hover, b:hover{
+  background-color : blue
+  }
+  a + b,a:hover + b:hover{
+  background-color : blue
+  }
+  a b:hover{
+  background-color : blue
+  }
+  
+  .cc:hover {
+    color: red;
+  }
+
+  c:hover{
+  color : red
+  }
+  
+}

package/lib/postcss-plugins/__test__/test1Output.css

@@ -0,0 +1,39 @@
+/*Hover_active:ignore*/
+g,a:hover{
+	color : red
+}
+/*Hover:ignore*/
+h:hover{
+background : yellow
+}
+
+/* Hover_active:ignore */
+g,d+e:hover{
+	color : black
+}
+
+g,d e:hover{
+	color : black
+}
+
+@media screen and (max-width:61.25em){
+  /* Hover_active:ignore */
+  a,b,a:hover, b:hover{
+  background-color : blue
+  }
+  a + b,a:hover + b:hover{
+  background-color : blue
+  }
+  a b:hover{
+  background-color : blue
+  }
+  
+  .cc:hover {
+    color: red;
+  }
+
+  c:hover{
+  color : red
+  }
+  
+}