microtemplate2/lib/microtemplate2.js

micro template

'use strict';

;(function(root, factory) {
  'use strict';
  if (typeof define === 'function' && define.amd) {
    return define(['exports'], factory);
  } else if (typeof exports !== 'undefined') {
    return factory(exports);
  } else {
    /* browser */
    factory(root['microtemplate2'] || (root['microtemplate2'] = {}));
  }
})(this, function(exports) {
  // default config
  var OPT = {
    tagOpen: '<#',
    tagClose: '#>'
  };

  var _ = {
    unescape: function(code) {
      return code.replace(/\\('|\\)/g, '$1').replace(/[\r\t\n]/g, ' ');
    },
    merge: function(r, s) {
      for (var i in s) {
        r[i] = s[i];
      }
      return r;
    },
    filter: function(c) {
      return c
        .replace(/\\/g, '\\\\')
        .replace(/\n/g, '\\n')
        .replace(/\r/g, '\\r')
        .replace(/\t/g, '\\t')
        .replace(/\"/g, '\\"')
        .replace(/\'/g, '\\\'');
    },
    indexOf: function(i, s) {
      return !!~s.indexOf(i);
    }
  };

  var _render = function(template, data) {
    var content = '';
    try {
      content = template(data);
    } catch (e) {
      throw new Error(e);
    }
    return content;
  };

  var _parse = function(template) {
    var content = [];
    template.split(OPT.tagOpen).forEach(function(i) {
      i = i.split(OPT.tagClose);
      var $0 = i[0];
      var $1 = i[1];
      var l = null;
      var s = null;

      if (i.length === 1) {
        s = $0;
      } else {
        l = $0;
        if ($1) {
          s = $1;
        }
      }

      if (l) {
        l = l.trim();
      }
      content.push({
        'logic': l,
        'static': s
      });
    });
    return content;
  };

  var _compile = function(template) {
    var content = 'var $out = "";';
    template.forEach(function(i) {
      var l = i.logic;
      var s = i.static;
      if (l) {
        content += (l[0] === '=' ? '$out += ' + _.unescape(l.split('=')[1]) : l) + ';';
      }
      if (s) {
        content += '$out += "' + _.filter(s) + '";';
      }
    });
    content += 'return $out;';
    return new Function('$data', 'with($data) {' + content + '}');
  };

  /**
   * @param {String} template
   * @param {Object} options
   */
  function Parse(template, options) {
    if (options) {
      _.merge(OPT, options);
    }
    return _parse.call(this, template);
  }

  /**
   * @param  {String}  template
   * @param  {Object}  options
   * @return {Function}
   */
  function Compile(template, options) {
    if (options) {
      _.merge(OPT, options);
    }
    template = _parse.call(this, template);
    return _compile.call(this, template);
  }

  /**
   * @param {String} template
   * @param {Object} data
   * @param {Object} options
   */
  function Render(template, data, options) {
    if (options) {
      _.merge(OPT, options);
    }
    template = _parse.call(this, template);
    template = _compile.call(this, template);
    return _render.call(this, template, data);
  }

  exports._ = _;
  exports.parse = Parse;
  exports.compile = Compile;
  exports.render = Render;
});