dalijs/src/core/view/Bindable.js

ES6 framework

import {EventBus} from '../event/EventBus';
import {EventNameNormalizer} from '../event/EventNameNormalizer';
import {Injector} from '../di/Injector';

export function Bindable(target, key) {
  if (target.bindableFields) {
    target.bindableFields.push(key);
  } else {
    target.bindableFields = [key];
  }
}

export class Binder {

  static bindArray(target, key, eventName) {
    //
    // override array methods
    // http://stackoverflow.com/questions/5100376/how-to-watch-for-array-changes
    //

    let methods = ['push', 'pop', 'reverse', 'shift', 'unshift', 'splice'];
    methods.forEach((name) => {
      try {
        Object.defineProperty(target[key], name, {
          configurable: false,
          enumerable: false,
          writable: false,
          value: function () {
            Array.prototype[name].apply(this, arguments);
            EventBus.publish(eventName);
            return this.length;
          }
        });
      } catch (e) {

      }
    });

    // Binder.bindOther(target, key, eventName);
  }

  static bindOther(target, key, eventName) {
    let value = target[key],
      privateProperty = key + '_' + (+new Date());

    Object.defineProperty(target, privateProperty, {
      enumerable: false,
      configurable: false,
      writable: true
    });

    Object.defineProperty(target, key, {
      set: function (newValue) {
        this[privateProperty] = newValue;
        EventBus.publish(eventName);
      },
      get: function () {
        return this[privateProperty];
      }
    });

    target[key] = value;
  }

  static bindInstance(instance, instanceName) {
    if (!!instance.bindableFields) {
      let target = {
        name: instanceName
      };
      let eventName = EventNameNormalizer.normalize(target, EventBus.CHANGE_DETECTED);

      instance.bindableFields.forEach((key) => {
        if (instance[key] instanceof Array) {
          Binder.bindArray(instance, key, eventName);
        } else {
          Binder.bindOther(instance, key, eventName);
        }
      });
    }
  }

  static run(instance, instanceName) {
    if (!!instance) {
      Binder.bindInstance(instance, instanceName);
    } else {
      for (var name in Injector.instances) {
        Binder.bindInstance(Injector.instances[name], instanceName);
      }
    }
  }
}