Deeply observe object changes

reporter.ts

const reporter = (path: string[] = []) => ({
  get(target, property) {
    if (typeof target[property] === 'object') {
      return new Proxy(target[property], reporter(path.concat(property)))
    } else {
      return Reflect.get(target, property)
    }
  },
  set(target, property, value) {
    console.log('setting ', path.concat(property).join('.'))
    return Reflect.set(target, property, value)
  },
})

const object: Object = new Proxy({
  someProp: {
    someDeepProp: {
      someValue: true,
    },
  },
}, reporter())