third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js - Issue 2914033002: [Devtools] NetworkLogView now uses NetworkLog as source of truth.

Unified Diff: third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

Issue 2914033002: [Devtools] NetworkLogView now uses NetworkLog as source of truth. (Closed)

Patch Set: changes Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/NetworkDataGridNode.js ('k') | third_party/WebKit/Source/devtools/front_end/network/NetworkPanel.js » ('j') | third_party/WebKit/Source/devtools/front_end/network_log/NetworkLog.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

diff --git a/third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js b/third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

index c15bedf79c1a9cf4b6ea1e9a97643c0d5dad44e5..261e62bb3fc6a168f9f456dfe3c4e26366758d88 100644

--- a/third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

+++ b/third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

@@ -71,10 +71,8 @@ Network.NetworkLogView = class extends UI.VBox {

this._columns = new Network.NetworkLogViewColumns(

this, this._timeCalculator, this._durationCalculator, networkLogLargeRowsSetting);

- /** @type {!Map.<string, !Network.NetworkRequestNode>} */

- this._nodesByRequestId = new Map();

- /** @type {!Object.<string, boolean>} */

- this._staleRequestIds = {};

+ /** @type {!Set<!SDK.NetworkRequest>} */

+ this._staleRequests = new Set();

/** @type {number} */

this._mainRequestLoadTime = -1;

/** @type {number} */

@@ -114,12 +112,9 @@ Network.NetworkLogView = class extends UI.VBox {

.addChangeListener(this._invalidateAllItems.bind(this, false), this);

SDK.targetManager.observeModels(SDK.NetworkManager, this);

- SDK.targetManager.addModelListener(

- SDK.NetworkManager, SDK.NetworkManager.Events.RequestStarted, this._onRequestStarted, this);

- SDK.targetManager.addModelListener(

- SDK.NetworkManager, SDK.NetworkManager.Events.RequestUpdated, this._onRequestUpdated, this);

- SDK.targetManager.addModelListener(

- SDK.NetworkManager, SDK.NetworkManager.Events.RequestFinished, this._onRequestUpdated, this);

+ NetworkLog.networkLog.addEventListener(NetworkLog.NetworkLog.Events.RequestAdded, this._onRequestUpdated, this);

+ NetworkLog.networkLog.addEventListener(NetworkLog.NetworkLog.Events.RequestUpdated, this._onRequestUpdated, this);

+ NetworkLog.networkLog.addEventListener(NetworkLog.NetworkLog.Events.Reset, this._reset, this);

this._updateGroupByFrame();

Common.moduleSetting('network.group-by-frame').addChangeListener(() => this._updateGroupByFrame());

@@ -363,10 +358,10 @@ Network.NetworkLogView = class extends UI.VBox {

* @param {?string} groupKey

_setGrouping(groupKey) {

+ if (this._activeGroupLookup)

+ this._activeGroupLookup.reset();

var groupLookup = groupKey ? this._groupLookups.get(groupKey) || null : null;

this._activeGroupLookup = groupLookup;

- if (groupLookup)

- groupLookup.reset();

this._invalidateAllItems();

}

@@ -379,7 +374,7 @@ Network.NetworkLogView = class extends UI.VBox {

* @return {?Network.NetworkRequestNode}

nodeForRequest(request) {

- return this._nodesByRequestId.get(request.requestId());

+ return request[Network.NetworkLogView._networkNodeSymbol] || null;

}

/**

@@ -402,17 +397,15 @@ Network.NetworkLogView = class extends UI.VBox {

* @param {!SDK.NetworkManager} networkManager

modelAdded(networkManager) {

- if (!networkManager.target().parentTarget()) {

- var resourceTreeModel = networkManager.target().model(SDK.ResourceTreeModel);

- if (resourceTreeModel) {

- resourceTreeModel.addEventListener(

- SDK.ResourceTreeModel.Events.MainFrameNavigated, this._mainFrameNavigated, this);

- resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.Load, this._loadEventFired, this);

- resourceTreeModel.addEventListener(

- SDK.ResourceTreeModel.Events.DOMContentLoaded, this._domContentLoadedEventFired, this);

- }

+ // TODO(allada) Remove dependency on networkManager and instead use NetworkLog and PageLoad for needed data.

+ if (networkManager.target().parentTarget())

+ return;

+ var resourceTreeModel = networkManager.target().model(SDK.ResourceTreeModel);

+ if (resourceTreeModel) {

+ resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.Load, this._loadEventFired, this);

+ resourceTreeModel.addEventListener(

+ SDK.ResourceTreeModel.Events.DOMContentLoaded, this._domContentLoadedEventFired, this);

}

- NetworkLog.networkLog.requestsForManager(networkManager).forEach(this._appendRequest.bind(this));

}

/**

@@ -423,8 +416,6 @@ Network.NetworkLogView = class extends UI.VBox {

if (!networkManager.target().parentTarget()) {

var resourceTreeModel = networkManager.target().model(SDK.ResourceTreeModel);

if (resourceTreeModel) {

- resourceTreeModel.removeEventListener(

- SDK.ResourceTreeModel.Events.MainFrameNavigated, this._mainFrameNavigated, this);

resourceTreeModel.removeEventListener(SDK.ResourceTreeModel.Events.Load, this._loadEventFired, this);

resourceTreeModel.removeEventListener(

SDK.ResourceTreeModel.Events.DOMContentLoaded, this._domContentLoadedEventFired, this);

@@ -600,26 +591,24 @@ Network.NetworkLogView = class extends UI.VBox {

}

_updateSummaryBar() {

- var requestsNumber = this._nodesByRequestId.size;

- if (!requestsNumber) {

- this._showRecordingHint();

- return;

- }

this._hideRecordingHint();

var transferSize = 0;

- var selectedRequestsNumber = 0;

+ var selectedNodeNumber = 0;

var selectedTransferSize = 0;

var baseTime = -1;

var maxTime = -1;

- var nodes = this._nodesByRequestId.valuesArray();

- for (var i = 0; i < nodes.length; ++i) {

- var request = nodes[i].request();

+ var nodeCount = 0;

+ for (var request of NetworkLog.networkLog.requests()) {

+ var node = request[Network.NetworkLogView._networkNodeSymbol];

+ if (!node)

+ continue;

+ nodeCount++;

var requestTransferSize = request.transferSize;

transferSize += requestTransferSize;

- if (!nodes[i][Network.NetworkLogView._isFilteredOutSymbol]) {

- selectedRequestsNumber++;

+ if (!node[Network.NetworkLogView._isFilteredOutSymbol]) {

+ selectedNodeNumber++;

selectedTransferSize += requestTransferSize;

}

if (request.url() === request.networkManager().target().inspectedURL() &&

@@ -629,6 +618,11 @@ Network.NetworkLogView = class extends UI.VBox {

maxTime = request.endTime;

}

+ if (!nodeCount) {

+ this._showRecordingHint();

+ return;

+ }

var summaryBar = this._summaryBarElement;

summaryBar.removeChildren();

var separator = '\u2002\u2758\u2002';

@@ -644,13 +638,13 @@ Network.NetworkLogView = class extends UI.VBox {

return span;

}

- if (selectedRequestsNumber !== requestsNumber) {

- appendChunk(Common.UIString('%d / %d requests', selectedRequestsNumber, requestsNumber));

+ if (selectedNodeNumber !== nodeCount) {

+ appendChunk(Common.UIString('%d / %d requests', selectedNodeNumber, nodeCount));

appendChunk(separator);

appendChunk(Common.UIString(

'%s / %s transferred', Number.bytesToString(selectedTransferSize), Number.bytesToString(transferSize)));

} else {

- appendChunk(Common.UIString('%d requests', requestsNumber));

+ appendChunk(Common.UIString('%d requests', nodeCount));

appendChunk(separator);

appendChunk(Common.UIString('%s transferred', Number.bytesToString(transferSize)));

}

@@ -709,9 +703,7 @@ Network.NetworkLogView = class extends UI.VBox {

* @param {boolean=} deferUpdate

_invalidateAllItems(deferUpdate) {

- var requestIds = this._nodesByRequestId.keysArray();

- for (var i = 0; i < requestIds.length; ++i)

- this._staleRequestIds[requestIds[i]] = true;

+ this._staleRequests = new Set(NetworkLog.networkLog.requests());

if (deferUpdate)

this.scheduleRefresh();

else

@@ -832,10 +824,22 @@ Network.NetworkLogView = class extends UI.VBox {

var nodesToInsert = new Map();

/** @type {!Array<!Network.NetworkNode>} */

var nodesToRefresh = [];

- for (var requestId in this._staleRequestIds) {

- var node = this._nodesByRequestId.get(requestId);

+ /** @type {!Set<!Network.NetworkRequestNode>} */

+ var staleNodes = new Set();

+ // While creating nodes it may add more entries into _staleRequests because redirect request nodes update the parent

+ // node so we loop until we have no more stale requests.

+ while (this._staleRequests.size) {

+ var request = this._staleRequests.firstValue();

+ this._staleRequests.delete(request);

+ var node = request[Network.NetworkLogView._networkNodeSymbol];

if (!node)

- continue;

+ node = this._createNodeForRequest(request);

+ staleNodes.add(node);

+ }

+ for (var node of staleNodes) {

var isFilteredOut = !this._applyFilter(node);

if (isFilteredOut && node === this._hoveredNode)

this._setHoveredNode(null);

@@ -884,13 +888,16 @@ Network.NetworkLogView = class extends UI.VBox {

this._highlightNthMatchedRequestForSearch(

this._updateMatchCountAndFindMatchIndex(this._currentMatchedRequestNode), false);

- this._staleRequestIds = {};

this._updateSummaryBar();

if (nodesToInsert.size)

this._columns.sortByCurrentColumn();

this._dataGrid.updateInstantly();

+ this._didRefreshForTest();

+ }

+ _didRefreshForTest() {

}

/**

@@ -907,7 +914,7 @@ Network.NetworkLogView = class extends UI.VBox {

return groupNode;

}

- reset() {

+ _reset() {

dgozman 2017/06/15 20:24:09 Out of curiosity, how does this method trigger _re

allada 2017/06/17 00:04:13 Looks like it never did call _refresh... I added a

this._requestWithHighlightedInitiators = null;

this.dispatchEventToListeners(Network.NetworkLogView.Events.RequestSelected, null);

@@ -925,8 +932,7 @@ Network.NetworkLogView = class extends UI.VBox {

if (this._activeGroupLookup)

this._activeGroupLookup.reset();

- this._nodesByRequestId.clear();

- this._staleRequestIds = {};

+ this._staleRequests.clear();

this._resetSuggestionBuilder();

this._mainRequestLoadTime = -1;

@@ -947,39 +953,47 @@ Network.NetworkLogView = class extends UI.VBox {

this._resourceCategoryFilterUI.reset();

}

- /**

- * @param {!Common.Event} event

- */

- _onRequestStarted(event) {

- if (!this._recording)

- return;

- var request = /** @type {!SDK.NetworkRequest} */ (event.data);

- this._appendRequest(request);

- }

/**

* @param {!SDK.NetworkRequest} request

- _appendRequest(request) {

+ _createNodeForRequest(request) {

var node = new Network.NetworkRequestNode(this, request);

+ request[Network.NetworkLogView._networkNodeSymbol] = node;

node[Network.NetworkLogView._isFilteredOutSymbol] = true;

node[Network.NetworkLogView._isMatchingSearchQuerySymbol] = false;

- // In case of redirect request id is reassigned to a redirected

- // request and we need to update _nodesByRequestId and search results.

- var originalRequestNode = this._nodesByRequestId.get(request.requestId());

- if (originalRequestNode)

- this._nodesByRequestId.set(originalRequestNode.request().requestId(), originalRequestNode);

- this._nodesByRequestId.set(request.requestId(), node);

- // Pull all the redirects of the main request upon commit load.

- if (request.redirects) {

- for (var i = 0; i < request.redirects.length; ++i)

- this._refreshRequest(request.redirects[i]);

- }

- this._refreshRequest(request);

- }

+ if (request.redirects)

+ request.redirects.forEach(this._refreshRequest.bind(this));

+ return node;

+ }

+ // /**

dgozman 2017/06/15 20:24:09 Remove?

allada 2017/06/17 00:04:13 Done.

+ // * @param {!Common.Event} event

+ // */

+ // _onRequestsRemoved(event) {

+ // var requests = /** @type {!Set<!SDK.NetworkRequest>} */ (event.data);

+ // var rootNode = this._dataGrid.rootNode();

+ // for (var request of requests) {

+ // var node = request[Network.NetworkLogView._networkNodeSymbol];

+ // while (node && node.parent) {

+ // var parent = node.parent;

+ // this._nodesToRemove.add(node);

+ // if (parent === rootNode || !parent.children.every(child => this._nodesToRemove.has(child)))

+ // break;

+ // node = parent;

+ // }

+ // this._staleRequests.delete(request);

+ // delete request[Network.NetworkLogView._networkNodeSymbol];

+ // }

+ // // TODO(allada) We need to unify these calculators with NetworkOverview.

+ // this._calculator.reset();

+ // this._durationCalculator.reset();

+ // for (var request of NetworkLog.networkLog.requests()) {

+ // this._timeCalculator.updateBoundaries(request);

+ // this._durationCalculator.updateBoundaries(request);

+ // }

/**

* @param {!Common.Event} event

@@ -993,9 +1007,6 @@ Network.NetworkLogView = class extends UI.VBox {

* @param {!SDK.NetworkRequest} request

_refreshRequest(request) {

- if (!this._nodesByRequestId.get(request.requestId()))

- return;

Network.NetworkLogView._subdomains(request.domain)

.forEach(

this._suggestionBuilder.addItem.bind(this._suggestionBuilder, Network.NetworkLogView.FilterType.Domain));

@@ -1037,46 +1048,10 @@ Network.NetworkLogView = class extends UI.VBox {

this._suggestionBuilder.addItem(Network.NetworkLogView.FilterType.SetCookieValue, cookie.value());

}

- this._staleRequestIds[request.requestId()] = true;

- this.dispatchEventToListeners(Network.NetworkLogView.Events.UpdateRequest, request);

+ this._staleRequests.add(request);

this.scheduleRefresh();

}

- /**

- * @param {!Common.Event} event

- */

- _mainFrameNavigated(event) {

- if (!this._recording)

- return;

- var frame = /** @type {!SDK.ResourceTreeFrame} */ (event.data);

- var loaderId = frame.loaderId;

- // Pick provisional load requests.

- var requestsToPick = [];

- var networkManager = frame.resourceTreeModel().target().model(SDK.NetworkManager);

- var requests = networkManager ? NetworkLog.networkLog.requestsForManager(networkManager) : [];

- for (var i = 0; i < requests.length; ++i) {

- var request = requests[i];

- if (request.loaderId === loaderId)

- requestsToPick.push(request);

- }

- if (!Common.moduleSetting('network.preserve-log').get()) {

- this.reset();

- for (var i = 0; i < requestsToPick.length; ++i)

- this._appendRequest(requestsToPick[i]);

- }

- for (var i = 0; i < requestsToPick.length; ++i) {

- var request = requestsToPick[i];

- var node = this._nodesByRequestId.get(request.requestId());

- if (node) {

- node.markAsNavigationRequest();

- break;

- }

/**

* @return {number}

@@ -1185,10 +1160,7 @@ Network.NetworkLogView = class extends UI.VBox {

}

_harRequests() {

- var requests = this._nodesByRequestId.valuesArray().map(function(node) {

- return node.request();

- });

- var httpRequests = requests.filter(Network.NetworkLogView.HTTPRequestsFilter);

+ var httpRequests = NetworkLog.networkLog.requests().filter(Network.NetworkLogView.HTTPRequestsFilter);

return httpRequests.filter(Network.NetworkLogView.FinishedRequestsFilter);

}

@@ -1238,7 +1210,7 @@ Network.NetworkLogView = class extends UI.VBox {

* @param {string} platform

_copyAllCurlCommand(platform) {

- var requests = this._nodesByRequestId.valuesArray().map(node => node.request());

+ var requests = NetworkLog.networkLog.requests();

var commands = [];

for (var request of requests)

commands.push(this._generateCurlCommand(request, platform));

@@ -1606,8 +1578,8 @@ Network.NetworkLogView = class extends UI.VBox {

revealAndHighlightRequest(request) {

this.removeAllNodeHighlights();

- var node = this._nodesByRequestId.get(request.requestId());

- if (node) {

+ var node = request[Network.NetworkLogView._networkNodeSymbol];

+ if (node && this.attached) {

node.reveal();

this._highlightNode(node);

}

@@ -1757,6 +1729,7 @@ Network.NetworkLogView = class extends UI.VBox {

Network.NetworkLogView._isFilteredOutSymbol = Symbol('isFilteredOut');

Network.NetworkLogView._isMatchingSearchQuerySymbol = Symbol('isMatchingSearchQuery');

+Network.NetworkLogView._networkNodeSymbol = Symbol('NetworkNode');

Network.NetworkLogView.HTTPSchemas = {

'http': true,

@@ -1769,8 +1742,7 @@ Network.NetworkLogView.HTTPSchemas = {

Network.NetworkLogView.Events = {

RequestSelected: Symbol('RequestSelected'),

SearchCountUpdated: Symbol('SearchCountUpdated'),

- SearchIndexUpdated: Symbol('SearchIndexUpdated'),

- UpdateRequest: Symbol('UpdateRequest')

+ SearchIndexUpdated: Symbol('SearchIndexUpdated')

};

/** @enum {string} */