debug-server-next
Version:
Dev server for hippy-core.
1,008 lines • 69.4 kB
JavaScript
// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) 2009 Joseph Pecoraro
*
* 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.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE 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 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.
*/
/* eslint-disable rulesdir/no_underscored_properties */
import * as Common from '../../core/common/common.js';
import * as Host from '../../core/host/host.js';
import * as i18n from '../../core/i18n/i18n.js';
import * as Platform from '../../core/platform/platform.js';
import * as SDK from '../../core/sdk/sdk.js';
import * as Bindings from '../../models/bindings/bindings.js';
import * as IssuesManager from '../../models/issues_manager/issues_manager.js';
import * as Logs from '../../models/logs/logs.js';
import * as TextUtils from '../../models/text_utils/text_utils.js';
import * as IssueCounter from '../../ui/components/issue_counter/issue_counter.js';
// eslint-disable-next-line rulesdir/es_modules_import
import objectValueStyles from '../../ui/legacy/components/object_ui/objectValue.css.js';
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
import { ConsoleContextSelector } from './ConsoleContextSelector.js';
import consoleViewStyles from './consoleView.css.js';
import { ConsoleFilter, FilterType } from './ConsoleFilter.js';
import { ConsolePinPane } from './ConsolePinPane.js';
import { ConsolePrompt } from './ConsolePrompt.js';
import { ConsoleSidebar } from './ConsoleSidebar.js';
import { ConsoleCommand, ConsoleCommandResult, ConsoleGroupViewMessage, ConsoleTableMessageView, ConsoleViewMessage, getMessageForElement, MaxLengthForLinks } from './ConsoleViewMessage.js';
import { ConsoleViewport } from './ConsoleViewport.js';
const UIStrings = {
/**
*@description Label for button which links to Issues tab, specifying how many issues there are.
*/
issuesWithColon: '{n, plural, =0 {No Issues} =1 {# Issue:} other {# Issues:}}',
/**
*@description Text for the tooltip of the issue counter toolbar item
*/
issueToolbarTooltipGeneral: 'Some problems no longer generate console messages, but are surfaced in the issues tab.',
/**
* @description Text for the tooltip of the issue counter toolbar item. The placeholder indicates how many issues
* there are in the Issues tab broken down by kind.
* @example {1 page error, 2 breaking changes} issueEnumeration
*/
issueToolbarClickToView: 'Click to view {issueEnumeration}',
/**
* @description Text for the tooltip of the issue counter toolbar item. The placeholder indicates how many issues
* there are in the Issues tab broken down by kind.
*/
issueToolbarClickToGoToTheIssuesTab: 'Click to go to the issues tab',
/**
*@description Text in Console View of the Console panel
*/
findStringInLogs: 'Find string in logs',
/**
*@description Tooltip text that appears when hovering over the largeicon settings gear in show settings pane setting in console view of the console panel
*/
consoleSettings: 'Console settings',
/**
*@description Title of a setting under the Console category that can be invoked through the Command Menu
*/
groupSimilarMessagesInConsole: 'Group similar messages in console',
/**
* @description Tooltip for the the console sidebar toggle in the Console panel. Command to
* open/show the sidebar.
*/
showConsoleSidebar: 'Show console sidebar',
/**
* @description Tooltip for the the console sidebar toggle in the Console panel. Command to
* open/show the sidebar.
*/
hideConsoleSidebar: 'Hide console sidebar',
/**
*@description Tooltip text that appears on the setting to preserve log when hovering over the item
*/
doNotClearLogOnPageReload: 'Do not clear log on page reload / navigation',
/**
*@description Text to preserve the log after refreshing
*/
preserveLog: 'Preserve log',
/**
*@description Text in Console View of the Console panel
*/
hideNetwork: 'Hide network',
/**
*@description Tooltip text that appears on the setting when hovering over it in Console View of the Console panel
*/
onlyShowMessagesFromTheCurrentContext: 'Only show messages from the current context (`top`, `iframe`, `worker`, extension)',
/**
*@description Alternative title text of a setting in Console View of the Console panel
*/
selectedContextOnly: 'Selected context only',
/**
*@description Tooltip text that appears on the setting when hovering over it in Console View of the Console panel
*/
eagerlyEvaluateTextInThePrompt: 'Eagerly evaluate text in the prompt',
/**
* @description Text in Console View of the Console panel, indicating that a number of console
* messages have been hidden.
*/
sHidden: '{n, plural, =1 {# hidden} other {# hidden}}',
/**
*@description Alert message for screen readers when the console is cleared
*/
consoleCleared: 'Console cleared',
/**
*@description Text in Console View of the Console panel
*@example {index.js} PH1
*/
hideMessagesFromS: 'Hide messages from {PH1}',
/**
*@description Text to save content as a specific file type
*/
saveAs: 'Save as...',
/**
*@description A context menu item in the Console View of the Console panel
*/
copyVisibleStyledSelection: 'Copy visible styled selection',
/**
*@description Text to replay an XHR request
*/
replayXhr: 'Replay XHR',
/**
*@description Text to indicate DevTools is writing to a file
*/
writingFile: 'Writing file…',
/**
*@description Text to indicate the searching is in progress
*/
searching: 'Searching…',
/**
*@description Text to filter result items
*/
filter: 'Filter',
/**
*@description Text in Console View of the Console panel
*/
egEventdCdnUrlacom: 'e.g. `/event\d/ -cdn url:a.com`',
/**
*@description Sdk console message message level verbose of level Labels in Console View of the Console panel
*/
verbose: 'Verbose',
/**
*@description Sdk console message message level info of level Labels in Console View of the Console panel
*/
info: 'Info',
/**
*@description Sdk console message message level warning of level Labels in Console View of the Console panel
*/
warnings: 'Warnings',
/**
*@description Text for errors
*/
errors: 'Errors',
/**
*@description Text in Console View of the Console panel
*/
logLevels: 'Log levels',
/**
*@description Title text of a setting in Console View of the Console panel
*/
overriddenByFilterSidebar: 'Overridden by filter sidebar',
/**
*@description Text in Console View of the Console panel
*/
customLevels: 'Custom levels',
/**
*@description Text in Console View of the Console panel
*@example {Warnings} PH1
*/
sOnly: '{PH1} only',
/**
*@description Text in Console View of the Console panel
*/
allLevels: 'All levels',
/**
*@description Text in Console View of the Console panel
*/
defaultLevels: 'Default levels',
/**
*@description Text in Console View of the Console panel
*/
hideAll: 'Hide all',
/**
*@description Title of level menu button in console view of the console panel
*@example {All levels} PH1
*/
logLevelS: 'Log level: {PH1}',
/**
*@description A context menu item in the Console View of the Console panel
*/
default: 'Default',
/**
*@description Text summary to indicate total number of messages in console for accessibility/screen readers.
*@example {5} PH1
*/
filteredMessagesInConsole: '{PH1} messages in console',
};
const str_ = i18n.i18n.registerUIStrings('panels/console/ConsoleView.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
let consoleViewInstance;
export class ConsoleView extends UI.Widget.VBox {
_searchableView;
_sidebar;
_isSidebarOpen;
_filter;
_consoleToolbarContainer;
_splitWidget;
_contentsElement;
_visibleViewMessages;
_hiddenByFilterCount;
_shouldBeHiddenCache;
_lastShownHiddenByFilterCount;
_currentMatchRangeIndex;
_searchRegex;
_groupableMessages;
_groupableMessageTitle;
_shortcuts;
_regexMatchRanges;
_consoleContextSelector;
_filterStatusText;
_showSettingsPaneSetting;
_showSettingsPaneButton;
_progressToolbarItem;
_groupSimilarSetting;
_preserveLogCheckbox;
_hideNetworkMessagesCheckbox;
_timestampsSetting;
_consoleHistoryAutocompleteSetting;
_pinPane;
_viewport;
_messagesElement;
_messagesCountElement;
_viewportThrottler;
_pendingBatchResize;
_onMessageResizedBound;
_topGroup;
_currentGroup;
_promptElement;
_linkifier;
_consoleMessages;
_viewMessageSymbol;
_consoleHistorySetting;
_prompt;
_immediatelyFilterMessagesForTest;
_maybeDirtyWhileMuted;
_scheduledRefreshPromiseForTest;
_needsFullUpdate;
_buildHiddenCacheTimeout;
_searchShouldJumpBackwards;
_searchProgressIndicator;
_innerSearchTimeoutId;
_muteViewportUpdates;
_waitForScrollTimeout;
_issueCounter;
pendingSidebarMessages = [];
userHasOpenedSidebarAtLeastOnce = false;
issueToolbarThrottle;
requestResolver = new Logs.RequestResolver.RequestResolver();
issueResolver = new IssuesManager.IssueResolver.IssueResolver();
constructor() {
super();
this.setMinimumSize(0, 35);
this._searchableView = new UI.SearchableView.SearchableView(this, null);
this._searchableView.element.classList.add('console-searchable-view');
this._searchableView.setPlaceholder(i18nString(UIStrings.findStringInLogs));
this._searchableView.setMinimalSearchQuerySize(0);
this._sidebar = new ConsoleSidebar();
this._sidebar.addEventListener("FilterSelected" /* FilterSelected */, this._onFilterChanged.bind(this));
this._isSidebarOpen = false;
this._filter = new ConsoleViewFilter(this._onFilterChanged.bind(this));
this._consoleToolbarContainer = this.element.createChild('div', 'console-toolbar-container');
this._splitWidget = new UI.SplitWidget.SplitWidget(true /* isVertical */, false /* secondIsSidebar */, 'console.sidebar.width', 100);
this._splitWidget.setMainWidget(this._searchableView);
this._splitWidget.setSidebarWidget(this._sidebar);
this._splitWidget.show(this.element);
this._splitWidget.hideSidebar();
this._splitWidget.enableShowModeSaving();
this._isSidebarOpen = this._splitWidget.showMode() === UI.SplitWidget.ShowMode.Both;
this._filter.setLevelMenuOverridden(this._isSidebarOpen);
this._splitWidget.addEventListener(UI.SplitWidget.Events.ShowModeChanged, event => {
this._isSidebarOpen = event.data === UI.SplitWidget.ShowMode.Both;
if (this._isSidebarOpen) {
if (!this.userHasOpenedSidebarAtLeastOnce) {
/**
* We only want to know if the user opens the sidebar once, not how
* many times in a given session they might open and close it, hence
* the userHasOpenedSidebarAtLeastOnce variable to track this.
*/
Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConsoleSidebarOpened);
this.userHasOpenedSidebarAtLeastOnce = true;
}
// If the user has now opened the sidebar, we need to update it, so send
// through all the pending messages.
this.pendingSidebarMessages.forEach(message => {
this._sidebar.onMessageAdded(message);
});
this.pendingSidebarMessages = [];
}
this._filter.setLevelMenuOverridden(this._isSidebarOpen);
this._onFilterChanged();
});
this._contentsElement = this._searchableView.element;
this.element.classList.add('console-view');
this._visibleViewMessages = [];
this._hiddenByFilterCount = 0;
this._shouldBeHiddenCache = new Set();
this._groupableMessages = new Map();
this._groupableMessageTitle = new Map();
this._shortcuts = new Map();
this._regexMatchRanges = [];
this._consoleContextSelector = new ConsoleContextSelector();
this._filterStatusText = new UI.Toolbar.ToolbarText();
this._filterStatusText.element.classList.add('dimmed');
this._showSettingsPaneSetting =
Common.Settings.Settings.instance().createSetting('consoleShowSettingsToolbar', false);
this._showSettingsPaneButton = new UI.Toolbar.ToolbarSettingToggle(this._showSettingsPaneSetting, 'largeicon-settings-gear', i18nString(UIStrings.consoleSettings));
this._progressToolbarItem = new UI.Toolbar.ToolbarItem(document.createElement('div'));
this._groupSimilarSetting = Common.Settings.Settings.instance().moduleSetting('consoleGroupSimilar');
this._groupSimilarSetting.addChangeListener(() => this._updateMessageList());
const groupSimilarToggle = new UI.Toolbar.ToolbarSettingCheckbox(this._groupSimilarSetting, i18nString(UIStrings.groupSimilarMessagesInConsole));
const toolbar = new UI.Toolbar.Toolbar('console-main-toolbar', this._consoleToolbarContainer);
toolbar.makeWrappable(true);
const rightToolbar = new UI.Toolbar.Toolbar('', this._consoleToolbarContainer);
toolbar.appendToolbarItem(this._splitWidget.createShowHideSidebarButton(i18nString(UIStrings.showConsoleSidebar), i18nString(UIStrings.hideConsoleSidebar)));
toolbar.appendToolbarItem(UI.Toolbar.Toolbar.createActionButton(UI.ActionRegistry.ActionRegistry.instance().action('console.clear')));
toolbar.appendSeparator();
toolbar.appendToolbarItem(this._consoleContextSelector.toolbarItem());
toolbar.appendSeparator();
const liveExpressionButton = UI.Toolbar.Toolbar.createActionButton(UI.ActionRegistry.ActionRegistry.instance().action('console.create-pin'));
toolbar.appendToolbarItem(liveExpressionButton);
toolbar.appendSeparator();
toolbar.appendToolbarItem(this._filter._textFilterUI);
toolbar.appendToolbarItem(this._filter._levelMenuButton);
toolbar.appendToolbarItem(this._progressToolbarItem);
toolbar.appendSeparator();
this._issueCounter = new IssueCounter.IssueCounter.IssueCounter();
this._issueCounter.id = 'console-issues-counter';
const issuesToolbarItem = new UI.Toolbar.ToolbarItem(this._issueCounter);
this._issueCounter.data = {
clickHandler: () => {
Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.StatusBarIssuesCounter);
UI.ViewManager.ViewManager.instance().showView('issues-pane');
},
issuesManager: IssuesManager.IssuesManager.IssuesManager.instance(),
accessibleName: i18nString(UIStrings.issueToolbarTooltipGeneral),
displayMode: "OmitEmpty" /* OmitEmpty */,
};
toolbar.appendToolbarItem(issuesToolbarItem);
rightToolbar.appendSeparator();
rightToolbar.appendToolbarItem(this._filterStatusText);
rightToolbar.appendToolbarItem(this._showSettingsPaneButton);
this._preserveLogCheckbox = new UI.Toolbar.ToolbarSettingCheckbox(Common.Settings.Settings.instance().moduleSetting('preserveConsoleLog'), i18nString(UIStrings.doNotClearLogOnPageReload), i18nString(UIStrings.preserveLog));
this._hideNetworkMessagesCheckbox = new UI.Toolbar.ToolbarSettingCheckbox(this._filter._hideNetworkMessagesSetting, this._filter._hideNetworkMessagesSetting.title(), i18nString(UIStrings.hideNetwork));
const filterByExecutionContextCheckbox = new UI.Toolbar.ToolbarSettingCheckbox(this._filter._filterByExecutionContextSetting, i18nString(UIStrings.onlyShowMessagesFromTheCurrentContext), i18nString(UIStrings.selectedContextOnly));
const monitoringXHREnabledSetting = Common.Settings.Settings.instance().moduleSetting('monitoringXHREnabled');
this._timestampsSetting = Common.Settings.Settings.instance().moduleSetting('consoleTimestampsEnabled');
this._consoleHistoryAutocompleteSetting =
Common.Settings.Settings.instance().moduleSetting('consoleHistoryAutocomplete');
const settingsPane = new UI.Widget.HBox();
settingsPane.show(this._contentsElement);
settingsPane.element.classList.add('console-settings-pane');
UI.ARIAUtils.setAccessibleName(settingsPane.element, i18nString(UIStrings.consoleSettings));
UI.ARIAUtils.markAsGroup(settingsPane.element);
const settingsToolbarLeft = new UI.Toolbar.Toolbar('', settingsPane.element);
settingsToolbarLeft.makeVertical();
settingsToolbarLeft.appendToolbarItem(this._hideNetworkMessagesCheckbox);
settingsToolbarLeft.appendToolbarItem(this._preserveLogCheckbox);
settingsToolbarLeft.appendToolbarItem(filterByExecutionContextCheckbox);
settingsToolbarLeft.appendToolbarItem(groupSimilarToggle);
const settingsToolbarRight = new UI.Toolbar.Toolbar('', settingsPane.element);
settingsToolbarRight.makeVertical();
settingsToolbarRight.appendToolbarItem(new UI.Toolbar.ToolbarSettingCheckbox(monitoringXHREnabledSetting));
const eagerEvalCheckbox = new UI.Toolbar.ToolbarSettingCheckbox(Common.Settings.Settings.instance().moduleSetting('consoleEagerEval'), i18nString(UIStrings.eagerlyEvaluateTextInThePrompt));
settingsToolbarRight.appendToolbarItem(eagerEvalCheckbox);
settingsToolbarRight.appendToolbarItem(new UI.Toolbar.ToolbarSettingCheckbox(this._consoleHistoryAutocompleteSetting));
const userGestureCheckbox = new UI.Toolbar.ToolbarSettingCheckbox(Common.Settings.Settings.instance().moduleSetting('consoleUserActivationEval'));
settingsToolbarRight.appendToolbarItem(userGestureCheckbox);
if (!this._showSettingsPaneSetting.get()) {
settingsPane.element.classList.add('hidden');
}
this._showSettingsPaneSetting.addChangeListener(() => settingsPane.element.classList.toggle('hidden', !this._showSettingsPaneSetting.get()));
this._pinPane = new ConsolePinPane(liveExpressionButton);
this._pinPane.element.classList.add('console-view-pinpane');
this._pinPane.show(this._contentsElement);
this._pinPane.element.addEventListener('keydown', event => {
if ((event.key === 'Enter' &&
UI.KeyboardShortcut.KeyboardShortcut.eventHasCtrlEquivalentKey(event)) ||
event.keyCode === UI.KeyboardShortcut.Keys.Esc.code) {
this._prompt.focus();
event.consume();
}
});
this._viewport = new ConsoleViewport(this);
this._viewport.setStickToBottom(true);
this._viewport.contentElement().classList.add('console-group', 'console-group-messages');
this._contentsElement.appendChild(this._viewport.element);
this._messagesElement = this._viewport.element;
this._messagesElement.id = 'console-messages';
this._messagesElement.classList.add('monospace');
this._messagesElement.addEventListener('click', this._messagesClicked.bind(this), false);
this._messagesElement.addEventListener('paste', this._messagesPasted.bind(this), true);
this._messagesElement.addEventListener('clipboard-paste', this._messagesPasted.bind(this), true);
this._messagesCountElement = this._consoleToolbarContainer.createChild('div', 'message-count');
UI.ARIAUtils.markAsPoliteLiveRegion(this._messagesCountElement, false);
this._viewportThrottler = new Common.Throttler.Throttler(50);
this._pendingBatchResize = false;
this._onMessageResizedBound = (e) => {
this._onMessageResized(e);
};
this._topGroup = ConsoleGroup.createTopGroup();
this._currentGroup = this._topGroup;
this._promptElement = this._messagesElement.createChild('div', 'source-code');
this._promptElement.id = 'console-prompt';
// FIXME: This is a workaround for the selection machinery bug. See crbug.com/410899
const selectAllFixer = this._messagesElement.createChild('div', 'console-view-fix-select-all');
selectAllFixer.textContent = '.';
UI.ARIAUtils.markAsHidden(selectAllFixer);
this._registerShortcuts();
this._messagesElement.addEventListener('contextmenu', this._handleContextMenuEvent.bind(this), false);
// Filters need to be re-applied to a console message when the message's live location changes.
// All relevant live locations are created by the same linkifier, so it is enough to subscribe to
// the linkifiers live location change event.
const throttler = new Common.Throttler.Throttler(100);
const refilterMessages = () => throttler.schedule(async () => this._onFilterChanged());
this._linkifier =
new Components.Linkifier.Linkifier(MaxLengthForLinks, /* useLinkDecorator */ undefined, refilterMessages);
this._consoleMessages = [];
this._viewMessageSymbol = Symbol('viewMessage');
this._consoleHistorySetting = Common.Settings.Settings.instance().createLocalSetting('consoleHistory', []);
this._prompt = new ConsolePrompt();
this._prompt.show(this._promptElement);
this._prompt.element.addEventListener('keydown', this._promptKeyDown.bind(this), true);
this._prompt.addEventListener("TextChanged" /* TextChanged */, this._promptTextChanged, this);
this._messagesElement.addEventListener('keydown', this._messagesKeyDown.bind(this), false);
this._prompt.element.addEventListener('focusin', () => {
if (this._isScrolledToBottom()) {
this._viewport.setStickToBottom(true);
}
});
this._consoleHistoryAutocompleteSetting.addChangeListener(this._consoleHistoryAutocompleteChanged, this);
const historyData = this._consoleHistorySetting.get();
this._prompt.history().setHistoryData(historyData);
this._consoleHistoryAutocompleteChanged();
this._updateFilterStatus();
this._timestampsSetting.addChangeListener(this._consoleTimestampsSettingChanged, this);
this._registerWithMessageSink();
UI.Context.Context.instance().addFlavorChangeListener(SDK.RuntimeModel.ExecutionContext, this._executionContextChanged, this);
this._messagesElement.addEventListener('mousedown', (event) => this._updateStickToBottomOnPointerDown(event.button === 2), false);
this._messagesElement.addEventListener('mouseup', this._updateStickToBottomOnPointerUp.bind(this), false);
this._messagesElement.addEventListener('mouseleave', this._updateStickToBottomOnPointerUp.bind(this), false);
this._messagesElement.addEventListener('wheel', this._updateStickToBottomOnWheel.bind(this), false);
this._messagesElement.addEventListener('touchstart', this._updateStickToBottomOnPointerDown.bind(this, false), false);
this._messagesElement.addEventListener('touchend', this._updateStickToBottomOnPointerUp.bind(this), false);
this._messagesElement.addEventListener('touchcancel', this._updateStickToBottomOnPointerUp.bind(this), false);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.ConsoleCleared, this._consoleCleared, this);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.MessageAdded, this._onConsoleMessageAdded, this);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.MessageUpdated, this._onConsoleMessageUpdated, this);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.CommandEvaluated, this._commandEvaluated, this);
SDK.ConsoleModel.ConsoleModel.instance().messages().forEach(this._addConsoleMessage, this);
const issuesManager = IssuesManager.IssuesManager.IssuesManager.instance();
this.issueToolbarThrottle = new Common.Throttler.Throttler(100);
issuesManager.addEventListener("IssuesCountUpdated" /* IssuesCountUpdated */, () => this.issueToolbarThrottle.schedule(async () => this._updateIssuesToolbarItem()), this);
}
static instance() {
if (!consoleViewInstance) {
consoleViewInstance = new ConsoleView();
}
return consoleViewInstance;
}
static clearConsole() {
SDK.ConsoleModel.ConsoleModel.instance().requestClearMessages();
}
_onFilterChanged() {
this._filter._currentFilter.levelsMask =
this._isSidebarOpen ? ConsoleFilter.allLevelsFilterValue() : this._filter._messageLevelFiltersSetting.get();
this._cancelBuildHiddenCache();
if (this._immediatelyFilterMessagesForTest) {
for (const viewMessage of this._consoleMessages) {
this._computeShouldMessageBeVisible(viewMessage);
}
this._updateMessageList();
return;
}
this._buildHiddenCache(0, this._consoleMessages.slice());
}
_setImmediatelyFilterMessagesForTest() {
this._immediatelyFilterMessagesForTest = true;
}
searchableView() {
return this._searchableView;
}
_clearHistory() {
this._consoleHistorySetting.set([]);
this._prompt.history().setHistoryData([]);
}
_consoleHistoryAutocompleteChanged() {
this._prompt.setAddCompletionsFromHistory(this._consoleHistoryAutocompleteSetting.get());
}
itemCount() {
return this._visibleViewMessages.length;
}
itemElement(index) {
return this._visibleViewMessages[index];
}
fastHeight(index) {
return this._visibleViewMessages[index].fastHeight();
}
minimumRowHeight() {
return 16;
}
_registerWithMessageSink() {
Common.Console.Console.instance().messages().forEach(this._addSinkMessage, this);
Common.Console.Console.instance().addEventListener(Common.Console.Events.MessageAdded, messageAdded, this);
function messageAdded(event) {
this._addSinkMessage(event.data);
}
}
_addSinkMessage(message) {
let level = "verbose" /* Verbose */;
switch (message.level) {
case Common.Console.MessageLevel.Info:
level = "info" /* Info */;
break;
case Common.Console.MessageLevel.Error:
level = "error" /* Error */;
break;
case Common.Console.MessageLevel.Warning:
level = "warning" /* Warning */;
break;
}
const consoleMessage = new SDK.ConsoleModel.ConsoleMessage(null, "other" /* Other */, level, message.text, { type: SDK.ConsoleModel.FrontendMessageType.System, timestamp: message.timestamp });
this._addConsoleMessage(consoleMessage);
}
_consoleTimestampsSettingChanged() {
this._updateMessageList();
this._consoleMessages.forEach(viewMessage => viewMessage.updateTimestamp());
this._groupableMessageTitle.forEach(viewMessage => viewMessage.updateTimestamp());
}
_executionContextChanged() {
this._prompt.clearAutocomplete();
}
willHide() {
this._hidePromptSuggestBox();
}
wasShown() {
super.wasShown();
this._updateIssuesToolbarItem();
this._viewport.refresh();
this.registerCSSFiles([consoleViewStyles, objectValueStyles]);
}
focus() {
if (this._viewport.hasVirtualSelection()) {
this._viewport.contentElement().focus();
}
else {
this._focusPrompt();
}
}
_focusPrompt() {
if (!this._prompt.hasFocus()) {
const oldStickToBottom = this._viewport.stickToBottom();
const oldScrollTop = this._viewport.element.scrollTop;
this._prompt.focus();
this._viewport.setStickToBottom(oldStickToBottom);
this._viewport.element.scrollTop = oldScrollTop;
}
}
restoreScrollPositions() {
if (this._viewport.stickToBottom()) {
this._immediatelyScrollToBottom();
}
else {
super.restoreScrollPositions();
}
}
onResize() {
this._scheduleViewportRefresh();
this._hidePromptSuggestBox();
if (this._viewport.stickToBottom()) {
this._immediatelyScrollToBottom();
}
for (let i = 0; i < this._visibleViewMessages.length; ++i) {
this._visibleViewMessages[i].onResize();
}
}
_hidePromptSuggestBox() {
this._prompt.clearAutocomplete();
}
async _invalidateViewport() {
this._updateIssuesToolbarItem();
if (this._muteViewportUpdates) {
this._maybeDirtyWhileMuted = true;
return;
}
if (this._needsFullUpdate) {
this._updateMessageList();
delete this._needsFullUpdate;
}
else {
this._viewport.invalidate();
}
return;
}
_updateIssuesToolbarItem() {
const manager = IssuesManager.IssuesManager.IssuesManager.instance();
const issueEnumeration = IssueCounter.IssueCounter.getIssueCountsEnumeration(manager);
const issuesTitleGotoIssues = manager.numberOfIssues() === 0 ?
i18nString(UIStrings.issueToolbarClickToGoToTheIssuesTab) :
i18nString(UIStrings.issueToolbarClickToView, { issueEnumeration });
const issuesTitleGeneral = i18nString(UIStrings.issueToolbarTooltipGeneral);
const issuesTitle = `${issuesTitleGeneral} ${issuesTitleGotoIssues}`;
UI.Tooltip.Tooltip.install(this._issueCounter, issuesTitle);
this._issueCounter.data = {
...this._issueCounter.data,
leadingText: i18nString(UIStrings.issuesWithColon, { n: manager.numberOfIssues() }),
accessibleName: issuesTitle,
};
}
_scheduleViewportRefresh() {
if (this._muteViewportUpdates) {
this._maybeDirtyWhileMuted = true;
this._scheduleViewportRefreshForTest(true);
return;
}
this._scheduleViewportRefreshForTest(false);
this._scheduledRefreshPromiseForTest = this._viewportThrottler.schedule(this._invalidateViewport.bind(this));
}
_scheduleViewportRefreshForTest(_muted) {
// This functions is sniffed in tests.
}
_immediatelyScrollToBottom() {
// This will scroll viewport and trigger its refresh.
this._viewport.setStickToBottom(true);
this._promptElement.scrollIntoView(true);
}
_updateFilterStatus() {
if (this._hiddenByFilterCount === this._lastShownHiddenByFilterCount) {
return;
}
this._filterStatusText.setText(i18nString(UIStrings.sHidden, { n: this._hiddenByFilterCount }));
this._filterStatusText.setVisible(Boolean(this._hiddenByFilterCount));
this._lastShownHiddenByFilterCount = this._hiddenByFilterCount;
}
_onConsoleMessageAdded(event) {
const message = event.data;
this._addConsoleMessage(message);
}
_addConsoleMessage(message) {
const viewMessage = this._createViewMessage(message);
consoleMessageToViewMessage.set(message, viewMessage);
if (message.type === SDK.ConsoleModel.FrontendMessageType.Command ||
message.type === SDK.ConsoleModel.FrontendMessageType.Result) {
const lastMessage = this._consoleMessages[this._consoleMessages.length - 1];
const newTimestamp = lastMessage && messagesSortedBySymbol.get(lastMessage) || 0;
messagesSortedBySymbol.set(viewMessage, newTimestamp);
}
else {
messagesSortedBySymbol.set(viewMessage, viewMessage.consoleMessage().timestamp);
}
let insertAt;
if (!this._consoleMessages.length ||
timeComparator(viewMessage, this._consoleMessages[this._consoleMessages.length - 1]) > 0) {
insertAt = this._consoleMessages.length;
}
else {
insertAt = Platform.ArrayUtilities.upperBound(this._consoleMessages, viewMessage, timeComparator);
}
const insertedInMiddle = insertAt < this._consoleMessages.length;
this._consoleMessages.splice(insertAt, 0, viewMessage);
this._filter.onMessageAdded(message);
if (this._isSidebarOpen) {
this._sidebar.onMessageAdded(viewMessage);
}
else {
this.pendingSidebarMessages.push(viewMessage);
}
// If we already have similar messages, go slow path.
let shouldGoIntoGroup = false;
const shouldGroupSimilar = this._groupSimilarSetting.get();
if (message.isGroupable()) {
const groupKey = viewMessage.groupKey();
shouldGoIntoGroup = shouldGroupSimilar && this._groupableMessages.has(groupKey);
let list = this._groupableMessages.get(groupKey);
if (!list) {
list = [];
this._groupableMessages.set(groupKey, list);
}
list.push(viewMessage);
}
this._computeShouldMessageBeVisible(viewMessage);
if (!shouldGoIntoGroup && !insertedInMiddle) {
this._appendMessageToEnd(viewMessage, !shouldGroupSimilar /* crbug.com/1082963: prevent collapse of same messages when "Group similar" is false */);
this._updateFilterStatus();
this._searchableView.updateSearchMatchesCount(this._regexMatchRanges.length);
}
else {
this._needsFullUpdate = true;
}
this._scheduleViewportRefresh();
this._consoleMessageAddedForTest(viewMessage);
function timeComparator(viewMessage1, viewMessage2) {
return (messagesSortedBySymbol.get(viewMessage1) || 0) - (messagesSortedBySymbol.get(viewMessage2) || 0);
}
}
_onConsoleMessageUpdated(event) {
const message = event.data;
const viewMessage = consoleMessageToViewMessage.get(message);
if (viewMessage) {
viewMessage.updateMessageElement();
this._computeShouldMessageBeVisible(viewMessage);
this._updateMessageList();
}
}
_consoleMessageAddedForTest(_viewMessage) {
}
_shouldMessageBeVisible(viewMessage) {
return !this._shouldBeHiddenCache.has(viewMessage);
}
_computeShouldMessageBeVisible(viewMessage) {
if (this._filter.shouldBeVisible(viewMessage) &&
(!this._isSidebarOpen || this._sidebar.shouldBeVisible(viewMessage))) {
this._shouldBeHiddenCache.delete(viewMessage);
}
else {
this._shouldBeHiddenCache.add(viewMessage);
}
}
_appendMessageToEnd(viewMessage, preventCollapse) {
if (!this._shouldMessageBeVisible(viewMessage)) {
this._hiddenByFilterCount++;
return;
}
if (!preventCollapse &&
this._tryToCollapseMessages(viewMessage, this._visibleViewMessages[this._visibleViewMessages.length - 1])) {
return;
}
const lastMessage = this._visibleViewMessages[this._visibleViewMessages.length - 1];
if (viewMessage.consoleMessage().type === "endGroup" /* EndGroup */) {
if (lastMessage && !this._currentGroup.messagesHidden()) {
lastMessage.incrementCloseGroupDecorationCount();
}
this._currentGroup = this._currentGroup.parentGroup() || this._currentGroup;
return;
}
if (!this._currentGroup.messagesHidden()) {
const originatingMessage = viewMessage.consoleMessage().originatingMessage();
if (lastMessage && originatingMessage && lastMessage.consoleMessage() === originatingMessage) {
viewMessage.toMessageElement().classList.add('console-adjacent-user-command-result');
}
this._visibleViewMessages.push(viewMessage);
this._searchMessage(this._visibleViewMessages.length - 1);
}
if (viewMessage.consoleMessage().isGroupStartMessage()) {
this._currentGroup = new ConsoleGroup(this._currentGroup, viewMessage);
}
this._messageAppendedForTests();
}
_messageAppendedForTests() {
// This method is sniffed in tests.
}
_createViewMessage(message) {
const nestingLevel = this._currentGroup.nestingLevel();
switch (message.type) {
case SDK.ConsoleModel.FrontendMessageType.Command:
return new ConsoleCommand(message, this._linkifier, this.requestResolver, this.issueResolver, nestingLevel, this._onMessageResizedBound);
case SDK.ConsoleModel.FrontendMessageType.Result:
return new ConsoleCommandResult(message, this._linkifier, this.requestResolver, this.issueResolver, nestingLevel, this._onMessageResizedBound);
case "startGroupCollapsed" /* StartGroupCollapsed */:
case "startGroup" /* StartGroup */:
return new ConsoleGroupViewMessage(message, this._linkifier, this.requestResolver, this.issueResolver, nestingLevel, this._updateMessageList.bind(this), this._onMessageResizedBound);
case "table" /* Table */:
return new ConsoleTableMessageView(message, this._linkifier, this.requestResolver, this.issueResolver, nestingLevel, this._onMessageResizedBound);
default:
return new ConsoleViewMessage(message, this._linkifier, this.requestResolver, this.issueResolver, nestingLevel, this._onMessageResizedBound);
}
}
async _onMessageResized(event) {
const treeElement = event.data;
if (this._pendingBatchResize || !treeElement.treeOutline) {
return;
}
this._pendingBatchResize = true;
await Promise.resolve();
const treeOutlineElement = treeElement.treeOutline.element;
this._viewport.setStickToBottom(this._isScrolledToBottom());
// Scroll, in case mutations moved the element below the visible area.
if (treeOutlineElement.offsetHeight <= this._messagesElement.offsetHeight) {
treeOutlineElement.scrollIntoViewIfNeeded();
}
this._pendingBatchResize = false;
}
_consoleCleared() {
const hadFocus = this._viewport.element.hasFocus();
this._cancelBuildHiddenCache();
this._currentMatchRangeIndex = -1;
this._consoleMessages = [];
this._groupableMessages.clear();
this._groupableMessageTitle.clear();
this._sidebar.clear();
this._updateMessageList();
this._hidePromptSuggestBox();
this._viewport.setStickToBottom(true);
this._linkifier.reset();
this._filter.clear();
this.requestResolver.clear();
if (hadFocus) {
this._prompt.focus();
}
UI.ARIAUtils.alert(i18nString(UIStrings.consoleCleared));
}
_handleContextMenuEvent(event) {
const contextMenu = new UI.ContextMenu.ContextMenu(event);
const eventTarget = event.target;
if (eventTarget.isSelfOrDescendant(this._promptElement)) {
contextMenu.show();
return;
}
const sourceElement = eventTarget.enclosingNodeOrSelfWithClass('console-message-wrapper');
const consoleViewMessage = sourceElement && getMessageForElement(sourceElement);
const consoleMessage = consoleViewMessage ? consoleViewMessage.consoleMessage() : null;
if (consoleMessage && consoleMessage.url) {
const menuTitle = i18nString(UIStrings.hideMessagesFromS, { PH1: new Common.ParsedURL.ParsedURL(consoleMessage.url).displayName });
contextMenu.headerSection().appendItem(menuTitle, this._filter.addMessageURLFilter.bind(this._filter, consoleMessage.url));
}
contextMenu.defaultSection().appendAction('console.clear');
contextMenu.defaultSection().appendAction('console.clear.history');
contextMenu.saveSection().appendItem(i18nString(UIStrings.saveAs), this._saveConsole.bind(this));
if (this.element.hasSelection()) {
contextMenu.clipboardSection().appendItem(i18nString(UIStrings.copyVisibleStyledSelection), this._viewport.copyWithStyles.bind(this._viewport));
}
if (consoleMessage) {
const request = Logs.NetworkLog.NetworkLog.requestForConsoleMessage(consoleMessage);
if (request && SDK.NetworkManager.NetworkManager.canReplayRequest(request)) {
contextMenu.debugSection().appendItem(i18nString(UIStrings.replayXhr), SDK.NetworkManager.NetworkManager.replayRequest.bind(null, request));
}
}
contextMenu.show();
}
async _saveConsole() {
const url = SDK.TargetManager.TargetManager.instance().mainTarget().inspectedURL();
const parsedURL = Common.ParsedURL.ParsedURL.fromString(url);
const filename = Platform.StringUtilities.sprintf('%s-%d.log', parsedURL ? parsedURL.host : 'console', Date.now());
const stream = new Bindings.FileUtils.FileOutputStream();
const progressIndicator = new UI.ProgressIndicator.ProgressIndicator();
progressIndicator.setTitle(i18nString(UIStrings.writingFile));
progressIndicator.setTotalWork(this.itemCount());
const chunkSize = 350;
if (!await stream.open(filename)) {
return;
}
this._progressToolbarItem.element.appendChild(progressIndicator.element);
let messageIndex = 0;
while (messageIndex < this.itemCount() && !progressIndicator.isCanceled()) {
const messageContents = [];
let i;
for (i = 0; i < chunkSize && i + messageIndex < this.itemCount(); ++i) {
const message = this.itemElement(messageIndex + i);
messageContents.push(message.toExportString());
}
messageIndex += i;
await stream.write(messageContents.join('\n') + '\n');
progressIndicator.setWorked(messageIndex);
}
stream.close();
progressIndicator.done();
}
_tryToCollapseMessages(viewMessage, lastMessage) {
const timestampsShown = this._timestampsSetting.get();
if (!timestampsShown && lastMessage && !viewMessage.consoleMessage().isGroupMessage() &&
viewMessage.consoleMessage().type !== SDK.ConsoleModel.FrontendMessageType.Command &&
viewMessage.consoleMessage().type !== SDK.ConsoleModel.FrontendMessageType.Result &&
viewMessage.consoleMessage().isEqual(lastMessage.consoleMessage())) {
lastMessage.incrementRepeatCount();
if (viewMessage.isLastInSimilarGroup()) {
lastMessage.setInSimilarGroup(true, true);
}
return true;
}
return false;
}
_buildHiddenCache(startIndex, viewMessages) {
const startTime = Date.now();
let i;
for (i = startIndex; i < viewMessages.length; ++i) {
this._computeShouldMessageBeVisible(viewMessages[i]);
if (i % 10 === 0 && Date.now() - startTime > 12) {
break;
}
}
if (i === viewMessages.length) {
this._updateMessageList();
return;
}
this._buildHiddenCacheTimeout =
this.element.window().requestAnimationFrame(this._buildHiddenCache.bind(this, i, viewMessages));
}
_cancelBuildHiddenCache() {
this._shouldBeHiddenCache.clear();
if (this._buildHiddenCacheTimeout) {
this.element.window().cancelAnimationFrame(this._buildHiddenCacheTimeout);
delete this._buildHiddenCacheTimeout;
}
}
_updateMessageList() {
this._topGroup = ConsoleGroup.createTopGroup();
this._currentGroup = this._topGroup;
this._regexMatchRanges = [];
this._hiddenByFilterCount = 0;
for (const visibleViewMessage of this._visibleViewMessages) {
visibleViewMessage.resetCloseGroupDecorationCount();
visibleViewMessage.resetIncrementRepeatCount();
}
this._visibleViewMessages = [];
if (this._groupSimilarSetting.get()) {
this._addGroupableMessagesToEnd();
}
else {
for (const consoleMessage of this._consoleMessages) {
consoleMessage.setInSimilarGroup(false);
this._appendMessageToEnd(consoleMessage, true /* crbug.com/1082963: prevent collapse of same messages when "Group similar" is false */);
}
}
this._updateFilterStatus();
this._searchableView.updateSearchMatchesCount(this._regexMatchRanges.length);
this._viewport.invalidate();
this._messagesCountElement.textContent =
i18nString(UIStrings.filteredMessagesInConsole, { PH1: this._visibleViewMessages.length });
}
_addGroupableMessagesToEnd() {
const alreadyAdded = new Set();
const processedGroupKeys = new Set();
for (const viewMessage of this._consoleMessages) {
const message = viewMessage.consoleMessage();
if (alreadyAdded.has(message)) {
continue;
}
if (!message.isGroupable()) {
this._appendMessageToEnd(viewMessage);
alreadyAdded.add(message);
continue;
}
const key = viewMessage.groupKey();
const viewMessagesInGroup = this._groupableMessages.get(key);
if (!viewMessagesInGroup || viewMessagesInGroup.length < 5) {
viewMessage.setInSimilarGroup(false);
this._appendMessageToEnd(viewMessage);
alreadyAdded.add(message);
continue;
}
if (processedGroupKeys.has(key)) {
continue;
}
if (!viewMessagesInGroup.find(x => this._shouldMessageBeVisible(x))) {
// Optimize for speed.
// TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration)
// @ts-expect-error
Platform.SetUtilities.addAll(alreadyAdded, viewMessagesInGroup);
processedGroupKeys.add(key);
continue;
}
// Create artificial group start and end messages.
let startGroupViewMessage = this._groupableMessageTitle.get(key);
if (!startGroupViewMessage) {
const startGroupMessage = new SDK.ConsoleModel.ConsoleMessage(null, message.source, message.level, viewMessage.groupTitle(), { type: "startGroupCollapsed" /* StartGroupCollapsed */ });
startGroupViewMessage = this._createViewMessage(startGroupMessage);
this._groupableMessageTitle.set(key, startGroupViewMessage);
}
startGroupViewMessage.setRepeatCount(viewMessagesInGroup.length);
this._appendMessageToEnd(startGroupViewMessage);
for (const viewMessageInGroup of viewMessagesInGroup) {
viewMessageInGroup.setInSimilarGroup(true, viewMessagesInGroup[viewMessagesInGroup.length - 1] === viewMessageInGroup);
this._appendMessageToEnd(viewMessageInGroup, true);
alreadyAdded.add(viewMessageInGroup.consoleMessage());
}
const endGroupMessage = new SDK.ConsoleModel.ConsoleMessage(null, message.source, message.level, message.messageText, { type: "endGroup" /* EndGroup */ });
this._appendMessageToEnd(this._createViewMessage(endGroupMessage));
}
}
_messagesClicked(event) {
const target = event.target;
// Do not focus prompt if messages have selection.
if (!this._messagesElement.hasSelection()) {
const clickedOutsideMessageList = target === t