Mithril Templates / Helpers

m.component.js

// var ListComponent = m.component({ ... }) -> component
// var list = ListComponent() -> component instance
// list.view() -> view
m.component = function (component) {
  return function (options, content) {
    var controller = new component.controller(options)

    controller.view = function () {
      return component.view(controller, arguments[0] || options, arguments[1] || content)
    }

    return controller
  }
}

object.map.js

function map (object, fn) {
  var arr = []

  Object.keys(object).forEach(function (key) {
    arr.push(fn.call(this, object[key], key, object))
  })

  return arr
}

template.component.js

var ListComponent = m.component({
  controller: function (options) {
    var state = {}

    return state
  },

  view: function (state) {
    return [
      m('div', 'testing')
    ]
  }
})