Macro for debugging computed property
Before:
import Ember from 'ember';
const { computed } = Ember;
const obj = Ember.Object
.extend({
foo: 42,
bar: computed('foo', function() {
return 2 * this.get('foo')
})
})
.create();
obj.get('bar');
After:
import Ember from 'ember';
import DebugProperty from 'ember-debug-cp';
const obj = Ember.Object
.extend({
foo: 42,
// Replace computed by DebugProperty macro
bar: DebugProperty.get('foo', function() {
return 2 * this.get('foo')
})
})
.create();
obj.get('bar');
And you get console input:
ember install ember-abstract-macro
DebugProperty.get
Hook for get computedimport Ember from 'ember';
import DebugProperty from 'ember-debug-cp';
const obj = Ember.Object
.extend({
foo: 42,
bar: DebugProperty.get('foo', function() {
return 2 * this.get('foo')
})
})
.create();
obj.get('bar');
DebugProperty.set
Hook for set computedimport Ember from 'ember';
import DebugProperty from 'ember-debug-cp';
const obj = Ember.Object
.extend({
foo: 42,
bar: DebugProperty.set('foo', function() {
return 2 * this.get('foo')
})
})
.create();
obj.set('bar', 64);
DebugProperty.modify
Alias to `DebugProperty.set`DebugProperty.both
Hook for get & set computedimport Ember from 'ember';
import DebugProperty from 'ember-debug-cp';
const obj = Ember.Object
.extend({
foo: 42,
bar: DebugProperty.both('foo', function() {
return 2 * this.get('foo')
})
})
.create();
obj.get('bar');
obj.set('bar', 64);
As getter & setter
git clone https://github.com/shamcode/ember-debug-cp.git
cd ember-debug-cp
npm install
bower install
ember serve
- Visit your app at http://localhost:4200.
-
npm test
(Runsember try:each
to test your addon against multiple Ember versions) ember test
ember test --server
ember build
For more information on using ember-cli, visit https://ember-cli.com/.