[turbolizer] Visualize also the dead nodes.

tools/turbolizer/graph-view.js

 // Copyright 2015 the V8 project authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 "use strict";
 
 class GraphView extends View {
   constructor (d3, id, nodes, edges, broker) {
     super(id, broker);
     var graph = this;
@@ skipping 107 matching lines @@
         return {x: d.x, y: d.y};
       })
       .on("drag", function(args){
         graph.state.justDragged = true;
         graph.dragmove.call(graph, args);
       })
 
     d3.select("#upload").on("click", partial(this.uploadAction, graph));
     d3.select("#layout").on("click", partial(this.layoutAction, graph));
     d3.select("#show-all").on("click", partial(this.showAllAction, graph));
+    d3.select("#hide-dead").on("click", partial(this.hideDeadAction, graph));
     d3.select("#hide-unselected").on("click", partial(this.hideUnselectedAction, graph));
     d3.select("#hide-selected").on("click", partial(this.hideSelectedAction, graph));
     d3.select("#zoom-selection").on("click", partial(this.zoomSelectionAction, graph));
     d3.select("#toggle-types").on("click", partial(this.toggleTypesAction, graph));
     d3.select("#search-input").on("keydown", partial(this.searchInputAction, graph));
 
     // listen for key events
     d3.select(window).on("keydown", function(e){
       graph.svgKeyDown.call(graph);
     })
@@ skipping 318 matching lines @@
     graph.viewWholeGraph();
   }
 
   showAllAction(graph) {
     graph.nodes.filter(function(n) { n.visible = true; })
     graph.edges.filter(function(e) { e.visible = true; })
     graph.updateGraphVisibility();
     graph.viewWholeGraph();
   }
 
+  hideDeadAction(graph) {
+    graph.nodes.filter(function(n) { if (!n.live) n.visible = false; })
+    graph.updateGraphVisibility();
+  }
+
   hideUnselectedAction(graph) {
     var unselected = graph.visibleNodes.filter(function(n) {
       return !this.classList.contains("selected");
     });
     unselected.each(function(n) {
       n.visible = false;
     });
     graph.updateGraphVisibility();
   }
 
@@ skipping 242 matching lines @@
     graph.visibleNodes.attr("transform", function(n){
       return "translate(" + n.x + "," + n.y + ")";
     }).select('rect').
       attr(HEIGHT, function(d) { return graph.getNodeHeight(); });
 
     // add new nodes
     var newGs = graph.visibleNodes.enter()
       .append("g");
 
     newGs.classed("control", function(n) { return n.isControl(); })
+      .classed("live", function(n) { return n.isLive(); })
+      .classed("dead", function(n) { return !n.isLive(); })
       .classed("javascript", function(n) { return n.isJavaScript(); })
       .classed("input", function(n) { return n.isInput(); })
       .classed("simplified", function(n) { return n.isSimplified(); })
       .classed("machine", function(n) { return n.isMachine(); })
       .attr("transform", function(d){ return "translate(" + d.x + "," + d.y + ")";})
       .on("mousedown", function(d){
         graph.nodeMouseDown.call(graph, d3.select(this), d);
       })
       .on("mouseup", function(d){
         graph.nodeMouseUp.call(graph, d3.select(this), d);
@@ skipping 264 matching lines @@
   }
 
   viewWholeGraph() {
     var graph = this;
     var minScale = graph.minScale();
     var translation = [0, 0];
     translation = graph.getVisibleTranslation(translation, minScale);
     graph.translateClipped(translation, minScale);
   }
 }