General cleanup of the flash object and component

addon/components/flash-message.js

@@ -3,27 +3,27 @@ import layout from '../templates/components/flash-message';
 import computed from 'ember-new-computed';
 
 const {
-  Handlebars,
+  String: { classify, htmlSafe },
+  Component,
   getWithDefault,
   warn,
   run,
   on,
   get,
   set,
-  String: { classify },
-  Handlebars: { SafeString }
 } = Ember;
 const {
-  escapeExpression
-} = Handlebars.Utils;
+  readOnly,
+  bool
+} = computed;
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  classNameBindings: [ 'alertType', 'active', 'exiting' ],
+  classNameBindings: ['alertType', 'active', 'exiting'],
   active: false,
   messageStyle: 'bootstrap',
-  showProgressBar: computed.readOnly('flash.showProgress'),
-  exiting: computed.readOnly('flash.exiting'),
+  showProgressBar: readOnly('flash.showProgress'),
+  exiting: readOnly('flash.exiting'),
 
   alertType: computed('flash.type', {
     get() {
@@ -72,9 +72,8 @@ export default Ember.Component.extend({
       }
 
       const duration = getWithDefault(this, 'flash.timeout', 0);
-      const escapedCSS = escapeExpression(`transition-duration: ${duration}ms`);
 
-      return new SafeString(escapedCSS);
+      return htmlSafe(`transition-duration: ${duration}ms`);
     },
 
     set() {
@@ -100,5 +99,5 @@ export default Ember.Component.extend({
     }
   },
 
-  hasBlock: computed.bool('template').readOnly()
+  hasBlock: bool('template').readOnly()
 });

addon/flash/object.js

@@ -3,20 +3,34 @@ import customComputed from '../utils/computed';
 import computed from 'ember-new-computed';
 
 const {
+  Object: EmberObject,
+  run: { later, cancel },
   Evented,
-  on,
-  run,
   get,
   set
 } = Ember;
+const {
+  readOnly
+} = computed;
 
-export default Ember.Object.extend(Evented, {
-  queue: computed.readOnly('flashService.queue'),
+export default EmberObject.extend(Evented, {
+  queue: readOnly('flashService.queue'),
   totalTimeout: customComputed.add('timeout', 'extendedTimeout').readOnly(),
   timer: null,
   exitTimer: null,
   exiting: false,
 
+  init() {
+    this._super(...arguments);
+
+    if (get(this, 'sticky')) {
+      return;
+    }
+
+    this._setTimer('exitTimer', 'exitMessage', get(this, 'timeout'));
+    this._setTimer('timer', 'destroyMessage', get(this, 'totalTimeout'));
+  },
+
   destroyMessage() {
     const queue = get(this, 'queue');
 
@@ -36,7 +50,7 @@ export default Ember.Object.extend(Evented, {
   },
 
   willDestroy() {
-    const timers = [ 'timer', 'exitTimer' ];
+    const timers = ['timer', 'exitTimer'];
 
     timers.forEach((timer) => {
       this._cancelTimer(timer);
@@ -48,26 +62,15 @@ export default Ember.Object.extend(Evented, {
   // private
   _guid: customComputed.guidFor('message').readOnly(),
 
-  _setInitialState: on('init', function() {
-    if (get(this, 'sticky')) {
-      return;
-    }
-
-    this._setTimer('exitTimer', 'exitMessage', get(this, 'timeout'));
-    this._setTimer('timer', 'destroyMessage', get(this, 'totalTimeout'));
-  }),
-
   _setTimer(name, methodName, timeout) {
-    const timer = run.later(this, methodName, timeout);
-
-    set(this, name, timer);
+    set(this, name, later(this, methodName, timeout));
   },
 
   _cancelTimer(name) {
     const timer = get(this, name);
 
     if (timer) {
-      run.cancel(timer);
+      cancel(timer);
       set(this, name, null);
     }
   }

app/initializers/flash-messages.js

@@ -1,8 +1,7 @@
 import config from '../config/environment';
 
 export function initialize() {
-  let application = arguments[1] || arguments[0];
-
+  const application = arguments[1] || arguments[0];
   const { flashMessageDefaults } = config;
   const { injectionFactories } = flashMessageDefaults;