Add "addon-initialization" route and rudimentary component.

Author: Robert Jackson

app/components/addon-initialization-times.js

@@ -0,0 +1,61 @@
+import Ember from 'ember';
+
+const {
+  computed
+} = Ember;
+
+function filterForAddonInitializationNodes(node) {
+  return node.label.addonInitializationNode;
+}
+
+function filterForAddonDiscoveryNodes(node) {
+  return node.label.addonDiscoveryNode;
+}
+
+export default Ember.Component.extend({
+  filter: filterForAddonInitializationNodes,
+
+  nodes: computed('data', 'filter', function() {
+    let data = this.get('data');
+    let filter = this.get('filter');
+    if (!data) { return []; }
+
+    let nodes = data.nodes;
+
+    if (filter) {
+      nodes = nodes.filter(filter);
+    }
+
+    let addonNodes = nodes
+        .sort((a, b) => {
+          return b.stats.time.self - a.stats.time.self;
+        });
+
+    return addonNodes;
+  }),
+
+  totalTime: computed('nodes', function() {
+    let nodes = this.get('nodes');
+
+    return nodes.reduce(function(previousValue, node){
+      return previousValue + node.stats.time.self;
+    }, 0);
+  }),
+
+  actions: {
+    updateFilter(event) {
+      let filter;
+
+      switch(event.target.value) {
+      case 'addon-discovery':
+        filter = filterForAddonDiscoveryNodes;
+        break;
+      case 'addon-initialization':
+        filter = filterForAddonInitializationNodes;
+        break;
+      }
+
+      this.set('filter', filter);
+    }
+  }
+});

app/controllers/addon-initialization.js

@@ -0,0 +1,20 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  init() {
+    this._super(...arguments);
+    this.data = null;
+  },
+
+  actions: {
+    parseFile(event) {
+      let reader = new FileReader();
+      reader.onload = (e) => {
+        var contents = e.target.result;
+        this.set('data', JSON.parse(contents));
+      };
+
+      reader.readAsText(event.target.files[0]);
+    }
+  }
+})

app/helpers/ns-to-ms.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export function nsToMs([time]) {
+  return (time / 1000000).toFixed(2);
+}
+
+export default Ember.Helper.helper(nsToMs);

app/router.js

@@ -7,6 +7,7 @@ const Router = Ember.Router.extend({
 });
 
 Router.map(function() {
+  this.route('addon-initialization');
 });
 
 export default Router;

app/routes/addon-initialization.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});

app/templates/addon-initialization.hbs

@@ -0,0 +1,8 @@
+<form>
+  <div>
+    <label for="file-upload">Upload the `instrumentation.init.json` output of <code>BROCCOLI_VIZ=1 ember build</code>:</label>
+    <input name="file-upload" type="file" onchange={{action 'parseFile'}}>
+  </div>
+</form>
+
+{{addon-initialization-times data=data}}

app/templates/application.hbs

@@ -1 +1,5 @@
+{{link-to 'Addon Initialization' 'addon-initialization'}}
+
+<hr>
+
 {{outlet}}

app/templates/components/addon-initialization-times.hbs

@@ -0,0 +1,14 @@
+<select onchange={{action 'updateFilter'}}>
+  <option value="addon-discovery">Show Addon Discovery</option>
+  <option selected value="addon-initialization">Show Addon Initialization</option>
+</select>
+
+<ul>
+  {{#each nodes as |node|}}
+    <li>{{node.label.name}} - {{ns-to-ms node.stats.time.self}}</li>
+  {{/each}}
+</ul>
+
+<div>
+  Total: {{ns-to-ms totalTime}}
+</div>