conveyal/modeify

var config = require('../config')
var debug = require('debug')(config.application() + ':view:each')

/**
 * `data-each="items"`
 */

module.exports = function (reactive) {
  reactive.bind('data-each', function (el, attr) {
    var container = this.el
    this.change(function (items) {
      container.innerHTML = ''

      items = items || this.value(attr)
      if (!items || items.forEach === undefined || items.length === 0) {
        debug('no items to iterate over.')
        return
      }

      var View = this.value(attr + '-view')
      if (!View) {
        debug('no view for %s', attr)
        return
      }

      items.forEach(function (item, index) {
        item.index = index
        var view = new View(item)
        container.appendChild(view.el)
      })
    })
  })
}