debug-server-next
Version:
Dev server for hippy-core.
140 lines (139 loc) • 7.17 kB
JavaScript
// Copyright 2017 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.
/* 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 SDK from '../../core/sdk/sdk.js';
import * as IssuesManager from '../../models/issues_manager/issues_manager.js';
import * as IconButton from '../../ui/components/icon_button/icon_button.js';
import * as IssueCounter from '../../ui/components/issue_counter/issue_counter.js';
import * as UI from '../../ui/legacy/legacy.js';
const UIStrings = {
/**
*@description The console error count in the Warning Error Counter shown in the main toolbar (top-left in DevTools). The error count refers to the number of errors currently present in the JavaScript console.
*/
sErrors: '{n, plural, =1 {# error} other {# errors}}',
/**
*@description The console warning count in the Warning Error Counter shown in the main toolbar (top-left in DevTools). The warning count refers to the number of warnings currently present in the JavaScript console.
*/
sWarnings: '{n, plural, =1 {# warning} other {# warnings}}',
/**
*@description Tooltip shown for a main toolbar button that opens the Console panel
*@example {2 errors, 1 warning} PH1
*/
openConsoleToViewS: 'Open Console to view {PH1}',
/**
*@description Title for the issues count in the Issues Error Counter shown in the main toolbar (top-left in DevTools). The issues count refers to the number of issues in the issues tab.
*/
openIssuesToView: '{n, plural, =1 {Open Issues to view # issue:} other {Open Issues to view # issues:}}',
};
const str_ = i18n.i18n.registerUIStrings('panels/console_counters/WarningErrorCounter.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
let warningErrorCounterInstance;
export class WarningErrorCounter {
_toolbarItem;
_consoleCounter;
_issueCounter;
_throttler;
_updatingForTest;
constructor() {
WarningErrorCounter._instanceForTest = this;
const countersWrapper = document.createElement('div');
this._toolbarItem = new UI.Toolbar.ToolbarItem(countersWrapper);
this._toolbarItem.setVisible(false);
this._consoleCounter = new IconButton.IconButton.IconButton();
countersWrapper.appendChild(this._consoleCounter);
this._consoleCounter.data = {
clickHandler: Common.Console.Console.instance().show.bind(Common.Console.Console.instance()),
groups: [{ iconName: 'error_icon' }, { iconName: 'warning_icon' }],
};
const issuesManager = IssuesManager.IssuesManager.IssuesManager.instance();
this._issueCounter = new IssueCounter.IssueCounter.IssueCounter();
countersWrapper.appendChild(this._issueCounter);
this._issueCounter.data = {
clickHandler: () => {
Host.userMetrics.issuesPanelOpenedFrom(Host.UserMetrics.IssueOpener.StatusBarIssuesCounter);
UI.ViewManager.ViewManager.instance().showView('issues-pane');
},
issuesManager,
displayMode: "OnlyMostImportant" /* OnlyMostImportant */,
};
this._throttler = new Common.Throttler.Throttler(100);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.ConsoleCleared, this._update, this);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.MessageAdded, this._update, this);
SDK.ConsoleModel.ConsoleModel.instance().addEventListener(SDK.ConsoleModel.Events.MessageUpdated, this._update, this);
issuesManager.addEventListener("IssuesCountUpdated" /* IssuesCountUpdated */, this._update, this);
this._update();
}
static instance(opts = { forceNew: null }) {
const { forceNew } = opts;
if (!warningErrorCounterInstance || forceNew) {
warningErrorCounterInstance = new WarningErrorCounter();
}
return warningErrorCounterInstance;
}
_updatedForTest() {
// Sniffed in tests.
}
_update() {
this._updatingForTest = true;
this._throttler.schedule(this._updateThrottled.bind(this));
}
get titlesForTesting() {
const button = this._consoleCounter.shadowRoot?.querySelector('button');
return button ? button.getAttribute('aria-label') : null;
}
async _updateThrottled() {
const errors = SDK.ConsoleModel.ConsoleModel.instance().errors();
const warnings = SDK.ConsoleModel.ConsoleModel.instance().warnings();
const issuesManager = IssuesManager.IssuesManager.IssuesManager.instance();
const issues = issuesManager.numberOfIssues();
const countToText = (c) => c === 0 ? undefined : `${c}`;
/* Update consoleCounter items. */
const errorCountTitle = i18nString(UIStrings.sErrors, { n: errors });
const warningCountTitle = i18nString(UIStrings.sWarnings, { n: warnings });
const newConsoleTexts = [countToText(errors), countToText(warnings)];
let consoleSummary = '';
if (errors && warnings) {
consoleSummary = `${errorCountTitle}, ${warningCountTitle}`;
}
else if (errors) {
consoleSummary = errorCountTitle;
}
else if (warnings) {
consoleSummary = warningCountTitle;
}
const consoleTitle = i18nString(UIStrings.openConsoleToViewS, { PH1: consoleSummary });
const previousData = this._consoleCounter.data;
this._consoleCounter.data = {
...previousData,
groups: previousData.groups.map((g, i) => ({ ...g, text: newConsoleTexts[i] })),
accessibleName: consoleTitle,
};
// TODO(chromium:1167711): Let the component handle the title and ARIA label.
UI.Tooltip.Tooltip.install(this._consoleCounter, consoleTitle);
this._consoleCounter.classList.toggle('hidden', !(errors || warnings));
/* Update issuesCounter items. */
const issueEnumeration = IssueCounter.IssueCounter.getIssueCountsEnumeration(issuesManager);
const issuesTitleLead = i18nString(UIStrings.openIssuesToView, { n: issues });
const issuesTitle = `${issuesTitleLead} ${issueEnumeration}`;
// TODO(chromium:1167711): Let the component handle the title and ARIA label.
UI.Tooltip.Tooltip.install(this._issueCounter, issuesTitle);
this._issueCounter.data = {
...this._issueCounter.data,
accessibleName: issuesTitle,
};
this._issueCounter.classList.toggle('hidden', !issues);
this._toolbarItem.setVisible(Boolean(errors || warnings || issues));
UI.InspectorView.InspectorView.instance().toolbarItemResized();
this._updatingForTest = false;
this._updatedForTest();
return;
}
item() {
return this._toolbarItem;
}
static _instanceForTest = null;
}