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

package/lib/plugins/UnusedFilesFindPlugin.js

@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _utils = require("../utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 let excludeDocsJSON = '{}';
-
 if (_fs.default.existsSync('./__testUtils__/conf/excludeDocs.json')) {
   excludeDocsJSON = _fs.default.readFileSync('./__testUtils__/conf/excludeDocs.json').toString();
-
   if (excludeDocsJSON.indexOf('\\') !== -1) {
     excludeDocsJSON = excludeDocsJSON.replace(/\\/g, '\\\\');
   }
 }
-
-let excludeDocsArray = JSON.parse(excludeDocsJSON); // if (Object.keys(excludeDocsArray).length > 0) {
+let excludeDocsArray = JSON.parse(excludeDocsJSON);
+// if (Object.keys(excludeDocsArray).length > 0) {
 // }
 
 let getRegex = regexString => regexString.map(str => new RegExp(str));
-
 class UnusedFilesFindPlugin {
   constructor(options = {}) {
     this.usedFilesExcludes = getRegex(options.usedFilesExcludes);
@@ -37,38 +29,28 @@ class UnusedFilesFindPlugin {
     this.sstest = options.ssTest || false;
     this.outputFileName = options.outputFileName;
     this.docsFilename = options.docsFilename || 'Undocsfiles.json';
-
     if (!this.origin) {
       throw new Error('You must provide origin point of the app');
     }
   }
-
   isIgnoredUsedFile(file) {
     let result;
-
     for (let i = 0; i < this.usedFilesExcludes.length; i++) {
       let exclude = this.usedFilesExcludes[i];
       result = exclude.test(file);
-
       if (result) {
         break;
       }
     }
-
     return result;
   }
-
   unDocumentedFiles(outputPath) {
     let status = _fs.default.existsSync(_path.default.join(outputPath, this.outputFileName));
-
     let unDocsCompObj = {};
-
     if (status) {
       let data = _fs.default.readFileSync(_path.default.join(outputPath, this.outputFileName)).toString();
-
       let walkSync = (dir, filelist = [], undocList = []) => {
         let files = _fs.default.readdirSync(dir);
-
         files.forEach(file => {
           if (_fs.default.statSync(`${dir}/${file}`).isDirectory()) {
             filelist = walkSync(`${dir}/${file}`, filelist, undocList); //eslint-disable-line
@@ -91,7 +73,6 @@ class UnusedFilesFindPlugin {
         unDocsCompObj.withoutDocs = undocList;
         return filelist;
       };
-
       unDocsCompObj.noEnteredComp = walkSync(_path.default.join(process.cwd(), 'src', 'components'), [], []);
       (0, _utils.writeFile)(_path.default.join(outputPath, this.docsFilename), JSON.stringify(unDocsCompObj));
       Object.keys(unDocsCompObj).forEach(key => {
@@ -108,27 +89,20 @@ class UnusedFilesFindPlugin {
       });
     }
   }
-
   isIgnoredAllFile(file) {
     let result;
-
     for (let i = 0; i < this.appFilesExcludes.length; i++) {
       let exclude = this.appFilesExcludes[i];
       result = exclude.test(file);
-
       if (result) {
         break;
       }
     }
-
     return result;
   }
-
   getAllFiles(rootPath) {
     let allFiles = [];
-
     let files = _fs.default.readdirSync(rootPath).map(file => _path.default.join(rootPath, file));
-
     files.forEach(file => {
       if (_fs.default.statSync(file).isDirectory()) {
         allFiles = allFiles.concat(this.getAllFiles(file));
@@ -140,7 +114,6 @@ class UnusedFilesFindPlugin {
     });
     return allFiles;
   }
-
   apply(compiler) {
     compiler.hooks.afterEmit.tap('UnusedFilesShowPlugin', compilation => {
       let {
@@ -150,7 +123,6 @@ class UnusedFilesFindPlugin {
         if (!this.isIgnoredUsedFile(usedFile)) {
           files[usedFile] = true;
         }
-
         return files;
       }, {});
       let allFiles = this.getAllFiles(this.origin);
@@ -160,7 +132,6 @@ class UnusedFilesFindPlugin {
           unusedFiles.push(file);
         }
       });
-
       if (!unusedFiles.length) {
         (0, _utils.log)('There is no unused files');
       } else {
@@ -174,18 +145,14 @@ class UnusedFilesFindPlugin {
           });
         }
       }
-
       if (this.delete) {
         unusedFiles.forEach(file => {
           _fs.default.unlinkSync(file);
-
           (0, _utils.log)(`Deleted - ${file}`);
         });
       }
     });
   }
-
 }
-
 var _default = UnusedFilesFindPlugin;
 exports.default = _default;

package/lib/plugins/index.js

@@ -111,41 +111,22 @@ Object.defineProperty(exports, "UnusedFilesFindPlugin", {
     return _UnusedFilesFindPlugin.default;
   }
 });
-
 var _ModuleStatsPlugin = _interopRequireDefault(require("./ModuleStatsPlugin"));
-
 var _SourceMapHookPlugin = _interopRequireDefault(require("./SourceMapHookPlugin"));
-
 var _UnusedFilesFindPlugin = _interopRequireDefault(require("./UnusedFilesFindPlugin"));
-
 var _ScriptInstrumentPlugin = _interopRequireDefault(require("./ScriptInstrumentPlugin"));
-
 var _PublicPathChangePlugin = _interopRequireDefault(require("./PublicPathChangePlugin"));
-
 var _OptimizeJSPlugin = _interopRequireDefault(require("./OptimizeJSPlugin"));
-
 var _ResourceHintsPlugin = _interopRequireDefault(require("./ResourceHintsPlugin"));
-
 var _UglifyCSSPlugin = _interopRequireDefault(require("./UglifyCSSPlugin"));
-
 var _ManifestPlugin = _interopRequireDefault(require("./ManifestPlugin"));
-
 var _CleanupStatsPlugin = _interopRequireDefault(require("./CleanupStatsPlugin"));
-
 var _EFCPlugin = _interopRequireDefault(require("./EFCPlugin"));
-
 var _PublicPathCallbackPlugin = _interopRequireDefault(require("./PublicPathCallbackPlugin"));
-
 var _I18NInjectIntoIndexPlugin = _interopRequireDefault(require("./I18NInjectIntoIndexPlugin"));
-
 var _ReportGeneratePlugin = _interopRequireDefault(require("./ReportGeneratePlugin"));
-
 var _ShadowDOMSupportPlugin = _interopRequireDefault(require("./ShadowDOMSupportPlugin"));
-
 var _ServiceWorkerPlugin = _interopRequireDefault(require("./ServiceWorkerPlugin"));
-
 var _TPHashMappingPlugin = _interopRequireDefault(require("./TPHashMappingPlugin"));
-
 var _CdnChangePlugin = _interopRequireDefault(require("./CdnChangePlugin"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/plugins/libraryImpactPlugin.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 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 {
@@ -31,27 +24,21 @@ let {
 (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')) {
     return true;
   }
-
   return !name.includes('index.js') && !name.endsWith('.css') && !name.endsWith('.png') && !name.includes('node_modules') && name.includes('src');
 };
-
 let getModuleName = modulePath => {
   let [name] = _path.default.parse(modulePath).name.split('.');
-
   if (modulePath.includes(`@zohodesk${_path.default.sep}components`)) {
     name = `@zohodesk/components/${name}`;
   } else if (modulePath.includes(`@zohodesk${_path.default.sep}dot`)) {
     name = `@zohodesk/dot/${name}`;
   }
-
   return name;
 };
-
 class LibraryImpactPlugin {
   constructor(options = {}) {
     this.options = options;
@@ -60,12 +47,10 @@ class LibraryImpactPlugin {
     this.bottomHtml = '</div> <script type="text/javascript"> const details = document.querySelectorAll("details"); details.forEach((targetDetail) => { targetDetail.addEventListener("click", () => { // Close all the details that are not targetDetail. details.forEach((detail) => { if (detail !== targetDetail) { detail.removeAttribute("open"); } }); }); }); </script></body></html>';
     this.resultJson = {};
   }
-
   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 ...');
@@ -78,13 +63,11 @@ class LibraryImpactPlugin {
       let {
         modules
       } = stats;
-
       for (let module of modules) {
         let {
           name,
           reasons
         } = module;
-
         if (isValidModule(name)) {
           let references = new Set();
           let referencedby = new Set();
@@ -93,7 +76,6 @@ class LibraryImpactPlugin {
           compilation.modules.forEach(module => {
             module.reasons.forEach(reason => {
               let exportedValue = reason.dependency;
-
               if (exportedValue.type === 'harmony export imported specifier') {
                 if (exportedValue.module.userRequest.includes(name.replace('.', ''))) {
                   docsName = exportedValue.name;
@@ -102,35 +84,29 @@ class LibraryImpactPlugin {
             });
           });
           let currentModuleName = name;
-
           if (Array.isArray(reasons)) {
             for (let reason of reasons) {
               let {
                 moduleName
               } = reason;
-
               if (isValidModule(moduleName)) {
                 let reasonedModuleName = moduleName;
                 referencedby.add(reasonedModuleName);
               }
             }
           }
-
           for (let subModule of modules) {
             let {
               name: subModuleName,
               reasons
             } = subModule;
-
             if (isValidModule(subModuleName)) {
               let currentModuleName = subModuleName;
-
               if (Array.isArray(reasons)) {
                 for (let reason of reasons) {
                   let {
                     moduleName: reasonedModuleName
                   } = reason;
-
                   if (name === reasonedModuleName) {
                     references.add(currentModuleName);
                   }
@@ -138,7 +114,6 @@ class LibraryImpactPlugin {
               }
             }
           }
-
           results[currentModuleName] = {
             name: currentModuleName,
             references: Array.from(references),
@@ -148,11 +123,9 @@ class LibraryImpactPlugin {
           };
         }
       }
-
       (0, _utils.getDependenciesImpactList)(currentBranch, referBranch, tokenGit, serviceName).then(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);
           this.resultJson.response.forEach(fileObject => {
@@ -167,15 +140,12 @@ class LibraryImpactPlugin {
           (0, _utils.log)(this.resultJson.result.message);
           this.topHtml = this.topHtml + '<div style="font-size: xxx-large; text-align: center; padding-top: 50px;"> ' + this.resultJson.result.message + '</div>';
         }
-
         if (!_fs.default.existsSync('./coverageTest')) {
           _fs.default.mkdirSync('./coverageTest');
-
           _fs.default.writeFileSync('./coverageTest/impactLibrary.html', this.topHtml + this.bottomHtml, 'utf8');
         } else {
           _fs.default.writeFileSync('./coverageTest/impactLibrary.html', this.topHtml + this.bottomHtml, 'utf8');
         }
-
         (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.endTime', Date.now());
       });
     });
@@ -184,7 +154,5 @@ class LibraryImpactPlugin {
       (0, _utils.log)('Compilation finished!!!');
     });
   }
-
 }
-
 exports.default = LibraryImpactPlugin;

package/lib/plugins/webpackwatchrunplugin.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 class WebpackWatchRunPlugin {
   apply(compiler) {
     compiler.hooks.watchRun.tap('WatchRun', comp => {
       const changedTimes = comp.watchFileSystem.watcher.mtimes;
       const changedFiles = Object.keys(changedTimes).map(file => `\n  ${file}`).join('');
-
       if (changedFiles.length) {
         (0, _utils.log)('====================================');
         (0, _utils.log)('NEW BUILD FILES CHANGED:', changedFiles);
@@ -20,7 +17,5 @@ class WebpackWatchRunPlugin {
       }
     });
   }
-
 }
-
 exports.default = WebpackWatchRunPlugin;

package/lib/postcss-plugins/ExcludePlugin.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 module.exports = _postcss.default.plugin('postcss-exclude-files', opts => {
   const {
     plugins
@@ -11,10 +9,8 @@ module.exports = _postcss.default.plugin('postcss-exclude-files', 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 (0, _postcss.default)(plugins).process(root, {
         from: undefined
       }).then(handler);

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -5,32 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.separateRtlAndLtr = separateRtlAndLtr;
 exports.separateSingleDir = separateSingleDir;
-
 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; }
-
 const oppositeDir = {
   ltr: 'rtl',
   rtl: 'ltr'
 };
-
 function compareSelector(selector1, selector2) {
   // console.log({ selector1, selector2 }, selector1 === selector2);
   return selector1 === selector2;
 }
-
 const directionRegexs = {
   ltr: /\[dir=ltr\]/,
   rtl: /\[dir=rtl\]/
 };
-
 const getRegex = dir => directionRegexs[dir];
-
 const getOppositeRegex = dir => getRegex(oppositeDir[dir]);
-
 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]
@@ -38,18 +29,16 @@ function selectorMinifySameDir(selector, direction) {
   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
- */
-
 
+/**
+ * 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 mergeIfSameSelector(rule) {
   // NOTE: to merge dublicate selector rules
   const prev = rule.prev();
-
   if (prev && compareSelector(prev.selector, rule.selector)) {
     rule.each(decl => {
       prev.append(decl);
@@ -57,27 +46,25 @@ 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
- */
-
 
+/**
+ * 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 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,
+  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 oppositeDirRegex = getOppositeRegex(direction);
   let remainingSelectors = selectors.filter(selector => !oppositeDirRegex.test(selector));
-
   if (!rootOptions.disableMiniFiySelector) {
     remainingSelectors = remainingSelectors.map(selector => selectorMinifySameDir(selector, direction));
   }
-
   if (remainingSelectors.length) {
     rule.selector = remainingSelectors.join(', ');
   } else {
@@ -85,17 +72,14 @@ function removeIfOppsiteDirRule(rule, direction, rootOptions) {
     rule.remove();
   }
 }
-
 function removeIfOppsiteDirKeyframe(rule, direction) {
   let name = rule.params;
   let keyFrameDirName = name.slice(name.lastIndexOf('-') + 1);
-
   if (keyFrameDirName === oppositeDir[direction]) {
     // console.log({ m: 'removed', keyFrameName: rule.params });
     rule.remove();
   }
 }
-
 function separateSingleDir(root, direction, rootOptions) {
   root.walkRules(rule => {
     removeIfOppsiteDirRule(rule, direction, rootOptions);
@@ -106,15 +90,14 @@ function separateSingleDir(root, direction, rootOptions) {
   });
   return root;
 }
-
 function separateRtlAndLtr(css, rootOptions) {
   // let processor = postcss([]).process(css);
-  let root = postcss.parse(css); // let { root } = processor;
+  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', rootOptions); // console.log('############################');
-
+  const rtlRoot = separateSingleDir(root.clone(), 'rtl', rootOptions);
+  // console.log('############################');
   const ltrRoot = separateSingleDir(root, 'ltr', rootOptions);
   return {
     ltrRoot,
@@ -122,8 +105,11 @@ function separateRtlAndLtr(css, rootOptions) {
     ltr: ltrRoot.toString(),
     rtl: rtlRoot.toString()
   };
-} // NOTE: to test in https://astexplorer.net/
+}
+
+// NOTE: to test in https://astexplorer.net/
 // you can test with sample input https://astexplorer.net/#/gist/a892a509eb585099355ef53ef094f836/1ca70d5f7af3b88ca4910296e12f118e9712c874
+
 // export default postcss.plugin('postcss-rtl-remove', (options = {}) =>
 //   // Work with options here
 //   root => {
@@ -132,6 +118,7 @@ function separateRtlAndLtr(css, rootOptions) {
 //     // root.append(postcss.comment({ text: 'comment' }));
 //     root.append(postcss.comment({ text: 'this  is  spliting part ' }));
 //     root.append(rtlRoot);
+
 //     //console.log({root, roots:root+""}, root+"")
 //     // Transform CSS AST here
 //   }

package/lib/postcss-plugins/ValueReplacer.js

@@ -1,9 +1,7 @@
 "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) => {
@@ -19,7 +17,8 @@ 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 => {
@@ -27,11 +26,15 @@ 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,9 +1,7 @@
 "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, {
@@ -14,7 +12,6 @@ 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/__test__/test1Input.css

@@ -1,39 +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
-  }
-  
+/*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
+  }
+  
 }