Simple Template System JavaScript

README.md

Simple Template System

Uses Craft.js (API docs).

Constructor

var myTemplate = Template.create({
   template : "<p>#{foo}<p><i>#{bar.baz}</i>",
   pattern :  /#\{([a-zA-Z0-9-_.]*)\}/g,
   defaults : {
     bar : { 
       baz : "foo"
     }
   }
 })

Options

• template : String to evaluate
• pattern (optional) : custom RegExp (default handles {{variable}})
• defaults : Default values following the expected structure in the Template#evaluate function.

Evaluation

myTemplate.evaluate(data) // -> String

gistfile1.js

var Template = {
  create : function(object){
    if(!(this instanceof Template.create)) return new Template.create(object);
    if(!object.pattern) object.pattern = /\{\{([a-zA-Z0-9-_.]*)\}\}/g;
    if(object.defaults) object.defaults = Hash(object.defaults)
    return Craft.extend(this, object)
  }
}

Craft.extend(Template.create.prototype, {
  evaluate : function (data){
    var that = this
    if(!data) return null;
    data = Hash(data)
    return that.template.replace(that.pattern, function(match, toReplace){
      return data.get(toReplace) || that.defaults.get(toReplace) || ""
    })
  }
})