@zohodesk/react-cli 1.1.14-kubernetes → 1.1.15

package/lib/loaders/composeLoader.js

@@ -0,0 +1,298 @@
+"use strict";
+
+var _path = _interopRequireDefault(require("path"));
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _classHandling = require("../../lib/plugins/utils/classHandling");
+
+var _fileHandling = require("../plugins/utils/fileHandling");
+
+var _utils = require("../utils");
+
+var _ignore = _interopRequireDefault(require("ignore"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const supportedProps = ['margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'margin', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', 'padding', 'top', 'bottom', 'left', 'right', 'height', 'width', 'min-height', 'min-width', 'max-height', 'max-width', 'float', 'overflow', 'position', 'display', 'text-align', 'white-space', 'visibility'];
+const renameProps = {
+  position: {
+    cls: 'posn'
+  },
+  display: {
+    cls: 'disp'
+  },
+  float: {
+    cls: 'flo'
+  },
+  overflow: {
+    cls: 'over'
+  },
+  'text-align': {
+    cls: 'txtAlgn'
+  },
+  'white-space': {
+    cls: 'whSpc'
+  },
+  visibility: {
+    cls: 'vis'
+  },
+  'font-size': {
+    pos: 'fs',
+    neg: 'fs_'
+  },
+  'margin-top': {
+    pos: 'mt',
+    neg: 'mt_'
+  },
+  'margin-bottom': {
+    pos: 'mb',
+    neg: 'mb_'
+  },
+  'margin-left': {
+    pos: 'ml',
+    neg: 'ml_'
+  },
+  'margin-right': {
+    pos: 'mr',
+    neg: 'mr_'
+  },
+  margin: {
+    pos: 'm',
+    neg: 'm_'
+  },
+  'padding-top': {
+    pos: 'pt',
+    neg: 'pt_'
+  },
+  'padding-bottom': {
+    pos: 'pb',
+    neg: 'pb_'
+  },
+  'padding-left': {
+    pos: 'pl',
+    neg: 'pl_'
+  },
+  'padding-right': {
+    pos: 'pr',
+    neg: 'pr_'
+  },
+  padding: {
+    pos: 'p',
+    neg: 'p_'
+  },
+  top: {
+    pos: 'post',
+    neg: 'post_'
+  },
+  bottom: {
+    pos: 'posb',
+    neg: 'posb_'
+  },
+  left: {
+    pos: 'posl',
+    neg: 'posl_'
+  },
+  right: {
+    pos: 'posr',
+    neg: 'posr_'
+  },
+  height: {
+    pos: 'h',
+    neg: 'h_'
+  },
+  width: {
+    pos: 'w',
+    neg: 'w_'
+  },
+  'min-height': {
+    pos: 'minh',
+    neg: 'minh_'
+  },
+  'min-width': {
+    pos: 'minw',
+    neg: 'minw_'
+  },
+  'max-height': {
+    pos: 'maxh',
+    neg: 'maxh_'
+  },
+  'max-width': {
+    pos: 'maxw',
+    neg: 'maxw_'
+  }
+};
+
+function objToClassName(prop, data) {
+  return renameProps[prop] ? data < 0 ? renameProps[prop].neg ? `${renameProps[prop].neg}${data * -1}` : `undef${data * -1}` : renameProps[prop].pos ? `${renameProps[prop].pos}${data}` : `undef${data}` : `undef${data}`;
+}
+
+function objtoClassNameString(prop, data) {
+  let temp = data.toString().replace(/-/gi, '');
+  return `${renameProps[prop].cls}_${temp.replace(/\s*/gi, '')}`;
+}
+
+const multipleClassName = {
+  margin: ['margin-top', 'margin-right', 'margin-bottom', 'margin-left'],
+  padding: ['padding-top', 'padding-right', 'padding-bottom', 'padding-left']
+};
+
+function objToClassNameMultiple(prop, data) {
+  data = data.trim().replace(/\s+/gi, ' ');
+  let dataArr = data.split(' ');
+
+  if (dataArr.length === 3) {
+    dataArr[3] = dataArr[1];
+  }
+
+  if (dataArr.length === 2) {
+    dataArr[3] = dataArr[1];
+    dataArr[2] = dataArr[0];
+  }
+
+  if (dataArr.length === 1) {
+    dataArr[3] = dataArr[0];
+    dataArr[2] = dataArr[0];
+    dataArr[1] = dataArr[0];
+  }
+
+  let composeClasses = '';
+  dataArr.forEach((data, index) => composeClasses += `${objToClassName(multipleClassName[prop][index], parseInt(data, 10))} `);
+  composeClasses = composeClasses.substring(0, composeClasses.length - 1);
+  return composeClasses;
+}
+
+const commonFilePath = {
+  margin: 'src/common/css/margin.css',
+  'margin-left': 'src/common/css/margin.css',
+  'margin-right': 'src/common/css/margin.css',
+  'margin-top': 'src/common/css/margin.css',
+  'margin-bottom': 'src/common/css/margin.css',
+  padding: 'src/common/css/padding.css',
+  'padding-left': 'src/common/css/padding.css',
+  'padding-right': 'src/common/css/padding.css',
+  'padding-top': 'src/common/css/padding.css',
+  'padding-bottom': 'src/common/css/padding.css',
+  top: 'src/common/css/position.css',
+  bottom: 'src/common/css/position.css',
+  left: 'src/common/css/position.css',
+  right: 'src/common/css/position.css',
+  height: 'src/common/css/height.css',
+  width: 'src/common/css/width.css',
+  'min-height': 'src/common/css/height.css',
+  'min-width': 'src/common/css/width.css',
+  'max-height': 'src/common/css/height.css',
+  'max-width': 'src/common/css/width.css',
+  fontSize: 'src/common/css/fontSize.css',
+  textProps: 'src/common/css/textProps.css',
+  display: 'src/common/css/textProps.css',
+  float: 'src/common/css/textProps.css',
+  overflow: 'src/common/css/textProps.css',
+  position: 'src/common/css/position.css',
+  'text-align': 'src/common/css/textProps.css',
+  'white-space': 'src/common/css/textProps.css',
+  visibility: 'src/common/css/textProps.css'
+};
+
+function generateComposeString(resourcePath, prop, value) {
+  let composeString = `from "${_path.default.relative(_path.default.parse(resourcePath).dir, // resourcePath
+  commonFilePath[prop]).replace(/\\/gi, '/')}"`;
+  let cls = '';
+
+  if (/^position|^overflow|^display|^float|^text-align|^white-space|^visibility/gi.test(prop)) {
+    console.log(prop, value, 'textvals');
+    cls = objtoClassNameString(prop, value);
+  } else if (/^margin$|^padding$/gi.test(prop)) {
+    // console.log(prop, value, 'margin');
+    cls = objToClassNameMultiple(prop, value);
+  } else {
+    // console.log(prop, value, 'common');
+    cls = objToClassName(prop, parseInt(value));
+  }
+
+  composeString = `${cls} ${composeString}`;
+  return composeString;
+} // const preNames = {
+//   height: 'zd-height-',
+//   'max-height': 'zd-height-',
+//   'min-height': 'zd-height-',
+//   width: 'zd-width-',
+//   'max-width': 'zd-width-',
+//   'min-width': 'zd-width-',
+//   top: 'zd-position-',
+//   bottom: 'zd-position-',
+//   left: 'zd-position-',
+//   right: 'zd-position-',
+//   'padding-top': 'zd-padding-',
+//   'padding-bottom': 'zd-padding-',
+//   'padding-left': 'zd-padding-',
+//   'padding-right': 'zd-padding-',
+//   'margin-top': 'zd-margin-',
+//   'margin-bottom': 'zd-margin-',
+//   'margin-left': 'zd-margin-',
+//   'margin-right': 'zd-margin-'
+// };
+
+
+function allowParent(rule) {
+  return rule.parent.type === 'root' || rule.parent.type === 'atrule' && rule.parent.name === 'media';
+}
+
+module.exports = function (source) {
+  const {
+    resourcePath
+  } = this;
+  const options = (0, _utils.getOptions)(); // console.log(options.app.patterns.composeMinification);
+  // const ig = ignore({ allowRelativePaths: true }).add(options.app.patterns.composeMinification);
+  // const newFilename = path.relative(path.parse(process.cwd()).base, resourcePath);
+  // console.log(newFilename, ig.ignores(newFilename));
+
+  let root = _postcss.default.parse(source);
+
+  if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
+    filename: resourcePath,
+    filterArr: options.app.patterns.composeMinification
+  })) {
+    return root.toString();
+  }
+
+  root.walkRules(rule => {
+    rule.walkDecls(decl => {
+      if (/^-ms|^-webkit|^moz/gi.test(decl.prop)) {
+        return;
+      }
+
+      if (!allowParent(rule)) {
+        return;
+      }
+
+      if ((0, _classHandling.isInsideMediaQuery)(rule)) {
+        console.log('inside media query', rule.selector);
+        return;
+      }
+
+      if (supportedProps.includes(decl.prop) && /^position$|^overflow|^float|^display|^text-align|^white-space|^visibility/gi.test(decl.prop) && !/[,\s+]+|(\w+)\.|:|::|body|(\d+)%|>/gi.test(rule.selector) && commonFilePath[decl.prop] && !decl.value.includes('var(--')) {
+        decl.value = generateComposeString(resourcePath, decl.prop, decl.value);
+        decl.prop = 'composes';
+        return;
+      }
+
+      if (supportedProps.includes(decl.prop) && /px$/gi.test(decl.value) && !/^--/gi.test(decl.prop) && commonFilePath[decl.prop] && !decl.value.includes('calc') && !/[,\s+]+|(\w+)\.|:|(\d+)%/gi.test(rule.selector)) {
+        // n++ < 10 && console.log(composeString);
+        // if (!composeString.includes('src')) {
+        // if (/px$/gi.test(decl.value)) {
+        decl.value = generateComposeString(resourcePath, decl.prop, decl.value); // }
+        // if (/^position$|^display$|^overflow$|^float$/gi.test(decl.prop)) {
+        //   console.log(decl.prop);
+        // }
+
+        decl.prop = 'composes'; // console.log(decl.prop, decl.value);
+        // n < 10 && console.log(rule.selector, decl.prop, decl.value);
+        // }
+      }
+    });
+  });
+  const output = root.toString(); // console.log(output);
+
+  return output;
+};

