Refacto tool which highlight every use of a variable on an object.

observe.on.js

/**
 * Example:
 * observe('myProp').on(myObject);
 */

global.observe = (varName) => ({
  on: (object) => {
    let value = object[varName];
    Object.defineProperty(
      object,
      varName,
      {
        enumerable: true,
        configurable: true,
        get: () => console.trace(
          `%cGET%c ${varName}`,
          'color: green; font-weight: bold;',
          'font-weight: bold;'
        ) || value,
        set: (newValue) => console.trace(
          `%cSET%c ${varName}`,
          'color: red; font-weight: bold;',
          'font-weight: bold;'
        ) || (value = newValue)
      }
    );
  }
});