Index: resources/inspector/ProfileView.js |
=================================================================== |
--- resources/inspector/ProfileView.js (revision 33840) |
+++ resources/inspector/ProfileView.js (working copy) |
@@ -1,641 +0,0 @@ |
-/* |
- * 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 |
- * documentation and/or other materials provided with the distribution. |
- * |
- * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY |
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
- * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
- * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR |
- * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, |
- * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR |
- * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY |
- * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
- * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
- */ |
- |
-// FIXME: Rename the file. |
- |
-WebInspector.CPUProfileView = function(profile) |
-{ |
- WebInspector.View.call(this); |
- |
- this.element.addStyleClass("profile-view"); |
- |
- this.showSelfTimeAsPercent = true; |
- this.showTotalTimeAsPercent = true; |
- this.showAverageTimeAsPercent = true; |
- |
- var columns = { "self": { title: WebInspector.UIString("Self"), width: "72px", sort: "descending", sortable: true }, |
- "total": { title: WebInspector.UIString("Total"), width: "72px", sortable: true }, |
- "average": { title: WebInspector.UIString("Average"), width: "72px", sortable: true }, |
- "calls": { title: WebInspector.UIString("Calls"), width: "54px", sortable: true }, |
- "function": { title: WebInspector.UIString("Function"), disclosure: true, sortable: true } }; |
- |
- if (Preferences.samplingCPUProfiler) { |
- delete columns.average; |
- delete columns.calls; |
- } |
- |
- this.dataGrid = new WebInspector.DataGrid(columns); |
- this.dataGrid.addEventListener("sorting changed", this._sortData, this); |
- this.dataGrid.element.addEventListener("mousedown", this._mouseDownInDataGrid.bind(this), true); |
- this.element.appendChild(this.dataGrid.element); |
- |
- this.viewSelectElement = document.createElement("select"); |
- this.viewSelectElement.className = "status-bar-item"; |
- this.viewSelectElement.addEventListener("change", this._changeView.bind(this), false); |
- this.view = "Heavy"; |
- |
- var heavyViewOption = document.createElement("option"); |
- heavyViewOption.label = WebInspector.UIString("Heavy (Bottom Up)"); |
- var treeViewOption = document.createElement("option"); |
- treeViewOption.label = WebInspector.UIString("Tree (Top Down)"); |
- this.viewSelectElement.appendChild(heavyViewOption); |
- this.viewSelectElement.appendChild(treeViewOption); |
- |
- this.percentButton = new WebInspector.StatusBarButton("", "percent-time-status-bar-item"); |
- this.percentButton.addEventListener("click", this._percentClicked.bind(this), false); |
- |
- this.focusButton = new WebInspector.StatusBarButton(WebInspector.UIString("Focus selected function."), "focus-profile-node-status-bar-item"); |
- this.focusButton.disabled = true; |
- this.focusButton.addEventListener("click", this._focusClicked.bind(this), false); |
- |
- this.excludeButton = new WebInspector.StatusBarButton(WebInspector.UIString("Exclude selected function."), "exclude-profile-node-status-bar-item"); |
- this.excludeButton.disabled = true; |
- this.excludeButton.addEventListener("click", this._excludeClicked.bind(this), false); |
- |
- this.resetButton = new WebInspector.StatusBarButton(WebInspector.UIString("Restore all functions."), "reset-profile-status-bar-item"); |
- this.resetButton.visible = false; |
- this.resetButton.addEventListener("click", this._resetClicked.bind(this), false); |
- |
- this.profile = profile; |
- |
- var self = this; |
- function profileCallback(profile) |
- { |
- self.profile.representedObject = profile; |
- self._assignParentsInProfile(); |
- |
- self.profileDataGridTree = self.bottomUpProfileDataGridTree; |
- self.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator("selfTime", false)); |
- |
- self.refresh(); |
- |
- self._updatePercentButton(); |
- } |
- |
- var callId = WebInspector.Callback.wrap(profileCallback); |
- InspectorController.getProfile(callId, this.profile.uid); |
-} |
- |
-WebInspector.CPUProfileView.prototype = { |
- get statusBarItems() |
- { |
- return [this.viewSelectElement, this.percentButton.element, this.focusButton.element, this.excludeButton.element, this.resetButton.element]; |
- }, |
- |
- get profile() |
- { |
- return this._profile; |
- }, |
- |
- set profile(profile) |
- { |
- this._profile = profile; |
- }, |
- |
- get bottomUpProfileDataGridTree() |
- { |
- if (!this._bottomUpProfileDataGridTree) |
- this._bottomUpProfileDataGridTree = new WebInspector.BottomUpProfileDataGridTree(this, this.profile.head); |
- return this._bottomUpProfileDataGridTree; |
- }, |
- |
- get topDownProfileDataGridTree() |
- { |
- if (!this._topDownProfileDataGridTree) |
- this._topDownProfileDataGridTree = new WebInspector.TopDownProfileDataGridTree(this, this.profile.head); |
- return this._topDownProfileDataGridTree; |
- }, |
- |
- get currentTree() |
- { |
- return this._currentTree; |
- }, |
- |
- set currentTree(tree) |
- { |
- this._currentTree = tree; |
- this.refresh(); |
- }, |
- |
- get topDownTree() |
- { |
- if (!this._topDownTree) { |
- this._topDownTree = WebInspector.TopDownTreeFactory.create(this.profile.head); |
- this._sortProfile(this._topDownTree); |
- } |
- |
- return this._topDownTree; |
- }, |
- |
- get bottomUpTree() |
- { |
- if (!this._bottomUpTree) { |
- this._bottomUpTree = WebInspector.BottomUpTreeFactory.create(this.profile.head); |
- this._sortProfile(this._bottomUpTree); |
- } |
- |
- return this._bottomUpTree; |
- }, |
- |
- show: function(parentElement) |
- { |
- WebInspector.View.prototype.show.call(this, parentElement); |
- this.dataGrid.updateWidths(); |
- }, |
- |
- hide: function() |
- { |
- WebInspector.View.prototype.hide.call(this); |
- this._currentSearchResultIndex = -1; |
- }, |
- |
- resize: function() |
- { |
- if (this.dataGrid) |
- this.dataGrid.updateWidths(); |
- }, |
- |
- refresh: function() |
- { |
- var selectedProfileNode = this.dataGrid.selectedNode ? this.dataGrid.selectedNode.profileNode : null; |
- |
- this.dataGrid.removeChildren(); |
- |
- var children = this.profileDataGridTree.children; |
- var count = children.length; |
- |
- for (var index = 0; index < count; ++index) |
- this.dataGrid.appendChild(children[index]); |
- |
- if (selectedProfileNode) |
- selectedProfileNode.selected = true; |
- }, |
- |
- refreshVisibleData: function() |
- { |
- var child = this.dataGrid.children[0]; |
- while (child) { |
- child.refresh(); |
- child = child.traverseNextNode(false, null, true); |
- } |
- }, |
- |
- refreshShowAsPercents: function() |
- { |
- this._updatePercentButton(); |
- this.refreshVisibleData(); |
- }, |
- |
- searchCanceled: function() |
- { |
- if (this._searchResults) { |
- for (var i = 0; i < this._searchResults.length; ++i) { |
- var profileNode = this._searchResults[i].profileNode; |
- |
- delete profileNode._searchMatchedSelfColumn; |
- delete profileNode._searchMatchedTotalColumn; |
- delete profileNode._searchMatchedCallsColumn; |
- delete profileNode._searchMatchedFunctionColumn; |
- |
- profileNode.refresh(); |
- } |
- } |
- |
- delete this._searchFinishedCallback; |
- this._currentSearchResultIndex = -1; |
- this._searchResults = []; |
- }, |
- |
- performSearch: function(query, finishedCallback) |
- { |
- // Call searchCanceled since it will reset everything we need before doing a new search. |
- this.searchCanceled(); |
- |
- query = query.trimWhitespace(); |
- |
- if (!query.length) |
- return; |
- |
- this._searchFinishedCallback = finishedCallback; |
- |
- var greaterThan = (query.indexOf(">") === 0); |
- var lessThan = (query.indexOf("<") === 0); |
- var equalTo = (query.indexOf("=") === 0 || ((greaterThan || lessThan) && query.indexOf("=") === 1)); |
- var percentUnits = (query.lastIndexOf("%") === (query.length - 1)); |
- var millisecondsUnits = (query.length > 2 && query.lastIndexOf("ms") === (query.length - 2)); |
- var secondsUnits = (!millisecondsUnits && query.lastIndexOf("s") === (query.length - 1)); |
- |
- var queryNumber = parseFloat(query); |
- if (greaterThan || lessThan || equalTo) { |
- if (equalTo && (greaterThan || lessThan)) |
- queryNumber = parseFloat(query.substring(2)); |
- else |
- queryNumber = parseFloat(query.substring(1)); |
- } |
- |
- var queryNumberMilliseconds = (secondsUnits ? (queryNumber * 1000) : queryNumber); |
- |
- // Make equalTo implicitly true if it wasn't specified there is no other operator. |
- if (!isNaN(queryNumber) && !(greaterThan || lessThan)) |
- equalTo = true; |
- |
- function matchesQuery(/*ProfileDataGridNode*/ profileDataGridNode) |
- { |
- delete profileDataGridNode._searchMatchedSelfColumn; |
- delete profileDataGridNode._searchMatchedTotalColumn; |
- delete profileDataGridNode._searchMatchedAverageColumn; |
- delete profileDataGridNode._searchMatchedCallsColumn; |
- delete profileDataGridNode._searchMatchedFunctionColumn; |
- |
- if (percentUnits) { |
- if (lessThan) { |
- if (profileDataGridNode.selfPercent < queryNumber) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalPercent < queryNumber) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averagePercent < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } else if (greaterThan) { |
- if (profileDataGridNode.selfPercent > queryNumber) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalPercent > queryNumber) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averagePercent < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } |
- |
- if (equalTo) { |
- if (profileDataGridNode.selfPercent == queryNumber) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalPercent == queryNumber) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averagePercent < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } |
- } else if (millisecondsUnits || secondsUnits) { |
- if (lessThan) { |
- if (profileDataGridNode.selfTime < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalTime < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averageTime < queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } else if (greaterThan) { |
- if (profileDataGridNode.selfTime > queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalTime > queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averageTime > queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } |
- |
- if (equalTo) { |
- if (profileDataGridNode.selfTime == queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedSelfColumn = true; |
- if (profileDataGridNode.totalTime == queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedTotalColumn = true; |
- if (profileDataGridNode.averageTime == queryNumberMilliseconds) |
- profileDataGridNode._searchMatchedAverageColumn = true; |
- } |
- } else { |
- if (equalTo && profileDataGridNode.numberOfCalls == queryNumber) |
- profileDataGridNode._searchMatchedCallsColumn = true; |
- if (greaterThan && profileDataGridNode.numberOfCalls > queryNumber) |
- profileDataGridNode._searchMatchedCallsColumn = true; |
- if (lessThan && profileDataGridNode.numberOfCalls < queryNumber) |
- profileDataGridNode._searchMatchedCallsColumn = true; |
- } |
- |
- if (profileDataGridNode.functionName.hasSubstring(query, true) || profileDataGridNode.url.hasSubstring(query, true)) |
- profileDataGridNode._searchMatchedFunctionColumn = true; |
- |
- if (profileDataGridNode._searchMatchedSelfColumn || |
- profileDataGridNode._searchMatchedTotalColumn || |
- profileDataGridNode._searchMatchedAverageColumn || |
- profileDataGridNode._searchMatchedCallsColumn || |
- profileDataGridNode._searchMatchedFunctionColumn) |
- { |
- profileDataGridNode.refresh(); |
- return true; |
- } |
- |
- return false; |
- } |
- |
- var current = this.profileDataGridTree.children[0]; |
- |
- while (current) { |
- if (matchesQuery(current)) { |
- this._searchResults.push({ profileNode: current }); |
- } |
- |
- current = current.traverseNextNode(false, null, false); |
- } |
- |
- finishedCallback(this, this._searchResults.length); |
- }, |
- |
- jumpToFirstSearchResult: function() |
- { |
- if (!this._searchResults || !this._searchResults.length) |
- return; |
- this._currentSearchResultIndex = 0; |
- this._jumpToSearchResult(this._currentSearchResultIndex); |
- }, |
- |
- jumpToLastSearchResult: function() |
- { |
- if (!this._searchResults || !this._searchResults.length) |
- return; |
- this._currentSearchResultIndex = (this._searchResults.length - 1); |
- this._jumpToSearchResult(this._currentSearchResultIndex); |
- }, |
- |
- jumpToNextSearchResult: function() |
- { |
- if (!this._searchResults || !this._searchResults.length) |
- return; |
- if (++this._currentSearchResultIndex >= this._searchResults.length) |
- this._currentSearchResultIndex = 0; |
- this._jumpToSearchResult(this._currentSearchResultIndex); |
- }, |
- |
- jumpToPreviousSearchResult: function() |
- { |
- if (!this._searchResults || !this._searchResults.length) |
- return; |
- if (--this._currentSearchResultIndex < 0) |
- this._currentSearchResultIndex = (this._searchResults.length - 1); |
- this._jumpToSearchResult(this._currentSearchResultIndex); |
- }, |
- |
- showingFirstSearchResult: function() |
- { |
- return (this._currentSearchResultIndex === 0); |
- }, |
- |
- showingLastSearchResult: function() |
- { |
- return (this._searchResults && this._currentSearchResultIndex === (this._searchResults.length - 1)); |
- }, |
- |
- _jumpToSearchResult: function(index) |
- { |
- var searchResult = this._searchResults[index]; |
- if (!searchResult) |
- return; |
- |
- var profileNode = searchResult.profileNode; |
- profileNode.reveal(); |
- profileNode.select(); |
- }, |
- |
- _changeView: function(event) |
- { |
- if (!event || !this.profile) |
- return; |
- |
- if (event.target.selectedIndex == 1 && this.view == "Heavy") { |
- this.profileDataGridTree = this.topDownProfileDataGridTree; |
- this._sortProfile(); |
- this.view = "Tree"; |
- } else if (event.target.selectedIndex == 0 && this.view == "Tree") { |
- this.profileDataGridTree = this.bottomUpProfileDataGridTree; |
- this._sortProfile(); |
- this.view = "Heavy"; |
- } |
- |
- if (!this.currentQuery || !this._searchFinishedCallback || !this._searchResults) |
- return; |
- |
- // The current search needs to be performed again. First negate out previous match |
- // count by calling the search finished callback with a negative number of matches. |
- // Then perform the search again the with same query and callback. |
- this._searchFinishedCallback(this, -this._searchResults.length); |
- this.performSearch(this.currentQuery, this._searchFinishedCallback); |
- }, |
- |
- _percentClicked: function(event) |
- { |
- var currentState = this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent; |
- this.showSelfTimeAsPercent = !currentState; |
- this.showTotalTimeAsPercent = !currentState; |
- this.showAverageTimeAsPercent = !currentState; |
- this.refreshShowAsPercents(); |
- }, |
- |
- _updatePercentButton: function() |
- { |
- if (this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent) { |
- this.percentButton.title = WebInspector.UIString("Show absolute total and self times."); |
- this.percentButton.toggled = true; |
- } else { |
- this.percentButton.title = WebInspector.UIString("Show total and self times as percentages."); |
- this.percentButton.toggled = false; |
- } |
- }, |
- |
- _focusClicked: function(event) |
- { |
- if (!this.dataGrid.selectedNode) |
- return; |
- |
- this.resetButton.visible = true; |
- this.profileDataGridTree.focus(this.dataGrid.selectedNode); |
- this.refresh(); |
- this.refreshVisibleData(); |
- }, |
- |
- _excludeClicked: function(event) |
- { |
- var selectedNode = this.dataGrid.selectedNode |
- |
- if (!selectedNode) |
- return; |
- |
- selectedNode.deselect(); |
- |
- this.resetButton.visible = true; |
- this.profileDataGridTree.exclude(selectedNode); |
- this.refresh(); |
- this.refreshVisibleData(); |
- }, |
- |
- _resetClicked: function(event) |
- { |
- this.resetButton.visible = false; |
- this.profileDataGridTree.restore(); |
- this.refresh(); |
- this.refreshVisibleData(); |
- }, |
- |
- _dataGridNodeSelected: function(node) |
- { |
- this.focusButton.disabled = false; |
- this.excludeButton.disabled = false; |
- }, |
- |
- _dataGridNodeDeselected: function(node) |
- { |
- this.focusButton.disabled = true; |
- this.excludeButton.disabled = true; |
- }, |
- |
- _sortData: function(event) |
- { |
- this._sortProfile(this.profile.representedObject); |
- }, |
- |
- _sortProfile: function() |
- { |
- var sortAscending = this.dataGrid.sortOrder === "ascending"; |
- var sortColumnIdentifier = this.dataGrid.sortColumnIdentifier; |
- var sortProperty = { |
- "average": "averageTime", |
- "self": "selfTime", |
- "total": "totalTime", |
- "calls": "numberOfCalls", |
- "function": "functionName" |
- }[sortColumnIdentifier]; |
- |
- this.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator(sortProperty, sortAscending)); |
- |
- this.refresh(); |
- }, |
- |
- _mouseDownInDataGrid: function(event) |
- { |
- if (event.detail < 2) |
- return; |
- |
- var cell = event.target.enclosingNodeOrSelfWithNodeName("td"); |
- if (!cell || (!cell.hasStyleClass("total-column") && !cell.hasStyleClass("self-column") && !cell.hasStyleClass("average-column"))) |
- return; |
- |
- if (cell.hasStyleClass("total-column")) |
- this.showTotalTimeAsPercent = !this.showTotalTimeAsPercent; |
- else if (cell.hasStyleClass("self-column")) |
- this.showSelfTimeAsPercent = !this.showSelfTimeAsPercent; |
- else if (cell.hasStyleClass("average-column")) |
- this.showAverageTimeAsPercent = !this.showAverageTimeAsPercent; |
- |
- this.refreshShowAsPercents(); |
- |
- event.preventDefault(); |
- event.stopPropagation(); |
- }, |
- |
- _assignParentsInProfile: function() |
- { |
- var head = this.profile.head; |
- head.parent = null; |
- head.head = null; |
- var nodesToTraverse = [ { parent: head, children: head.children } ]; |
- while (nodesToTraverse.length > 0) { |
- var pair = nodesToTraverse.shift(); |
- var parent = pair.parent; |
- var children = pair.children; |
- var length = children.length; |
- for (var i = 0; i < length; ++i) { |
- children[i].head = head; |
- children[i].parent = parent; |
- if (children[i].children.length > 0) |
- nodesToTraverse.push({ parent: children[i], children: children[i].children }); |
- } |
- } |
- } |
-} |
- |
-WebInspector.CPUProfileView.prototype.__proto__ = WebInspector.View.prototype; |
- |
-WebInspector.CPUProfileType = function() |
-{ |
- WebInspector.ProfileType.call(this, WebInspector.CPUProfileType.TypeId, WebInspector.UIString("CPU PROFILES")); |
- this._recording = false; |
-} |
- |
-WebInspector.CPUProfileType.TypeId = "CPU"; |
- |
-WebInspector.CPUProfileType.prototype = { |
- get buttonTooltip() |
- { |
- return this._recording ? WebInspector.UIString("Stop profiling.") : WebInspector.UIString("Start profiling."); |
- }, |
- |
- get buttonStyle() |
- { |
- return this._recording ? "record-profile-status-bar-item status-bar-item toggled-on" : "record-profile-status-bar-item status-bar-item"; |
- }, |
- |
- buttonClicked: function() |
- { |
- this._recording = !this._recording; |
- |
- if (this._recording) |
- InspectorController.startProfiling(); |
- else |
- InspectorController.stopProfiling(); |
- }, |
- |
- setRecordingProfile: function(isProfiling) |
- { |
- this._recording = isProfiling; |
- }, |
- |
- createSidebarTreeElementForProfile: function(profile) |
- { |
- return new WebInspector.ProfileSidebarTreeElement(profile); |
- }, |
- |
- createView: function(profile) |
- { |
- return new WebInspector.CPUProfileView(profile); |
- } |
-} |
- |
-WebInspector.CPUProfileType.prototype.__proto__ = WebInspector.ProfileType.prototype; |
- |
-WebInspector.CPUProfile = function(profile) |
-{ |
- this.representedObject = profile; |
- this.typeId = WebInspector.CPUProfileType.TypeId; |
-} |
- |
-WebInspector.CPUProfile.prototype = { |
- get title() |
- { |
- return this.representedObject.title; |
- }, |
- |
- get uid() |
- { |
- return this.representedObject.uid; |
- }, |
- |
- get head() |
- { |
- return this.representedObject.head; |
- } |
-} |