debug-server-next
Version:
Dev server for hippy-core.
136 lines (135 loc) • 6.06 kB
JavaScript
// Copyright 2019 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 i18n from '../../core/i18n/i18n.js';
import * as SDK from '../../core/sdk/sdk.js';
import * as Logs from '../../models/logs/logs.js';
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
const UIStrings = {
/**
*@description Text in Request Initiator View of the Network panel
*/
thisRequestHasNoInitiatorData: 'This request has no initiator data.',
/**
*@description Title of a section in Request Initiator view of the Network Panel
*/
requestCallStack: 'Request call stack',
/**
*@description Title of a section in Request Initiator view of the Network Panel
*/
requestInitiatorChain: 'Request initiator chain',
};
const str_ = i18n.i18n.registerUIStrings('panels/network/RequestInitiatorView.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
export class RequestInitiatorView extends UI.Widget.VBox {
_linkifier;
_request;
_emptyWidget;
_hasShown;
constructor(request) {
super();
this.registerRequiredCSS('panels/network/requestInitiatorView.css');
this.element.classList.add('request-initiator-view');
this._linkifier = new Components.Linkifier.Linkifier();
this._request = request;
this._emptyWidget = new UI.EmptyWidget.EmptyWidget(i18nString(UIStrings.thisRequestHasNoInitiatorData));
this._emptyWidget.show(this.element);
this._hasShown = false;
}
static createStackTracePreview(request, linkifier, focusableLink) {
const initiator = request.initiator();
if (!initiator || !initiator.stack) {
return null;
}
const networkManager = SDK.NetworkManager.NetworkManager.forRequest(request);
const target = networkManager ? networkManager.target() : null;
const stackTrace = Components.JSPresentationUtils.buildStackTracePreviewContents(target, linkifier, { stackTrace: initiator.stack, tabStops: focusableLink });
return stackTrace;
}
_createTree() {
const treeOutline = new UI.TreeOutline.TreeOutlineInShadow();
treeOutline.registerRequiredCSS('panels/network/requestInitiatorViewTree.css');
treeOutline.contentElement.classList.add('request-initiator-view-tree');
return treeOutline;
}
_buildRequestChainTree(initiatorGraph, title, tree) {
const root = new UI.TreeOutline.TreeElement(title);
tree.appendChild(root);
if (root.titleElement instanceof HTMLElement) {
root.titleElement.classList.add('request-initiator-view-section-title');
}
const initiators = initiatorGraph.initiators;
let parent = root;
for (const request of Array.from(initiators).reverse()) {
const treeElement = new UI.TreeOutline.TreeElement(request.url());
parent.appendChild(treeElement);
parent.expand();
parent = treeElement;
}
root.expand();
parent.select();
const titleElement = parent.titleElement;
if (titleElement instanceof HTMLElement) {
titleElement.style.fontWeight = 'bold';
}
const initiated = initiatorGraph.initiated;
this._depthFirstSearchTreeBuilder(initiated, parent, this._request);
return root;
}
_depthFirstSearchTreeBuilder(initiated, parentElement, parentRequest) {
const visited = new Set();
// this._request should be already in the tree when build initiator part
visited.add(this._request);
for (const request of initiated.keys()) {
if (initiated.get(request) === parentRequest) {
const treeElement = new UI.TreeOutline.TreeElement(request.url());
parentElement.appendChild(treeElement);
parentElement.expand();
// only do dfs when we haven't done one
if (!visited.has(request)) {
visited.add(request);
this._depthFirstSearchTreeBuilder(initiated, treeElement, request);
}
}
}
}
_buildStackTraceSection(content, title, tree) {
const root = new UI.TreeOutline.TreeElement(title);
tree.appendChild(root);
if (root.titleElement instanceof HTMLElement) {
root.titleElement.classList.add('request-initiator-view-section-title');
}
const contentElement = new UI.TreeOutline.TreeElement(content, false);
contentElement.selectable = false;
root.appendChild(contentElement);
root.expand();
}
wasShown() {
if (this._hasShown) {
return;
}
let initiatorDataPresent = false;
const containerTree = this._createTree();
const stackTracePreview = RequestInitiatorView.createStackTracePreview(this._request, this._linkifier, true);
if (stackTracePreview) {
initiatorDataPresent = true;
this._buildStackTraceSection(stackTracePreview.element, i18nString(UIStrings.requestCallStack), containerTree);
}
const initiatorGraph = Logs.NetworkLog.NetworkLog.instance().initiatorGraphForRequest(this._request);
if (initiatorGraph.initiators.size > 1 || initiatorGraph.initiated.size > 1) {
initiatorDataPresent = true;
this._buildRequestChainTree(initiatorGraph, i18nString(UIStrings.requestInitiatorChain), containerTree);
}
const firstChild = containerTree.firstChild();
if (firstChild) {
firstChild.select(true);
}
if (initiatorDataPresent) {
this.element.appendChild(containerTree.element);
this._emptyWidget.hideWidget();
}
this._hasShown = true;
}
}