New Twiddle

controllers.application.js

import Ember from 'ember';
import { task, timeout, waitForProperty } from 'ember-concurrency';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  count: 0,

  foo: task(function() {
    return {
      next: () => {
        this.incrementProperty('count');
        return {
          value: timeout(1000),
          done: false
        };
      }
    };
  }).on('init'),
});

templates.application.hbs

<h1>Welcome to ember-concurrency</h1>

<p>
Here's a silly little test demonstration of how you can replace ember-concurrency generator task functions with normal functions that return iterators. In this case, I return an iterator that also returns a `timeout()` value along with `done: false`; in other words, it's an infinite loop.
</p>

<p>
count={{count}}
</p>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-concurrency": "latest"
  }
}