Ember-devtools NPM

ember-devtools

Visit project page and demo

A collection of useful functions for developing Ember apps. Best served from the console.

Usage

ember-devtools is an Ember.Service that is most useful when available in the devtools console. The simplest was access this from the console is using a global variable (eww!) which can be defined in config/environment.js.

var ENV = {
  'ember-devtools': {
    global: true,
    enabled: environment === 'development'
  }
}

Setting global will allow access to the devTools functions globally (eg. you can run routes() in the console). If you'd prefer these functions to be under a prefix set global: 'devTools' for devTools.routes().

The enabled option will enable the addon. By default, this addon will only be included in the development environment.

Alternatively you can use Ember.inject.service('ember-devtools') or appInstance.lookup('service:ember-devtools').

Functions

`app([name])`

Returns the named application. name defaults to main.

`routes()`

Returns the names of all routes.

`route([name])`

Returns the named route. name defaults to the current route.

`router([name])`

Returns the named router instance. name defaults to main.

`model([name])`

Returns the model for the named controller. name defaults to the the current route.

`service(name)`

Performs a lookup for the named service in the owner (using 'service:' + name).

`controller([name])`

Returns the named controller. name defaults to the current route.

`log(promise[, property[, getEach]])`

Resolves the promise and logs the resolved value using console.log. Also sets window.$E to the resolved value so you can access it in the dev tools console.

If property is specified then $E.get(property) will be logged.

If getEach is true then $E.getEach(property) will be logged.

Examples:

> log(store.find('organisation')) => undefined
> $E.get('length') => 3
> log(store.find('organisation'), 'length') => 3
> log(store.find('organisation'), 'name', true) => array of names