Wait for Phonegap's deviceready event before initializing an Ember application

cordova-device-ready.js

import isOnCordova from '../utils/is-on-cordova';

export function initialize(container, application) {
  application.deferReadiness();
  document.addEventListener('deviceready', function() {
  		application.advanceReadiness();
  	}, false);
  if(!isOnCordova()){
  	document.dispatchEvent(new Event('deviceready'));
  }
}

export default {
  name: 'cordova-device-ready',
  initialize: initialize
};

is-on-cordova.js

export default function isOnCordova() {
  return !!window.cordova;
}

This is all the code you need to run your Ember app inside PhoneGap/Cordova. I was pretty amazed how easy it is to plug in code inside the Ember framework.

cordova-device-ready.js is an Ember Initializer while is-on-cordova.js is a simple utility module.

The initializer defers the application "readiness" until the deviceready event is fired. If the code is not executed under Cordova (in the browser), the code dispatch the event itself.

Awesome, thank you for this!

Two little things: L3 doesn't need container as an argument in the initialize function and in L15 can be just initialize

This is using ember 2.6