import Ember from 'ember';

import RSVP from 'rsvp';

//Make object proxy for promise
const ObjectPromiseProxy = Ember.ObjectProxy.extend(Ember.PromiseProxyMixin);

/**
* Returns a computed property that combines all dependent
* promises into an RSVP hash, which when resolves, calls
* the async computed callback with each argument matching
* the dependent promise
*/
Ember.computed.async = function (...args) {

  console.log('Async Computed Called');
  
  // Remove computed function to call later
  const func = args.pop();
  const promiseNames = args.slice();
  
  // Push a new computed handler onto the stack
  args.push(function(...computedArgs) {
    console.log('Computed function called');
    
    // Get the promises
    const promises = {};
    promiseNames.forEach((promiseName) => {
    	promises[promiseName] = this.get(promiseName);
    });
    
    // Make hash of all promises
    const rsvp = RSVP.hash(promises).then((resolved) => {
    	console.log('Promises complete', resolved);
      const results = [];
      promiseNames.forEach((name) => {
      	results.push(resolved[name]);
      });
      return func.apply(this, results);
    });

    return ObjectPromiseProxy.create({
      promise: rsvp,
    });
  });
  
  return Ember.computed.apply(null, args);
};

export default Ember.Controller.extend({
  appName: 'Ember Twiddle Async Computed Properties',
  
  asyncComputed: Ember.computed.async('model.promise1', function(model) {
    return model;
  }),
  
  asyncComputed2: Ember.computed.async('model.promise1', 'model.promise2', function(model1, model2) {
    return model1 + ' & ' + model2;
  }),
});