package/lib/loaders/docsLoader.js

@@ -2,21 +2,32 @@
 
 var _fs = _interopRequireDefault(require("fs"));
 
+var _getOptions = _interopRequireDefault(require("../utils/getOptions.js"));
+
 var _path = _interopRequireDefault(require("path"));
 
+var _reactLiveConvertor = require("./reactLiveConvertor");
+
+var _markdownLoader = require("./markdownLoader.js");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 module.exports = function (source) {
-  let comNameAry = this.resourcePath.split(_path.default.sep);
-  let filePath = this.resourcePath;
+  const comNameAry = this.resourcePath.split(_path.default.sep);
+  const filePath = this.resourcePath;
+
+  const appPath = _fs.default.realpathSync(process.cwd());
 
-  let appPath = _fs.default.realpathSync(process.cwd());
+  const changePath = filePath.replace('/lib/', '/src/');
+  const comName = comNameAry[comNameAry.length - 1];
+  const name = comName.substring(0, comName.lastIndexOf('.'));
+  const options = (0, _getOptions.default)();
+  const originalFilePath = filePath.startsWith(appPath) ? filePath : changePath;
 
-  let changePath = filePath.replace('/lib/', '/src/');
-  let comName = comNameAry[comNameAry.length - 1];
-  let name = comName.substring(0, comName.lastIndexOf('.'));
+  const src = _fs.default.readFileSync(originalFilePath).toString();
 
-  let src = _fs.default.readFileSync(filePath.startsWith(appPath) ? filePath : changePath).toString();
+  options.docs.enableMDParser && (source = (0, _markdownLoader.markdownParser)(source));
+  options.docs.enableReactLive && (source = (0, _reactLiveConvertor.reactLiveConvertor)(source, originalFilePath)); //to Enable the ReactLive Converter
 
   return `${source};${name}.source=${JSON.stringify(src)};${name}.filePath=${JSON.stringify(filePath)}`;
 };

