@paulirish/trace_engine 0.0.8 → 0.0.10

package/models/trace/handlers/PageLoadMetricsHandler.js

@@ -0,0 +1,334 @@
+import * as Platform from "../../../core/platform/platform.js";
+import * as Helpers from "../helpers/helpers.js";
+import * as Types from "../types/types.js";
+import { data as metaHandlerData } from "./MetaHandler.js";
+const metricScoresByFrameId = /* @__PURE__ */ new Map();
+let allMarkerEvents = [];
+export function reset() {
+  metricScoresByFrameId.clear();
+  pageLoadEventsArray = [];
+  allMarkerEvents = [];
+  selectedLCPCandidateEvents.clear();
+}
+let pageLoadEventsArray = [];
+const selectedLCPCandidateEvents = /* @__PURE__ */ new Set();
+export const MarkerName = ["MarkDOMContent", "MarkLoad", "firstPaint", "firstContentfulPaint", "largestContentfulPaint::Candidate"];
+const markerTypeGuards = [
+  Types.TraceEvents.isTraceEventMarkDOMContent,
+  Types.TraceEvents.isTraceEventMarkLoad,
+  Types.TraceEvents.isTraceEventFirstPaint,
+  Types.TraceEvents.isTraceEventFirstContentfulPaint,
+  Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate,
+  Types.TraceEvents.isTraceEventNavigationStart
+];
+export function isTraceEventMarkerEvent(event) {
+  return markerTypeGuards.some((fn) => fn(event));
+}
+const pageLoadEventTypeGuards = [
+  ...markerTypeGuards,
+  Types.TraceEvents.isTraceEventInteractiveTime
+];
+export function eventIsPageLoadEvent(event) {
+  return pageLoadEventTypeGuards.some((fn) => fn(event));
+}
+export function handleEvent(event) {
+  if (!eventIsPageLoadEvent(event)) {
+    return;
+  }
+  pageLoadEventsArray.push(event);
+}
+function storePageLoadMetricAgainstNavigationId(navigation, event) {
+  const navigationId = navigation.args.data?.navigationId;
+  if (!navigationId) {
+    throw new Error("Navigation event unexpectedly had no navigation ID.");
+  }
+  const frameId = getFrameIdForPageLoadEvent(event);
+  const { rendererProcessesByFrame } = metaHandlerData();
+  const rendererProcessesInFrame = rendererProcessesByFrame.get(frameId);
+  if (!rendererProcessesInFrame) {
+    return;
+  }
+  const processData = rendererProcessesInFrame.get(event.pid);
+  if (!processData) {
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventNavigationStart(event)) {
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event)) {
+    const fcpTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const score = Helpers.Timing.formatMicrosecondsTime(fcpTime, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const classification = scoreClassificationForFirstContentfulPaint(fcpTime);
+    const metricScore = { event, score, metricName: MetricName.FCP, classification, navigation };
+    storeMetricScore(frameId, navigationId, metricScore);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventFirstPaint(event)) {
+    const paintTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const score = Helpers.Timing.formatMicrosecondsTime(paintTime, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const classification = ScoreClassification.UNCLASSIFIED;
+    const metricScore = { event, score, metricName: MetricName.FP, classification, navigation };
+    storeMetricScore(frameId, navigationId, metricScore);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventMarkDOMContent(event)) {
+    const dclTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const score = Helpers.Timing.formatMicrosecondsTime(dclTime, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const metricScore = {
+      event,
+      score,
+      metricName: MetricName.DCL,
+      classification: scoreClassificationForDOMContentLoaded(dclTime),
+      navigation
+    };
+    storeMetricScore(frameId, navigationId, metricScore);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventInteractiveTime(event)) {
+    const ttiValue = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const ttiScore = Helpers.Timing.formatMicrosecondsTime(ttiValue, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const tti = {
+      event,
+      score: ttiScore,
+      metricName: MetricName.TTI,
+      classification: scoreClassificationForTimeToInteractive(ttiValue),
+      navigation
+    };
+    storeMetricScore(frameId, navigationId, tti);
+    const tbtValue = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(event.args.args.total_blocking_time_ms));
+    const tbtScore = Helpers.Timing.formatMicrosecondsTime(tbtValue, {
+      format: Types.Timing.TimeUnit.MILLISECONDS,
+      maximumFractionDigits: 2
+    });
+    const tbt = {
+      event,
+      score: tbtScore,
+      metricName: MetricName.TBT,
+      classification: scoreClassificationForTotalBlockingTime(tbtValue),
+      navigation
+    };
+    storeMetricScore(frameId, navigationId, tbt);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventMarkLoad(event)) {
+    const loadTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const score = Helpers.Timing.formatMicrosecondsTime(loadTime, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const metricScore = {
+      event,
+      score,
+      metricName: MetricName.L,
+      classification: ScoreClassification.UNCLASSIFIED,
+      navigation
+    };
+    storeMetricScore(frameId, navigationId, metricScore);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event)) {
+    const candidateIndex = event.args.data?.candidateIndex;
+    if (!candidateIndex) {
+      throw new Error("Largest Contenful Paint unexpectedly had no candidateIndex.");
+    }
+    const lcpTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);
+    const lcpScore = Helpers.Timing.formatMicrosecondsTime(lcpTime, {
+      format: Types.Timing.TimeUnit.SECONDS,
+      maximumFractionDigits: 2
+    });
+    const lcp = {
+      event,
+      score: lcpScore,
+      metricName: MetricName.LCP,
+      classification: scoreClassificationForLargestContentfulPaint(lcpTime),
+      navigation
+    };
+    const metricsByNavigation = Platform.MapUtilities.getWithDefault(metricScoresByFrameId, frameId, () => /* @__PURE__ */ new Map());
+    const metrics = Platform.MapUtilities.getWithDefault(metricsByNavigation, navigationId, () => /* @__PURE__ */ new Map());
+    const lastLCPCandidate = metrics.get(MetricName.LCP);
+    if (lastLCPCandidate === void 0) {
+      selectedLCPCandidateEvents.add(lcp.event);
+      storeMetricScore(frameId, navigationId, lcp);
+      return;
+    }
+    const lastLCPCandidateEvent = lastLCPCandidate.event;
+    if (!Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(lastLCPCandidateEvent)) {
+      return;
+    }
+    const lastCandidateIndex = lastLCPCandidateEvent.args.data?.candidateIndex;
+    if (!lastCandidateIndex) {
+      return;
+    }
+    if (lastCandidateIndex < candidateIndex) {
+      selectedLCPCandidateEvents.delete(lastLCPCandidateEvent);
+      selectedLCPCandidateEvents.add(lcp.event);
+      storeMetricScore(frameId, navigationId, lcp);
+    }
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventLayoutShift(event)) {
+    return;
+  }
+  return Platform.assertNever(event, `Unexpected event type: ${event}`);
+}
+function storeMetricScore(frameId, navigationId, metricScore) {
+  const metricsByNavigation = Platform.MapUtilities.getWithDefault(metricScoresByFrameId, frameId, () => /* @__PURE__ */ new Map());
+  const metrics = Platform.MapUtilities.getWithDefault(metricsByNavigation, navigationId, () => /* @__PURE__ */ new Map());
+  metrics.delete(metricScore.metricName);
+  metrics.set(metricScore.metricName, metricScore);
+}
+export function getFrameIdForPageLoadEvent(event) {
+  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event) || Types.TraceEvents.isTraceEventInteractiveTime(event) || Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event) || Types.TraceEvents.isTraceEventNavigationStart(event) || Types.TraceEvents.isTraceEventLayoutShift(event) || Types.TraceEvents.isTraceEventFirstPaint(event)) {
+    return event.args.frame;
+  }
+  if (Types.TraceEvents.isTraceEventMarkDOMContent(event) || Types.TraceEvents.isTraceEventMarkLoad(event)) {
+    const frameId = event.args.data?.frame;
+    if (!frameId) {
+      throw new Error("MarkDOMContent unexpectedly had no frame ID.");
+    }
+    return frameId;
+  }
+  Platform.assertNever(event, `Unexpected event type: ${event}`);
+}
+function getNavigationForPageLoadEvent(event) {
+  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event) || Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event) || Types.TraceEvents.isTraceEventFirstPaint(event)) {
+    const navigationId = event.args.data?.navigationId;
+    if (!navigationId) {
+      throw new Error("Trace event unexpectedly had no navigation ID.");
+    }
+    const { navigationsByNavigationId } = metaHandlerData();
+    const navigation = navigationsByNavigationId.get(navigationId);
+    if (!navigation) {
+      return null;
+    }
+    return navigation;
+  }
+  if (Types.TraceEvents.isTraceEventMarkDOMContent(event) || Types.TraceEvents.isTraceEventInteractiveTime(event) || Types.TraceEvents.isTraceEventLayoutShift(event) || Types.TraceEvents.isTraceEventMarkLoad(event)) {
+    const frameId = getFrameIdForPageLoadEvent(event);
+    const { navigationsByFrameId } = metaHandlerData();
+    return Helpers.Trace.getNavigationForTraceEvent(event, frameId, navigationsByFrameId);
+  }
+  if (Types.TraceEvents.isTraceEventNavigationStart(event)) {
+    return null;
+  }
+  return Platform.assertNever(event, `Unexpected event type: ${event}`);
+}
+export function scoreClassificationForFirstContentfulPaint(fcpScoreInMicroseconds) {
+  const FCP_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(1.8));
+  const FCP_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(3));
+  let scoreClassification = ScoreClassification.BAD;
+  if (fcpScoreInMicroseconds <= FCP_MEDIUM_TIMING) {
+    scoreClassification = ScoreClassification.OK;
+  }
+  if (fcpScoreInMicroseconds <= FCP_GOOD_TIMING) {
+    scoreClassification = ScoreClassification.GOOD;
+  }
+  return scoreClassification;
+}
+export function scoreClassificationForTimeToInteractive(ttiTimeInMicroseconds) {
+  const TTI_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(3.8));
+  const TTI_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(7.3));
+  let scoreClassification = ScoreClassification.BAD;
+  if (ttiTimeInMicroseconds <= TTI_MEDIUM_TIMING) {
+    scoreClassification = ScoreClassification.OK;
+  }
+  if (ttiTimeInMicroseconds <= TTI_GOOD_TIMING) {
+    scoreClassification = ScoreClassification.GOOD;
+  }
+  return scoreClassification;
+}
+export function scoreClassificationForLargestContentfulPaint(lcpTimeInMicroseconds) {
+  const LCP_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(2.5));
+  const LCP_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(4));
+  let scoreClassification = ScoreClassification.BAD;
+  if (lcpTimeInMicroseconds <= LCP_MEDIUM_TIMING) {
+    scoreClassification = ScoreClassification.OK;
+  }
+  if (lcpTimeInMicroseconds <= LCP_GOOD_TIMING) {
+    scoreClassification = ScoreClassification.GOOD;
+  }
+  return scoreClassification;
+}
+export function scoreClassificationForDOMContentLoaded(_dclTimeInMicroseconds) {
+  return ScoreClassification.UNCLASSIFIED;
+}
+export function scoreClassificationForTotalBlockingTime(tbtTimeInMicroseconds) {
+  const TBT_GOOD_TIMING = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(200));
+  const TBT_MEDIUM_TIMING = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(600));
+  let scoreClassification = ScoreClassification.BAD;
+  if (tbtTimeInMicroseconds <= TBT_MEDIUM_TIMING) {
+    scoreClassification = ScoreClassification.OK;
+  }
+  if (tbtTimeInMicroseconds <= TBT_GOOD_TIMING) {
+    scoreClassification = ScoreClassification.GOOD;
+  }
+  return scoreClassification;
+}
+function gatherFinalLCPEvents() {
+  const allFinalLCPEvents = [];
+  const dataForAllFrames = [...metricScoresByFrameId.values()];
+  const dataForAllNavigations = dataForAllFrames.flatMap((frameData) => [...frameData.values()]);
+  for (let i = 0; i < dataForAllNavigations.length; i++) {
+    const navigationData = dataForAllNavigations[i];
+    const lcpInNavigation = navigationData.get(MetricName.LCP);
+    if (!lcpInNavigation || !lcpInNavigation.event) {
+      continue;
+    }
+    allFinalLCPEvents.push(lcpInNavigation.event);
+  }
+  return allFinalLCPEvents;
+}
+export async function finalize() {
+  pageLoadEventsArray.sort((a, b) => a.ts - b.ts);
+  for (const pageLoadEvent of pageLoadEventsArray) {
+    const navigation = getNavigationForPageLoadEvent(pageLoadEvent);
+    if (navigation) {
+      storePageLoadMetricAgainstNavigationId(navigation, pageLoadEvent);
+    }
+  }
+  const allFinalLCPEvents = gatherFinalLCPEvents();
+  const mainFrame = metaHandlerData().mainFrameId;
+  const allEventsButLCP = pageLoadEventsArray.filter((event) => !Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event));
+  const markerEvents = [...allFinalLCPEvents, ...allEventsButLCP].filter(isTraceEventMarkerEvent);
+  allMarkerEvents = markerEvents.filter((event) => getFrameIdForPageLoadEvent(event) === mainFrame).sort((a, b) => a.ts - b.ts);
+}
+export function data() {
+  return {
+    metricScoresByFrameId: new Map(metricScoresByFrameId),
+    allMarkerEvents: [...allMarkerEvents]
+  };
+}
+export function deps() {
+  return ["Meta"];
+}
+export var ScoreClassification = /* @__PURE__ */ ((ScoreClassification2) => {
+  ScoreClassification2["GOOD"] = "good";
+  ScoreClassification2["OK"] = "ok";
+  ScoreClassification2["BAD"] = "bad";
+  ScoreClassification2["UNCLASSIFIED"] = "unclassified";
+  return ScoreClassification2;
+})(ScoreClassification || {});
+export var MetricName = /* @__PURE__ */ ((MetricName2) => {
+  MetricName2["FCP"] = "FCP";
+  MetricName2["FP"] = "FP";
+  MetricName2["L"] = "L";
+  MetricName2["LCP"] = "LCP";
+  MetricName2["DCL"] = "DCL";
+  MetricName2["TTI"] = "TTI";
+  MetricName2["TBT"] = "TBT";
+  MetricName2["CLS"] = "CLS";
+  return MetricName2;
+})(MetricName || {});
+//# sourceMappingURL=PageLoadMetricsHandler.js.map

