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

package/lib/plugins/VariableConversionCollector.js

@@ -0,0 +1,252 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _ErrorHandler = require("../postcss-plugins/variableModificationPlugin/ErrorHandler");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { RawSource } from 'webpack-sources';
+const ignoreVals = ['--zd_size', '--zd_font_size', '--size', '--size_']; // -- is issue IO -- 
+
+/*
+issues eg : 
+issues = ['--zd_size', '--zd_font_size', '--size', '--size_'];
+input : 
+--zd_size
+output : 
+true
+comment : 
+do not execute when --zd_size comes as prop 
+*/
+
+function isIgnoreValuePresent(ignoreVals, prop) {
+  let present = false;
+  ignoreVals.forEach(issue => {
+    if (prop && prop.includes(issue)) {
+      present = true;
+    }
+  });
+  return present;
+} // -- to convert the hyphen values to values -- 
+
+/*
+input : 
+var(--zdt_uploadlist_default_width)
+output : 
+--zdt_uploadlist_default_width
+
+comment : 
+to make the variable object using the output as key and decl.prop such as font-size as value 
+*/
+
+
+function extractVariableName(val) {
+  return val.replace(/calc\((.+)\)/gi, '$1').replace(/var\((.+)\)/gi, '$1').replace('-1', '').replace('*', '').replace('\n', '').trim();
+}
+
+function rootConvertor(rootOriginal, variables, settingsObject) {
+  rootOriginal.walkRules(rule => {
+    rule.nodes.forEach((decl, index) => {
+      let prevNode = rule.nodes[index - 1];
+      let currentNode = rule.nodes[index];
+
+      if (decl.prop && decl.prop.includes('--')) {
+        if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase() === 'variable:ignore') {
+          return;
+        }
+
+        if (isIgnoreValuePresent(ignoreVals, decl.prop)) {
+          return;
+        }
+
+        if (settingsObject[variables[decl.prop]]) {
+          /* if there is no value for property, set it to default so that undefined doesn't get called as key */
+          if (!variables[decl.prop] || !settingsObject[variables[decl.prop]]) {
+            variables[decl.prop] = 'default';
+          }
+
+          const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
+          let valArr = decl.value.split(' '); // single values are considered in the above array and converted below
+
+          valArr.forEach((value, index) => {
+            if (value.includes('px')) {
+              let num = value.replace('px', '');
+              valArr[index] = pxReplacement.replace('$$', num);
+            }
+          });
+          currentNode.value = valArr.join(' ');
+        }
+      }
+    });
+  });
+  return rootOriginal;
+}
+
+class VariableConversionCollector {
+  constructor(options = {}) {
+    this.optimize = options.optimize;
+    this.filename = options.cssVariableReplacementConfig;
+  }
+
+  apply(compiler) {
+    let variables = {};
+
+    const rawdata = _fs.default.readFileSync(this.filename);
+
+    const data = JSON.parse(rawdata);
+    const {
+      settings: settingsObject,
+      errorLog: errorLogStatus,
+      errorInConsole: errorConsoleStatus
+    } = data; // If theres is no setting for default prop in settingsObject, set one.
+
+    if (!settingsObject.default) {
+      settingsObject.default = {
+        allowed: ['px', 'em', 'fit-content', 'auto', '%', 'inherit', '-moz-fit-content', 'vh', '0', 'initial', 'vw'],
+        replacements: {
+          px: 'var(--zd_size$$)'
+        },
+        range: {
+          start: -99999,
+          end: 99999
+        }
+      };
+    }
+    /* 
+    purpose of tap : to create a variable object such as:
+    {
+      --zdt_uploadlist_default_width : width,
+      --zdt_uploadlist_default_height : height,
+    }
+    which will help in the conversion further
+    */
+
+
+    compiler.hooks.compilation.tap('VariableConversionCollector', compilation => {
+      compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
+        const mods = modules.filter(x => x.type.includes('css'));
+        mods.forEach(module => {
+          const rootOriginal = _postcss.default.parse(module.content);
+
+          const filename = module.issuer.resource;
+          rootOriginal.walkRules(rule => {
+            rule.walkDecls(decl => {
+              decl.value.split(' ').forEach(val => {
+                if (val && val.includes('--') && !new RegExp(ignoreVals.join('|'), 'gi').test(val)) {
+                  variables[extractVariableName(val)] = decl.prop;
+                }
+              });
+            });
+          });
+          /*
+           current value example: 
+           {
+              --zdt_uploadlist_default_width : --zd_upload_width,
+              --zd_upload_width : width
+           }
+           expected value : 
+           {
+             --zdt_uploadlist_default_width : width,
+             --zd_upload_width : width
+           }
+          
+           conversion is done in the while loop below
+          */
+
+          Object.keys(variables).forEach(key => {
+            while (variables[variables[key]]) {
+              variables[key] = variables[variables[key]];
+            }
+          });
+        });
+      }); // -- conversion for the root using rootConvertor -- 
+
+      /* 
+      input : 
+      .a{
+        padding : 20px 
+      }
+      output :
+      // on settingObject file : 
+      { padding : { replacements : { px : 'zd_size$$' }}} 
+      .a{
+        padding : zd_size20;
+      }
+      */
+
+      compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
+        const mods = modules.filter(x => x.type.includes('css'));
+        mods.forEach(module => {
+          const rootOriginal = _postcss.default.parse(module.content);
+
+          module.content = rootConvertor(rootOriginal, variables, settingsObject).toString();
+        });
+      });
+    });
+    /*
+      purpose of tap : to display the errors encountered so far 
+      input : 
+      all css files 
+      output : 
+      all errors that are present in the errTable arr
+    */
+
+    compiler.hooks.afterEmit.tap('error-display', () => {
+      const {
+        errors,
+        errTable
+      } = require('../postcss-plugins/variableModificationPlugin/index');
+
+      let avlTypes = new Set([]);
+      let srtArr = errTable.sort((a, b) => {
+        avlTypes.add(a.type);
+        avlTypes.add(b.type);
+
+        if (a.type < b.type) {
+          return -1;
+        }
+      });
+
+      if (errorConsoleStatus) {
+        const errHandler = new _ErrorHandler.ErrorHandler();
+        avlTypes.forEach(type => {
+          console.log('---------------------------------------------------------------------------------------------------------------------------');
+          console.log(`Error Type : ${type}`);
+          console.log('---------------------------------------------------------------------------------------------------------------------------');
+          srtArr.forEach(err => {
+            if (err.decl.prop && err.decl.value && err.type === type) {
+              errHandler.printError(err);
+            }
+          });
+          console.log('---------------------------------------------------------------------------------------------------------------------------');
+        });
+      }
+
+      if (errorLogStatus) {
+        _fs.default.writeFileSync('./css_error.log', '');
+
+        console.log('writing to logFile...');
+
+        if (errors.length > 0) {
+          errors.forEach((err, index) => {
+            if (errTable[index].decl.prop && errTable[index].decl.value) {
+              _fs.default.appendFileSync('./css_error.log', err);
+            }
+          });
+        }
+      }
+    });
+  }
+
+}
+
+var _default = VariableConversionCollector;
+exports.default = _default;

