Ben Demboski bendemboski

## controllers.application\.js
import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

## index.html
<!DOCTYPE html>
<html>
  <head>
    <script src="cust://assets/test.js"></script>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

## index.html
<!DOCTYPE html>
<html>
  <head>
    <script src="test.js"></script>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

## components.my-component.js
import Ember from 'ember';

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

## components.draggable-item.js
import Ember from 'ember';

export default Ember.Component.extend({
  draggable: true,
  attributeBindings: ['draggable'],
  classNames: ['p-4 border'],

  dragEnd() {
    alert("the drag ended")
  },

## controllers.application.js
import Ember from 'ember';

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

  thing: { id: '2' }
});

## controllers.application.js
import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

## components.my-component.js
import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({
  setCalls: [], // mea culpa!

  prop1: computed({
    get() {
      return 'Initial Prop1 Value';
    },

## controllers.application.js
import Ember from 'ember';

var TestObject = Ember.Object.extend({
  value: "initial value",
  alias: Ember.computed.alias('value'),
  oneWay: Ember.computed.oneWay('value'),
  readOnly: Ember.computed.readOnly('value'),
  bool: Ember.computed.bool('value'),
  manual: Ember.computed('value', function () { return this.get('value'); }),
  computedDidChange: Ember.observer('alias', 'oneWay', 'readOnly', 'bool', 'manual', function (obj, key) {

## controllers.application.js
import Ember from 'ember';

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

  doSomething: task(function*() {
    return yield 'task result';
  }),

  runTask: task(function*(es5Getter) {
	import Controller from '@ember/controller';

	export default class ApplicationController extends Controller {
	appName = 'Ember Twiddle';
	}
	<!DOCTYPE html>
	<html>
	<head>
	<script src="cust://assets/test.js"></script>
	</head>
	<body>
	<h1>Hello World!</h1>
	</body>
	</html>
	import Ember from 'ember';

	export default Ember.Component.extend({
	});
	import Ember from 'ember';

	export default Ember.Component.extend({
	draggable: true,
	attributeBindings: ['draggable'],
	classNames: ['p-4 border'],

	dragEnd() {
	alert("the drag ended")
	},
	import Ember from 'ember';

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

	thing: { id: '2' }
	});
	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});
	import Component from '@ember/component';
	import { computed } from '@ember/object';

	export default Component.extend({
	setCalls: [], // mea culpa!

	prop1: computed({
	get() {
	return 'Initial Prop1 Value';
	},
	import Ember from 'ember';

	var TestObject = Ember.Object.extend({
	value: "initial value",
	alias: Ember.computed.alias('value'),
	oneWay: Ember.computed.oneWay('value'),
	readOnly: Ember.computed.readOnly('value'),
	bool: Ember.computed.bool('value'),
	manual: Ember.computed('value', function () { return this.get('value'); }),
	computedDidChange: Ember.observer('alias', 'oneWay', 'readOnly', 'bool', 'manual', function (obj, key) {