package/models/trace/handlers/PageLoadMetricsHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../front_end/models/trace/handlers/PageLoadMetricsHandler.ts"],
+  "sourcesContent": ["// Copyright 2022 The Chromium Authors. All rights reserved.\n// Use of this source code is governed by a BSD-style license that can be\n// found in the LICENSE file.\n\n/**\n * This handler stores page load metrics, including web vitals,\n * and exports them in the shape of a map with the following shape:\n * Map(FrameId -> Map(navigationID -> metrics) )\n *\n * It also exports all markers in a trace in an array.\n *\n * Some metrics are taken directly from a page load events (AKA markers) like DCL.\n * Others require processing multiple events to be determined, like CLS and TBT.\n */\n\nimport * as Platform from '../../../core/platform/platform.js';\nimport * as Helpers from '../helpers/helpers.js';\n\nimport {type TraceEventHandlerName} from './types.js';\n\nimport * as Types from '../types/types.js';\n\nimport {data as metaHandlerData} from './MetaHandler.js';\n\n/**\n * This represents the metric scores for all navigations, for all frames in a trace.\n * Given a frame id, the map points to another map from navigation id to metric scores.\n * The metric scores include the event related to the metric as well as the data regarding\n * the score itself.\n */\nconst metricScoresByFrameId =\n    new Map</* Frame id */ string, Map</* navigation id */ string, Map<MetricName, MetricScore>>>();\n\n/**\n * Page load events with no associated duration that happened in the\n * main frame.\n */\nlet allMarkerEvents: Types.TraceEvents.PageLoadEvent[] = [];\n\nexport function reset(): void {\n  metricScoresByFrameId.clear();\n  pageLoadEventsArray = [];\n  allMarkerEvents = [];\n  selectedLCPCandidateEvents.clear();\n}\n\nlet pageLoadEventsArray: Types.TraceEvents.PageLoadEvent[] = [];\n\n// Once we've found the LCP events in the trace we want to fetch their DOM Node\n// from the backend. We could do this by parsing through our Map of frame =>\n// navigation => metric, but it's easier to keep a set of LCP events. As we\n// parse the trace, any time we store an LCP candidate as the potential LCP\n// event, we store the event here. If we later find a new candidate in the\n// trace, we store that and delete the prior event. When we've parsed the\n// entire trace this set will contain all the LCP events that were used - e.g.\n// the candidates that were the actual LCP events.\nconst selectedLCPCandidateEvents = new Set<Types.TraceEvents.TraceEventLargestContentfulPaintCandidate>();\n\nexport const MarkerName =\n    ['MarkDOMContent', 'MarkLoad', 'firstPaint', 'firstContentfulPaint', 'largestContentfulPaint::Candidate'] as const;\n\nconst markerTypeGuards = [\n  Types.TraceEvents.isTraceEventMarkDOMContent,\n  Types.TraceEvents.isTraceEventMarkLoad,\n  Types.TraceEvents.isTraceEventFirstPaint,\n  Types.TraceEvents.isTraceEventFirstContentfulPaint,\n  Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate,\n  Types.TraceEvents.isTraceEventNavigationStart,\n];\n\ninterface MakerEvent extends Types.TraceEvents.TraceEventData {\n  name: typeof MarkerName[number];\n}\n\nexport function isTraceEventMarkerEvent(event: Types.TraceEvents.TraceEventData): event is MakerEvent {\n  return markerTypeGuards.some(fn => fn(event));\n}\n\nconst pageLoadEventTypeGuards = [\n  ...markerTypeGuards,\n  Types.TraceEvents.isTraceEventInteractiveTime,\n];\n\nexport function eventIsPageLoadEvent(event: Types.TraceEvents.TraceEventData):\n    event is Types.TraceEvents.PageLoadEvent {\n  return pageLoadEventTypeGuards.some(fn => fn(event));\n}\n\nexport function handleEvent(event: Types.TraceEvents.TraceEventData): void {\n  if (!eventIsPageLoadEvent(event)) {\n    return;\n  }\n  pageLoadEventsArray.push(event);\n}\n\nfunction storePageLoadMetricAgainstNavigationId(\n    navigation: Types.TraceEvents.TraceEventNavigationStart, event: Types.TraceEvents.PageLoadEvent): void {\n  const navigationId = navigation.args.data?.navigationId;\n  if (!navigationId) {\n    throw new Error('Navigation event unexpectedly had no navigation ID.');\n  }\n  const frameId = getFrameIdForPageLoadEvent(event);\n  const {rendererProcessesByFrame} = metaHandlerData();\n\n  // If either of these pieces of data do not exist, the most likely\n  // explanation is that the page load metric we found is for a frame/process\n  // combo that the MetaHandler discarded. This typically happens if we get a\n  // navigation event with an empty URL. Therefore, we will silently return and\n  // drop this metric. If we didn't care about the navigation, we certainly do\n  // not need to care about metrics for that navigation.\n  const rendererProcessesInFrame = rendererProcessesByFrame.get(frameId);\n  if (!rendererProcessesInFrame) {\n    return;\n  }\n  const processData = rendererProcessesInFrame.get(event.pid);\n  if (!processData) {\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventNavigationStart(event)) {\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event)) {\n    const fcpTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const score = Helpers.Timing.formatMicrosecondsTime(fcpTime, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const classification = scoreClassificationForFirstContentfulPaint(fcpTime);\n    const metricScore = {event, score, metricName: MetricName.FCP, classification, navigation};\n    storeMetricScore(frameId, navigationId, metricScore);\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventFirstPaint(event)) {\n    const paintTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const score = Helpers.Timing.formatMicrosecondsTime(paintTime, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const classification = ScoreClassification.UNCLASSIFIED;\n    const metricScore = {event, score, metricName: MetricName.FP, classification, navigation};\n    storeMetricScore(frameId, navigationId, metricScore);\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventMarkDOMContent(event)) {\n    const dclTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const score = Helpers.Timing.formatMicrosecondsTime(dclTime, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const metricScore = {\n      event,\n      score,\n      metricName: MetricName.DCL,\n      classification: scoreClassificationForDOMContentLoaded(dclTime),\n      navigation,\n    };\n    storeMetricScore(frameId, navigationId, metricScore);\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventInteractiveTime(event)) {\n    const ttiValue = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const ttiScore = Helpers.Timing.formatMicrosecondsTime(ttiValue, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const tti = {\n      event,\n      score: ttiScore,\n      metricName: MetricName.TTI,\n      classification: scoreClassificationForTimeToInteractive(ttiValue),\n      navigation,\n    };\n    storeMetricScore(frameId, navigationId, tti);\n\n    const tbtValue =\n        Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(event.args.args.total_blocking_time_ms));\n    const tbtScore = Helpers.Timing.formatMicrosecondsTime(tbtValue, {\n      format: Types.Timing.TimeUnit.MILLISECONDS,\n      maximumFractionDigits: 2,\n    });\n    const tbt = {\n      event,\n      score: tbtScore,\n      metricName: MetricName.TBT,\n      classification: scoreClassificationForTotalBlockingTime(tbtValue),\n      navigation,\n    };\n    storeMetricScore(frameId, navigationId, tbt);\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventMarkLoad(event)) {\n    const loadTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const score = Helpers.Timing.formatMicrosecondsTime(loadTime, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const metricScore = {\n      event,\n      score,\n      metricName: MetricName.L,\n      classification: ScoreClassification.UNCLASSIFIED,\n      navigation,\n    };\n    storeMetricScore(frameId, navigationId, metricScore);\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event)) {\n    const candidateIndex = event.args.data?.candidateIndex;\n    if (!candidateIndex) {\n      throw new Error('Largest Contenful Paint unexpectedly had no candidateIndex.');\n    }\n    const lcpTime = Types.Timing.MicroSeconds(event.ts - navigation.ts);\n    const lcpScore = Helpers.Timing.formatMicrosecondsTime(lcpTime, {\n      format: Types.Timing.TimeUnit.SECONDS,\n      maximumFractionDigits: 2,\n    });\n    const lcp = {\n      event,\n      score: lcpScore,\n      metricName: MetricName.LCP,\n      classification: scoreClassificationForLargestContentfulPaint(lcpTime),\n      navigation,\n    };\n    const metricsByNavigation = Platform.MapUtilities.getWithDefault(metricScoresByFrameId, frameId, () => new Map());\n    const metrics = Platform.MapUtilities.getWithDefault(metricsByNavigation, navigationId, () => new Map());\n    const lastLCPCandidate = metrics.get(MetricName.LCP);\n    if (lastLCPCandidate === undefined) {\n      selectedLCPCandidateEvents.add(lcp.event);\n      storeMetricScore(frameId, navigationId, lcp);\n      return;\n    }\n    const lastLCPCandidateEvent = lastLCPCandidate.event;\n\n    if (!Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(lastLCPCandidateEvent)) {\n      return;\n    }\n    const lastCandidateIndex = lastLCPCandidateEvent.args.data?.candidateIndex;\n    if (!lastCandidateIndex) {\n      // lastCandidateIndex cannot be undefined because we don't store candidates with\n      // with an undefined candidateIndex value. This check is only to make TypeScript\n      // treat the field as not undefined below.\n      return;\n    }\n    if (lastCandidateIndex < candidateIndex) {\n      selectedLCPCandidateEvents.delete(lastLCPCandidateEvent);\n      selectedLCPCandidateEvents.add(lcp.event);\n      storeMetricScore(frameId, navigationId, lcp);\n    }\n    return;\n  }\n  if (Types.TraceEvents.isTraceEventLayoutShift(event)) {\n    return;\n  }\n  return Platform.assertNever(event, `Unexpected event type: ${event}`);\n}\n\nfunction storeMetricScore(frameId: string, navigationId: string, metricScore: MetricScore): void {\n  const metricsByNavigation = Platform.MapUtilities.getWithDefault(metricScoresByFrameId, frameId, () => new Map());\n  const metrics = Platform.MapUtilities.getWithDefault(metricsByNavigation, navigationId, () => new Map());\n  // If an entry with that metric name is present, delete it so that the new entry that\n  // will replace it is added at the end of the map. This way we guarantee the map entries\n  // are ordered in ASC manner by timestamp.\n  metrics.delete(metricScore.metricName);\n  metrics.set(metricScore.metricName, metricScore);\n}\n\nexport function getFrameIdForPageLoadEvent(event: Types.TraceEvents.PageLoadEvent): string {\n  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event) ||\n      Types.TraceEvents.isTraceEventInteractiveTime(event) ||\n      Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event) ||\n      Types.TraceEvents.isTraceEventNavigationStart(event) || Types.TraceEvents.isTraceEventLayoutShift(event) ||\n      Types.TraceEvents.isTraceEventFirstPaint(event)) {\n    return event.args.frame;\n  }\n  if (Types.TraceEvents.isTraceEventMarkDOMContent(event) || Types.TraceEvents.isTraceEventMarkLoad(event)) {\n    const frameId = event.args.data?.frame;\n    if (!frameId) {\n      throw new Error('MarkDOMContent unexpectedly had no frame ID.');\n    }\n    return frameId;\n  }\n  Platform.assertNever(event, `Unexpected event type: ${event}`);\n}\n\nfunction getNavigationForPageLoadEvent(event: Types.TraceEvents.PageLoadEvent):\n    Types.TraceEvents.TraceEventNavigationStart|null {\n  if (Types.TraceEvents.isTraceEventFirstContentfulPaint(event) ||\n      Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event) ||\n      Types.TraceEvents.isTraceEventFirstPaint(event)) {\n    const navigationId = event.args.data?.navigationId;\n    if (!navigationId) {\n      throw new Error('Trace event unexpectedly had no navigation ID.');\n    }\n    const {navigationsByNavigationId} = metaHandlerData();\n    const navigation = navigationsByNavigationId.get(navigationId);\n\n    if (!navigation) {\n      // This event's navigation has been filtered out by the meta handler as a noise event.\n      return null;\n    }\n    return navigation;\n  }\n\n  if (Types.TraceEvents.isTraceEventMarkDOMContent(event) || Types.TraceEvents.isTraceEventInteractiveTime(event) ||\n      Types.TraceEvents.isTraceEventLayoutShift(event) || Types.TraceEvents.isTraceEventMarkLoad(event)) {\n    const frameId = getFrameIdForPageLoadEvent(event);\n    const {navigationsByFrameId} = metaHandlerData();\n    return Helpers.Trace.getNavigationForTraceEvent(event, frameId, navigationsByFrameId);\n  }\n\n  if (Types.TraceEvents.isTraceEventNavigationStart(event)) {\n    // We don't want to compute metrics of the navigation relative to itself, so we'll avoid avoid all that.\n    return null;\n  }\n\n  return Platform.assertNever(event, `Unexpected event type: ${event}`);\n}\n\n/**\n * Classifications sourced from\n * https://web.dev/fcp/\n */\nexport function scoreClassificationForFirstContentfulPaint(fcpScoreInMicroseconds: Types.Timing.MicroSeconds):\n    ScoreClassification {\n  const FCP_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(1.8));\n  const FCP_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(3.0));\n  let scoreClassification = ScoreClassification.BAD;\n  if (fcpScoreInMicroseconds <= FCP_MEDIUM_TIMING) {\n    scoreClassification = ScoreClassification.OK;\n  }\n  if (fcpScoreInMicroseconds <= FCP_GOOD_TIMING) {\n    scoreClassification = ScoreClassification.GOOD;\n  }\n  return scoreClassification;\n}\n\n/**\n * Classifications sourced from\n * https://web.dev/interactive/#how-lighthouse-determines-your-tti-score\n */\n\nexport function scoreClassificationForTimeToInteractive(ttiTimeInMicroseconds: Types.Timing.MicroSeconds):\n    ScoreClassification {\n  const TTI_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(3.8));\n  const TTI_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(7.3));\n  let scoreClassification = ScoreClassification.BAD;\n  if (ttiTimeInMicroseconds <= TTI_MEDIUM_TIMING) {\n    scoreClassification = ScoreClassification.OK;\n  }\n  if (ttiTimeInMicroseconds <= TTI_GOOD_TIMING) {\n    scoreClassification = ScoreClassification.GOOD;\n  }\n  return scoreClassification;\n}\n\n/**\n * Classifications sourced from\n * https://web.dev/lcp/#what-is-lcp\n */\n\nexport function scoreClassificationForLargestContentfulPaint(lcpTimeInMicroseconds: Types.Timing.MicroSeconds):\n    ScoreClassification {\n  const LCP_GOOD_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(2.5));\n  const LCP_MEDIUM_TIMING = Helpers.Timing.secondsToMicroseconds(Types.Timing.Seconds(4));\n  let scoreClassification = ScoreClassification.BAD;\n  if (lcpTimeInMicroseconds <= LCP_MEDIUM_TIMING) {\n    scoreClassification = ScoreClassification.OK;\n  }\n  if (lcpTimeInMicroseconds <= LCP_GOOD_TIMING) {\n    scoreClassification = ScoreClassification.GOOD;\n  }\n  return scoreClassification;\n}\n\n/**\n * DCL does not have a classification.\n */\nexport function scoreClassificationForDOMContentLoaded(_dclTimeInMicroseconds: Types.Timing.MicroSeconds):\n    ScoreClassification {\n  return ScoreClassification.UNCLASSIFIED;\n}\n\n/**\n * Classifications sourced from\n * https://web.dev/lighthouse-total-blocking-#time/\n */\n\nexport function scoreClassificationForTotalBlockingTime(tbtTimeInMicroseconds: Types.Timing.MicroSeconds):\n    ScoreClassification {\n  const TBT_GOOD_TIMING = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(200));\n  const TBT_MEDIUM_TIMING = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(600));\n  let scoreClassification = ScoreClassification.BAD;\n  if (tbtTimeInMicroseconds <= TBT_MEDIUM_TIMING) {\n    scoreClassification = ScoreClassification.OK;\n  }\n  if (tbtTimeInMicroseconds <= TBT_GOOD_TIMING) {\n    scoreClassification = ScoreClassification.GOOD;\n  }\n  return scoreClassification;\n}\n\n/**\n * Gets all the Largest Contentful Paint scores of all the frames in the\n * trace.\n */\nfunction gatherFinalLCPEvents(): Types.TraceEvents.PageLoadEvent[] {\n  const allFinalLCPEvents: Types.TraceEvents.PageLoadEvent[] = [];\n  const dataForAllFrames = [...metricScoresByFrameId.values()];\n  const dataForAllNavigations = dataForAllFrames.flatMap(frameData => [...frameData.values()]);\n  for (let i = 0; i < dataForAllNavigations.length; i++) {\n    const navigationData = dataForAllNavigations[i];\n    const lcpInNavigation = navigationData.get(MetricName.LCP);\n    if (!lcpInNavigation || !lcpInNavigation.event) {\n      continue;\n    }\n\n    allFinalLCPEvents.push(lcpInNavigation.event);\n  }\n  return allFinalLCPEvents;\n}\n\nexport async function finalize(): Promise<void> {\n  pageLoadEventsArray.sort((a, b) => a.ts - b.ts);\n\n  for (const pageLoadEvent of pageLoadEventsArray) {\n    const navigation = getNavigationForPageLoadEvent(pageLoadEvent);\n    if (navigation) {\n      // Event's navigation was not filtered out as noise.\n      storePageLoadMetricAgainstNavigationId(navigation, pageLoadEvent);\n    }\n  }\n  // NOTE: if you are looking for the TBT calculation, it has temporarily been\n  // removed. See crbug.com/1424335 for details.\n  const allFinalLCPEvents = gatherFinalLCPEvents();\n  const mainFrame = metaHandlerData().mainFrameId;\n  // Filter out LCP candidates to use only definitive LCP values\n  const allEventsButLCP =\n      pageLoadEventsArray.filter(event => !Types.TraceEvents.isTraceEventLargestContentfulPaintCandidate(event));\n  const markerEvents = [...allFinalLCPEvents, ...allEventsButLCP].filter(isTraceEventMarkerEvent);\n  // Filter by main frame and sort.\n  allMarkerEvents =\n      markerEvents.filter(event => getFrameIdForPageLoadEvent(event) === mainFrame).sort((a, b) => a.ts - b.ts);\n}\n\nexport type PageLoadMetricsData = {\n  metricScoresByFrameId: Map<string, Map<string, Map<MetricName, MetricScore>>>,\n  allMarkerEvents: Types.TraceEvents.PageLoadEvent[],\n};\n\nexport function data(): PageLoadMetricsData {\n  return {\n    /**\n     * This represents the metric scores for all navigations, for all frames in a trace.\n     * Given a frame id, the map points to another map from navigation id to metric scores.\n     * The metric scores include the event related to the metric as well as the data regarding\n     * the score itself.\n     */\n    metricScoresByFrameId: new Map(metricScoresByFrameId),\n\n    /**\n     * Page load events with no associated duration that happened in the\n     * main frame.\n     */\n    allMarkerEvents: [...allMarkerEvents],\n  };\n}\n\nexport function deps(): TraceEventHandlerName[] {\n  return ['Meta'];\n}\n\nexport const enum ScoreClassification {\n  GOOD = 'good',\n  OK = 'ok',\n  BAD = 'bad',\n  // Some metrics (such as DOMContentLoaded) don't have a Good/OK/Bad classification, hence this additional entry.\n  UNCLASSIFIED = 'unclassified',\n}\n\nexport const enum MetricName {\n  // First Contentful Paint\n  FCP = 'FCP',\n  // First Paint\n  FP = 'FP',\n  // MarkLoad\n  L = 'L',\n  LCP = 'LCP',\n  // Mark DOM Content\n  DCL = 'DCL',\n  // Time To Interactive\n  TTI = 'TTI',\n  // Total Blocking Time\n  TBT = 'TBT',\n  // Cumulative Layout Shift\n  CLS = 'CLS',\n}\n\nexport interface MetricScore {\n  score: string;\n  metricName: MetricName;\n  classification: ScoreClassification;\n  event?: Types.TraceEvents.PageLoadEvent;\n  // The last navigation that occured before this metric score.\n  navigation?: Types.TraceEvents.TraceEventNavigationStart;\n  estimated?: boolean;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/models/trace/handlers/RendererHandler.js

@@ -0,0 +1,221 @@
+import * as Platform from "../../../core/platform/platform.js";
+import * as Helpers from "../helpers/helpers.js";
+import * as Types from "../types/types.js";
+import { data as auctionWorkletsData } from "./AuctionWorkletsHandler.js";
+import { data as metaHandlerData } from "./MetaHandler.js";
+import { data as samplesHandlerData } from "./SamplesHandler.js";
+import { HandlerState } from "./types.js";
+const processes = /* @__PURE__ */ new Map();
+const compositorTileWorkers = Array();
+const entryToNode = /* @__PURE__ */ new Map();
+let allTraceEntries = [];
+const completeEventStack = [];
+let handlerState = HandlerState.UNINITIALIZED;
+let config = Types.Configuration.DEFAULT;
+const makeRendererProcess = () => ({
+  url: null,
+  isOnMainFrame: false,
+  threads: /* @__PURE__ */ new Map()
+});
+const makeRendererThread = () => ({
+  name: null,
+  entries: []
+});
+const getOrCreateRendererProcess = (processes2, pid) => {
+  return Platform.MapUtilities.getWithDefault(processes2, pid, makeRendererProcess);
+};
+const getOrCreateRendererThread = (process, tid) => {
+  return Platform.MapUtilities.getWithDefault(process.threads, tid, makeRendererThread);
+};
+export function handleUserConfig(userConfig) {
+  config = userConfig;
+}
+export function reset() {
+  processes.clear();
+  entryToNode.clear();
+  allTraceEntries.length = 0;
+  completeEventStack.length = 0;
+  compositorTileWorkers.length = 0;
+  handlerState = HandlerState.UNINITIALIZED;
+}
+export function initialize() {
+  if (handlerState !== HandlerState.UNINITIALIZED) {
+    throw new Error("Renderer Handler was not reset");
+  }
+  handlerState = HandlerState.INITIALIZED;
+}
+export function handleEvent(event) {
+  if (handlerState !== HandlerState.INITIALIZED) {
+    throw new Error("Renderer Handler is not initialized");
+  }
+  if (Types.TraceEvents.isThreadName(event) && event.args.name?.startsWith("CompositorTileWorker")) {
+    compositorTileWorkers.push({
+      pid: event.pid,
+      tid: event.tid
+    });
+  }
+  if (Types.TraceEvents.isTraceEventBegin(event) || Types.TraceEvents.isTraceEventEnd(event)) {
+    const process = getOrCreateRendererProcess(processes, event.pid);
+    const thread = getOrCreateRendererThread(process, event.tid);
+    const completeEvent = makeCompleteEvent(event);
+    if (!completeEvent) {
+      return;
+    }
+    thread.entries.push(completeEvent);
+    allTraceEntries.push(completeEvent);
+    return;
+  }
+  if (Types.TraceEvents.isTraceEventInstant(event) || Types.TraceEvents.isTraceEventComplete(event)) {
+    const process = getOrCreateRendererProcess(processes, event.pid);
+    const thread = getOrCreateRendererThread(process, event.tid);
+    thread.entries.push(event);
+    allTraceEntries.push(event);
+  }
+}
+export async function finalize() {
+  if (handlerState !== HandlerState.INITIALIZED) {
+    throw new Error("Renderer Handler is not initialized");
+  }
+  const { mainFrameId, rendererProcessesByFrame, threadsInProcess } = metaHandlerData();
+  assignMeta(processes, mainFrameId, rendererProcessesByFrame, threadsInProcess);
+  sanitizeProcesses(processes);
+  buildHierarchy(processes);
+  sanitizeThreads(processes);
+  Helpers.Trace.sortTraceEventsInPlace(allTraceEntries);
+  handlerState = HandlerState.FINALIZED;
+}
+export function data() {
+  if (handlerState !== HandlerState.FINALIZED) {
+    throw new Error("Renderer Handler is not finalized");
+  }
+  return {
+    processes: new Map(processes),
+    compositorTileWorkers: new Map(gatherCompositorThreads()),
+    entryToNode: new Map(entryToNode),
+    allTraceEntries: [...allTraceEntries]
+  };
+}
+function gatherCompositorThreads() {
+  const threadsByProcess = /* @__PURE__ */ new Map();
+  for (const worker of compositorTileWorkers) {
+    const byProcess = threadsByProcess.get(worker.pid) || [];
+    byProcess.push(worker.tid);
+    threadsByProcess.set(worker.pid, byProcess);
+  }
+  return threadsByProcess;
+}
+export function assignMeta(processes2, mainFrameId, rendererProcessesByFrame, threadsInProcess) {
+  assignOrigin(processes2, rendererProcessesByFrame);
+  assignIsMainFrame(processes2, mainFrameId, rendererProcessesByFrame);
+  assignThreadName(processes2, rendererProcessesByFrame, threadsInProcess);
+}
+export function assignOrigin(processes2, rendererProcessesByFrame) {
+  for (const renderProcessesByPid of rendererProcessesByFrame.values()) {
+    for (const [pid, processWindows] of renderProcessesByPid) {
+      for (const processInfo of processWindows.flat()) {
+        const process = getOrCreateRendererProcess(processes2, pid);
+        if (process.url === null || process.url === "about:blank") {
+          try {
+            new URL(processInfo.frame.url);
+            process.url = processInfo.frame.url;
+          } catch (e) {
+            process.url = null;
+          }
+        }
+      }
+    }
+  }
+}
+export function assignIsMainFrame(processes2, mainFrameId, rendererProcessesByFrame) {
+  for (const [frameId, renderProcessesByPid] of rendererProcessesByFrame) {
+    for (const [pid] of renderProcessesByPid) {
+      const process = getOrCreateRendererProcess(processes2, pid);
+      if (frameId === mainFrameId) {
+        process.isOnMainFrame = true;
+      }
+    }
+  }
+}
+export function assignThreadName(processes2, rendererProcessesByFrame, threadsInProcess) {
+  for (const [pid, process] of processes2) {
+    for (const [tid, threadInfo] of threadsInProcess.get(pid) ?? []) {
+      const thread = getOrCreateRendererThread(process, tid);
+      thread.name = threadInfo?.args.name ?? `${tid}`;
+    }
+  }
+}
+export function sanitizeProcesses(processes2) {
+  const auctionWorklets = auctionWorkletsData().worklets;
+  const metaData = metaHandlerData();
+  if (metaData.traceIsGeneric) {
+    return;
+  }
+  for (const [pid, process] of processes2) {
+    if (process.url === null) {
+      const maybeWorklet = auctionWorklets.get(pid);
+      if (maybeWorklet) {
+        process.url = maybeWorklet.host;
+      } else {
+        processes2.delete(pid);
+      }
+      continue;
+    }
+  }
+}
+export function sanitizeThreads(processes2) {
+  for (const [, process] of processes2) {
+    for (const [tid, thread] of process.threads) {
+      if (!thread.tree?.roots.size) {
+        process.threads.delete(tid);
+      }
+    }
+  }
+}
+export function buildHierarchy(processes2, options) {
+  for (const [pid, process] of processes2) {
+    for (const [tid, thread] of process.threads) {
+      if (!thread.entries.length) {
+        thread.tree = Helpers.TreeHelpers.makeEmptyTraceEntryTree();
+        continue;
+      }
+      Helpers.Trace.sortTraceEventsInPlace(thread.entries);
+      const cpuProfile = samplesHandlerData().profilesInProcess.get(pid)?.get(tid)?.parsedProfile;
+      const samplesIntegrator = cpuProfile && new Helpers.SamplesIntegrator.SamplesIntegrator(cpuProfile, pid, tid, config);
+      const profileCalls = samplesIntegrator?.buildProfileCalls(thread.entries);
+      if (profileCalls) {
+        allTraceEntries = [...allTraceEntries, ...profileCalls];
+        thread.entries = Helpers.Trace.mergeEventsInOrder(thread.entries, profileCalls);
+      }
+      const treeData = Helpers.TreeHelpers.treify(thread.entries, options);
+      thread.tree = treeData.tree;
+      for (const [entry, node] of treeData.entryToNode) {
+        entryToNode.set(entry, node);
+      }
+    }
+  }
+}
+export function makeCompleteEvent(event) {
+  if (Types.TraceEvents.isTraceEventEnd(event)) {
+    const beginEvent = completeEventStack.pop();
+    if (!beginEvent) {
+      return null;
+    }
+    if (beginEvent.name !== event.name || beginEvent.cat !== event.cat) {
+      console.error("Begin/End events mismatch at " + beginEvent.ts + " (" + beginEvent.name + ") vs. " + event.ts + " (" + event.name + ")");
+      return null;
+    }
+    beginEvent.dur = Types.Timing.MicroSeconds(event.ts - beginEvent.ts);
+    return null;
+  }
+  const syntheticComplete = {
+    ...event,
+    ph: Types.TraceEvents.Phase.COMPLETE,
+    dur: Types.Timing.MicroSeconds(0)
+  };
+  completeEventStack.push(syntheticComplete);
+  return syntheticComplete;
+}
+export function deps() {
+  return ["Meta", "Samples", "AuctionWorklets"];
+}
+//# sourceMappingURL=RendererHandler.js.map