package/lib/loaders/markdownLoader.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.markdownParser = markdownParser;
+
+const markdownIt = require('markdown-it'); // const md = new markdownIt({ linkify: true,breaks:true });
+
+
+const md = new markdownIt({
+  html: false,
+  linkify: true,
+  typographer: true,
+  breaks: true,
+  xhtmlOut: true
+}); //const md = new markdownIt();
+
+function markdownParser(source) {
+  if (!source) {
+    return '';
+  }
+
+  const startTag = '/* MD:START';
+  const endTag = 'MD:END */'; // Iterate through all occurrences of the tags
+
+  let startIndex = source.indexOf(startTag);
+
+  while (startIndex !== -1) {
+    const endIndex = source.indexOf(endTag, startIndex);
+
+    if (endIndex !== -1) {
+      const extractedMarkdown = source.slice(startIndex + startTag.length, endIndex);
+      let lines = extractedMarkdown.split('\n');
+      lines = lines.filter(line => line.trim() !== '');
+      const firstLineIndentMatch = lines[0].match(/^\s+/);
+      const firstLineIndent = firstLineIndentMatch ? firstLineIndentMatch[0] : '';
+      const modifiedStr = lines.map(line => line.replace(new RegExp(`^${firstLineIndent}`), '')).join('\n').replace(/(:--)|(--:)/g, '---');
+      let html = md.render(modifiedStr); //html = html.replace(/"|<hr>|<img src=(".*?")>|<br>|:--|--:|{|}|\$/g, match => {
+
+      html = html.replace(/"|{|}|\$/g, match => {
+        // if (match === '<hr>') {
+        //   return '<hr/>';
+        // } else if (match.startsWith('<img src=')) {
+        //   return match.replace('>', '/>');
+        // } else if (match === '<br>') {
+        //   return '<br/>';
+        if (match === '$') {
+          return '&#36;';
+        } else if (match === '{') {
+          return '&#123;';
+        } else if (match === '}') {
+          return '&#125;';
+        } // else if (match === ':--' || match === '--:' ) {
+        //   return '---';
+        // }
+        else if (match === '}') {
+          return '&#125;';
+        }
+
+        return match;
+      }); // console.log(html,"html");
+
+      source = source.replace(source.slice(startIndex, endIndex + endTag.length), '<><div class="markDown">' + html + '</div></>');
+    }
+
+    startIndex = source.indexOf(startTag, startIndex + 1); // console.log(source)
+  }
+
+  return source;
+}

