DevTools: CPU profiler sunburst view

Source/devtools/front_end/profiler/CPUProfileView.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 33 matching lines @@
     columns.push({id: "self", title: WebInspector.UIString("Self"), width: "120px", sort: WebInspector.DataGrid.Order.Descending, sortable: true});
     columns.push({id: "total", title: WebInspector.UIString("Total"), width: "120px", sortable: true});
     columns.push({id: "function", title: WebInspector.UIString("Function"), disclosure: true, sortable: true});
 
     this.dataGrid = new WebInspector.DataGrid(columns);
     this.dataGrid.addEventListener(WebInspector.DataGrid.Events.SortingChanged, this._sortProfile, this);
 
     this.viewSelectComboBox = new WebInspector.StatusBarComboBox(this._changeView.bind(this));
 
     var options = {};
+    options[WebInspector.CPUProfileView._TypeSunburst] = this.viewSelectComboBox.createOption(WebInspector.UIString("Sunburst"), "", WebInspector.CPUProfileView._TypeSunburst);
     options[WebInspector.CPUProfileView._TypeFlame] = this.viewSelectComboBox.createOption(WebInspector.UIString("Chart"), "", WebInspector.CPUProfileView._TypeFlame);
     options[WebInspector.CPUProfileView._TypeHeavy] = this.viewSelectComboBox.createOption(WebInspector.UIString("Heavy (Bottom Up)"), "", WebInspector.CPUProfileView._TypeHeavy);
     options[WebInspector.CPUProfileView._TypeTree] = this.viewSelectComboBox.createOption(WebInspector.UIString("Tree (Top Down)"), "", WebInspector.CPUProfileView._TypeTree);
 
     var optionName = this._viewType.get() || WebInspector.CPUProfileView._TypeFlame;
     var option = options[optionName] || options[WebInspector.CPUProfileView._TypeFlame];
     this.viewSelectComboBox.select(option);
 
     this.focusButton = new WebInspector.StatusBarButton(WebInspector.UIString("Focus selected function."), "focus-status-bar-item");
     this.focusButton.setEnabled(false);
@@ skipping 10 matching lines @@
     this._profileHeader = profileHeader;
     this._linkifier = new WebInspector.Linkifier(new WebInspector.Linkifier.DefaultFormatter(30));
 
     this.profile = new WebInspector.CPUProfileDataModel(profileHeader._profile || profileHeader.protocolProfile());
 
     this._changeView();
     if (this._flameChart)
         this._flameChart.update();
 }
 
+WebInspector.CPUProfileView._TypeSunburst = "Sunburst";
 WebInspector.CPUProfileView._TypeFlame = "Flame";
 WebInspector.CPUProfileView._TypeTree = "Tree";
 WebInspector.CPUProfileView._TypeHeavy = "Heavy";
 
 /**
  * @interface
  */
 WebInspector.CPUProfileView.Searchable = function()
 {
 }
@@ skipping 168 matching lines @@
 
     _ensureFlameChartCreated: function()
     {
         if (this._flameChart)
             return;
         this._dataProvider = new WebInspector.CPUFlameChartDataProvider(this.profile, this._profileHeader.target());
         this._flameChart = new WebInspector.CPUProfileFlameChart(this._dataProvider);
         this._flameChart.addEventListener(WebInspector.FlameChart.Events.EntrySelected, this._onEntrySelected.bind(this));
     },
 
+    _ensureSunburstChartCreated: function()
+    {
+        if (this._sunburstChart)
+            return;
+//         this._sunburstDataProvider = new WebInspector.CPUFlameChartDataProvider(this.profile, this._profileHeader.target());
+        this._sunburstChart = new WebInspector.CPUProfileSunburstChart(this.profile);
+//        this._flameChart.addEventListener(WebInspector.FlameChart.Events.EntrySelected, this._onEntrySelected.bind(this));
+    },
+
     /**
      * @param {!WebInspector.Event} event
      */
     _onEntrySelected: function(event)
     {
         var entryIndex = event.data;
         var node = this._dataProvider._entryNodes[entryIndex];
         var target = this._profileHeader.target();
         if (!node || !node.scriptId || !target)
             return;
         var script = target.debuggerModel.scriptForId(node.scriptId);
         if (!script)
             return;
         var location = /** @type {!WebInspector.DebuggerModel.Location} */ (script.target().debuggerModel.createRawLocation(script, node.lineNumber, 0));
         WebInspector.Revealer.reveal(WebInspector.debuggerWorkspaceBinding.rawLocationToUILocation(location));
     },
 
     _changeView: function()
     {
         if (!this.profile)
             return;
 
         this._searchableView.closeSearch();
 
         if (this._visibleView)
             this._visibleView.detach();
 
         this._viewType.set(this.viewSelectComboBox.selectedOption().value);
         switch (this._viewType.get()) {
+        case WebInspector.CPUProfileView._TypeSunburst:
+            this._ensureSunburstChartCreated();
+            this._visibleView = this._sunburstChart;
+            this._searchableElement = this._sunburstChart;
+            break;
         case WebInspector.CPUProfileView._TypeFlame:
             this._ensureFlameChartCreated();
             this._visibleView = this._flameChart;
             this._searchableElement = this._flameChart;
             break;
         case WebInspector.CPUProfileView._TypeTree:
             this.profileDataGridTree = this._getTopDownProfileDataGridTree();
             this._sortProfile();
             this._visibleView = this.dataGrid;
             this._searchableElement = this.profileDataGridTree;
@@ skipping 492 matching lines @@
     _notifyTempFileReady: function()
     {
         if (this._onTempFileReady) {
             this._onTempFileReady();
             this._onTempFileReady = null;
         }
     },
 
     __proto__: WebInspector.ProfileHeader.prototype
 }
+
+
+/**
+ * @constructor
+ * @extends {WebInspector.VBox}
+ * @param {!WebInspector.CPUProfileDataModel} profile
+ */
+WebInspector.CPUProfileSunburstChart = function(profile)
+{
+    WebInspector.VBox.call(this);
+    this.element.id = "cpu-sunburst-chart";
+    this._rootNode = this._convertToD3Trace(profile.profileHead);
+
+    var iframe = this.element.createChild("iframe", "vbox flex-auto visible");
+    iframe.src = "chrome-devtools://devtools/bundled/profiler/d3js_trace/index.html";
+    function onFrameLoad()
+    {
+        iframe.contentWindow.postMessage(this._rootNode, "*");
+    }
+    iframe.onload = onFrameLoad.bind(this);
+}
+
+WebInspector.CPUProfileSunburstChart.prototype = {
+    _convertToD3Trace: function(node)
+    {
+        var result = {
+            name: node.functionName,
+            size: node.hitCount,
+            children: []
+        };
+        for (var i = 0; i < node.children.length; i++) {
+            var child = this._convertToD3Trace(node.children[i]);
+            result.size += child.size;
+            result.children.push(child);
+        }
+        return result;
+    },
+
+    __proto__: WebInspector.VBox.prototype
+};