package/lib/plugins/composeCommonPlugin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class ComposeCommonPlugin {
+  constructor(options = {}) {
+    this.optimize = options.optimize;
+  }
+
+  apply(compiler) {
+    compiler.hooks.compilation.tap('OptimizeJSPlugin', compilation => {
+      compilation.hooks.optimizeModules.tap('OptimizeMods', modules => {
+        modules.forEach(module => {
+          console.log(module);
+        });
+      });
+    });
+  }
+
+}
+
+var _default = ComposeCommonPlugin;
+exports.default = _default;

package/lib/plugins/index.js

@@ -111,22 +111,41 @@ 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,12 +4,19 @@ 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 {
@@ -24,21 +31,27 @@ 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;
@@ -47,10 +60,12 @@ 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 ...');
@@ -63,11 +78,13 @@ 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();
@@ -76,6 +93,7 @@ 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;
@@ -84,29 +102,35 @@ 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);
                   }
@@ -114,6 +138,7 @@ class LibraryImpactPlugin {
               }
             }
           }
+
           results[currentModuleName] = {
             name: currentModuleName,
             references: Array.from(references),
@@ -123,9 +148,11 @@ 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 => {
@@ -140,12 +167,15 @@ 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());
       });
     });
@@ -154,5 +184,7 @@ class LibraryImpactPlugin {
       (0, _utils.log)('Compilation finished!!!');
     });
   }
+
 }
+
 exports.default = LibraryImpactPlugin;

package/lib/plugins/webpackwatchrunplugin.js

@@ -4,12 +4,15 @@ 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);
@@ -17,5 +20,7 @@ class WebpackWatchRunPlugin {
       }
     });
   }
+
 }
+
 exports.default = WebpackWatchRunPlugin;

package/lib/postcss-plugins/ExcludePlugin.js

@@ -1,7 +1,9 @@
 "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
@@ -9,8 +11,10 @@ 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,23 +5,32 @@ 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]
@@ -29,16 +38,18 @@ 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
  */
+
+
 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);
@@ -46,25 +57,27 @@ 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 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 {
@@ -72,14 +85,17 @@ 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);
@@ -90,14 +106,15 @@ 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,
@@ -105,11 +122,8 @@ 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 => {
@@ -118,7 +132,6 @@ 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
 //   }