Merge V8 5.3.332.45. DO NOT MERGE
Test: Manual
FPIIM-449
Change-Id: Id3254828b068abdea3cb10442e0172a8c9a98e03
(cherry picked from commit 13e2dadd00298019ed862f2b2fc5068bba730bcf)
diff --git a/tools/turbolizer/turbo-visualizer.js b/tools/turbolizer/turbo-visualizer.js
new file mode 100644
index 0000000..d85be6b
--- /dev/null
+++ b/tools/turbolizer/turbo-visualizer.js
@@ -0,0 +1,211 @@
+// Copyright 2014 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.
+
+document.onload = (function(d3){
+ "use strict";
+ var jsonObj;
+ var sourceExpandClassList = document.getElementById(SOURCE_EXPAND_ID).classList;
+ var sourceCollapseClassList = document.getElementById(SOURCE_COLLAPSE_ID).classList;
+ var sourceExpanded = sourceCollapseClassList.contains(COLLAPSE_PANE_BUTTON_VISIBLE);
+ var disassemblyExpandClassList = document.getElementById(DISASSEMBLY_EXPAND_ID).classList;
+ var disassemblyCollapseClassList = document.getElementById(DISASSEMBLY_COLLAPSE_ID).classList;
+ var disassemblyExpanded = disassemblyCollapseClassList.contains(COLLAPSE_PANE_BUTTON_VISIBLE);
+ var svg = null;
+ var graph = null;
+ var schedule = null;
+ var empty = null;
+ var currentPhaseView = null;
+ var disassemblyView = null;
+ var sourceView = null;
+ var selectionBroker = null;
+
+ function updatePanes() {
+ if (sourceExpanded) {
+ if (disassemblyExpanded) {
+ d3.select("#" + SOURCE_PANE_ID).style(WIDTH, "30%");
+ d3.select("#" + INTERMEDIATE_PANE_ID).style(WIDTH, "40%");
+ d3.select("#" + GENERATED_PANE_ID).style(WIDTH, "30%");
+ } else {
+ d3.select("#" + SOURCE_PANE_ID).style(WIDTH, "50%");
+ d3.select("#" + INTERMEDIATE_PANE_ID).style(WIDTH, "50%");
+ d3.select("#" + GENERATED_PANE_ID).style(WIDTH, "0%");
+ }
+ } else {
+ if (disassemblyExpanded) {
+ d3.select("#" + SOURCE_PANE_ID).style(WIDTH, "0%");
+ d3.select("#" + INTERMEDIATE_PANE_ID).style(WIDTH, "50%");
+ d3.select("#" + GENERATED_PANE_ID).style(WIDTH, "50%");
+ } else {
+ d3.select("#" + SOURCE_PANE_ID).style(WIDTH, "0%");
+ d3.select("#" + INTERMEDIATE_PANE_ID).style(WIDTH, "100%");
+ d3.select("#" + GENERATED_PANE_ID).style(WIDTH, "0%");
+ }
+ }
+ }
+
+ function toggleSourceExpanded() {
+ setSourceExpanded(!sourceExpanded);
+ }
+
+ function setSourceExpanded(newState) {
+ sourceExpanded = newState;
+ updatePanes();
+ if (newState) {
+ sourceCollapseClassList.add(COLLAPSE_PANE_BUTTON_VISIBLE);
+ sourceCollapseClassList.remove(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ sourceExpandClassList.add(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ sourceExpandClassList.remove(COLLAPSE_PANE_BUTTON_VISIBLE);
+ } else {
+ sourceCollapseClassList.add(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ sourceCollapseClassList.remove(COLLAPSE_PANE_BUTTON_VISIBLE);
+ sourceExpandClassList.add(COLLAPSE_PANE_BUTTON_VISIBLE);
+ sourceExpandClassList.remove(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ }
+ }
+
+ function toggleDisassemblyExpanded() {
+ setDisassemblyExpanded(!disassemblyExpanded);
+ }
+
+ function setDisassemblyExpanded(newState) {
+ disassemblyExpanded = newState;
+ updatePanes();
+ if (newState) {
+ disassemblyCollapseClassList.add(COLLAPSE_PANE_BUTTON_VISIBLE);
+ disassemblyCollapseClassList.remove(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ disassemblyExpandClassList.add(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ disassemblyExpandClassList.remove(COLLAPSE_PANE_BUTTON_VISIBLE);
+ } else {
+ disassemblyCollapseClassList.add(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ disassemblyCollapseClassList.remove(COLLAPSE_PANE_BUTTON_VISIBLE);
+ disassemblyExpandClassList.add(COLLAPSE_PANE_BUTTON_VISIBLE);
+ disassemblyExpandClassList.remove(COLLAPSE_PANE_BUTTON_INVISIBLE);
+ }
+ }
+
+ function hideCurrentPhase() {
+ var rememberedSelection = null;
+ if (currentPhaseView != null) {
+ rememberedSelection = currentPhaseView.detachSelection();
+ currentPhaseView.hide();
+ currentPhaseView = null;
+ }
+ return rememberedSelection;
+ }
+
+ function displayPhaseView(view, data) {
+ var rememberedSelection = hideCurrentPhase();
+ view.show(data, rememberedSelection);
+ d3.select("#middle").classed("scrollable", view.isScrollable());
+ currentPhaseView = view;
+ }
+
+ function displayPhase(phase) {
+ if (phase.type == 'graph') {
+ displayPhaseView(graph, phase.data);
+ } else if (phase.type == 'schedule') {
+ displayPhaseView(schedule, phase.data);
+ } else {
+ displayPhaseView(empty, null);
+ }
+ }
+
+ function fitPanesToParents() {
+ d3.select("#left").classed("scrollable", false)
+ d3.select("#right").classed("scrollable", false);
+
+ graph.fitGraphViewToWindow();
+ disassemblyView.resizeToParent();
+ sourceView.resizeToParent();
+
+ d3.select("#left").classed("scrollable", true);
+ d3.select("#right").classed("scrollable", true);
+ }
+
+ selectionBroker = new SelectionBroker();
+
+ function initializeHandlers(g) {
+ d3.select("#source-collapse").on("click", function(){
+ toggleSourceExpanded(true);
+ setTimeout(function(){
+ g.fitGraphViewToWindow();
+ }, 1000);
+ });
+ d3.select("#disassembly-collapse").on("click", function(){
+ toggleDisassemblyExpanded();
+ setTimeout(function(){
+ g.fitGraphViewToWindow();
+ }, 1000);
+ });
+ window.onresize = function(){
+ fitPanesToParents();
+ };
+ d3.select("#hidden-file-upload").on("change", function() {
+ if (window.File && window.FileReader && window.FileList) {
+ var uploadFile = this.files[0];
+ var filereader = new window.FileReader();
+ var consts = Node.consts;
+ filereader.onload = function(){
+ var txtRes = filereader.result;
+ // If the JSON isn't properly terminated, assume compiler crashed and
+ // add best-guess empty termination
+ if (txtRes[txtRes.length-2] == ',') {
+ txtRes += '{"name":"disassembly","type":"disassembly","data":""}]}';
+ }
+ try{
+ jsonObj = JSON.parse(txtRes);
+
+ sourceView.initializeCode(jsonObj.source, jsonObj.sourcePosition);
+ schedule.setNodePositionMap(jsonObj.nodePositions);
+
+ var selectMenu = document.getElementById('display-selector');
+ var disassemblyPhase = null;
+ selectMenu.innerHTML = '';
+ for (var i = 0; i < jsonObj.phases.length; ++i) {
+ var optionElement = document.createElement("option");
+ optionElement.text = jsonObj.phases[i].name;
+ if (optionElement.text == 'disassembly') {
+ disassemblyPhase = jsonObj.phases[i];
+ } else {
+ selectMenu.add(optionElement, null);
+ }
+ }
+ disassemblyView.setNodePositionMap(jsonObj.nodePositions);
+ disassemblyView.show(disassemblyPhase.data, null);
+
+ displayPhase(jsonObj.phases[0]);
+
+ selectMenu.onchange = function(item) {
+ displayPhase(jsonObj.phases[selectMenu.selectedIndex]);
+ }
+
+ fitPanesToParents();
+ }
+ catch(err) {
+ window.alert("Invalid TurboFan JSON file\n" +
+ "error: " + err.message);
+ return;
+ }
+ };
+ filereader.readAsText(uploadFile);
+ } else {
+ alert("Can't load graph");
+ }
+ });
+ }
+
+ sourceView = new CodeView(SOURCE_PANE_ID, PR, "", 0, selectionBroker);
+ disassemblyView = new DisassemblyView(DISASSEMBLY_PANE_ID, selectionBroker);
+ graph = new GraphView(d3, GRAPH_PANE_ID, [], [], selectionBroker);
+ schedule = new ScheduleView(SCHEDULE_PANE_ID, selectionBroker);
+ empty = new EmptyView(EMPTY_PANE_ID, selectionBroker);
+
+ initializeHandlers(graph);
+
+ setSourceExpanded(true);
+ setDisassemblyExpanded(false);
+
+ displayPhaseView(empty, null);
+ fitPanesToParents();
+})(window.d3);