machty

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

function requestAnimationFrameYieldable() {
  return {
    __ec_yieldable__(taskInstance, index) {
      requestAnimationFrame(v => {
        taskInstance.proceed(index, 'next', v);
      });
    }

machty

import Ember from 'ember';

export default Ember.Component.extend({
});

machty

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

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

  foo: task(function * () {
    yield this.get('bar').perform(1500);
    yield perform('bar', 200);
    yield perform('bar', 400);

machty

Keybase proof

I hereby claim:

• I am machty on github.
• I am machty (https://keybase.io/machty) on keybase.
• I have a public key ASBt9xZwqptzThtqHApaNe2s-cQxQ1y8kZya-4DRoakUxgo

To claim this, I am signing this object:

machty

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

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  lol: false,

  foo: task(function * () {
    this.set('lol', false);

machty

import Ember from 'ember';

export default Ember.Component.extend({
});

machty

import Ember from 'ember';

let loggingCp = () => {
  return Ember.computed(function(key) {
    this.logs.pushObject(`${key} was accessed`);
    return 123;
  });
};

export default Ember.Controller.extend({

machty

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

machty

Present state of the proposal:

Named block syntax:

{{#x-foo as |a|}}
  @default block {{a}}
{{as @header |h|}}
  @header block. Referenced via @header in x-foo's layout
{{as @footer}}

machty

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

const { $ } = Ember;

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

  myTask: task(function * () {
    alert(waitForEvent);