@dcloudio/uni-debugger
Version:
uni-app debugger
240 lines (218 loc) • 8.8 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.
Console.ConsoleSidebar = class extends UI.VBox {
/**
* @param {!ProductRegistry.BadgePool} badgePool
*/
constructor(badgePool) {
super(true);
this.setMinimumSize(125, 0);
this._tree = new UI.TreeOutlineInShadow();
this._tree.registerRequiredCSS('console/consoleSidebar.css');
this._tree.addEventListener(UI.TreeOutline.Events.ElementSelected, this._selectionChanged.bind(this));
this.contentElement.appendChild(this._tree.element);
/** @type {?UI.TreeElement} */
this._selectedTreeElement = null;
/** @type {!Array<!Console.ConsoleSidebar.FilterTreeElement>} */
this._treeElements = [];
const selectedFilterSetting = Common.settings.createSetting('console.sidebarSelectedFilter', null);
const Levels = SDK.ConsoleMessage.MessageLevel;
const consoleAPIParsedFilters = [{
key: Console.ConsoleFilter.FilterType.Source,
text: SDK.ConsoleMessage.MessageSource.ConsoleAPI,
negative: false
}];
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.All, [], Console.ConsoleFilter.allLevelsFilterValue(),
UI.Icon.create('mediumicon-list'), badgePool, selectedFilterSetting);
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.ConsoleAPI, consoleAPIParsedFilters,
Console.ConsoleFilter.allLevelsFilterValue(), UI.Icon.create('mediumicon-account-circle'), badgePool,
selectedFilterSetting);
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.Error, [], Console.ConsoleFilter.singleLevelMask(Levels.Error),
UI.Icon.create('mediumicon-error-circle'), badgePool, selectedFilterSetting);
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.Warning, [], Console.ConsoleFilter.singleLevelMask(Levels.Warning),
UI.Icon.create('mediumicon-warning-triangle'), badgePool, selectedFilterSetting);
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.Info, [], Console.ConsoleFilter.singleLevelMask(Levels.Info),
UI.Icon.create('mediumicon-info-circle'), badgePool, selectedFilterSetting);
this._appendGroup(
Console.ConsoleSidebar._groupSingularName.Verbose, [], Console.ConsoleFilter.singleLevelMask(Levels.Verbose),
UI.Icon.create('mediumicon-bug'), badgePool, selectedFilterSetting);
const selectedTreeElementName = selectedFilterSetting.get();
const defaultTreeElement =
this._treeElements.find(x => x.name() === selectedTreeElementName) || this._treeElements[0];
defaultTreeElement.select();
}
/**
* @param {string} name
* @param {!Array<!TextUtils.FilterParser.ParsedFilter>} parsedFilters
* @param {!Object<string, boolean>} levelsMask
* @param {!Element} icon
* @param {!ProductRegistry.BadgePool} badgePool
* @param {!Common.Setting} selectedFilterSetting
*/
_appendGroup(name, parsedFilters, levelsMask, icon, badgePool, selectedFilterSetting) {
const filter = new Console.ConsoleFilter(name, parsedFilters, null, levelsMask);
const treeElement = new Console.ConsoleSidebar.FilterTreeElement(filter, icon, badgePool, selectedFilterSetting);
this._tree.appendChild(treeElement);
this._treeElements.push(treeElement);
}
clear() {
for (const treeElement of this._treeElements)
treeElement.clear();
}
/**
* @param {!Console.ConsoleViewMessage} viewMessage
*/
onMessageAdded(viewMessage) {
for (const treeElement of this._treeElements)
treeElement.onMessageAdded(viewMessage);
}
/**
* @param {!Console.ConsoleViewMessage} viewMessage
* @return {boolean}
*/
shouldBeVisible(viewMessage) {
if (!this._selectedTreeElement)
return true;
return this._selectedTreeElement._filter.shouldBeVisible(viewMessage);
}
/**
* @param {!Common.Event} event
*/
_selectionChanged(event) {
this._selectedTreeElement = /** @type {!UI.TreeElement} */ (event.data);
this.dispatchEventToListeners(Console.ConsoleSidebar.Events.FilterSelected);
}
};
/** @enum {symbol} */
Console.ConsoleSidebar.Events = {
FilterSelected: Symbol('FilterSelected')
};
Console.ConsoleSidebar.URLGroupTreeElement = class extends UI.TreeElement {
/**
* @param {!Console.ConsoleFilter} filter
* @param {?Element} badge
*/
constructor(filter, badge) {
super(filter.name);
this._filter = filter;
this._countElement = this.listItemElement.createChild('span', 'count');
const leadingIcons = [UI.Icon.create('largeicon-navigator-file')];
if (badge)
leadingIcons.push(badge);
this.setLeadingIcons(leadingIcons);
this._messageCount = 0;
}
incrementAndUpdateCounter() {
this._messageCount++;
this._countElement.textContent = this._messageCount;
}
};
Console.ConsoleSidebar.FilterTreeElement = class extends UI.TreeElement {
/**
* @param {!Console.ConsoleFilter} filter
* @param {!Element} icon
* @param {!ProductRegistry.BadgePool} badgePool
* @param {!Common.Setting} selectedFilterSetting
*/
constructor(filter, icon, badgePool, selectedFilterSetting) {
super(filter.name);
this._filter = filter;
this._badgePool = badgePool;
this._selectedFilterSetting = selectedFilterSetting;
/** @type {!Map<?string, !Console.ConsoleSidebar.URLGroupTreeElement>} */
this._urlTreeElements = new Map();
this.setLeadingIcons([icon]);
this._messageCount = 0;
this._updateCounter();
}
clear() {
this._urlTreeElements.clear();
this.removeChildren();
this._messageCount = 0;
this._updateCounter();
}
/**
* @return {string}
*/
name() {
return this._filter.name;
}
/**
* @param {boolean=} selectedByUser
* @return {boolean}
* @override
*/
onselect(selectedByUser) {
this._selectedFilterSetting.set(this._filter.name);
return super.onselect(selectedByUser);
}
_updateCounter() {
const prefix = this._messageCount ? this._messageCount : Common.UIString('No');
const pluralizedName = this._messageCount === 1 ? this._filter.name :
Console.ConsoleSidebar._groupPluralNameMap.get(this._filter.name);
this.title = `${prefix} ${pluralizedName}`;
this.setExpandable(!!this.childCount());
}
/**
* @param {!Console.ConsoleViewMessage} viewMessage
*/
onMessageAdded(viewMessage) {
const message = viewMessage.consoleMessage();
const shouldIncrementCounter = message.type !== SDK.ConsoleMessage.MessageType.Command &&
message.type !== SDK.ConsoleMessage.MessageType.Result && !message.isGroupMessage();
if (!this._filter.shouldBeVisible(viewMessage) || !shouldIncrementCounter)
return;
const child = this._childElement(message.url);
child.incrementAndUpdateCounter();
this._messageCount++;
this._updateCounter();
}
/**
* @param {string=} url
* @return {!Console.ConsoleSidebar.URLGroupTreeElement}
*/
_childElement(url) {
const urlValue = url || null;
let child = this._urlTreeElements.get(urlValue);
if (child)
return child;
const filter = this._filter.clone();
const parsedURL = urlValue ? urlValue.asParsedURL() : null;
if (urlValue)
filter.name = parsedURL ? parsedURL.displayName : urlValue;
else
filter.name = Common.UIString('<other>');
filter.parsedFilters.push({key: Console.ConsoleFilter.FilterType.Url, text: urlValue, negative: false});
const badge = parsedURL ? this._badgePool.badgeForURL(parsedURL) : null;
child = new Console.ConsoleSidebar.URLGroupTreeElement(filter, badge);
if (urlValue)
child.tooltip = urlValue;
this._urlTreeElements.set(urlValue, child);
this.appendChild(child);
return child;
}
};
/** @enum {string} */
Console.ConsoleSidebar._groupSingularName = {
ConsoleAPI: Common.UIString('user message'),
All: Common.UIString('message'),
Error: Common.UIString('error'),
Warning: Common.UIString('warning'),
Info: Common.UIString('info'),
Verbose: Common.UIString('verbose')
};
/** @const {!Map<string, string>} */
Console.ConsoleSidebar._groupPluralNameMap = new Map([
[Console.ConsoleSidebar._groupSingularName.ConsoleAPI, Common.UIString('user messages')],
[Console.ConsoleSidebar._groupSingularName.All, Common.UIString('messages')],
[Console.ConsoleSidebar._groupSingularName.Error, Common.UIString('errors')],
[Console.ConsoleSidebar._groupSingularName.Warning, Common.UIString('warnings')],
[Console.ConsoleSidebar._groupSingularName.Info, Common.UIString('info')],
[Console.ConsoleSidebar._groupSingularName.Verbose, Common.UIString('verbose')]
]);