Index: chrome/resources/inspector/ProfilesPanel.js |
=================================================================== |
--- chrome/resources/inspector/ProfilesPanel.js (revision 0) |
+++ chrome/resources/inspector/ProfilesPanel.js (revision 0) |
@@ -0,0 +1,536 @@ |
+/* |
+ * 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. |
+ */ |
+ |
+const UserInitiatedProfileName = "org.webkit.profiles.user-initiated"; |
+ |
+WebInspector.ProfileType = function(id, name) |
+{ |
+ this._id = id; |
+ this._name = name; |
+} |
+ |
+WebInspector.ProfileType.URLRegExp = /webkit-profile:\/\/(.+)\/(.+)#([0-9]+)/; |
+ |
+WebInspector.ProfileType.prototype = { |
+ get buttonTooltip() |
+ { |
+ return ""; |
+ }, |
+ |
+ get buttonStyle() |
+ { |
+ return undefined; |
+ }, |
+ |
+ get buttonCaption() |
+ { |
+ return this.name; |
+ }, |
+ |
+ get id() |
+ { |
+ return this._id; |
+ }, |
+ |
+ get name() |
+ { |
+ return this._name; |
+ }, |
+ |
+ buttonClicked: function() |
+ { |
+ }, |
+ |
+ viewForProfile: function(profile) |
+ { |
+ if (!profile._profileView) |
+ profile._profileView = this.createView(profile); |
+ return profile._profileView; |
+ }, |
+ |
+ // Must be implemented by subclasses. |
+ createView: function(profile) |
+ { |
+ throw new Error("Needs implemented."); |
+ }, |
+ |
+ // Must be implemented by subclasses. |
+ createSidebarTreeElementForProfile: function(profile) |
+ { |
+ throw new Error("Needs implemented."); |
+ } |
+} |
+ |
+WebInspector.ProfilesPanel = function() |
+{ |
+ WebInspector.Panel.call(this, true); |
+ |
+ this.element.addStyleClass("profiles"); |
+ this._profileTypesByIdMap = {}; |
+ this._profileTypeButtonsByIdMap = {}; |
+ |
+ var panelEnablerHeading = WebInspector.UIString("You need to enable profiling before you can use the Profiles panel."); |
+ var panelEnablerDisclaimer = WebInspector.UIString("Enabling profiling will make scripts run slower."); |
+ var panelEnablerButton = WebInspector.UIString("Enable Profiling"); |
+ this.panelEnablerView = new WebInspector.PanelEnablerView("profiles", panelEnablerHeading, panelEnablerDisclaimer, panelEnablerButton); |
+ this.panelEnablerView.addEventListener("enable clicked", this._enableProfiling, this); |
+ |
+ this.element.appendChild(this.panelEnablerView.element); |
+ |
+ this.profileViews = document.createElement("div"); |
+ this.profileViews.id = "profile-views"; |
+ this.element.appendChild(this.profileViews); |
+ |
+ this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggle-status-bar-item"); |
+ this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind(this), false); |
+ |
+ this.profileViewStatusBarItemsContainer = document.createElement("div"); |
+ this.profileViewStatusBarItemsContainer.id = "profile-view-status-bar-items"; |
+ |
+ this._profiles = []; |
+ this.reset(); |
+} |
+ |
+WebInspector.ProfilesPanel.prototype = { |
+ toolbarItemClass: "profiles", |
+ |
+ get toolbarItemLabel() |
+ { |
+ return WebInspector.UIString("Profiles"); |
+ }, |
+ |
+ get statusBarItems() |
+ { |
+ function clickHandler(profileType, buttonElement) |
+ { |
+ profileType.buttonClicked.call(profileType); |
+ this.updateProfileTypeButtons(); |
+ } |
+ |
+ var items = [this.enableToggleButton.element]; |
+ // FIXME: Generate a single "combo-button". |
+ for (var typeId in this._profileTypesByIdMap) { |
+ var profileType = this.getProfileType(typeId); |
+ if (profileType.buttonStyle) { |
+ var button = new WebInspector.StatusBarButton(profileType.buttonTooltip, profileType.buttonStyle, profileType.buttonCaption); |
+ this._profileTypeButtonsByIdMap[typeId] = button.element; |
+ button.element.addEventListener("click", clickHandler.bind(this, profileType, button.element), false); |
+ items.push(button.element); |
+ } |
+ } |
+ items.push(this.profileViewStatusBarItemsContainer); |
+ return items; |
+ }, |
+ |
+ show: function() |
+ { |
+ WebInspector.Panel.prototype.show.call(this); |
+ if (this._shouldPopulateProfiles) |
+ this._populateProfiles(); |
+ }, |
+ |
+ populateInterface: function() |
+ { |
+ if (this.visible) |
+ this._populateProfiles(); |
+ else |
+ this._shouldPopulateProfiles = true; |
+ }, |
+ |
+ profilerWasEnabled: function() |
+ { |
+ this.reset(); |
+ this.populateInterface(); |
+ }, |
+ |
+ profilerWasDisabled: function() |
+ { |
+ this.reset(); |
+ }, |
+ |
+ reset: function() |
+ { |
+ for (var i = 0; i < this._profiles.length; ++i) |
+ delete this._profiles[i]._profileView; |
+ |
+ delete this.currentQuery; |
+ this.searchCanceled(); |
+ |
+ this._profiles = []; |
+ this._profilesIdMap = {}; |
+ this._profileGroups = {}; |
+ this._profileGroupsForLinks = {} |
+ |
+ this.sidebarTreeElement.removeStyleClass("some-expandable"); |
+ |
+ for (var typeId in this._profileTypesByIdMap) |
+ this.getProfileType(typeId).treeElement.removeChildren(); |
+ |
+ this.profileViews.removeChildren(); |
+ |
+ this.profileViewStatusBarItemsContainer.removeChildren(); |
+ |
+ this._updateInterface(); |
+ }, |
+ |
+ registerProfileType: function(profileType) |
+ { |
+ this._profileTypesByIdMap[profileType.id] = profileType; |
+ profileType.treeElement = new WebInspector.SidebarSectionTreeElement(profileType.name, null, true); |
+ this.sidebarTree.appendChild(profileType.treeElement); |
+ profileType.treeElement.expand(); |
+ }, |
+ |
+ _makeKey: function(text, profileTypeId) |
+ { |
+ return escape(text) + '/' + escape(profileTypeId); |
+ }, |
+ |
+ addProfileHeader: function(typeId, profile) |
+ { |
+ var profileType = this.getProfileType(typeId); |
+ var sidebarParent = profileType.treeElement; |
+ var small = false; |
+ var alternateTitle; |
+ |
+ profile.__profilesPanelProfileType = profileType; |
+ this._profiles.push(profile); |
+ this._profilesIdMap[this._makeKey(profile.uid, typeId)] = profile; |
+ |
+ if (profile.title.indexOf(UserInitiatedProfileName) !== 0) { |
+ var profileTitleKey = this._makeKey(profile.title, typeId); |
+ if (!(profileTitleKey in this._profileGroups)) |
+ this._profileGroups[profileTitleKey] = []; |
+ |
+ var group = this._profileGroups[profileTitleKey]; |
+ group.push(profile); |
+ |
+ if (group.length === 2) { |
+ // Make a group TreeElement now that there are 2 profiles. |
+ group._profilesTreeElement = new WebInspector.ProfileGroupSidebarTreeElement(profile.title); |
+ |
+ // Insert at the same index for the first profile of the group. |
+ var index = sidebarParent.children.indexOf(group[0]._profilesTreeElement); |
+ sidebarParent.insertChild(group._profilesTreeElement, index); |
+ |
+ // Move the first profile to the group. |
+ var selected = group[0]._profilesTreeElement.selected; |
+ sidebarParent.removeChild(group[0]._profilesTreeElement); |
+ group._profilesTreeElement.appendChild(group[0]._profilesTreeElement); |
+ if (selected) { |
+ group[0]._profilesTreeElement.select(); |
+ group[0]._profilesTreeElement.reveal(); |
+ } |
+ |
+ group[0]._profilesTreeElement.small = true; |
+ group[0]._profilesTreeElement.mainTitle = WebInspector.UIString("Run %d", 1); |
+ |
+ this.sidebarTreeElement.addStyleClass("some-expandable"); |
+ } |
+ |
+ if (group.length >= 2) { |
+ sidebarParent = group._profilesTreeElement; |
+ alternateTitle = WebInspector.UIString("Run %d", group.length); |
+ small = true; |
+ } |
+ } |
+ |
+ var profileTreeElement = profileType.createSidebarTreeElementForProfile(profile); |
+ profileTreeElement.small = small; |
+ if (alternateTitle) |
+ profileTreeElement.mainTitle = alternateTitle; |
+ profile._profilesTreeElement = profileTreeElement; |
+ |
+ sidebarParent.appendChild(profileTreeElement); |
+ if (!this.visibleView) |
+ this.showProfile(profile); |
+ }, |
+ |
+ showProfile: function(profile) |
+ { |
+ if (!profile) |
+ return; |
+ |
+ if (this.visibleView) |
+ this.visibleView.hide(); |
+ |
+ var view = profile.__profilesPanelProfileType.viewForProfile(profile); |
+ |
+ view.show(this.profileViews); |
+ |
+ profile._profilesTreeElement.select(true); |
+ profile._profilesTreeElement.reveal(); |
+ |
+ this.visibleView = view; |
+ |
+ this.profileViewStatusBarItemsContainer.removeChildren(); |
+ |
+ var statusBarItems = view.statusBarItems; |
+ for (var i = 0; i < statusBarItems.length; ++i) |
+ this.profileViewStatusBarItemsContainer.appendChild(statusBarItems[i]); |
+ }, |
+ |
+ showView: function(view) |
+ { |
+ this.showProfile(view.profile); |
+ }, |
+ |
+ getProfileType: function(typeId) |
+ { |
+ return this._profileTypesByIdMap[typeId]; |
+ }, |
+ |
+ showProfileForURL: function(url) |
+ { |
+ var match = url.match(WebInspector.ProfileType.URLRegExp); |
+ if (!match) |
+ return; |
+ this.showProfile(this._profilesIdMap[this._makeKey(match[3], match[1])]); |
+ }, |
+ |
+ updateProfileTypeButtons: function() |
+ { |
+ for (var typeId in this._profileTypeButtonsByIdMap) { |
+ var buttonElement = this._profileTypeButtonsByIdMap[typeId]; |
+ var profileType = this.getProfileType(typeId); |
+ buttonElement.className = profileType.buttonStyle; |
+ buttonElement.title = profileType.buttonTooltip; |
+ // FIXME: Apply profileType.buttonCaption once captions are added to button controls. |
+ } |
+ }, |
+ |
+ closeVisibleView: function() |
+ { |
+ if (this.visibleView) |
+ this.visibleView.hide(); |
+ delete this.visibleView; |
+ }, |
+ |
+ displayTitleForProfileLink: function(title, typeId) |
+ { |
+ title = unescape(title); |
+ if (title.indexOf(UserInitiatedProfileName) === 0) { |
+ title = WebInspector.UIString("Profile %d", title.substring(UserInitiatedProfileName.length + 1)); |
+ } else { |
+ var titleKey = this._makeKey(title, typeId); |
+ if (!(titleKey in this._profileGroupsForLinks)) |
+ this._profileGroupsForLinks[titleKey] = 0; |
+ |
+ groupNumber = ++this._profileGroupsForLinks[titleKey]; |
+ |
+ if (groupNumber > 2) |
+ // The title is used in the console message announcing that a profile has started so it gets |
+ // incremented twice as often as it's displayed |
+ title += " " + WebInspector.UIString("Run %d", groupNumber / 2); |
+ } |
+ |
+ return title; |
+ }, |
+ |
+ get searchableViews() |
+ { |
+ var views = []; |
+ |
+ const visibleView = this.visibleView; |
+ if (visibleView && visibleView.performSearch) |
+ views.push(visibleView); |
+ |
+ var profilesLength = this._profiles.length; |
+ for (var i = 0; i < profilesLength; ++i) { |
+ var view = this._profiles[i].viewForProfile(); |
+ if (!view.performSearch || view === visibleView) |
+ continue; |
+ views.push(view); |
+ } |
+ |
+ return views; |
+ }, |
+ |
+ searchMatchFound: function(view, matches) |
+ { |
+ view.profile._profilesTreeElement.searchMatches = matches; |
+ }, |
+ |
+ searchCanceled: function(startingNewSearch) |
+ { |
+ WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch); |
+ |
+ if (!this._profiles) |
+ return; |
+ |
+ for (var i = 0; i < this._profiles.length; ++i) { |
+ var profile = this._profiles[i]; |
+ profile._profilesTreeElement.searchMatches = 0; |
+ } |
+ }, |
+ |
+ resize: function() |
+ { |
+ var visibleView = this.visibleView; |
+ if (visibleView && "resize" in visibleView) |
+ visibleView.resize(); |
+ }, |
+ |
+ _updateInterface: function() |
+ { |
+ // FIXME: Replace ProfileType-specific button visibility changes by a single ProfileType-agnostic "combo-button" visibility change. |
+ if (InspectorController.profilerEnabled()) { |
+ this.enableToggleButton.title = WebInspector.UIString("Profiling enabled. Click to disable."); |
+ this.enableToggleButton.toggled = true; |
+ for (var typeId in this._profileTypeButtonsByIdMap) |
+ this._profileTypeButtonsByIdMap[typeId].removeStyleClass("hidden"); |
+ this.profileViewStatusBarItemsContainer.removeStyleClass("hidden"); |
+ this.panelEnablerView.visible = false; |
+ } else { |
+ this.enableToggleButton.title = WebInspector.UIString("Profiling disabled. Click to enable."); |
+ this.enableToggleButton.toggled = false; |
+ for (var typeId in this._profileTypeButtonsByIdMap) |
+ this._profileTypeButtonsByIdMap[typeId].addStyleClass("hidden"); |
+ this.profileViewStatusBarItemsContainer.addStyleClass("hidden"); |
+ this.panelEnablerView.visible = true; |
+ } |
+ }, |
+ |
+ _enableProfiling: function() |
+ { |
+ if (InspectorController.profilerEnabled()) |
+ return; |
+ this._toggleProfiling(this.panelEnablerView.alwaysEnabled); |
+ }, |
+ |
+ _toggleProfiling: function(optionalAlways) |
+ { |
+ if (InspectorController.profilerEnabled()) |
+ InspectorController.disableProfiler(true); |
+ else |
+ InspectorController.enableProfiler(!!optionalAlways); |
+ }, |
+ |
+ _populateProfiles: function() |
+ { |
+ // FIXME: This code needs to be adjusted when more profiling types are added. |
+ // Currently defaults to CPU profiles. |
+ var cpuProfiles = this.getProfileType(WebInspector.CPUProfileType.TypeId).treeElement; |
+ if (cpuProfiles.children.length) |
+ return; |
+ |
+ function populateCallback(profileHeaders) { |
+ profileHeaders.sort(function(a, b) { return a.uid - b.uid; }); |
+ var profileHeadersLength = profileHeaders.length; |
+ for (var i = 0; i < profileHeadersLength; ++i) |
+ WebInspector.addProfileHeader(profileHeaders[i]); |
+ } |
+ |
+ var callId = WebInspector.Callback.wrap(populateCallback); |
+ InspectorController.getProfileHeaders(callId); |
+ |
+ delete this._shouldPopulateProfiles; |
+ }, |
+ |
+ setMainViewWidth: function(width) |
+ { |
+ this.profileViews.style.left = width + "px"; |
+ this.profileViewStatusBarItemsContainer.style.left = width + "px"; |
+ } |
+} |
+ |
+WebInspector.ProfilesPanel.prototype.__proto__ = WebInspector.Panel.prototype; |
+ |
+WebInspector.ProfileSidebarTreeElement = function(profile) |
+{ |
+ this.profile = profile; |
+ |
+ if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) |
+ this._profileNumber = this.profile.title.substring(UserInitiatedProfileName.length + 1); |
+ |
+ WebInspector.SidebarTreeElement.call(this, "profile-sidebar-tree-item", "", "", profile, false); |
+ |
+ this.refreshTitles(); |
+} |
+ |
+WebInspector.ProfileSidebarTreeElement.prototype = { |
+ onselect: function() |
+ { |
+ WebInspector.panels.profiles.showProfile(this.profile); |
+ }, |
+ |
+ get mainTitle() |
+ { |
+ if (this._mainTitle) |
+ return this._mainTitle; |
+ if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) |
+ return WebInspector.UIString("Profile %d", this._profileNumber); |
+ return this.profile.title; |
+ }, |
+ |
+ set mainTitle(x) |
+ { |
+ this._mainTitle = x; |
+ this.refreshTitles(); |
+ }, |
+ |
+ get subtitle() |
+ { |
+ // There is no subtitle. |
+ }, |
+ |
+ set subtitle(x) |
+ { |
+ // Can't change subtitle. |
+ }, |
+ |
+ set searchMatches(matches) |
+ { |
+ if (!matches) { |
+ if (!this.bubbleElement) |
+ return; |
+ this.bubbleElement.removeStyleClass("search-matches"); |
+ this.bubbleText = ""; |
+ return; |
+ } |
+ |
+ this.bubbleText = matches; |
+ this.bubbleElement.addStyleClass("search-matches"); |
+ } |
+} |
+ |
+WebInspector.ProfileSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; |
+ |
+WebInspector.ProfileGroupSidebarTreeElement = function(title, subtitle) |
+{ |
+ WebInspector.SidebarTreeElement.call(this, "profile-group-sidebar-tree-item", title, subtitle, null, true); |
+} |
+ |
+WebInspector.ProfileGroupSidebarTreeElement.prototype = { |
+ onselect: function() |
+ { |
+ WebInspector.panels.profiles.showProfile(this.children[this.children.length - 1].profile); |
+ } |
+} |
+ |
+WebInspector.ProfileGroupSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype; |
+ |
+WebInspector.didGetProfileHeaders = WebInspector.Callback.processCallback; |
+WebInspector.didGetProfile = WebInspector.Callback.processCallback; |
Property changes on: chrome/resources/inspector/ProfilesPanel.js |
___________________________________________________________________ |
Added: svn:executable |
+ * |