@zohodesk/react-cli 1.1.0 → 1.1.2-9.exp.3

package/lib/plugins/CustomScriptLoadingStrategyPlugin.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'CustomScriptLoadingStrategyPlugin';
+
+class CustomScriptLoadingStrategyPlugin {
+  constructor({
+    scriptLoadingStategey
+  } = {}) {
+    this.scriptLoadingStrategy = scriptLoadingStategey;
+    this.tagNamesToMatch = ['script'];
+  }
+
+  getFileNameFromTagSrc(src) {
+    const fileNameArr = src.split('/');
+    return fileNameArr[fileNameArr.length - 1];
+  }
+
+  addAttributestToTag(tag, attributes) {
+    tag.attributes = Object.assign({}, tag.attributes, attributes);
+  }
+
+  matchFileName(tag, fileName) {
+    return fileName.test(this.getFileNameFromTagSrc(tag.attributes.src));
+  }
+
+  blockingStrategy(tag) {
+    delete tag.attributes.defer;
+    delete tag.attributes.async;
+  }
+
+  deferStrategy(tag) {
+    delete tag.attributes.async;
+  }
+
+  asyncStrategy(tag) {
+    delete tag.attributes.defer;
+  }
+
+  moduleStrategy(tag) {
+    this.deferStrategy(tag);
+  }
+
+  matchStrategy(scriptLoadingStrategy, tag) {
+    if (scriptLoadingStrategy === 'blocking') {
+      this.blockingStrategy(tag);
+    }
+
+    if (scriptLoadingStrategy === 'defer') {
+      this.deferStrategy(tag);
+    }
+
+    if (scriptLoadingStrategy === 'async') {
+      this.asyncStrategy(tag);
+    }
+
+    if (scriptLoadingStrategy === 'module') {
+      this.moduleStrategy(tag);
+    }
+  }
+
+  matchAndApplyCustomLoadingStrategyToScripts(tags) {
+    Object.keys(this.scriptLoadingStrategy).forEach(scriptLoadingStrategy => {
+      const filesToMatch = this.scriptLoadingStrategy[scriptLoadingStrategy];
+      tags.forEach(tag => {
+        if (this.tagNamesToMatch.includes(tag.tagName) && tag.attributes.src) {
+          const isFileMatch = filesToMatch.some(fileName => this.matchFileName(tag, fileName));
+
+          if (isFileMatch) {
+            this.matchStrategy(scriptLoadingStrategy, tag);
+            this.addAttributestToTag(tag, {
+              [scriptLoadingStrategy]: true
+            });
+          }
+        } // filesToMatch.forEach(fileName => {
+        //   if (!this.matchFileName(tag, fileName)) {
+        //     return;
+        //   }
+        //   this.matchStrategy(scriptLoadingStrategy, tag);
+        //   this.addAttributestToTag(tag, fileName, {
+        //     [scriptLoadingStrategy]: true
+        //   });
+        // });
+
+      });
+    });
+  }
+
+  apply(compiler) {
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, callback) => {
+        const tags = [...data.bodyTags, ...data.headTags];
+        this.matchAndApplyCustomLoadingStrategyToScripts(tags);
+        callback(null, data);
+      });
+    });
+  }
+
+}
+
+exports.default = CustomScriptLoadingStrategyPlugin;

package/lib/plugins/EfcResourceCleanupPlugin.js

@@ -0,0 +1,43 @@
+"use strict";
+
+const {
+  Template
+} = require('webpack');
+
+const plugInName = 'EFCResourceCleanup';
+module.exports = class EfcResouceCleanupPlugin {
+  constructor(options) {
+    this.options = options;
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(plugInName, ({
+      mainTemplate
+    }) => {
+      mainTemplate.hooks.afterStartup.tap(plugInName, source => {
+        const {
+          attributes,
+          globalCacheObj
+        } = this.options;
+        const attributesArr = Object.entries(attributes);
+        const [[attributekey, attributeValue]] = attributesArr;
+        const resourceSelector = `[${attributekey}="${attributeValue}"]`;
+        return Template.asString([source, Template.indent([`     window['${globalCacheObj}Jsonp'].unInstall = function() {
+                  Object.keys(installedModules).forEach(installedModulesKey => installedModules[installedModulesKey] = null);
+                  Object.keys(modules).forEach(moduleKey => modules[moduleKey] = null);
+                 `, `
+                 installedModules = null;
+                 modules = null;
+                 __webpack_require__.m = null;
+                 __webpack_require__.c = null;
+              
+                 `, attributekey && attributeValue ? `    
+          const addedResources = document.querySelectorAll('${resourceSelector}');
+          addedResources.forEach(addedResource => addedResource.remove());
+      }
+          ` : ''])]);
+      });
+    });
+  }
+
+};

