diff options
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/LogContentView.js')
| -rw-r--r-- | Source/WebInspectorUI/UserInterface/LogContentView.js | 938 |
1 files changed, 938 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/LogContentView.js b/Source/WebInspectorUI/UserInterface/LogContentView.js new file mode 100644 index 000000000..d559446ef --- /dev/null +++ b/Source/WebInspectorUI/UserInterface/LogContentView.js @@ -0,0 +1,938 @@ +/* + * Copyright (C) 2013 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. AND ITS CONTRIBUTORS ``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 ITS 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.LogContentView = function(representedObject) +{ + WebInspector.ContentView.call(this, representedObject); + + this._nestingLevel = 0; + this._selectedMessages = []; + + this.element.classList.add(WebInspector.LogContentView.StyleClassName); + + this.messagesElement = document.createElement("div"); + this.messagesElement.className = "console-messages"; + this.messagesElement.tabIndex = 0; + this.messagesElement.setAttribute("role", "log"); + this.messagesElement.addEventListener("mousedown", this._mousedown.bind(this)); + this.messagesElement.addEventListener("focus", this._didFocus.bind(this)); + this.messagesElement.addEventListener("blur", this._didBlur.bind(this)); + this.messagesElement.addEventListener("keydown", this._keyDown.bind(this)); + this.messagesElement.addEventListener("click", this._click.bind(this), true); + this.element.appendChild(this.messagesElement); + + this.prompt = WebInspector.quickConsole.prompt; + + this._keyboardShortcutCommandA = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.Command, "A"); + this._keyboardShortcutEsc = new WebInspector.KeyboardShortcut(null, WebInspector.KeyboardShortcut.Key.Escape); + + this._logViewController = new WebInspector.JavaScriptLogViewController(this.messagesElement, this.element, this.prompt, this, "console-prompt-history"); + + this._searchBar = new WebInspector.SearchBar("log-search-bar", WebInspector.UIString("Filter Console Log"), this); + this._searchBar.addEventListener(WebInspector.SearchBar.Event.TextChanged, this._searchTextDidChange, this); + + var scopeBarItems = [ + new WebInspector.ScopeBarItem(WebInspector.LogContentView.Scopes.All, WebInspector.UIString("All"), true), + new WebInspector.ScopeBarItem(WebInspector.LogContentView.Scopes.Errors, WebInspector.UIString("Errors")), + new WebInspector.ScopeBarItem(WebInspector.LogContentView.Scopes.Warnings, WebInspector.UIString("Warnings")), + new WebInspector.ScopeBarItem(WebInspector.LogContentView.Scopes.Logs, WebInspector.UIString("Logs")) + ]; + + this._scopeBar = new WebInspector.ScopeBar("log-scope-bar", scopeBarItems, scopeBarItems[0]); + this._scopeBar.addEventListener(WebInspector.ScopeBar.Event.SelectionChanged, this._scopeBarSelectionDidChange, this); + + this._clearLogNavigationItem = new WebInspector.ButtonNavigationItem("clear-log", WebInspector.UIString("Clear log (%s or %s)").format(this._logViewController.messagesClearKeyboardShortcut.displayName, this._logViewController.messagesAlternateClearKeyboardShortcut.displayName), "Images/NavigationItemTrash.pdf", 16, 16); + this._clearLogNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._clearLog, this); + + var toolTip = WebInspector.UIString("Show split console"); + var altToolTip = WebInspector.UIString("Show full-height console"); + + this._toggleSplitNavigationItem = new WebInspector.ToggleButtonNavigationItem("split-toggle", toolTip, altToolTip, "Images/SplitToggleDown.pdf", "Images/SplitToggleUp.pdf", 16, 16); + this._toggleSplitNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleSplit, this); + this._toggleSplitNavigationItem.toggled = WebInspector.isShowingSplitConsole(); + + this.messagesElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), false); + + WebInspector.logManager.addEventListener(WebInspector.LogManager.Event.Cleared, this._sessionsCleared, this); + WebInspector.logManager.addEventListener(WebInspector.LogManager.Event.SessionStarted, this._sessionStarted, this); + WebInspector.logManager.addEventListener(WebInspector.LogManager.Event.MessageAdded, this._messageAdded, this); + WebInspector.logManager.addEventListener(WebInspector.LogManager.Event.PreviousMessageRepeatCountUpdated, this._previousMessageRepeatCountUpdated, this); + WebInspector.logManager.addEventListener(WebInspector.LogManager.Event.ActiveLogCleared, this._activeLogCleared, this); +} + +WebInspector.LogContentView.Scopes = { + All: "log-all", + Errors: "log-errors", + Warnings: "log-warnings", + Logs: "log-logs" +}; + +WebInspector.LogContentView.StyleClassName = "log"; +WebInspector.LogContentView.ItemWrapperStyleClassName = "console-item"; +WebInspector.LogContentView.FilteredOutStyleClassName = "filtered-out"; +WebInspector.LogContentView.SelectedStyleClassName = "selected"; +WebInspector.LogContentView.SearchInProgressStyleClassName = "search-in-progress"; +WebInspector.LogContentView.FilteredOutBySearchStyleClassName = "filtered-out-by-search"; +WebInspector.LogContentView.HighlightedStyleClassName = "highlighted"; + +WebInspector.LogContentView.prototype = { + constructor: WebInspector.LogContentView, + + // Public + + get navigationItems() + { + return [this._searchBar, this._scopeBar, this._clearLogNavigationItem, this._toggleSplitNavigationItem]; + }, + + get scopeBar() + { + return this._scopeBar; + }, + + updateLayout: function() + { + WebInspector.ContentView.prototype.updateLayout.call(this); + + this._scrollElementHeight = this.messagesElement.getBoundingClientRect().height; + }, + + shown: function() + { + this._toggleSplitNavigationItem.toggled = WebInspector.isShowingSplitConsole(); + + this.prompt.focus(); + }, + + get scrollableElements() + { + return [this.element]; + }, + + get shouldKeepElementsScrolledToBottom() + { + return true; + }, + + get searchInProgress() + { + return this.messagesElement.classList.contains(WebInspector.LogContentView.SearchInProgressStyleClassName); + }, + + didClearMessages: function() + { + if (this._ignoreDidClearMessages) + return; + WebInspector.logManager.requestClearMessages(); + }, + + didAppendConsoleMessage: function(message) + { + WebInspector.quickConsole.updateLayout(); + + // Nest the message. + if (message.type !== WebInspector.ConsoleMessage.MessageType.EndGroup) { + var x = 16 * this._nestingLevel; + var messageElement = message.toMessageElement(); + messageElement.style.left = x + "px"; + messageElement.style.width = "calc(100% - " + x + "px)"; + } + + // Update the nesting level. + switch (message.type) { + case WebInspector.ConsoleMessage.MessageType.StartGroup: + case WebInspector.ConsoleMessage.MessageType.StartGroupCollapsed: + ++this._nestingLevel; + break; + case WebInspector.ConsoleMessage.MessageType.EndGroup: + --this._nestingLevel; + break; + } + + this._clearFocusableChildren(); + + // Some results don't populate until further backend dispatches occur (like the DOM tree). + // We want to remove focusable children after those pending dispatches too. + InspectorBackend.runAfterPendingDispatches(this._clearFocusableChildren.bind(this)); + + // We only auto show the console if the message is a result. + // This is when the user evaluated something directly in the prompt. + if (message.type !== WebInspector.ConsoleMessage.MessageType.Result) + return; + + if (!WebInspector.isShowingConsoleView()) + WebInspector.showSplitConsole(); + + this._logViewController.scrollToBottom(); + }, + + promptDidChangeHeight: function() + { + WebInspector.quickConsole.updateLayout(); + }, + + get supportsSave() + { + return true; + }, + + get saveData() + { + return {url: "web-inspector:///Console.txt", content: this._formatMessagesAsData(false), forceSaveAs: true}; + }, + + handleCopyEvent: function(event) + { + if (!this._selectedMessages.length) + return; + + event.clipboardData.setData("text/plain", this._formatMessagesAsData(true)); + event.stopPropagation(); + event.preventDefault(); + }, + + focusSearchBar: function() + { + this._searchBar.focus(); + }, + + highlightPreviousSearchMatch: function() + { + if (!this.searchInProgress || isEmptyObject(this._searchMatches)) + return; + + var index = this._selectedSearchMatch ? this._searchMatches.indexOf(this._selectedSearchMatch) : this._searchMatches.length; + this._highlightSearchMatchAtIndex(index - 1); + }, + + highlightNextSearchMatch: function() + { + if (!this.searchInProgress || isEmptyObject(this._searchMatches)) + return; + + var index = this._selectedSearchMatch ? this._searchMatches.indexOf(this._selectedSearchMatch) + 1 : 0; + this._highlightSearchMatchAtIndex(index); + }, + + searchBarWantsToLoseFocus: function(searchBar) + { + if (this._selectedMessages.length) + this.messagesElement.focus(); + else + this.prompt.focus(); + }, + + searchBarDidActivate: function(searchBar) + { + if (!isEmptyObject(this._searchMatches)) + this._highlightSearchMatchAtIndex(0); + this.prompt.focus(); + }, + + // Private + + _formatMessagesAsData: function(onlySelected) + { + var messages = this._allMessages(); + + if (onlySelected) { + messages = this._allMessages().filter(function(message) { + return message.parentNode.classList.contains(WebInspector.LogContentView.SelectedStyleClassName); + }); + } + + var data = ""; + + var isPrefixOptional = messages.length <= 1 && onlySelected; + messages.forEach(function (messageElement, index) { + var messageObject = messageElement.message; + if (!messageObject) + messageObject = messageElement.command; + if (!messageObject) + return; + + if (index > 0) + data += "\n" + data += messageObject.toClipboardString(isPrefixOptional); + }); + + return data; + }, + + _sessionsCleared: function(event) + { + this._ignoreDidClearMessages = true; + this._logViewController.clear(); + this._ignoreDidClearMessages = false; + }, + + _sessionStarted: function(event) + { + this._logViewController.startNewSession(); + }, + + _messageAdded: function(event) + { + var message = this._logViewController.appendConsoleMessage(event.data.message); + if (message.type !== WebInspector.ConsoleMessage.MessageType.EndGroup) + this._filterMessages([message.toMessageElement()]); + }, + + _previousMessageRepeatCountUpdated: function(event) + { + this._logViewController.updatePreviousMessageRepeatCount(event.data.count); + }, + + _handleContextMenuEvent: function(event) + { + if (!window.getSelection().isCollapsed) { + // If there is a selection, we want to show our normal context menu + // (with Copy, etc.), and not Clear Log. + return; + } + + // We don't want to show the custom menu for links in the console. + if (event.target.enclosingNodeOrSelfWithNodeName("a")) + return; + + var contextMenu = new WebInspector.ContextMenu(event); + contextMenu.appendItem(WebInspector.UIString("Clear Log"), this._clearLog.bind(this)); + contextMenu.show(); + }, + + _mousedown: function(event) + { + if (event.button !== 0 || event.ctrlKey) + return; + + if (event.defaultPrevented) { + // Default was prevented on the event, so this means something deeper (like a disclosure triangle) + // handled the mouse down. In this case we want to clear the selection and don't make a new selection. + this._clearMessagesSelection(); + return; + } + + if (!this._focused) { + this.messagesElement.focus(); + if (this._selectedMessages.length) + return; + } + + this._mouseDownWrapper = event.target.enclosingNodeOrSelfWithClass(WebInspector.LogContentView.ItemWrapperStyleClassName); + this._mouseDownShiftKey = event.shiftKey; + this._mouseDownCommandKey = event.metaKey; + this._mouseMoveIsRowSelection = false; + + window.addEventListener("mousemove", this); + window.addEventListener("mouseup", this); + }, + + _targetInMessageCanBeSelected: function(target, message) + { + if (target.enclosingNodeOrSelfWithNodeName("a")) + return false; + return true; + }, + + _mousemove: function(event) + { + var selection = window.getSelection(); + var wrapper = event.target.enclosingNodeOrSelfWithClass(WebInspector.LogContentView.ItemWrapperStyleClassName); + + if (!wrapper) { + // No wrapper under the mouse, so look at the selection to try and find one. + if (!selection.isCollapsed) { + wrapper = selection.focusNode.parentNode.enclosingNodeOrSelfWithClass(WebInspector.LogContentView.ItemWrapperStyleClassName); + selection.removeAllRanges(); + } + + if (!wrapper) + return; + } + + if (!selection.isCollapsed) + this._clearMessagesSelection(); + + if (wrapper === this._mouseDownWrapper && !this._mouseMoveIsRowSelection) + return; + + selection.removeAllRanges(); + + if (!this._mouseMoveIsRowSelection) + this._updateMessagesSelection(this._mouseDownWrapper.messageElement, this._mouseDownCommandKey, this._mouseDownShiftKey); + this._updateMessagesSelection(wrapper.messageElement, false, true); + + this._mouseMoveIsRowSelection = true; + + event.preventDefault(); + event.stopPropagation(); + }, + + _mouseup: function(event) + { + window.removeEventListener("mousemove", this); + window.removeEventListener("mouseup", this); + + var selection = window.getSelection(); + var wrapper = event.target.enclosingNodeOrSelfWithClass(WebInspector.LogContentView.ItemWrapperStyleClassName); + + if (wrapper && (selection.isCollapsed || event.shiftKey)) { + selection.removeAllRanges(); + + var message = wrapper.messageElement; + if (this._targetInMessageCanBeSelected(event.target, message)) { + var sameWrapper = wrapper === this._mouseDownWrapper; + this._mouseInteractionShouldPreventClickPropagation = !this._isMessageSelected(message); + this._updateMessagesSelection(message, sameWrapper ? this._mouseDownCommandKey : false, sameWrapper ? this._mouseDownShiftKey : true); + } + } else if (!selection.isCollapsed) { + // There is a text selection, clear the row selection. + this._clearMessagesSelection(); + } else if (!this._mouseDownWrapper) { + // The mouse didn't hit a console item, so clear the row selection. + this._clearMessagesSelection(); + + // Focus the prompt. Focusing the prompt needs to happen after the click to work. + setTimeout(function () { this.prompt.focus() }.bind(this), 0); + } + + delete this._mouseMoveIsRowSelection; + delete this._mouseDownWrapper; + delete this._mouseDownShiftKey; + delete this._mouseDownCommandKey; + }, + + _click: function(event) + { + if (!this._mouseInteractionShouldPreventClickPropagation) + return; + + event.stopPropagation(); + delete this._mouseInteractionShouldPreventClickPropagation; + }, + + handleEvent: function(event) + { + switch (event.type) { + case "mousemove": + this._mousemove(event); + break; + case "mouseup": + this._mouseup(event); + break; + } + }, + + _updateMessagesSelection: function(message, multipleSelection, rangeSelection) + { + var alreadySelectedMessage = this._selectedMessages.contains(message); + if (alreadySelectedMessage && this._selectedMessages.length && multipleSelection) { + message.parentNode.classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + this._selectedMessages.remove(message); + return; + } + + if (!multipleSelection && !rangeSelection) + this._clearMessagesSelection(); + + if (rangeSelection) { + var messages = this._visibleMessages(); + + var refIndex = this._referenceMessageForRangeSelection ? messages.indexOf(this._referenceMessageForRangeSelection) : 0; + var targetIndex = messages.indexOf(message); + + var newRange = [Math.min(refIndex, targetIndex), Math.max(refIndex, targetIndex)]; + + if (this._selectionRange && this._selectionRange[0] === newRange[0] && this._selectionRange[1] === newRange[1]) + return; + + var startIndex = this._selectionRange ? Math.min(this._selectionRange[0], newRange[0]) : newRange[0]; + var endIndex = this._selectionRange ? Math.max(this._selectionRange[1], newRange[1]) : newRange[1]; + + for (var i = startIndex; i <= endIndex; ++i) { + var messageInRange = messages[i]; + if (i >= newRange[0] && i <= newRange[1] && !messageInRange.parentNode.classList.contains(WebInspector.LogContentView.SelectedStyleClassName)) { + messageInRange.parentNode.classList.add(WebInspector.LogContentView.SelectedStyleClassName); + this._selectedMessages.push(messageInRange); + } else if (i < newRange[0] || i > newRange[1] && messageInRange.parentNode.classList.contains(WebInspector.LogContentView.SelectedStyleClassName)) { + messageInRange.parentNode.classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + this._selectedMessages.remove(messageInRange); + } + } + + this._selectionRange = newRange; + } else { + message.parentNode.classList.add(WebInspector.LogContentView.SelectedStyleClassName); + this._selectedMessages.push(message); + } + + if (!rangeSelection) + this._referenceMessageForRangeSelection = message; + + if (!alreadySelectedMessage) + this._ensureMessageIsVisible(this._selectedMessages.lastValue); + }, + + _ensureMessageIsVisible: function(message) + { + if (!message) + return; + + var y = this._positionForMessage(message).y; + if (y < 0) { + this.element.scrollTop += y; + return; + } + + var nextMessage = this._nextMessage(message); + if (nextMessage) { + y = this._positionForMessage(nextMessage).y; + if (y > this._scrollElementHeight) + this.element.scrollTop += y - this._scrollElementHeight; + } else { + y += message.getBoundingClientRect().height; + if (y > this._scrollElementHeight) + this.element.scrollTop += y - this._scrollElementHeight; + } + }, + + _positionForMessage: function(message) + { + var pagePoint = window.webkitConvertPointFromNodeToPage(message, new WebKitPoint(0, 0)); + return window.webkitConvertPointFromPageToNode(this.element, pagePoint); + }, + + _isMessageVisible: function(message) + { + var node = message.parentNode; + + if (node.classList.contains(WebInspector.LogContentView.FilteredOutStyleClassName)) + return false; + + if (this.searchInProgress && node.classList.contains(WebInspector.LogContentView.FilteredOutBySearchStyleClassName)) + return false; + + if (message.classList.contains("console-group-title")) + node = node.parentNode.parentNode; + + while (node && node !== this.messagesElement) { + if (node.classList.contains("collapsed")) + return false; + node = node.parentNode; + } + + return true; + }, + + _isMessageSelected: function(message) + { + return message.parentNode.classList.contains(WebInspector.LogContentView.SelectedStyleClassName); + }, + + _clearMessagesSelection: function() + { + this._selectedMessages.forEach(function(message) { + message.parentNode.classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + }); + this._selectedMessages = []; + delete this._referenceMessageForRangeSelection; + }, + + _selectAllMessages: function() + { + this._clearMessagesSelection(); + + var messages = this._visibleMessages(); + for (var i = 0; i < messages.length; ++i) { + var message = messages[i]; + message.parentNode.classList.add(WebInspector.LogContentView.SelectedStyleClassName); + this._selectedMessages.push(message); + } + }, + + _allMessages: function() + { + return Array.prototype.slice.call(this.messagesElement.querySelectorAll(".console-message, .console-user-command")); + }, + + _unfilteredMessages: function() + { + return this._allMessages().filter(function(message) { + return !message.parentNode.classList.contains(WebInspector.LogContentView.FilteredOutStyleClassName); + }); + }, + + _visibleMessages: function() + { + var unfilteredMessages = this._unfilteredMessages(); + + if (!this.searchInProgress) + return unfilteredMessages; + + return unfilteredMessages.filter(function(message) { + return !message.parentNode.classList.contains(WebInspector.LogContentView.FilteredOutBySearchStyleClassName); + }); + }, + + _activeLogCleared: function(event) + { + this._ignoreDidClearMessages = true; + this._logViewController.clear(); + this._ignoreDidClearMessages = false; + }, + + _toggleSplit: function() + { + if (WebInspector.isShowingSplitConsole()) + WebInspector.showFullHeightConsole(); + else + WebInspector.showSplitConsole(); + }, + + _clearLog: function() + { + this._logViewController.clear(); + }, + + _scopeBarSelectionDidChange: function(event) + { + this._filterMessages(this._allMessages()); + }, + + _filterMessages: function(messages) + { + var showsAll = this._scopeBar.item(WebInspector.LogContentView.Scopes.All).selected; + var showsErrors = this._scopeBar.item(WebInspector.LogContentView.Scopes.Errors).selected; + var showsWarnings = this._scopeBar.item(WebInspector.LogContentView.Scopes.Warnings).selected; + var showsLogs = this._scopeBar.item(WebInspector.LogContentView.Scopes.Logs).selected; + + messages.forEach(function(message) { + var visible = showsAll || message.command instanceof WebInspector.ConsoleCommand || message.message instanceof WebInspector.ConsoleCommandResult; + if (!visible) { + switch(message.message.level) { + case WebInspector.ConsoleMessage.MessageLevel.Warning: + visible = showsWarnings; + break; + case WebInspector.ConsoleMessage.MessageLevel.Error: + visible = showsErrors; + break; + case WebInspector.ConsoleMessage.MessageLevel.Log: + visible = showsLogs; + break; + } + } + + var classList = message.parentNode.classList; + if (visible) + classList.remove(WebInspector.LogContentView.FilteredOutStyleClassName); + else { + this._selectedMessages.remove(message); + classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + classList.add(WebInspector.LogContentView.FilteredOutStyleClassName); + } + }.bind(this)); + + this._performSearch(); + }, + + _didFocus: function(event) + { + this._focused = true; + }, + + _didBlur: function(event) + { + this._focused = false; + }, + + _keyDown: function(event) + { + if (this._keyboardShortcutCommandA.matchesEvent(event)) + this._commandAWasPressed(event); + else if (this._keyboardShortcutEsc.matchesEvent(event)) + this._escapeWasPressed(event); + else if (event.keyIdentifier === "Up") + this._upArrowWasPressed(event); + else if (event.keyIdentifier === "Down") + this._downArrowWasPressed(event); + else if (event.keyIdentifier === "Left") + this._leftArrowWasPressed(event); + else if (event.keyIdentifier === "Right") + this._rightArrowWasPressed(event); + }, + + _commandAWasPressed: function(event) + { + this._selectAllMessages(); + event.preventDefault(); + }, + + _escapeWasPressed: function(event) + { + if (this._selectedMessages.length) + this._clearMessagesSelection(); + else + this.prompt.focus(); + + event.preventDefault(); + }, + + _upArrowWasPressed: function(event) + { + var messages = this._visibleMessages(); + + if (!this._selectedMessages.length) { + if (messages.length) + this._updateMessagesSelection(messages.lastValue, false, false); + return; + } + + var lastMessage = this._selectedMessages.lastValue; + var previousMessage = this._previousMessage(lastMessage); + if (previousMessage) + this._updateMessagesSelection(previousMessage, false, event.shiftKey); + else if (!event.shiftKey) { + this._clearMessagesSelection(); + this._updateMessagesSelection(messages[0], false, false); + } + + event.preventDefault(); + }, + + _downArrowWasPressed: function(event) + { + var messages = this._visibleMessages(); + + if (!this._selectedMessages.length) { + if (messages.length) + this._updateMessagesSelection(messages[0], false, false); + return; + } + + var lastMessage = this._selectedMessages.lastValue; + var nextMessage = this._nextMessage(lastMessage); + if (nextMessage) + this._updateMessagesSelection(nextMessage, false, event.shiftKey); + else if (!event.shiftKey) { + this._clearMessagesSelection(); + this._updateMessagesSelection(messages.lastValue, false, false); + } + + event.preventDefault(); + }, + + _leftArrowWasPressed: function(event) + { + if (this._selectedMessages.length !== 1) + return; + + var currentMessage = this._selectedMessages[0]; + if (currentMessage.classList.contains("console-group-title")) + currentMessage.parentNode.parentNode.classList.add("collapsed"); + else { + var outlineTitle = currentMessage.querySelector("ol.outline-disclosure > li.parent"); + if (outlineTitle) { + if (event.altKey) + outlineTitle.treeElement.collapseRecursively(); + else + outlineTitle.treeElement.collapse(); + } else { + var outlineSection = currentMessage.querySelector(".console-formatted-object > .section"); + if (outlineSection) + outlineSection._section.collapse(); + } + } + }, + + _rightArrowWasPressed: function(event) + { + if (this._selectedMessages.length !== 1) + return; + + var currentMessage = this._selectedMessages[0]; + if (currentMessage.classList.contains("console-group-title")) + currentMessage.parentNode.parentNode.classList.remove("collapsed"); + else { + var outlineTitle = currentMessage.querySelector("ol.outline-disclosure > li.parent"); + if (outlineTitle) { + outlineTitle.treeElement.onexpand = function() { + setTimeout(function () { + this._ensureMessageIsVisible(currentMessage); + this._clearFocusableChildren(); + delete outlineTitle.treeElement.onexpand; + }.bind(this)); + }.bind(this); + + if (event.altKey) + outlineTitle.treeElement.expandRecursively(); + else + outlineTitle.treeElement.expand(); + } else { + var outlineSection = currentMessage.querySelector(".console-formatted-object > .section"); + if (outlineSection) { + outlineSection._section.addEventListener(WebInspector.Section.Event.VisibleContentDidChange, this._propertiesSectionDidUpdateContent, this); + outlineSection._section.expand(); + } + } + } + }, + + _propertiesSectionDidUpdateContent: function(event) + { + var section = event.target; + section.removeEventListener(WebInspector.Section.Event.VisibleContentDidChange, this._propertiesSectionDidUpdateContent, this); + + var message = section.element.enclosingNodeOrSelfWithClass(WebInspector.LogContentView.ItemWrapperStyleClassName).messageElement; + if (!this._isMessageSelected(message)) + return; + + setTimeout(function () { + this._ensureMessageIsVisible(message); + this._clearFocusableChildren(); + }.bind(this)); + }, + + _previousMessage: function(message) + { + var messages = this._visibleMessages(); + for (var i = messages.indexOf(message) - 1; i >= 0; --i) { + if (this._isMessageVisible(messages[i])) + return messages[i]; + } + }, + + _nextMessage: function(message) + { + var messages = this._visibleMessages(); + for (var i = messages.indexOf(message) + 1; i < messages.length; ++i) { + if (this._isMessageVisible(messages[i])) + return messages[i]; + } + }, + + _clearFocusableChildren: function() + { + var focusableElements = this.messagesElement.querySelectorAll("[tabindex]"); + for (var i = 0, count = focusableElements.length; i < count; ++i) + focusableElements[i].removeAttribute("tabindex"); + }, + + _searchTextDidChange: function(event) + { + this._performSearch(); + }, + + _performSearch: function() + { + if (!isEmptyObject(this._searchHighlightDOMChanges)) + WebInspector.revertDomChanges(this._searchHighlightDOMChanges); + + var searchTerms = this._searchBar.text; + + if (searchTerms === "") { + delete this._selectedSearchMatch; + this._matchingSearchElements = []; + this.messagesElement.classList.remove(WebInspector.LogContentView.SearchInProgressStyleClassName); + return; + }; + + this.messagesElement.classList.add(WebInspector.LogContentView.SearchInProgressStyleClassName); + + this._searchHighlightDOMChanges = []; + this._searchMatches = []; + this._selectedSearchMathIsValid = false; + + var searchRegex = new RegExp(searchTerms.escapeForRegExp(), "gi"); + this._unfilteredMessages().forEach(function(message) { + var matchRanges = []; + var text = message.textContent; + var match = searchRegex.exec(text); + while (match) { + matchRanges.push({ offset: match.index, length: match[0].length }); + match = searchRegex.exec(text); + } + + if (!isEmptyObject(matchRanges)) + this._highlightRanges(message, matchRanges); + + var classList = message.parentNode.classList; + if (!isEmptyObject(matchRanges) || message.command instanceof WebInspector.ConsoleCommand || message.message instanceof WebInspector.ConsoleCommandResult) + classList.remove(WebInspector.LogContentView.FilteredOutBySearchStyleClassName); + else + classList.add(WebInspector.LogContentView.FilteredOutBySearchStyleClassName); + }, this); + + if (!this._selectedSearchMathIsValid && this._selectedSearchMatch) { + this._selectedSearchMatch.highlight.classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + delete this._selectedSearchMatch; + } + }, + + _highlightRanges: function(message, matchRanges) + { + var highlightedElements = WebInspector.highlightRangesWithStyleClass(message, matchRanges, WebInspector.LogContentView.HighlightedStyleClassName, this._searchHighlightDOMChanges); + + console.assert(highlightedElements.length === matchRanges.length); + + matchRanges.forEach(function (range, index) { + this._searchMatches.push({ + message: message, + range: range, + highlight: highlightedElements[index] + }); + + if (this._selectedSearchMatch && !this._selectedSearchMathIsValid && this._selectedSearchMatch.message === message) { + this._selectedSearchMathIsValid = this._rangesOverlap(this._selectedSearchMatch.range, range) + if (this._selectedSearchMathIsValid) { + delete this._selectedSearchMatch; + this._highlightSearchMatchAtIndex(this._searchMatches.length - 1); + } + } + }, this); + }, + + _rangesOverlap: function(range1, range2) + { + return range1.offset <= range2.offset + range2.length && range2.offset <= range1.offset + range1.length; + }, + + _highlightSearchMatchAtIndex: function(index) + { + if (index >= this._searchMatches.length) + index = 0; + else if (index < 0) + index = this._searchMatches.length - 1; + + if (this._selectedSearchMatch) + this._selectedSearchMatch.highlight.classList.remove(WebInspector.LogContentView.SelectedStyleClassName); + + this._selectedSearchMatch = this._searchMatches[index]; + this._selectedSearchMatch.highlight.classList.add(WebInspector.LogContentView.SelectedStyleClassName); + + this._ensureMessageIsVisible(this._selectedSearchMatch.message); + } +} + +WebInspector.LogContentView.prototype.__proto__ = WebInspector.ContentView.prototype; |