OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright (C) 2008 Apple Inc. All Rights Reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions |
| 6 * are met: |
| 7 * 1. Redistributions of source code must retain the above copyright |
| 8 * notice, this list of conditions and the following disclaimer. |
| 9 * 2. Redistributions in binary form must reproduce the above copyright |
| 10 * notice, this list of conditions and the following disclaimer in the |
| 11 * documentation and/or other materials provided with the distribution. |
| 12 * |
| 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY |
| 14 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
| 15 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
| 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR |
| 17 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
| 18 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, |
| 19 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR |
| 20 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY |
| 21 * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 22 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 23 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 24 */ |
| 25 |
| 26 const UserInitiatedProfileName = "org.webkit.profiles.user-initiated"; |
| 27 |
| 28 WebInspector.ProfileType = function(id, name) |
| 29 { |
| 30 this._id = id; |
| 31 this._name = name; |
| 32 } |
| 33 |
| 34 WebInspector.ProfileType.URLRegExp = /webkit-profile:\/\/(.+)\/(.+)#([0-9]+)/; |
| 35 |
| 36 WebInspector.ProfileType.prototype = { |
| 37 get buttonTooltip() |
| 38 { |
| 39 return ""; |
| 40 }, |
| 41 |
| 42 get buttonStyle() |
| 43 { |
| 44 return undefined; |
| 45 }, |
| 46 |
| 47 get buttonCaption() |
| 48 { |
| 49 return this.name; |
| 50 }, |
| 51 |
| 52 get id() |
| 53 { |
| 54 return this._id; |
| 55 }, |
| 56 |
| 57 get name() |
| 58 { |
| 59 return this._name; |
| 60 }, |
| 61 |
| 62 buttonClicked: function() |
| 63 { |
| 64 }, |
| 65 |
| 66 viewForProfile: function(profile) |
| 67 { |
| 68 if (!profile._profileView) |
| 69 profile._profileView = this.createView(profile); |
| 70 return profile._profileView; |
| 71 }, |
| 72 |
| 73 // Must be implemented by subclasses. |
| 74 createView: function(profile) |
| 75 { |
| 76 throw new Error("Needs implemented."); |
| 77 }, |
| 78 |
| 79 // Must be implemented by subclasses. |
| 80 createSidebarTreeElementForProfile: function(profile) |
| 81 { |
| 82 throw new Error("Needs implemented."); |
| 83 } |
| 84 } |
| 85 |
| 86 WebInspector.ProfilesPanel = function() |
| 87 { |
| 88 WebInspector.Panel.call(this, true); |
| 89 |
| 90 this.element.addStyleClass("profiles"); |
| 91 this._profileTypesByIdMap = {}; |
| 92 this._profileTypeButtonsByIdMap = {}; |
| 93 |
| 94 var panelEnablerHeading = WebInspector.UIString("You need to enable profilin
g before you can use the Profiles panel."); |
| 95 var panelEnablerDisclaimer = WebInspector.UIString("Enabling profiling will
make scripts run slower."); |
| 96 var panelEnablerButton = WebInspector.UIString("Enable Profiling"); |
| 97 this.panelEnablerView = new WebInspector.PanelEnablerView("profiles", panelE
nablerHeading, panelEnablerDisclaimer, panelEnablerButton); |
| 98 this.panelEnablerView.addEventListener("enable clicked", this._enableProfili
ng, this); |
| 99 |
| 100 this.element.appendChild(this.panelEnablerView.element); |
| 101 |
| 102 this.profileViews = document.createElement("div"); |
| 103 this.profileViews.id = "profile-views"; |
| 104 this.element.appendChild(this.profileViews); |
| 105 |
| 106 this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggl
e-status-bar-item"); |
| 107 this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind
(this), false); |
| 108 |
| 109 this.profileViewStatusBarItemsContainer = document.createElement("div"); |
| 110 this.profileViewStatusBarItemsContainer.id = "profile-view-status-bar-items"
; |
| 111 |
| 112 this._profiles = []; |
| 113 this.reset(); |
| 114 } |
| 115 |
| 116 WebInspector.ProfilesPanel.prototype = { |
| 117 toolbarItemClass: "profiles", |
| 118 |
| 119 get toolbarItemLabel() |
| 120 { |
| 121 return WebInspector.UIString("Profiles"); |
| 122 }, |
| 123 |
| 124 get statusBarItems() |
| 125 { |
| 126 function clickHandler(profileType, buttonElement) |
| 127 { |
| 128 profileType.buttonClicked.call(profileType); |
| 129 this.updateProfileTypeButtons(); |
| 130 } |
| 131 |
| 132 var items = [this.enableToggleButton.element]; |
| 133 // FIXME: Generate a single "combo-button". |
| 134 for (var typeId in this._profileTypesByIdMap) { |
| 135 var profileType = this.getProfileType(typeId); |
| 136 if (profileType.buttonStyle) { |
| 137 var button = new WebInspector.StatusBarButton(profileType.button
Tooltip, profileType.buttonStyle, profileType.buttonCaption); |
| 138 this._profileTypeButtonsByIdMap[typeId] = button.element; |
| 139 button.element.addEventListener("click", clickHandler.bind(this,
profileType, button.element), false); |
| 140 items.push(button.element); |
| 141 } |
| 142 } |
| 143 items.push(this.profileViewStatusBarItemsContainer); |
| 144 return items; |
| 145 }, |
| 146 |
| 147 show: function() |
| 148 { |
| 149 WebInspector.Panel.prototype.show.call(this); |
| 150 if (this._shouldPopulateProfiles) |
| 151 this._populateProfiles(); |
| 152 }, |
| 153 |
| 154 populateInterface: function() |
| 155 { |
| 156 if (this.visible) |
| 157 this._populateProfiles(); |
| 158 else |
| 159 this._shouldPopulateProfiles = true; |
| 160 }, |
| 161 |
| 162 profilerWasEnabled: function() |
| 163 { |
| 164 this.reset(); |
| 165 this.populateInterface(); |
| 166 }, |
| 167 |
| 168 profilerWasDisabled: function() |
| 169 { |
| 170 this.reset(); |
| 171 }, |
| 172 |
| 173 reset: function() |
| 174 { |
| 175 for (var i = 0; i < this._profiles.length; ++i) |
| 176 delete this._profiles[i]._profileView; |
| 177 |
| 178 delete this.currentQuery; |
| 179 this.searchCanceled(); |
| 180 |
| 181 this._profiles = []; |
| 182 this._profilesIdMap = {}; |
| 183 this._profileGroups = {}; |
| 184 this._profileGroupsForLinks = {} |
| 185 |
| 186 this.sidebarTreeElement.removeStyleClass("some-expandable"); |
| 187 |
| 188 for (var typeId in this._profileTypesByIdMap) |
| 189 this.getProfileType(typeId).treeElement.removeChildren(); |
| 190 |
| 191 this.profileViews.removeChildren(); |
| 192 |
| 193 this.profileViewStatusBarItemsContainer.removeChildren(); |
| 194 |
| 195 this._updateInterface(); |
| 196 }, |
| 197 |
| 198 registerProfileType: function(profileType) |
| 199 { |
| 200 this._profileTypesByIdMap[profileType.id] = profileType; |
| 201 profileType.treeElement = new WebInspector.SidebarSectionTreeElement(pro
fileType.name, null, true); |
| 202 this.sidebarTree.appendChild(profileType.treeElement); |
| 203 profileType.treeElement.expand(); |
| 204 }, |
| 205 |
| 206 _makeKey: function(text, profileTypeId) |
| 207 { |
| 208 return escape(text) + '/' + escape(profileTypeId); |
| 209 }, |
| 210 |
| 211 addProfileHeader: function(typeId, profile) |
| 212 { |
| 213 var profileType = this.getProfileType(typeId); |
| 214 var sidebarParent = profileType.treeElement; |
| 215 var small = false; |
| 216 var alternateTitle; |
| 217 |
| 218 profile.__profilesPanelProfileType = profileType; |
| 219 this._profiles.push(profile); |
| 220 this._profilesIdMap[this._makeKey(profile.uid, typeId)] = profile; |
| 221 |
| 222 if (profile.title.indexOf(UserInitiatedProfileName) !== 0) { |
| 223 var profileTitleKey = this._makeKey(profile.title, typeId); |
| 224 if (!(profileTitleKey in this._profileGroups)) |
| 225 this._profileGroups[profileTitleKey] = []; |
| 226 |
| 227 var group = this._profileGroups[profileTitleKey]; |
| 228 group.push(profile); |
| 229 |
| 230 if (group.length === 2) { |
| 231 // Make a group TreeElement now that there are 2 profiles. |
| 232 group._profilesTreeElement = new WebInspector.ProfileGroupSideba
rTreeElement(profile.title); |
| 233 |
| 234 // Insert at the same index for the first profile of the group. |
| 235 var index = sidebarParent.children.indexOf(group[0]._profilesTre
eElement); |
| 236 sidebarParent.insertChild(group._profilesTreeElement, index); |
| 237 |
| 238 // Move the first profile to the group. |
| 239 var selected = group[0]._profilesTreeElement.selected; |
| 240 sidebarParent.removeChild(group[0]._profilesTreeElement); |
| 241 group._profilesTreeElement.appendChild(group[0]._profilesTreeEle
ment); |
| 242 if (selected) { |
| 243 group[0]._profilesTreeElement.select(); |
| 244 group[0]._profilesTreeElement.reveal(); |
| 245 } |
| 246 |
| 247 group[0]._profilesTreeElement.small = true; |
| 248 group[0]._profilesTreeElement.mainTitle = WebInspector.UIString(
"Run %d", 1); |
| 249 |
| 250 this.sidebarTreeElement.addStyleClass("some-expandable"); |
| 251 } |
| 252 |
| 253 if (group.length >= 2) { |
| 254 sidebarParent = group._profilesTreeElement; |
| 255 alternateTitle = WebInspector.UIString("Run %d", group.length); |
| 256 small = true; |
| 257 } |
| 258 } |
| 259 |
| 260 var profileTreeElement = profileType.createSidebarTreeElementForProfile(
profile); |
| 261 profileTreeElement.small = small; |
| 262 if (alternateTitle) |
| 263 profileTreeElement.mainTitle = alternateTitle; |
| 264 profile._profilesTreeElement = profileTreeElement; |
| 265 |
| 266 sidebarParent.appendChild(profileTreeElement); |
| 267 if (!this.visibleView) |
| 268 this.showProfile(profile); |
| 269 }, |
| 270 |
| 271 showProfile: function(profile) |
| 272 { |
| 273 if (!profile) |
| 274 return; |
| 275 |
| 276 if (this.visibleView) |
| 277 this.visibleView.hide(); |
| 278 |
| 279 var view = profile.__profilesPanelProfileType.viewForProfile(profile); |
| 280 |
| 281 view.show(this.profileViews); |
| 282 |
| 283 profile._profilesTreeElement.select(true); |
| 284 profile._profilesTreeElement.reveal(); |
| 285 |
| 286 this.visibleView = view; |
| 287 |
| 288 this.profileViewStatusBarItemsContainer.removeChildren(); |
| 289 |
| 290 var statusBarItems = view.statusBarItems; |
| 291 for (var i = 0; i < statusBarItems.length; ++i) |
| 292 this.profileViewStatusBarItemsContainer.appendChild(statusBarItems[i
]); |
| 293 }, |
| 294 |
| 295 showView: function(view) |
| 296 { |
| 297 this.showProfile(view.profile); |
| 298 }, |
| 299 |
| 300 getProfileType: function(typeId) |
| 301 { |
| 302 return this._profileTypesByIdMap[typeId]; |
| 303 }, |
| 304 |
| 305 showProfileForURL: function(url) |
| 306 { |
| 307 var match = url.match(WebInspector.ProfileType.URLRegExp); |
| 308 if (!match) |
| 309 return; |
| 310 this.showProfile(this._profilesIdMap[this._makeKey(match[3], match[1])])
; |
| 311 }, |
| 312 |
| 313 updateProfileTypeButtons: function() |
| 314 { |
| 315 for (var typeId in this._profileTypeButtonsByIdMap) { |
| 316 var buttonElement = this._profileTypeButtonsByIdMap[typeId]; |
| 317 var profileType = this.getProfileType(typeId); |
| 318 buttonElement.className = profileType.buttonStyle; |
| 319 buttonElement.title = profileType.buttonTooltip; |
| 320 // FIXME: Apply profileType.buttonCaption once captions are added to
button controls. |
| 321 } |
| 322 }, |
| 323 |
| 324 closeVisibleView: function() |
| 325 { |
| 326 if (this.visibleView) |
| 327 this.visibleView.hide(); |
| 328 delete this.visibleView; |
| 329 }, |
| 330 |
| 331 displayTitleForProfileLink: function(title, typeId) |
| 332 { |
| 333 title = unescape(title); |
| 334 if (title.indexOf(UserInitiatedProfileName) === 0) { |
| 335 title = WebInspector.UIString("Profile %d", title.substring(UserInit
iatedProfileName.length + 1)); |
| 336 } else { |
| 337 var titleKey = this._makeKey(title, typeId); |
| 338 if (!(titleKey in this._profileGroupsForLinks)) |
| 339 this._profileGroupsForLinks[titleKey] = 0; |
| 340 |
| 341 groupNumber = ++this._profileGroupsForLinks[titleKey]; |
| 342 |
| 343 if (groupNumber > 2) |
| 344 // The title is used in the console message announcing that a pr
ofile has started so it gets |
| 345 // incremented twice as often as it's displayed |
| 346 title += " " + WebInspector.UIString("Run %d", groupNumber / 2); |
| 347 } |
| 348 |
| 349 return title; |
| 350 }, |
| 351 |
| 352 get searchableViews() |
| 353 { |
| 354 var views = []; |
| 355 |
| 356 const visibleView = this.visibleView; |
| 357 if (visibleView && visibleView.performSearch) |
| 358 views.push(visibleView); |
| 359 |
| 360 var profilesLength = this._profiles.length; |
| 361 for (var i = 0; i < profilesLength; ++i) { |
| 362 var view = this._profiles[i].viewForProfile(); |
| 363 if (!view.performSearch || view === visibleView) |
| 364 continue; |
| 365 views.push(view); |
| 366 } |
| 367 |
| 368 return views; |
| 369 }, |
| 370 |
| 371 searchMatchFound: function(view, matches) |
| 372 { |
| 373 view.profile._profilesTreeElement.searchMatches = matches; |
| 374 }, |
| 375 |
| 376 searchCanceled: function(startingNewSearch) |
| 377 { |
| 378 WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch
); |
| 379 |
| 380 if (!this._profiles) |
| 381 return; |
| 382 |
| 383 for (var i = 0; i < this._profiles.length; ++i) { |
| 384 var profile = this._profiles[i]; |
| 385 profile._profilesTreeElement.searchMatches = 0; |
| 386 } |
| 387 }, |
| 388 |
| 389 resize: function() |
| 390 { |
| 391 var visibleView = this.visibleView; |
| 392 if (visibleView && "resize" in visibleView) |
| 393 visibleView.resize(); |
| 394 }, |
| 395 |
| 396 _updateInterface: function() |
| 397 { |
| 398 // FIXME: Replace ProfileType-specific button visibility changes by a si
ngle ProfileType-agnostic "combo-button" visibility change. |
| 399 if (InspectorController.profilerEnabled()) { |
| 400 this.enableToggleButton.title = WebInspector.UIString("Profiling ena
bled. Click to disable."); |
| 401 this.enableToggleButton.toggled = true; |
| 402 for (var typeId in this._profileTypeButtonsByIdMap) |
| 403 this._profileTypeButtonsByIdMap[typeId].removeStyleClass("hidden
"); |
| 404 this.profileViewStatusBarItemsContainer.removeStyleClass("hidden"); |
| 405 this.panelEnablerView.visible = false; |
| 406 } else { |
| 407 this.enableToggleButton.title = WebInspector.UIString("Profiling dis
abled. Click to enable."); |
| 408 this.enableToggleButton.toggled = false; |
| 409 for (var typeId in this._profileTypeButtonsByIdMap) |
| 410 this._profileTypeButtonsByIdMap[typeId].addStyleClass("hidden"); |
| 411 this.profileViewStatusBarItemsContainer.addStyleClass("hidden"); |
| 412 this.panelEnablerView.visible = true; |
| 413 } |
| 414 }, |
| 415 |
| 416 _enableProfiling: function() |
| 417 { |
| 418 if (InspectorController.profilerEnabled()) |
| 419 return; |
| 420 this._toggleProfiling(this.panelEnablerView.alwaysEnabled); |
| 421 }, |
| 422 |
| 423 _toggleProfiling: function(optionalAlways) |
| 424 { |
| 425 if (InspectorController.profilerEnabled()) |
| 426 InspectorController.disableProfiler(true); |
| 427 else |
| 428 InspectorController.enableProfiler(!!optionalAlways); |
| 429 }, |
| 430 |
| 431 _populateProfiles: function() |
| 432 { |
| 433 // FIXME: This code needs to be adjusted when more profiling types are a
dded. |
| 434 // Currently defaults to CPU profiles. |
| 435 var cpuProfiles = this.getProfileType(WebInspector.CPUProfileType.TypeId
).treeElement; |
| 436 if (cpuProfiles.children.length) |
| 437 return; |
| 438 |
| 439 function populateCallback(profileHeaders) { |
| 440 profileHeaders.sort(function(a, b) { return a.uid - b.uid; }); |
| 441 var profileHeadersLength = profileHeaders.length; |
| 442 for (var i = 0; i < profileHeadersLength; ++i) |
| 443 WebInspector.addProfileHeader(profileHeaders[i]); |
| 444 } |
| 445 |
| 446 var callId = WebInspector.Callback.wrap(populateCallback); |
| 447 InspectorController.getProfileHeaders(callId); |
| 448 |
| 449 delete this._shouldPopulateProfiles; |
| 450 }, |
| 451 |
| 452 setMainViewWidth: function(width) |
| 453 { |
| 454 this.profileViews.style.left = width + "px"; |
| 455 this.profileViewStatusBarItemsContainer.style.left = width + "px"; |
| 456 } |
| 457 } |
| 458 |
| 459 WebInspector.ProfilesPanel.prototype.__proto__ = WebInspector.Panel.prototype; |
| 460 |
| 461 WebInspector.ProfileSidebarTreeElement = function(profile) |
| 462 { |
| 463 this.profile = profile; |
| 464 |
| 465 if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) |
| 466 this._profileNumber = this.profile.title.substring(UserInitiatedProfileN
ame.length + 1); |
| 467 |
| 468 WebInspector.SidebarTreeElement.call(this, "profile-sidebar-tree-item", "",
"", profile, false); |
| 469 |
| 470 this.refreshTitles(); |
| 471 } |
| 472 |
| 473 WebInspector.ProfileSidebarTreeElement.prototype = { |
| 474 onselect: function() |
| 475 { |
| 476 WebInspector.panels.profiles.showProfile(this.profile); |
| 477 }, |
| 478 |
| 479 get mainTitle() |
| 480 { |
| 481 if (this._mainTitle) |
| 482 return this._mainTitle; |
| 483 if (this.profile.title.indexOf(UserInitiatedProfileName) === 0) |
| 484 return WebInspector.UIString("Profile %d", this._profileNumber); |
| 485 return this.profile.title; |
| 486 }, |
| 487 |
| 488 set mainTitle(x) |
| 489 { |
| 490 this._mainTitle = x; |
| 491 this.refreshTitles(); |
| 492 }, |
| 493 |
| 494 get subtitle() |
| 495 { |
| 496 // There is no subtitle. |
| 497 }, |
| 498 |
| 499 set subtitle(x) |
| 500 { |
| 501 // Can't change subtitle. |
| 502 }, |
| 503 |
| 504 set searchMatches(matches) |
| 505 { |
| 506 if (!matches) { |
| 507 if (!this.bubbleElement) |
| 508 return; |
| 509 this.bubbleElement.removeStyleClass("search-matches"); |
| 510 this.bubbleText = ""; |
| 511 return; |
| 512 } |
| 513 |
| 514 this.bubbleText = matches; |
| 515 this.bubbleElement.addStyleClass("search-matches"); |
| 516 } |
| 517 } |
| 518 |
| 519 WebInspector.ProfileSidebarTreeElement.prototype.__proto__ = WebInspector.Sideba
rTreeElement.prototype; |
| 520 |
| 521 WebInspector.ProfileGroupSidebarTreeElement = function(title, subtitle) |
| 522 { |
| 523 WebInspector.SidebarTreeElement.call(this, "profile-group-sidebar-tree-item"
, title, subtitle, null, true); |
| 524 } |
| 525 |
| 526 WebInspector.ProfileGroupSidebarTreeElement.prototype = { |
| 527 onselect: function() |
| 528 { |
| 529 WebInspector.panels.profiles.showProfile(this.children[this.children.len
gth - 1].profile); |
| 530 } |
| 531 } |
| 532 |
| 533 WebInspector.ProfileGroupSidebarTreeElement.prototype.__proto__ = WebInspector.S
idebarTreeElement.prototype; |
| 534 |
| 535 WebInspector.didGetProfileHeaders = WebInspector.Callback.processCallback; |
| 536 WebInspector.didGetProfile = WebInspector.Callback.processCallback; |
OLD | NEW |