package/lib/plugins/EventsHandlingPlugin.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventsHandlingPlugin = void 0;
+
+/* eslint-disable no-use-before-define */
+class EventsHandlingPlugin {
+  constructor(options) {}
+
+  apply(compiler) {
+    // NOTE: we not using this, Reason currently this option is only need for EFC,
+    // So it do not needed.
+    compiler.hooks.thisCompilation.tap({
+      name: 'CustomAttributePlugin',
+      stage: 1,
+      fn: compilation => {
+        compilation.mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
+          // const str = attributeSetTemplate(cssAttributes, 'linkTag');
+          const sourceStr = source.replace('linkTag.onerror = function(event) {', 'linkTag.onerror = function(event) { linkTag.onerror = linkTag.onload = null;');
+          const replacedSourceStr = sourceStr.replace('linkTag.onload = resolve', `linkTag.onload = () =>  { 
+          linkTag.onerror = linkTag.onload = null;
+          resolve();
+        };`);
+          return replacedSourceStr;
+        });
+      }
+    });
+  }
+
+}
+
+exports.EventsHandlingPlugin = EventsHandlingPlugin;

package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js

@@ -228,8 +228,12 @@ class I18nDownlodLogic {
         if(dataSrc === srcPath || dataSrc === fullsrcPath){ return resolve();}
       }
       var scriptTag = document.createElement("script");
