New Twiddle

controllers.application.js

import Ember from 'ember';

let counter = 0;
const actualData = {x:1};
const queue = [];
const ProxyObject = Ember.ObjectProxy.extend({
  unknownProperty (key) {
    console.log('unkknownProperty was called', counter, key);
    if (++counter < 15 ) {
      //Ember.run.throttle(this,
      //	'propertyDidChange', key, 0);
      if (!queue.length) {
        console.log('enqueueing')
        // if the queue isn't empty we need to enqueue 
        // a change notification request, otherwise
        // we already did
        Ember.run.next(()=>this._notify());
      }
      queue.push(key);
    }
    return actualData[key] + counter;
  },
  _notify() {
    console.log(queue);
		queue.uniq().forEach(k=>this.propertyDidChange(k));
    //queue.reset();
  }
});
const proxyObject = ProxyObject.create();


export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  proxy: proxyObject,
  anotherProp: Ember.computed('proxy.x', function () {
    console.log('anotherProp was called');
     this.get('proxy.y');
    return this.get('proxy.x');
  }),
  observeX: Ember.observer('proxy.x', function (key) {
    console.log('observed x');
  }),
  observeY: Ember.observer('proxy.y', function (key) {
    console.log('observed y');
  })
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{proxy.x}} 
{{anotherProp}}
{{outlet}}
<br>
<br>

twiddle.json

{
  "version": "0.10.4",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "1.13.13",
    "ember-data": "2.7.0",
    "ember-template-compiler": "1.13.13"
  },
  "addons": {}
}