BiuSheiEs

biusheies.js

function r(obj, cb) {
  const wrapped = {}
  
  for (let k in obj) {
    let value = obj[k]
    
    if (typeof value === 'object' && !Array.isArray(value)) {
      value = r(value, cb)
    }

    Object.defineProperty(wrapped, k, {
      get () {
        return value
      },
	    
      set (newValue) {
        console.log('New value: ', newValue)
        value = newValue
        cb()
      }
    })
  }

  return wrapped
}

function BiuSheiEs (vm) {
  const data = vm.data || {}
  const render = vm.render.bind(vm)
  vm.data = r(data, render)
  
  return vm
}

const component = new BiuSheiEs({
  el: document.getElementById('app'),
  
  data: { 
    user: {
      name: '@ianaya89'
    }
  },
  
  render () {
    this.el.innerHTML = `<h1>Welcome ${this.data.user.name}</h1>`
  }
})