patternlab-node/core/lib/style_modifier_hunter.js

Pattern Lab is a collection of tools to help you create atomic design systems. This is the node command line interface (CLI).

"use strict";

var style_modifier_hunter = function () {

  /**
   * Modifies a patterns partial with any styleModifiers found on the supplied partial
   *
   * @param pattern {object} the pattern to extend
   * @param partial {string} partial containing styleModifiers
   * @param patternlab {object} the patternlab instance
   */
  function consumestylemodifier(pattern, partial, patternlab) {
    //extract the classname from the stylemodifier which comes in the format of :className
    var styleModifier = partial.match(/:([\w\-_|])+/g) ? partial.match(/:([\w\-_|])+/g)[0].slice(1) : null;

    if (styleModifier) {
      //replace the special character pipe | used to separate multiple classes with a space
      styleModifier = styleModifier.replace(/\|/g, ' ');

      if (patternlab.config.debug) {
        console.log('found partial styleModifier within pattern ' + pattern.patternPartial);
      }

      //replace the stylemodifier placeholder with the class name
      pattern.extendedTemplate = pattern.extendedTemplate.replace(/{{[ ]?styleModifier[ ]?}}/i, styleModifier);

      //update the extendedTemplate in the partials object in case this pattern is consumed later
      patternlab.partials[pattern.patternPartial] = pattern.extendedTemplate;
    }
  }

  return {
    consume_style_modifier: function (pattern, partial, patternlab) {
      consumestylemodifier(pattern, partial, patternlab);
    }
  };

};

module.exports = style_modifier_hunter;