-      scriptTag.onload = resolve;
+      scriptTag.onload = () =>  { 
+        scriptTag.onerror = scriptTag.onload = null;
+        resolve();
+      };
       scriptTag.onerror = function(event) {
+        scriptTag.onerror = scriptTag.onload = null;
         var request = event && event.target && event.target.src || fullsrcPath;
         var err = new Error("Loading I18N chunk " + chunkId + " failed.\\n(" + request + ")");
         err.code = "I18N_CHUNK_LOAD_FAILED";

package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -13,6 +13,8 @@ var _path = require("path");
 
 var _logger = require("../../../logger");
 
+var _unicodeConversion = require("./unicodeConversion");
+
 function isComment(line) {
   return line[0] === '#';
 }
@@ -31,7 +33,8 @@ function getPropertiesAsJSON(filePath) {
 
       const ind = line.indexOf('=');
       const key = line.slice(0, ind).replace(/\\ /g, ' ');
-      const value = line.slice(ind + 1);
+      let value = line.slice(ind + 1);
+      value = (0, _unicodeConversion.convertUnicode)(value);
 
       if (key && value) {
         i18nObj[key] = value;

package/lib/plugins/I18nSplitPlugin/utils/unicodeConversion.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertUnicode = convertUnicode;
+
+function convertUnicode(str) {
+  const unicodeRegex = /\\u([a-fA-F0-9]{4})/g;
+  const converted = str.replace(unicodeRegex, (match, hex) => {
+    return String.fromCharCode(parseInt(hex, 16));
+  });
+  return converted;
+}

package/lib/plugins/ReportGeneratePlugin.js

@@ -13,6 +13,8 @@ var _redis = _interopRequireDefault(require("redis"));
 
 var _utils = require("../utils");
 
+var _log = require("../utils/log");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
@@ -68,10 +70,10 @@ class reportGeneratePlugin {
       let client = _redis.default.createClient(redisPort, redisHost);
 
       client.on('connect', () => {
-        (0, _utils.log)('Redis client connected');
+        (0, _log.log)('Redis client connected');
       });
       client.on('error', err => {
-        (0, _utils.log)(`Something went wrong ${err}`);
+        (0, _log.log)(`Something went wrong ${err}`);
       });
 
       if (_fs.default.existsSync(_path.default.resolve(process.cwd(), 'build', 'stats.json'))) {
@@ -80,7 +82,7 @@ class reportGeneratePlugin {
         statsJSON = JSON.parse(statsJSON);
         let finalObj = {};
         let branchName = branch ? branch : (0, _utils.getCurrentBranch)();
-        (0, _utils.log)(branchName);
+        (0, _log.log)(branchName);
         statsJSON.assets.forEach(assetObj => {
           let nameSplitList = assetObj.name.split('/')[assetObj.name.split('/').length - 1].split('.'); // eslint-disable-line
 
@@ -111,7 +113,7 @@ class reportGeneratePlugin {
             };
             client.get(branchName, (err, reply) => {
               if (err) {
-                (0, _utils.log)(err);
+                (0, _log.log)(err);
               } else {
                 reply = JSON.parse(reply); // eslint-disable-line
 
@@ -147,7 +149,7 @@ class reportGeneratePlugin {
                     throw err;
                   }
 
-                  (0, _utils.log)('Stats Json generated!');
+                  (0, _log.log)('Stats Json generated!');
                 });
               }
             });
@@ -169,7 +171,7 @@ class reportGeneratePlugin {
           }
 
           if (err) {
-            (0, _utils.log)(err);
+            (0, _log.log)(err);
           }
         });
       }

package/lib/plugins/ResourceHintsPlugin.js

@@ -12,14 +12,21 @@ const {
 const pluginName = 'prefetch-preload-chunk-plugin';
 
 class ResourceHintsPlugin {
+  constructor(options) {
+    this.options = options;
+  }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, ({
       mainTemplate
     }) => {
       mainTemplate.hooks.requireExtensions.tap(pluginName, (source, chunk, hash) => {
+        const {
+          allowPrefetchingMultipleChunks
+        } = this.options;
         const idNameMap = chunk.getChunkMaps().name;
         const nameIdMap = {};
-        let needsMap = false;
+        let needsMap = allowPrefetchingMultipleChunks;
 
         for (const key in idNameMap) {
           if (Object.prototype.hasOwnProperty.call(idNameMap, key)) {
@@ -32,7 +39,10 @@ class ResourceHintsPlugin {
           }
         }
 
-        return Template.asString([source, '', `${mainTemplate.requireFn}.getChunkId = function getChunkId(chunkId) {`, Template.indent((needsMap ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`] : []).concat(['return chunkId;'])), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, `${mainTemplate.requireFn}.e(chunkId);`]), '};',
+        return Template.asString([source, Template.indent([`const nameToChunkIdMap = ${JSON.stringify(needsMap ? nameIdMap : {})};`, 'const chunkNames = Object.keys(nameToChunkIdMap);']), `${mainTemplate.requireFn}.getChunkIds = function getChunkIds(chunkId) {`, Template.indent([allowPrefetchingMultipleChunks ? `const isRegExAsChunkId = chunkId instanceof RegExp; 
+                return isRegExAsChunkId ? chunkNames.filter(chunkName => chunkId.test(chunkName)).map(chunkName => nameToChunkIdMap[chunkName]) : [nameToChunkIdMap[chunkId] || chunkId];` : needsMap ? 'return [nameToChunkIdMap[chunkId] || chunkId];' : 'return [chunkId];']), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`let chunkIds = ${mainTemplate.requireFn}.getChunkIds(chunkId)`, `chunkIds.forEach(idOfAChunk => {
+                ${mainTemplate.requireFn}.e(idOfAChunk);
+              })`]), '};',
         /*
           (needsMap
             ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
@@ -53,7 +63,7 @@ class ResourceHintsPlugin {
         ),
         '}',
         */
-        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);` // 'var head = document.getElementsByTagName(\'head\')[0];',
+        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkIds(chunkId)[0]`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);` // 'var head = document.getElementsByTagName(\'head\')[0];',
         // mainTemplate.hooks.jsonpScript.call('', chunk, hash),
         // 'head.appendChild(script);'
         ]), '}']), '};']);

package/lib/plugins/StatsPlugin.js

@@ -0,0 +1,82 @@
+"use strict";
+
+const fs = require('fs');
+
+const path = require('path');
+
+const {
+  Readable
+} = require('stream');
+
+const {
+  removeKeysFromObject,
+  convertObjectToStringGen
+} = require('../utils/object-manipulation');
+
+const pluginName = 'stats-plugin';
+const statsSchema = {
+  all: true
+};
+
+class StatsPlugin {
+  constructor({
+    statsOptions,
+    statsOutputExcludeKeys,
+    statsFileName
+  }) {
+    this.excludeKeysInStat = statsOutputExcludeKeys || [];
+    this.statsFileName = statsFileName || 'bundle-report-integrity.json';
+    this.statsOptions = Object.assign({}, statsSchema, statsOptions || {});
+  }
+
+  apply(compiler) {
+    compiler.hooks.done.tapAsync(pluginName, (stats, callback) => {
+      const statsJson = removeKeysFromObject(stats.toJson(this.statsOptions), this.excludeKeysInStat);
+      this.emitStats(statsJson).on('end', () => {
+        callback();
+      }).on('error', e => {
+        callback(e);
+      });
+    });
+  }
+
+  writeStatsFileInAStream(statsObj) {
+    const {
+      outputPath
+    } = statsObj;
+    const ouputFileName = path.join(outputPath, this.statsFileName);
+    return this.createReadStream(statsObj).pipe(fs.createWriteStream(ouputFileName));
+  }
+
+  createReadStream(statsObj) {
+    const excludeKeys = this.excludeKeysInStat;
+    return new Readable({
+      read() {
+        let isDone = false;
+        const objToStringGen = convertObjectToStringGen(statsObj, excludeKeys);
+
+        while (!isDone) {
+          const {
+            done,
+            value
+          } = objToStringGen.next();
+
+          if (done) {
+            isDone = true;
+            this.push(null);
+          } else {
+            this.push(value);
+          }
+        }
+      }
+
+    });
+  }
+
+  emitStats(statsJson) {
+    return this.writeStatsFileInAStream(statsJson);
+  }
+
+}
+
+module.exports = StatsPlugin;

package/lib/plugins/UnusedFilesFindPlugin.js

@@ -11,6 +11,8 @@ var _fs = _interopRequireDefault(require("fs"));
 
 var _utils = require("../utils");
 
+var _log = require("../utils/log");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let excludeDocsJSON = '{}';
@@ -97,10 +99,10 @@ class UnusedFilesFindPlugin {
       Object.keys(unDocsCompObj).forEach(key => {
         if (unDocsCompObj[key].length > 0) {
           if (key === 'withoutDocs') {
-            (0, _utils.log)('\x1b[36m%s\x1b[0m', '\nPlease write docs file for below componenst :- \n');
+            (0, _log.log)('\x1b[36m%s\x1b[0m', '\nPlease write docs file for below componenst :- \n');
             unDocsCompObj[key].forEach(value => {
               if (!excludeDocsArray.docs.exclude.includes(value)) {
-                (0, _utils.log)('\x1b[33m%s\x1b[0m', `${value}`);
+                (0, _log.log)('\x1b[33m%s\x1b[0m', `${value}`);
               }
             });
           }
@@ -162,10 +164,10 @@ class UnusedFilesFindPlugin {
       });
 
       if (!unusedFiles.length) {
-        (0, _utils.log)('There is no unused files');
+        (0, _log.log)('There is no unused files');
       } else {
         if (this.outputFileName) {
-          (0, _utils.log)(`You can see unused files info from ${_path.default.join(outputPath, this.outputFileName)} path`);
+          (0, _log.log)(`You can see unused files info from ${_path.default.join(outputPath, this.outputFileName)} path`);
           (0, _utils.makeDir)(outputPath);
           (0, _utils.writeFile)(_path.default.join(outputPath, this.outputFileName), JSON.stringify(unusedFiles)).then(() => {
             if (this.sstest) {
@@ -179,7 +181,7 @@ class UnusedFilesFindPlugin {
         unusedFiles.forEach(file => {
           _fs.default.unlinkSync(file);
 
-          (0, _utils.log)(`Deleted - ${file}`);
+          (0, _log.log)(`Deleted - ${file}`);
         });
       }
     });

package/lib/plugins/utils/fileHandling.js

@@ -6,15 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.isFileNameMatchingPattern = isFileNameMatchingPattern;
 exports.isFileNameMatchingPluginPattern = isFileNameMatchingPluginPattern;
 
-var _windowsModification = require("../../loaderUtils/windowsModification");
-
 var _ignore = _interopRequireDefault(require("ignore"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const path = require('path');
 
-let aliasNames = {
+const aliasNames = {
   valueReplacer: 'postcss-value-replacer',
   selectorReplace: 'postcss-selector-replace-new',
   hasRTL: 'postcss-rtl',
@@ -48,60 +46,47 @@ unique scenario
 function isFileNameMatchingPattern({
   filename,
   filterObject,
-  plugins
+  plugins,
+  order
 }) {
-  const finalPlugins = []; // console.log(rootDir);
-  // const regex = `^(.+?)${rootDir}?\\\\`;
-
-  const newFilename = path.relative(path.parse(process.cwd()).base, filename); //windowsModificationFile(filename).replace(
-  //   new RegExp(regex, 'gi'),
-  //   ''
-  // );
-  // path.relative('supportapp', 'd:\')
-
-  Object.keys(filterObject).forEach(key => {
-    plugins.forEach(x => {
-      // console.log(key, x.postcssPlugin);
-      if (aliasNames[key] === x.postcssPlugin) {
-        const ig = (0, _ignore.default)({
-          allowRelativePaths: true
-        }).add(filterObject[key]);
+  const pluginObj = {};
+  plugins.forEach(p => {
+    pluginObj[p.postcssPlugin] = p;
+  });
+  const finalPlugins = order.filter(key => {
+    const pluginSpecificFilter = filterObject[key];
+
+    if (!pluginSpecificFilter || pluginSpecificFilter.length === 0) {
+      return true;
+    } // eslint-disable-next-line no-use-before-define
+
+
+    const isMatching = isFilePathMatchingPattern(filename, pluginSpecificFilter);
+    return isMatching;
+  }).map(key => {
+    const p = pluginObj[aliasNames[key]];
+    return p;
+  }); // if unknown key given in plugins and pattern loop will run but post-css plugin won't be available and will be undefined in array
+  // So we do filter as safety measure.
+
+  return finalPlugins.filter(Boolean);
+}
 
-        if (ig.ignores(newFilename)) {
-          // console.log(newFilename);
-          finalPlugins.push(x);
-        }
-      }
-    });
-  }); // console.log(filename);
-  // console.log(finalPlugins);
-  // console.log('----------------------------------------------------------------------')
+function isFilePathMatchingPattern(filePath, patterns) {
+  if (patterns.length === 0) {
+    return true;
+  }
 
-  return finalPlugins; // console.log(filename, filterObject);
+  const ig = (0, _ignore.default)({
+    allowRelativePaths: true
+  }).add(patterns);
+  return ig.ignores(filePath);
 }
 
 function isFileNameMatchingPluginPattern({
   filename,
-  filterArr // =process.cwd()
-
+  filterArr
 }) {
-  // console.log(rootDir);
-  let include = true; // console.log(rootDir);
-  // const regex = `^(.+?)${rootDir}?\\\\`;
-  // console.log(plugin);
-
-  const newFilename = path.relative(path.parse(process.cwd()).base, filename); // const newFilename = windowsModificationFile(filename).replace(
-  //   new RegExp(regex, 'gi'),
-  //   ''
-  // );
-
-  const ig = (0, _ignore.default)({
-    allowRelativePaths: true
-  }).add(filterArr);
-
-  if (!ig.ignores(newFilename)) {
-    include = false;
-  }
-
-  return include;
+  const newFilename = path.relative(path.parse(process.cwd()).base, filename);
+  return isFilePathMatchingPattern(newFilename, filterArr);
 }

package/lib/plugins/variableConvertorUtils.js

@@ -63,7 +63,7 @@ function convertToCalc(pxReplacement, value) {
 
 function convertCalcValue(pxReplacement, parsedValue) {
   Object.keys(parsedValue).forEach(key => {
-    if (parsedValue[key].includes('px')) {
+    if (pxReplacement && parsedValue[key].includes('px')) {
       parsedValue[key] = pxReplacement.replace('$$', parsedValue[key].replace('px', ''));
     }
   });
@@ -95,7 +95,9 @@ function variableConverter(rootOriginal, variables, settingsObject) {
           }
 
           const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
-          const valArr = decl.value.split(' '); // single values are considered in the above array and converted below
+          let valArr = decl.value.split(' ');
+          valArr = valArr.filter(x => x.trim() !== '');
+          valArr = valArr.map(x => x.replace(/\r|\t|\n/gi, '')); // single values are considered in the above array and converted below
 
           valArr.forEach((value, index) => {
             if (value.includes('px')) {

package/lib/postcss-plugins/ValueReplacer.js

@@ -4,29 +4,19 @@ 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);
+        const ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
         ks.forEach(k => {
-          decl.value = decl.value.replace(k, obj.values[k]);
+          // if (/^\^.*\$$/gi.test(k)) {
+          if (k.startsWith('^') && k.endsWith('$')) {
+            decl.value = decl.value.replace(new RegExp(k), obj.values[k]);
+          } else {
+            decl.value = decl.value.replace(k, obj.values[k]);
+          }
         }); //decl.value = obj.values[decl.value];
       }
     }); //console.log({root, roots:root+""}, root+"")