👀 Object Observable using ES6 Proxies.

create-observable.js

function createObservable(observable, { onGet, onSet }) {
  const interceptor = {
    get(target, key, receiver) {
      onGet(key)
      return target[key]
    },
    set(target, prop, value) {
      onSet(prop, value)
      return true
    }
  }

  return new Proxy(observable, interceptor)
}

getting-started.md

Reacting to Object's get and set behaviour.

const Observable = createObservable({ a: '1', b: '2' }, {
  onGet(key) {
    console.log('Getting key:', key)
  },
  onSet(target, value) {
    console.log('Updating value:', value, 'for', target, 'prop')
  }
})

Observable.a // -> 'Getting key: `a`'
Observable.b = 'Hello proxies' // -> 'Updating value: `Hello proxies` for `b` prop'