[turbolizer] Use locations rather than ranges everywhere

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 16 matching lines @@
       justScaleTransGraph: false,
       lastKeyDown: -1,
       showTypes: false
     };
 
     var selectionHandler = {
       clear: function() {
         broker.clear(selectionHandler);
       },
       select: function(items, selected) {
-        var ranges = [];
+        var locations = [];
         for (var d of items) {
           if (selected) {
             d.classList.add("selected");
           } else {
             d.classList.remove("selected");
           }
           var data = d.__data__;
-          ranges.push([data.pos, data.pos + 1, data.id]);
+          locations.push({ pos_start: data.pos, pos_end: data.pos + 1, node_id: data.id});
         }
-        broker.select(selectionHandler, ranges, selected);
+        broker.select(selectionHandler, locations, selected);
       },
       selectionDifference: function(span1, inclusive1, span2, inclusive2) {
         // Should not be called
       },
-      brokeredSelect: function(ranges, selected) {
+      brokeredSelect: function(locations, selected) {
         var test = [].entries().next();
         var selection = graph.nodes
           .filter(function(n) {
             var pos = n.pos;
-            for (var range of ranges) {
-              var start = range[0];
-              var end = range[1];
-              var id = range[2];
+            for (var location of locations) {
+              var start = location.pos_start;
+              var end = location.pos_end;
+              var id = location.node_id;
               if (end != undefined) {
                 if (pos >= start && pos < end) {
                   return true;
                 }
               } else if (start != undefined) {
                 if (pos === start) {
                   return true;
                 }
               } else {
                 if (n.id === id) {
@@ skipping 162 matching lines @@
     d.x += d3.event.dx;
     d.y += d3.event.dy;
     graph.updateGraphVisibility();
   }
 
   initializeContent(data, rememberedSelection) {
     this.createGraph(data, rememberedSelection);
     if (rememberedSelection != null) {
       this.attachSelection(rememberedSelection);
       this.connectVisibleSelectedNodes();
+      this.viewSelection();
     }
     this.updateGraphVisibility();
   }
 
   deleteContent() {
     if (this.visibleNodes) {
       this.nodes = [];
       this.edges = [];
       this.nodeMap = [];
       this.updateGraphVisibility();
@@ skipping 757 matching lines @@
   }
 
   viewWholeGraph() {
     var graph = this;
     var minScale = graph.minScale();
     var translation = [0, 0];
     translation = graph.getVisibleTranslation(translation, minScale);
     graph.translateClipped(translation, minScale);
   }
 }