package/lib/loaders/reactLiveConvertor.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reactLiveConvertor = reactLiveConvertor;
+
+const parser = require('@babel/parser');
+
+const traverse = require('@babel/traverse').default;
+
+const path = require('path');
+
+function getFilename(originalFilePath) {
+  const [fileName] = path.basename(originalFilePath).split('.');
+  return fileName;
+}
+
+function reactLiveConvertor(source, originalFilePath) {
+  const fileName = getFilename(originalFilePath);
+
+  if (!source) {
+    return '';
+  }
+
+  let importBlock = '';
+  let docCode = '';
+  const packages = new Set();
+  const fileContent = source.replace(/[\s\r\n]*$/, '');
+  const ast = parser.parse(fileContent, {
+    sourceType: 'module',
+    plugins: ['jsx', 'classProperties']
+  }); // Traverse the AST and find the import and export blocks
+
+  let remainingCode = ast.program.body.filter(node => node.type !== 'ImportDeclaration').map(node => fileContent.substring(node.start, node.end)).join('').replace(/export default/, '').replace(/export /, '').trim();
+  traverse(ast, {
+    ImportDeclaration(path) {
+      importBlock += `${fileContent.slice(path.node.start, path.node.end)}\n`;
+      path.node.specifiers.forEach(specifier => {
+        if (specifier.type === 'ImportSpecifier') {
+          packages.add(specifier.imported.name);
+        }
+
+        if (specifier.local.type === 'Identifier') {
+          packages.add(specifier.local.name);
+        }
+      });
+    },
+
+    ExpressionStatement(path) {
+      const expression = path.get('expression');
+      const expressionLeft = expression.get('left');
+
+      if (path.isExpressionStatement() && expression.isAssignmentExpression() && expressionLeft.isMemberExpression()) {
+        const docCheck = expressionLeft.toString();
+
+        if (docCheck === `${fileName}.docs`) {
+          docCode = expression.toString();
+        }
+      }
+    } // IfStatement(path){
+    //   if(path.node.type == 'IfStatement'){
+    //     if(path.node.test.name == '__DOCS__'){
+    //       let final = fileContent.slice(path.node.start,path.node.end)
+    //       fileContent = fileContent.replace(final,'')
+    //       console.log(fileContent);
+    //     }
+    //   }
+    // }
+
+
+  });
+  remainingCode = remainingCode.replace(/__DOCS__/, true);
+  remainingCode = remainingCode.replace(/`/g, '\\`').replace(/\$\{/g, '$\\{');
+  const brcklets = `(function () { 
+
+      ${remainingCode}  
+
+      return <${fileName} />
+
+    }) ()`;
+  const addBractick = `\`${brcklets}\``;
+  const template = `
+  
+    ${importBlock}
+  
+    import { LiveProvider, LiveEditor, LiveError, LivePreview } from '@zohodesk-private/react-live/es/index'
+  
+    export default class ${fileName} extends React.Component{
+      render(){
+        return(
+          <LiveProvider scope={{${Array.from(packages).join(', ')}}} code={${addBractick}}>
+         <LiveEditor   />
+         <LiveError />
+         <LivePreview    />
+     
+          </LiveProvider>
+        )
+      }
+    }
+  
+    ${docCode}
+    `;
+  return template;
+}

package/lib/loaders/selectorMappingLoader.js

@@ -6,25 +6,25 @@ var _fs = _interopRequireDefault(require("fs"));
 
 var _utils = require("../utils");
 
+var _logger = require("../logger");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let options = (0, _utils.getOptions)();
+const options = (0, _utils.getOptions)();
 const {
   cssSelectorZipPath
 } = options.impactService;
 
-const zipname = _path.default.parse(cssSelectorZipPath).name; // console.log({ cssSelectorZipPath, zipname });
-// TODO:NOTE: need to check about .. path related files creation 
+const zipname = _path.default.parse(cssSelectorZipPath).name; // TODO:NOTE: need to check about .. path related files creation 
 // for now  no css files have given  form react-cli need to make sure about it.  
 
 
-let zippath = _path.default.join(process.cwd(), cssSelectorZipPath);
+const zippath = _path.default.join(process.cwd(), cssSelectorZipPath);
 
 if (_fs.default.existsSync(_path.default.join(process.cwd(), cssSelectorZipPath))) {
   _fs.default.rmSync(zippath);
 
-  console.log('zip file deleted', zippath); // fs.rmSync(zippath, {force:true})
-  // console.log('created folder ==> ', dpath);
+  (0, _logger.messageLogger)('zip file deleted', zippath); // fs.rmSync(zippath, {force:true})
 } // const minicssComment =
 //   '// extracted by mini-css-extract-plugin\n';
 
@@ -39,15 +39,15 @@ module.exports = function (source) {
 
   const relativePath = _path.default.relative(rootContext, resourcePath);
 
-  let fpath = _path.default.join(rootContext, zipname, relativePath);
+  const fpath = _path.default.join(rootContext, zipname, relativePath);
 
-  let originalpath = _path.default.join(rootContext, relativePath);
+  const originalpath = _path.default.join(rootContext, relativePath);
 
   if (relativePath.startsWith('..')) {
     throw `unexpected path ${relativePath}`;
   }
 
-  let dpath = fpath.slice(0, fpath.lastIndexOf(_path.default.sep));
+  const dpath = fpath.slice(0, fpath.lastIndexOf(_path.default.sep));
 
   if (!_fs.default.existsSync(originalpath)) {
     throw `originalpath not exixt ${originalpath}`;

package/lib/logger.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorLogger = errorLogger;
+exports.messageLogger = messageLogger;
+exports.verboseLogger = verboseLogger;
+exports.warnLogger = warnLogger;
+
+/* eslint-disable no-console */
+function messageLogger(...args) {
+  console.log(...args);
+}
+
+function errorLogger(...args) {
+  console.error(...args);
+}
+
+function warnLogger(...args) {
+  console.warn(...args);
+}
+
+function verboseLogger(...args) {
+  // TODO: need to be remove when publish happens
+  process.env.VERBOSE === 'true' && console.log('\x1b[33m [verbose] \x1b[0m', ...args);
+}

package/lib/pluginUtils/getDevPlugins.js

@@ -25,6 +25,8 @@ var _webpack = _interopRequireDefault(require("webpack"));
 
 var _plugins = require("../plugins");
 
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
+
 var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
 
 var _VariableConversionCollector = _interopRequireDefault(require("../plugins/VariableConversionCollector"));
@@ -33,6 +35,8 @@ var _SelectorPlugin = _interopRequireDefault(require("../plugins/SelectorPlugin"
 
 var _configHtmlWebpackPlugins = require("./configHtmlWebpackPlugins");
 
+var _EfcResourceCleanupPlugin = _interopRequireDefault(require("../plugins/EfcResourceCleanupPlugin"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import { windowsModification } from '../loaderUtils/windowsModification';
@@ -42,13 +46,15 @@ const getDevPlugins = (options, publicPath) => {
       tpFolder,
       folder,
       instrumentScript,
+      customAttributes,
       devCssFileBountry,
       context,
       hasEFC: prevOptionForEnableEFC,
       hasShadowDOM,
       cssVariableReplacementConfig,
       plugins: pluginObject,
-      // exclude,
+      patterns,
+      exclude,
       selectorWeightConfig,
       server: {
         mode
@@ -68,7 +74,8 @@ const getDevPlugins = (options, publicPath) => {
       enableRTLSplit
     },
     i18n,
-    unusedFiles
+    unusedFiles,
+    resourceHints
   } = options;
   const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
   const cssLTRFileNameTempalte = enableRTLSplit ? 'css/[name].ltr.css' : 'css/[name].css';
@@ -86,10 +93,11 @@ const getDevPlugins = (options, publicPath) => {
       NODE_ENV: JSON.stringify(mode === 'dev-no-warn' ? 'production' : 'development')
     }
   }), new _miniCssExtractPlugin.default({
+    attributes: customAttributes.cssAttributes,
     filename: cssLTRFileNameTempalte,
     // ignoreOrder: true,
     chunkFilename: cssLTRFileNameTempalte
-  }), new _plugins.ResourceHintsPlugin()];
+  }), new _plugins.ResourceHintsPlugin(resourceHints)];
 
   if (enableRTLSplit) {
     pluginsArr.push(new _RtlCssPlugin.RtlCssPlugin({
@@ -184,6 +192,10 @@ const getDevPlugins = (options, publicPath) => {
     mainChunkName: 'main'
   }));
   instrumentScript && pluginsArr.push(new _plugins.ScriptInstrumentPlugin());
+  customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
+  customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(Object.assign({}, customAttributes, {
+    globalCacheObj: context
+  })));
   hasShadowDOM && pluginsArr.push(new _plugins.ShadowDOMSupportPlugin());
 
   if (devCssFileBountry) {
@@ -194,15 +206,22 @@ const getDevPlugins = (options, publicPath) => {
 
   if (pluginObject.cssVariableReplacement) {
     pluginsArr.push(new _VariableConversionCollector.default({
-      cssVariableReplacementConfig
+      cssVariableReplacementConfig,
+      patterns
     }));
   }
 
   if (pluginObject.selectorWeight) {
     pluginsArr.push(new _SelectorPlugin.default({
-      selectorWeightConfig
+      selectorWeightConfig,
+      exclude: exclude.selectorWeight,
+      patterns
     }));
-  }
+  } // if (pluginObject.minifier) {
+  //   // console.log('minifier active');
+  //   pluginsArr.push(new MinifierPlugin());
+  // }
+
 
   return pluginsArr.filter(Boolean);
 };