diff --git a/frontend/app/components/Session_/Network/Network.js b/frontend/app/components/Session_/Network/Network.js
index b3ea3dafb..4c30e6f32 100644
--- a/frontend/app/components/Session_/Network/Network.js
+++ b/frontend/app/components/Session_/Network/Network.js
@@ -158,30 +158,30 @@ export default class Network extends React.PureComponent {
let filtered = resources.filter(({ type, name }) =>
filterRE.test(name) && (activeTab === ALL || type === TAB_TO_TYPE_MAP[ activeTab ]));
- const referenceLines = [];
- if (domContentLoadedTime != null) {
- referenceLines.push({
- time: domContentLoadedTime,
- color: DOM_LOADED_TIME_COLOR,
- })
- }
- if (loadTime != null) {
- referenceLines.push({
- time: loadTime,
- color: LOAD_TIME_COLOR,
- })
- }
-
- let tabs = TABS;
- if (!fetchPresented) {
- tabs = TABS.map(tab => tab.key === XHR
- ? {
- text: renderXHRText(),
- key: XHR,
- }
- : tab
- );
- }
+// const referenceLines = [];
+// if (domContentLoadedTime != null) {
+// referenceLines.push({
+// time: domContentLoadedTime,
+// color: DOM_LOADED_TIME_COLOR,
+// })
+// }
+// if (loadTime != null) {
+// referenceLines.push({
+// time: loadTime,
+// color: LOAD_TIME_COLOR,
+// })
+// }
+//
+// let tabs = TABS;
+// if (!fetchPresented) {
+// tabs = TABS.map(tab => tab.key === XHR
+// ? {
+// text: renderXHRText(),
+// key: XHR,
+// }
+// : tab
+// );
+// }
const resourcesSize = filtered.reduce((sum, { decodedBodySize }) => sum + (decodedBodySize || 0), 0);
const transferredSize = filtered
diff --git a/frontend/app/components/Session_/Network/NetworkContent.js b/frontend/app/components/Session_/Network/NetworkContent.js
index 1f10eaffe..7eeebf538 100644
--- a/frontend/app/components/Session_/Network/NetworkContent.js
+++ b/frontend/app/components/Session_/Network/NetworkContent.js
@@ -168,13 +168,13 @@ export default class NetworkContent extends React.PureComponent {
const referenceLines = [];
if (domContentLoadedTime != null) {
referenceLines.push({
- time: domContentLoadedTime,
+ time: domContentLoadedTime.time,
color: DOM_LOADED_TIME_COLOR,
})
}
if (loadTime != null) {
referenceLines.push({
- time: loadTime,
+ time: loadTime.time,
color: LOAD_TIME_COLOR,
})
}
@@ -239,13 +239,13 @@ export default class NetworkContent extends React.PureComponent {
/>
diff --git a/frontend/app/player/MessageDistributor/MessageDistributor.js b/frontend/app/player/MessageDistributor/MessageDistributor.js
index fa3641b7a..50213f3ea 100644
--- a/frontend/app/player/MessageDistributor/MessageDistributor.js
+++ b/frontend/app/player/MessageDistributor/MessageDistributor.js
@@ -43,6 +43,14 @@ export const INITIAL_STATE = {
skipIntervals: [],
}
+function initLists() {
+ const lists = {};
+ for (var i = 0; i < LIST_NAMES.length; i++) {
+ lists[ LIST_NAMES[i] ] = new ListWalker();
+ }
+ return lists;
+}
+
import type {
Message,
@@ -78,16 +86,7 @@ export default class MessageDistributor extends StatedScreen {
#scrollManager: ListWalker = new ListWalker();
#decoder = new Decoder();
- #lists = {
- redux: new ListWalker(),
- mobx: new ListWalker(),
- vuex: new ListWalker(),
- ngrx: new ListWalker(),
- graphql: new ListWalker(),
- exceptions: new ListWalker(),
- profiles: new ListWalker(),
- longtasks: new ListWalker(),
- }
+ #lists = initLists();
#activirtManager: ActivityManager;
@@ -236,10 +235,16 @@ export default class MessageDistributor extends StatedScreen {
const llEvent = this.#locationEventManager.moveToLast(t, index);
if (!!llEvent) {
if (llEvent.domContentLoadedTime != null) {
- stateToUpdate.domContentLoadedTime = llEvent.domContentLoadedTime + this.#navigationStartOffset;
+ stateToUpdate.domContentLoadedTime = {
+ time: llEvent.domContentLoadedTime + this.#navigationStartOffset,
+ value: llEvent.domContentLoadedTime,
+ }
}
if (llEvent.loadTime != null) {
- stateToUpdate.loadTime = llEvent.domContentLoadedTime + this.#navigationStartOffset
+ stateToUpdate.loadTime = {
+ time: llEvent.loadTime + this.#navigationStartOffset,
+ value: llEvent.loadTime,
+ }
}
if (llEvent.domBuildingTime != null) {
stateToUpdate.domBuildingTime = llEvent.domBuildingTime;