API proposal: Simple angular like view model and backbone style events.

how_to_namari.coffee

# initialize
Namari.setPrefix 'mz-'
Namari.registerDirective "text", (self, el, value) ->
  $(el).text self[value]

Namari.registerDirective "html", (self, el, value) ->
  el.innerHTML = self.get value

Namari.registerDirective "click", (self, el, value) ->
  $(el).on 'click', self[value]

Namari.registerDirective "click-publish", (self, el, value) ->
  $(el).on 'click', -> self.trigger value

# code
Namari.addTemplate 'status', """
  <div class="status"
    mz-container="status"
    mz-values="name, money"
    mz-require-functions="addMoney">
    <span mz-text="name"></span>
    <span mz-text="money"></span>
    <button mz-click-publish="update">addMoney</span> 
    <button mz-click="addMoney">addMoney</span> 
  </div>
"""

class Status extends Namari.Stuff
  templateName: 'status'
  constructor: (name) ->
    super
    @name = name

  addMoney: ->
    @money += 1

status = new Status 'hoge'
status.on 'update', -> console.log 'update!'