fis3-prepackager-imweb-ques/utils/components.js

fis3 prepackager plugin for q components of imweb team

var filters = require('./filters')
  , _filters = {}
  , _turnback = function (s) { return s; }
  , path = require('path');

// build the read filters
Object.keys(filters).forEach(function (key) {
  _filters[key] = filters[key].read || filters[key] || _turnback;
});

/**
 * _makeDeps
 * @param {Array} deps
 * @returns {String}
 * @example _makeDeps(['a', 'b']) -> "['a', 'b']"
 */
function _makeDeps(deps) {
  var i = 0 , l = deps.length;
  for (; i < l; i++) {
    deps[i] = "'" + deps[i] + "'";
  }
  return "[" + deps.join(', ') + "]"
}

/**
 * _getDepJS
 * @param {String} customTag the custom tag name
 * @returns {String} the custom tag main script path
 * @example _getDepJS('test') -> './components/test/main.js'
 */
function _getDepJS(customTag) {
  return _getDep(customTag, 'main.js');
}

/**
 * _getDepCSS
 * @param {String} customTag the custom tag name
 * @returns {String} the custom tag main script path
 * @example _getDepCSS('test') -> './components/test/main.css'
 */
function _getDepCSS(customTag) {
  return _getDep(customTag, 'main.css');
}

/**
 * _getDep
 * @param {String} customTag the custom tag name
 * @param {String} file the file name
 * @returns {String} the custom tag file path
 */
function _getDep(customTag, file) {
  return './components/' + customTag.split('-').join('/') + '/' + file;
}

/**
 * _fix
 * @returns {String}
 */
function _fix(comp, options) {
  var html = comp.html || '<div></div>',
      holder = options.holder || /\$\_\_/g;
  return html.replace(holder, comp.hash).trim();
}

/**
 * _makeFragment
 * @param {Cheerio} $
 * @param {Element} $ele
 * @param {Function} tpl
 * @param [options] {String} uid
 * @returns {Element}
 */
function _makeFragment($, $ele, tpl, uid) {
  var attrs = $ele.attr()
    , res = $(tpl(attrs, { filters: _filters }))
    , content = res.find('content')
    , select;

  // use content
  if (content.length) {
    content.each(function (i, ele) {
      ele = $(ele);
      select = ele.attr('select') || '*';
      if (select === '*') {
        ele.replaceWith($ele.contents());
      } else {
        ele.replaceWith($ele.children(select));
      }
    });
  }

  if (uid) res.addClass('component-' + uid);
  if (attrs.id) res.attr('id', attrs.id);
  if (attrs.class) res.addClass(attrs.class);
  if (attrs.style) {
    var css = attrs.style.split(';')
      , style = {};
    css.forEach(function (rule) {
      if (rule) {
        rule = rule.split(':');
        style[rule[0].trim()] = rule[1].trim();
      }
    });
    res.css(style);
  }
  return res;
}

/**
 * _getComName
 * get component name
 * @param {String} string
 *  can be:
 *    1. components/{{conpentName}}/main.js
 *    2. components/{{conpentName}}/main.css
 *    3. components/{{conpentName}}/main.html
 * @returns {String}
 */
function _getComName(string) {
  var match = string.match(/components[\/\\]([\w-\\\/]+)[\/\\]main\.(js|css|html)$/);
  if (match) return match[1];
  return false;
}

module.exports = {
  makeDeps: _makeDeps,
  getDepJS: _getDepJS,
  getDepCSS: _getDepCSS,
  getDep: _getDep,
  fix: _fix,
  makeFragment: _makeFragment,
  getComName: _getComName
};