Make NProgress play nicely with Ember’s run loop

Author: alexlafroscia

addon/initializers/nprogress.js

@@ -0,0 +1,15 @@
+import Ember from 'ember';
+import nprogress from 'ember-cli-nprogress';
+
+const { run } = Ember;
+
+export function initialize() {
+  const scheduler = run.later.bind(this, this);
+
+  nprogress.configure({ scheduler });
+}
+
+export default {
+  name: 'nprogress',
+  initialize
+};

app/initializers/nprogress.js

@@ -0,0 +1 @@
+export { default, initialize } from 'ember-cli-nprogress/initializers/nprogress';

blueprints/ember-cli-nprogress/index.js

@@ -2,6 +2,6 @@ module.exports = {
   normalizeEntityName: function() {}, // no-op since we're just adding dependencies
 
   afterInstall: function() {
-    return this.addBowerPackageToProject('nprogress', '^0.2.0');
+    return this.addBowerPackageToProject('nprogress', 'alexlafroscia/nprogress#allow-alternate-scheduler');
   }
 };

bower.json

@@ -3,6 +3,6 @@
   "dependencies": {
     "ember": "~2.10.0",
     "ember-cli-shims": "0.1.3",
-    "nprogress": "^0.2.0"
+    "nprogress": "alexlafroscia/nprogress#allow-alternate-scheduler"
   }
 }

tests/acceptance/run-loop-test.js

@@ -13,12 +13,15 @@ moduleForAcceptance('Acceptance | run loop', {
   }
 });
 
+// This is required to get the app set up
 test('loading an initial route', function(assert) {
   assert.expect(0);
 
   visit('/');
 });
 
+// This test just verifies that an error is not produced in cases where `nprogress`
+// is running while the app is being torn down
 test('it fires the `start` event within the run loop', function(assert) {
   visit('/');
 

tests/unit/initializers/nprogress-test.js

@@ -0,0 +1,22 @@
+import Ember from 'ember';
+import NprogressInitializer from 'dummy/initializers/nprogress';
+import { module, test } from 'qunit';
+
+let application;
+
+module('Unit | Initializer | nprogress', {
+  beforeEach() {
+    Ember.run(function() {
+      application = Ember.Application.create();
+      application.deferReadiness();
+    });
+  }
+});
+
+// Replace this with your real tests.
+test('it works', function(assert) {
+  NprogressInitializer.initialize(application);
+
+  // you would normally confirm the results of the initializer here
+  assert.ok(true);
+});