diff options
Diffstat (limited to 'WebCore/inspector/front-end/ProfileView.js')
| -rw-r--r-- | WebCore/inspector/front-end/ProfileView.js | 642 |
1 files changed, 0 insertions, 642 deletions
diff --git a/WebCore/inspector/front-end/ProfileView.js b/WebCore/inspector/front-end/ProfileView.js deleted file mode 100644 index 92e9726..0000000 --- a/WebCore/inspector/front-end/ProfileView.js +++ /dev/null @@ -1,642 +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. - */ - -WebInspector.ProfileView = function(profile) -{ - WebInspector.View.call(this); - - this.element.addStyleClass("profile-view"); - - this.showSelfTimeAsPercent = true; - this.showTotalTimeAsPercent = true; - - var columns = { "self": { title: WebInspector.UIString("Self"), width: "72px", sort: "descending", sortable: true }, - "total": { title: WebInspector.UIString("Total"), width: "72px", sortable: true }, - "calls": { title: WebInspector.UIString("Calls"), width: "54px", sortable: true }, - "function": { title: WebInspector.UIString("Function"), disclosure: true, sortable: true } }; - - 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 = document.createElement("button"); - this.percentButton.className = "percent-time-status-bar-item status-bar-item"; - this.percentButton.addEventListener("click", this._percentClicked.bind(this), false); - - this.focusButton = document.createElement("button"); - this.focusButton.title = WebInspector.UIString("Focus selected function."); - this.focusButton.className = "focus-profile-node-status-bar-item status-bar-item"; - this.focusButton.disabled = true; - this.focusButton.addEventListener("click", this._focusClicked.bind(this), false); - - this.excludeButton = document.createElement("button"); - this.excludeButton.title = WebInspector.UIString("Exclude selected function."); - this.excludeButton.className = "exclude-profile-node-status-bar-item status-bar-item"; - this.excludeButton.disabled = true; - this.excludeButton.addEventListener("click", this._excludeClicked.bind(this), false); - - this.resetButton = document.createElement("button"); - this.resetButton.title = WebInspector.UIString("Restore all functions."); - this.resetButton.className = "reset-profile-status-bar-item status-bar-item hidden"; - this.resetButton.addEventListener("click", this._resetClicked.bind(this), false); - - // Default to the heavy profile. - profile = profile.heavyProfile; - - // By default the profile isn't sorted, so sort based on our default sort - // column and direction added to the DataGrid columns above. - profile.sortSelfTimeDescending(); - - this._updatePercentButton(); - - this.profile = profile; -} - -WebInspector.ProfileView.prototype = { - get statusBarItems() - { - return [this.viewSelectElement, this.percentButton, this.focusButton, this.excludeButton, this.resetButton]; - }, - - get profile() - { - return this._profile; - }, - - set profile(profile) - { - this._profile = profile; - this.refresh(); - }, - - hide: function() - { - WebInspector.View.prototype.hide.call(this); - this._currentSearchResultIndex = -1; - }, - - refresh: function() - { - var selectedProfileNode = this.dataGrid.selectedNode ? this.dataGrid.selectedNode.profileNode : null; - - this.dataGrid.removeChildren(); - - var children = this.profile.head.children; - var childrenLength = children.length; - for (var i = 0; i < childrenLength; ++i) - if (children[i].visible) - this.dataGrid.appendChild(new WebInspector.ProfileDataGridNode(this, children[i])); - - if (selectedProfileNode && selectedProfileNode._dataGridNode) - selectedProfileNode._dataGridNode.selected = true; - }, - - refreshShowAsPercents: function() - { - this._updatePercentButton(); - - var child = this.dataGrid.children[0]; - while (child) { - child.refresh(); - child = child.traverseNextNode(false, null, true); - } - }, - - 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; - - if (profileNode._dataGridNode) - profileNode._dataGridNode.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(profileNode) - { - delete profileNode._searchMatchedSelfColumn; - delete profileNode._searchMatchedTotalColumn; - delete profileNode._searchMatchedCallsColumn; - delete profileNode._searchMatchedFunctionColumn; - - if (percentUnits) { - if (lessThan) { - if (profileNode.selfPercent < queryNumber) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalPercent < queryNumber) - profileNode._searchMatchedTotalColumn = true; - } else if (greaterThan) { - if (profileNode.selfPercent > queryNumber) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalPercent > queryNumber) - profileNode._searchMatchedTotalColumn = true; - } - - if (equalTo) { - if (profileNode.selfPercent == queryNumber) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalPercent == queryNumber) - profileNode._searchMatchedTotalColumn = true; - } - } else if (millisecondsUnits || secondsUnits) { - if (lessThan) { - if (profileNode.selfTime < queryNumberMilliseconds) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalTime < queryNumberMilliseconds) - profileNode._searchMatchedTotalColumn = true; - } else if (greaterThan) { - if (profileNode.selfTime > queryNumberMilliseconds) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalTime > queryNumberMilliseconds) - profileNode._searchMatchedTotalColumn = true; - } - - if (equalTo) { - if (profileNode.selfTime == queryNumberMilliseconds) - profileNode._searchMatchedSelfColumn = true; - if (profileNode.totalTime == queryNumberMilliseconds) - profileNode._searchMatchedTotalColumn = true; - } - } else { - if (equalTo && profileNode.numberOfCalls == queryNumber) - profileNode._searchMatchedCallsColumn = true; - if (greaterThan && profileNode.numberOfCalls > queryNumber) - profileNode._searchMatchedCallsColumn = true; - if (lessThan && profileNode.numberOfCalls < queryNumber) - profileNode._searchMatchedCallsColumn = true; - } - - if (profileNode.functionName.hasSubstring(query, true) || profileNode.url.hasSubstring(query, true)) - profileNode._searchMatchedFunctionColumn = true; - - var matched = (profileNode._searchMatchedSelfColumn || profileNode._searchMatchedTotalColumn || profileNode._searchMatchedCallsColumn || profileNode._searchMatchedFunctionColumn); - if (matched && profileNode._dataGridNode) - profileNode._dataGridNode.refresh(); - - return matched; - } - - var current = this.profile.head; - var ancestors = []; - var nextIndexes = []; - var startIndex = 0; - - while (current) { - var children = current.children; - var childrenLength = children.length; - - if (startIndex >= childrenLength) { - current = ancestors.pop(); - startIndex = nextIndexes.pop(); - continue; - } - - for (var i = startIndex; i < childrenLength; ++i) { - var child = children[i]; - - if (matchesQuery(child)) { - if (child._dataGridNode) { - // The child has a data grid node already, no need to remember the ancestors. - this._searchResults.push({ profileNode: child }); - } else { - var ancestorsCopy = [].concat(ancestors); - ancestorsCopy.push(current); - this._searchResults.push({ profileNode: child, ancestors: ancestorsCopy }); - } - } - - if (child.children.length) { - ancestors.push(current); - nextIndexes.push(i + 1); - current = child; - startIndex = 0; - break; - } - - if (i === (childrenLength - 1)) { - current = ancestors.pop(); - startIndex = nextIndexes.pop(); - } - } - } - - 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 = this._searchResults[index].profileNode; - if (!profileNode._dataGridNode && searchResult.ancestors) { - var ancestors = searchResult.ancestors; - for (var i = 0; i < ancestors.length; ++i) { - var ancestorProfileNode = ancestors[i]; - var gridNode = ancestorProfileNode._dataGridNode; - if (gridNode) - gridNode.expand(); - } - - // No need to keep the ancestors around. - delete searchResult.ancestors; - } - - gridNode = profileNode._dataGridNode; - if (!gridNode) - return; - - gridNode.reveal(); - gridNode.select(); - }, - - _changeView: function(event) - { - if (!event || !this.profile) - return; - - if (event.target.selectedIndex == 1 && this.view == "Heavy") { - this._sortProfile(this.profile.treeProfile); - this.profile = this.profile.treeProfile; - this.view = "Tree"; - } else if (event.target.selectedIndex == 0 && this.view == "Tree") { - this._sortProfile(this.profile.heavyProfile); - this.profile = this.profile.heavyProfile; - 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.showSelfTimeAsPercent = !currentState; - this.showTotalTimeAsPercent = !currentState; - this.refreshShowAsPercents(); - }, - - _updatePercentButton: function() - { - if (this.showSelfTimeAsPercent && this.showTotalTimeAsPercent) { - this.percentButton.title = WebInspector.UIString("Show absolute total and self times."); - this.percentButton.addStyleClass("toggled-on"); - } else { - this.percentButton.title = WebInspector.UIString("Show total and self times as percentages."); - this.percentButton.removeStyleClass("toggled-on"); - } - }, - - _focusClicked: function(event) - { - if (!this.dataGrid.selectedNode || !this.dataGrid.selectedNode.profileNode) - return; - this.resetButton.removeStyleClass("hidden"); - this.profile.focus(this.dataGrid.selectedNode.profileNode); - this.refresh(); - }, - - _excludeClicked: function(event) - { - if (!this.dataGrid.selectedNode || !this.dataGrid.selectedNode.profileNode) - return; - this.resetButton.removeStyleClass("hidden"); - this.profile.exclude(this.dataGrid.selectedNode.profileNode); - this.dataGrid.selectedNode.deselect(); - this.refresh(); - }, - - _resetClicked: function(event) - { - this.resetButton.addStyleClass("hidden"); - this.profile.restoreAll(); - this.refresh(); - }, - - _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); - }, - - _sortProfile: function(profile) - { - if (!profile) - return; - - var sortOrder = this.dataGrid.sortOrder; - var sortColumnIdentifier = this.dataGrid.sortColumnIdentifier; - - var sortingFunctionName = "sort"; - - if (sortColumnIdentifier === "self") - sortingFunctionName += "SelfTime"; - else if (sortColumnIdentifier === "total") - sortingFunctionName += "TotalTime"; - else if (sortColumnIdentifier === "calls") - sortingFunctionName += "Calls"; - else if (sortColumnIdentifier === "function") - sortingFunctionName += "FunctionName"; - - if (sortOrder === "ascending") - sortingFunctionName += "Ascending"; - else - sortingFunctionName += "Descending"; - - if (!(sortingFunctionName in this.profile)) - return; - - profile[sortingFunctionName](); - - if (profile === this.profile) - 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"))) - return; - - if (cell.hasStyleClass("total-column")) - this.showTotalTimeAsPercent = !this.showTotalTimeAsPercent; - else if (cell.hasStyleClass("self-column")) - this.showSelfTimeAsPercent = !this.showSelfTimeAsPercent; - - this.refreshShowAsPercents(); - - event.preventDefault(); - event.stopPropagation(); - } -} - -WebInspector.ProfileView.prototype.__proto__ = WebInspector.View.prototype; - -WebInspector.ProfileDataGridNode = function(profileView, profileNode) -{ - this.profileView = profileView; - - this.profileNode = profileNode; - profileNode._dataGridNode = this; - - // Find the first child that is visible. Since we don't want to claim - // we have children if all the children are invisible. - var hasChildren = false; - var children = this.profileNode.children; - var childrenLength = children.length; - for (var i = 0; i < childrenLength; ++i) { - if (children[i].visible) { - hasChildren = true; - break; - } - } - - WebInspector.DataGridNode.call(this, null, hasChildren); - - this.addEventListener("populate", this._populate, this); - - this.expanded = profileNode._expanded; -} - -WebInspector.ProfileDataGridNode.prototype = { - get data() - { - function formatMilliseconds(time) - { - return Number.secondsToString(time / 1000, WebInspector.UIString.bind(WebInspector), true); - } - - var data = {}; - data["function"] = this.profileNode.functionName; - data["calls"] = this.profileNode.numberOfCalls; - - if (this.profileView.showSelfTimeAsPercent) - data["self"] = WebInspector.UIString("%.2f%%", this.profileNode.selfPercent); - else - data["self"] = formatMilliseconds(this.profileNode.selfTime); - - if (this.profileView.showTotalTimeAsPercent) - data["total"] = WebInspector.UIString("%.2f%%", this.profileNode.totalPercent); - else - data["total"] = formatMilliseconds(this.profileNode.totalTime); - - return data; - }, - - createCell: function(columnIdentifier) - { - var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier); - - if (columnIdentifier === "self" && this.profileNode._searchMatchedSelfColumn) - cell.addStyleClass("highlight"); - else if (columnIdentifier === "total" && this.profileNode._searchMatchedTotalColumn) - cell.addStyleClass("highlight"); - else if (columnIdentifier === "calls" && this.profileNode._searchMatchedCallsColumn) - cell.addStyleClass("highlight"); - - if (columnIdentifier !== "function") - return cell; - - if (this.profileNode._searchMatchedFunctionColumn) - cell.addStyleClass("highlight"); - - if (this.profileNode.url) { - var fileName = WebInspector.displayNameForURL(this.profileNode.url); - - var urlElement = document.createElement("a"); - urlElement.className = "profile-node-file webkit-html-resource-link"; - urlElement.href = this.profileNode.url; - urlElement.lineNumber = this.profileNode.lineNumber; - - if (this.profileNode.lineNumber > 0) - urlElement.textContent = fileName + ":" + this.profileNode.lineNumber; - else - urlElement.textContent = fileName; - - cell.insertBefore(urlElement, cell.firstChild); - } - - return cell; - }, - - select: function(supressSelectedEvent) - { - WebInspector.DataGridNode.prototype.select.call(this, supressSelectedEvent); - this.profileView._dataGridNodeSelected(this); - }, - - deselect: function(supressDeselectedEvent) - { - WebInspector.DataGridNode.prototype.deselect.call(this, supressDeselectedEvent); - this.profileView._dataGridNodeDeselected(this); - }, - - expand: function() - { - WebInspector.DataGridNode.prototype.expand.call(this); - this.profileNode._expanded = true; - }, - - collapse: function() - { - WebInspector.DataGridNode.prototype.collapse.call(this); - this.profileNode._expanded = false; - }, - - _populate: function(event) - { - var children = this.profileNode.children; - var childrenLength = children.length; - for (var i = 0; i < childrenLength; ++i) - if (children[i].visible) - this.appendChild(new WebInspector.ProfileDataGridNode(this.profileView, children[i])); - this.removeEventListener("populate", this._populate, this); - } -} - -WebInspector.ProfileDataGridNode.prototype.__proto__ = WebInspector.DataGridNode.prototype; |