@paulirish/trace_engine 0.0.10 → 0.0.12

package/models/trace/handlers/SamplesHandler.d.ts

@@ -0,0 +1,46 @@
+import * as CPUProfile from '../../cpu_profile/cpu_profile.js';
+import * as Helpers from '../helpers/helpers.js';
+import * as Types from '../types/types.js';
+declare const profilesInProcess: Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ThreadID, ProfileData>>;
+declare const entryToNode: Map<Types.TraceEvents.SyntheticTraceEntry, Helpers.TreeHelpers.TraceEntryNode>;
+export declare function reset(): void;
+export declare function initialize(): void;
+export declare function handleEvent(event: Types.TraceEvents.TraceEventData): void;
+export declare function finalize(): Promise<void>;
+export declare function data(): SamplesHandlerData;
+export interface SamplesHandlerData {
+    profilesInProcess: typeof profilesInProcess;
+    entryToNode: typeof entryToNode;
+}
+export type ProfileData = {
+    rawProfile: CPUProfile.CPUProfileDataModel.ExtendedProfile;
+    parsedProfile: CPUProfile.CPUProfileDataModel.CPUProfileDataModel;
+    /**
+     * Contains the calls built from the CPU profile samples.
+     * Note: This doesn't contain real trace events coming from the
+     * browser, only calls synthetically typed as trace events for
+     * compatibility, as such it only makes sense to use them in pure CPU
+     * profiles.
+     *
+     * If you need the profile calls from a CPU profile obtained from a
+     * web trace, use the data exported by the RendererHandler instead.
+     */
+    profileCalls: Types.TraceEvents.SyntheticProfileCall[];
+    /**
+     * Contains the call tree built from the CPU profile samples.
+     * Similar to the profileCalls field, this tree does not contain nor
+     * take into account trace events, as such it only makes sense to use
+     * them in pure CPU profiles.
+     */
+    profileTree?: Helpers.TreeHelpers.TraceEntryTree;
+};
+/**
+ * Returns the name of a function for a given synthetic profile call.
+ * We first look to find the ProfileNode representing this call, and use its
+ * function name. This is preferred (and should always exist) because if we
+ * resolve sourcemaps, we will update this name. If that name is not present,
+ * we fall back to the function name that was in the callframe that we got
+ * when parsing the profile's trace data.
+ */
+export declare function getProfileCallFunctionName(data: SamplesHandlerData, entry: Types.TraceEvents.SyntheticProfileCall): string;
+export {};

package/models/trace/handlers/SamplesHandler.js

@@ -1,178 +1,215 @@
-import * as Platform from "../../../core/platform/platform.js";
-import * as CPUProfile from "../../cpu_profile/cpu_profile.js";
-import * as Helpers from "../helpers/helpers.js";
-import * as Types from "../types/types.js";
-import { HandlerState } from "./types.js";
-const events = /* @__PURE__ */ new Map();
-const profilesInProcess = /* @__PURE__ */ new Map();
-const entryToNode = /* @__PURE__ */ new Map();
-const preprocessedData = /* @__PURE__ */ new Map();
-let handlerState = HandlerState.UNINITIALIZED;
+// Copyright 2022 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.
+import * as Platform from '../../../core/platform/platform.js';
+import * as CPUProfile from '../../cpu_profile/cpu_profile.js';
+import * as Helpers from '../helpers/helpers.js';
+import * as Types from '../types/types.js';
+const events = new Map();
+const profilesInProcess = new Map();
+const entryToNode = new Map();
+// The profile head, containing its metadata like its start
+// time, comes in a "Profile" event. The sample data comes in
+// "ProfileChunk" events. We match these ProfileChunks with their head
+// using process and profile ids. However, in order to integrate sample
+// data with trace data, we need the thread id that owns each profile.
+// This thread id is extracted from the head event.
+// For this reason, we have a preprocessed data structure, where events
+// are matched by profile id, which we then finish processing to export
+// events matched by thread id.
+const preprocessedData = new Map();
+let handlerState = 1 /* HandlerState.UNINITIALIZED */;
 function buildProfileCalls() {
-  for (const [processId, profiles] of preprocessedData) {
-    for (const [profileId, preProcessedData] of profiles) {
-      let openFrameCallback = function(depth, node, timeStampMs) {
-        if (threadId === void 0) {
-          return;
+    for (const [processId, profiles] of preprocessedData) {
+        for (const [profileId, preProcessedData] of profiles) {
+            const threadId = preProcessedData.threadId;
+            if (!preProcessedData.rawProfile.nodes.length || threadId === undefined) {
+                continue;
+            }
+            const indexStack = [];
+            const profileModel = new CPUProfile.CPUProfileDataModel.CPUProfileDataModel(preProcessedData.rawProfile);
+            const profileTree = Helpers.TreeHelpers.makeEmptyTraceEntryTree();
+            profileTree.maxDepth = profileModel.maxDepth;
+            const finalizedData = { rawProfile: preProcessedData.rawProfile, parsedProfile: profileModel, profileCalls: [], profileTree };
+            const dataByThread = Platform.MapUtilities.getWithDefault(profilesInProcess, processId, () => new Map());
+            profileModel.forEachFrame(openFrameCallback, closeFrameCallback);
+            dataByThread.set(threadId, finalizedData);
+            function openFrameCallback(depth, node, timeStampMs) {
+                if (threadId === undefined) {
+                    return;
+                }
+                const ts = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(timeStampMs));
+                const nodeId = node.id;
+                const profileCall = Helpers.Trace.makeProfileCall(node, ts, processId, threadId);
+                finalizedData.profileCalls.push(profileCall);
+                indexStack.push(finalizedData.profileCalls.length - 1);
+                const traceEntryNode = Helpers.TreeHelpers.makeEmptyTraceEntryNode(profileCall, nodeId);
+                entryToNode.set(profileCall, traceEntryNode);
+                traceEntryNode.depth = depth;
+                if (indexStack.length === 1) {
+                    // First call in the stack is a root call.
+                    finalizedData.profileTree?.roots.add(traceEntryNode);
+                }
+            }
+            function closeFrameCallback(_depth, node, _timeStamp, durMs, selfTimeMs) {
+                const profileCallIndex = indexStack.pop();
+                const profileCall = profileCallIndex !== undefined && finalizedData.profileCalls[profileCallIndex];
+                if (!profileCall) {
+                    return;
+                }
+                const { callFrame, ts, pid, tid } = profileCall;
+                const traceEntryNode = entryToNode.get(profileCall);
+                if (callFrame === undefined || ts === undefined || pid === undefined || profileId === undefined ||
+                    tid === undefined || traceEntryNode === undefined) {
+                    return;
+                }
+                const dur = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(durMs));
+                const selfTime = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(selfTimeMs));
+                profileCall.dur = dur;
+                profileCall.selfTime = selfTime;
+                const parentIndex = indexStack.at(-1);
+                const parent = parentIndex !== undefined && finalizedData.profileCalls.at(parentIndex);
+                const parentNode = parent && entryToNode.get(parent);
+                if (!parentNode) {
+                    return;
+                }
+                traceEntryNode.parent = parentNode;
+                parentNode.children.push(traceEntryNode);
+            }
         }
-        const ts = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(timeStampMs));
-        const nodeId = node.id;
-        const profileCall = Helpers.Trace.makeProfileCall(node, ts, processId, threadId);
-        finalizedData.profileCalls.push(profileCall);
-        indexStack.push(finalizedData.profileCalls.length - 1);
-        const traceEntryNode = Helpers.TreeHelpers.makeEmptyTraceEntryNode(profileCall, nodeId);
-        entryToNode.set(profileCall, traceEntryNode);
-        traceEntryNode.depth = depth;
-        if (indexStack.length === 1) {
-          finalizedData.profileTree?.roots.add(traceEntryNode);
-        }
-      }, closeFrameCallback = function(_depth, node, _timeStamp, durMs, selfTimeMs) {
-        const profileCallIndex = indexStack.pop();
-        const profileCall = profileCallIndex !== void 0 && finalizedData.profileCalls[profileCallIndex];
-        if (!profileCall) {
-          return;
-        }
-        const { callFrame, ts, pid, tid } = profileCall;
-        const traceEntryNode = entryToNode.get(profileCall);
-        if (callFrame === void 0 || ts === void 0 || pid === void 0 || profileId === void 0 || tid === void 0 || traceEntryNode === void 0) {
-          return;
-        }
-        const dur = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(durMs));
-        const selfTime = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(selfTimeMs));
-        profileCall.dur = dur;
-        profileCall.selfTime = selfTime;
-        const parentIndex = indexStack.at(-1);
-        const parent = parentIndex !== void 0 && finalizedData.profileCalls.at(parentIndex);
-        const parentNode = parent && entryToNode.get(parent);
-        if (!parentNode) {
-          return;
-        }
-        traceEntryNode.parent = parentNode;
-        parentNode.children.push(traceEntryNode);
-      };
-      const threadId = preProcessedData.threadId;
-      if (!preProcessedData.rawProfile.nodes.length || threadId === void 0) {
-        continue;
-      }
-      const indexStack = [];
-      const profileModel = new CPUProfile.CPUProfileDataModel.CPUProfileDataModel(preProcessedData.rawProfile);
-      const profileTree = Helpers.TreeHelpers.makeEmptyTraceEntryTree();
-      profileTree.maxDepth = profileModel.maxDepth;
-      const finalizedData = { rawProfile: preProcessedData.rawProfile, parsedProfile: profileModel, profileCalls: [], profileTree };
-      const dataByThread = Platform.MapUtilities.getWithDefault(profilesInProcess, processId, () => /* @__PURE__ */ new Map());
-      profileModel.forEachFrame(openFrameCallback, closeFrameCallback);
-      dataByThread.set(threadId, finalizedData);
     }
-  }
 }
 export function reset() {
-  events.clear();
-  preprocessedData.clear();
-  profilesInProcess.clear();
-  entryToNode.clear();
-  handlerState = HandlerState.UNINITIALIZED;
+    events.clear();
+    preprocessedData.clear();
+    profilesInProcess.clear();
+    entryToNode.clear();
+    handlerState = 1 /* HandlerState.UNINITIALIZED */;
 }
 export function initialize() {
-  if (handlerState !== HandlerState.UNINITIALIZED) {
-    throw new Error("Samples Handler was not reset");
-  }
-  handlerState = HandlerState.INITIALIZED;
+    if (handlerState !== 1 /* HandlerState.UNINITIALIZED */) {
+        throw new Error('Samples Handler was not reset');
+    }
+    handlerState = 2 /* HandlerState.INITIALIZED */;
 }
 export function handleEvent(event) {
-  if (handlerState !== HandlerState.INITIALIZED) {
-    throw new Error("Samples Handler is not initialized");
-  }
-  if (Types.TraceEvents.isSyntheticCpuProfile(event)) {
-    const pid = event.pid;
-    const tid = event.tid;
-    const profileId = "0x1";
-    const profileData = getOrCreatePreProcessedData(pid, profileId);
-    profileData.rawProfile = event.args.data.cpuProfile;
-    profileData.threadId = tid;
-    return;
-  }
-  if (Types.TraceEvents.isTraceEventProfile(event)) {
-    const profileData = getOrCreatePreProcessedData(event.pid, event.id);
-    profileData.rawProfile.startTime = event.ts;
-    profileData.threadId = event.tid;
-    return;
-  }
-  if (Types.TraceEvents.isTraceEventProfileChunk(event)) {
-    const profileData = getOrCreatePreProcessedData(event.pid, event.id);
-    const cdpProfile = profileData.rawProfile;
-    const nodesAndSamples = event.args?.data?.cpuProfile || { samples: [] };
-    const samples = nodesAndSamples?.samples || [];
-    const nodes = [];
-    for (const n of nodesAndSamples?.nodes || []) {
-      const lineNumber = typeof n.callFrame.lineNumber === "undefined" ? -1 : n.callFrame.lineNumber;
-      const columnNumber = typeof n.callFrame.columnNumber === "undefined" ? -1 : n.callFrame.columnNumber;
-      const scriptId = String(n.callFrame.scriptId);
-      const url = n.callFrame.url || "";
-      const node = {
-        ...n,
-        callFrame: {
-          ...n.callFrame,
-          url,
-          lineNumber,
-          columnNumber,
-          scriptId
-        }
-      };
-      nodes.push(node);
+    if (handlerState !== 2 /* HandlerState.INITIALIZED */) {
+        throw new Error('Samples Handler is not initialized');
     }
-    const timeDeltas = event.args.data?.timeDeltas || [];
-    const lines = event.args.data?.lines || Array(samples.length).fill(0);
-    cdpProfile.nodes.push(...nodes);
-    cdpProfile.samples?.push(...samples);
-    cdpProfile.timeDeltas?.push(...timeDeltas);
-    cdpProfile.lines?.push(...lines);
-    if (cdpProfile.samples && cdpProfile.timeDeltas && cdpProfile.samples.length !== cdpProfile.timeDeltas.length) {
-      console.error("Failed to parse CPU profile.");
-      return;
+    /**
+     * A fake trace event created to support CDP.Profiler.Profiles in the
+     * trace engine.
+     */
+    if (Types.TraceEvents.isSyntheticCpuProfile(event)) {
+        // At the moment we are attaching to a single node target so we
+        // should only get a single CPU profile. The values of the process
+        // id and thread id are not really important, so we use the data
+        // in the fake event. Should multi-thread CPU profiling be supported
+        // we could use these fields in the event to pass thread info.
+        const pid = event.pid;
+        const tid = event.tid;
+        // Create an arbitrary profile id.
+        const profileId = '0x1';
+        const profileData = getOrCreatePreProcessedData(pid, profileId);
+        profileData.rawProfile = event.args.data.cpuProfile;
+        profileData.threadId = tid;
+        return;
     }
-    if (!cdpProfile.endTime && cdpProfile.timeDeltas) {
-      const timeDeltas2 = cdpProfile.timeDeltas;
-      cdpProfile.endTime = timeDeltas2.reduce((x, y) => x + y, cdpProfile.startTime);
+    if (Types.TraceEvents.isTraceEventProfile(event)) {
+        // Do not use event.args.data.startTime as it is in CLOCK_MONOTONIC domain,
+        // but use profileEvent.ts which has been translated to Perfetto's clock
+        // domain. Also convert from ms to us.
+        // Note: events are collected on a different thread than what's sampled.
+        // The correct process and thread ids are specified by the profile.
+        const profileData = getOrCreatePreProcessedData(event.pid, event.id);
+        profileData.rawProfile.startTime = event.ts;
+        profileData.threadId = event.tid;
+        return;
+    }
+    if (Types.TraceEvents.isTraceEventProfileChunk(event)) {
+        const profileData = getOrCreatePreProcessedData(event.pid, event.id);
+        const cdpProfile = profileData.rawProfile;
+        const nodesAndSamples = event.args?.data?.cpuProfile || { samples: [] };
+        const samples = nodesAndSamples?.samples || [];
+        const nodes = [];
+        for (const n of nodesAndSamples?.nodes || []) {
+            const lineNumber = typeof n.callFrame.lineNumber === 'undefined' ? -1 : n.callFrame.lineNumber;
+            const columnNumber = typeof n.callFrame.columnNumber === 'undefined' ? -1 : n.callFrame.columnNumber;
+            const scriptId = String(n.callFrame.scriptId);
+            const url = n.callFrame.url || '';
+            const node = {
+                ...n,
+                callFrame: {
+                    ...n.callFrame,
+                    url,
+                    lineNumber,
+                    columnNumber,
+                    scriptId,
+                },
+            };
+            nodes.push(node);
+        }
+        const timeDeltas = event.args.data?.timeDeltas || [];
+        const lines = event.args.data?.lines || Array(samples.length).fill(0);
+        cdpProfile.nodes.push(...nodes);
+        cdpProfile.samples?.push(...samples);
+        cdpProfile.timeDeltas?.push(...timeDeltas);
+        cdpProfile.lines?.push(...lines);
+        if (cdpProfile.samples && cdpProfile.timeDeltas && cdpProfile.samples.length !== cdpProfile.timeDeltas.length) {
+            console.error('Failed to parse CPU profile.');
+            return;
+        }
+        if (!cdpProfile.endTime && cdpProfile.timeDeltas) {
+            const timeDeltas = cdpProfile.timeDeltas;
+            cdpProfile.endTime = timeDeltas.reduce((x, y) => x + y, cdpProfile.startTime);
+        }
+        return;
     }
-    return;
-  }
 }
 export async function finalize() {
-  if (handlerState !== HandlerState.INITIALIZED) {
-    throw new Error("Samples Handler is not initialized");
-  }
-  buildProfileCalls();
-  handlerState = HandlerState.FINALIZED;
+    if (handlerState !== 2 /* HandlerState.INITIALIZED */) {
+        throw new Error('Samples Handler is not initialized');
+    }
+    buildProfileCalls();
+    handlerState = 3 /* HandlerState.FINALIZED */;
 }
 export function data() {
-  if (handlerState !== HandlerState.FINALIZED) {
-    throw new Error("Samples Handler is not finalized");
-  }
-  return {
-    profilesInProcess: new Map(profilesInProcess),
-    entryToNode: new Map(entryToNode)
-  };
+    if (handlerState !== 3 /* HandlerState.FINALIZED */) {
+        throw new Error('Samples Handler is not finalized');
+    }
+    return {
+        profilesInProcess: new Map(profilesInProcess),
+        entryToNode: new Map(entryToNode),
+    };
 }
 function getOrCreatePreProcessedData(processId, profileId) {
-  const profileById = Platform.MapUtilities.getWithDefault(preprocessedData, processId, () => /* @__PURE__ */ new Map());
-  return Platform.MapUtilities.getWithDefault(profileById, profileId, () => ({
-    rawProfile: {
-      startTime: 0,
-      endTime: 0,
-      nodes: [],
-      samples: [],
-      timeDeltas: [],
-      lines: []
-    },
-    profileId
-  }));
+    const profileById = Platform.MapUtilities.getWithDefault(preprocessedData, processId, () => new Map());
+    return Platform.MapUtilities.getWithDefault(profileById, profileId, () => ({
+        rawProfile: {
+            startTime: 0,
+            endTime: 0,
+            nodes: [],
+            samples: [],
+            timeDeltas: [],
+            lines: [],
+        },
+        profileId,
+    }));
 }
-export function getProfileCallFunctionName(data2, entry) {
-  const profile = data2.profilesInProcess.get(entry.pid)?.get(entry.tid);
-  const node = profile?.parsedProfile.nodeById(entry.nodeId);
-  if (node?.functionName) {
-    return node.functionName;
-  }
-  return entry.callFrame.functionName;
+/**
+ * Returns the name of a function for a given synthetic profile call.
+ * We first look to find the ProfileNode representing this call, and use its
+ * function name. This is preferred (and should always exist) because if we
+ * resolve sourcemaps, we will update this name. If that name is not present,
+ * we fall back to the function name that was in the callframe that we got
+ * when parsing the profile's trace data.
+ */
+export function getProfileCallFunctionName(data, entry) {
+    const profile = data.profilesInProcess.get(entry.pid)?.get(entry.tid);
+    const node = profile?.parsedProfile.nodeById(entry.nodeId);
+    if (node?.functionName) {
+        return node.functionName;
+    }
+    return entry.callFrame.functionName;
 }
-//# sourceMappingURL=SamplesHandler.js.map
+//# sourceMappingURL=SamplesHandler.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../front_end/models/trace/handlers/SamplesHandler.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\nimport * as Platform from '../../../core/platform/platform.js';\nimport type * as Protocol from '../../../generated/protocol.js';\nimport * as CPUProfile from '../../cpu_profile/cpu_profile.js';\nimport * as Helpers from '../helpers/helpers.js';\nimport * as Types from '../types/types.js';\n\nimport {HandlerState} from './types.js';\n\nconst events =\n    new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ThreadID, Types.TraceEvents.TraceEventComplete[]>>();\n\nconst profilesInProcess = new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ThreadID, ProfileData>>();\nconst entryToNode = new Map<Types.TraceEvents.SyntheticTraceEntry, Helpers.TreeHelpers.TraceEntryNode>();\n\n// The profile head, containing its metadata like its start\n// time, comes in a \"Profile\" event. The sample data comes in\n// \"ProfileChunk\" events. We match these ProfileChunks with their head\n// using process and profile ids. However, in order to integrate sample\n// data with trace data, we need the thread id that owns each profile.\n// This thread id is extracted from the head event.\n// For this reason, we have a preprocessed data structure, where events\n// are matched by profile id, which we then finish processing to export\n// events matched by thread id.\nconst preprocessedData = new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ProfileID, PreprocessedData>>();\n\nlet handlerState = HandlerState.UNINITIALIZED;\n\nfunction buildProfileCalls(): void {\n  for (const [processId, profiles] of preprocessedData) {\n    for (const [profileId, preProcessedData] of profiles) {\n      const threadId = preProcessedData.threadId;\n      if (!preProcessedData.rawProfile.nodes.length || threadId === undefined) {\n        continue;\n      }\n      const indexStack: number[] = [];\n\n      const profileModel = new CPUProfile.CPUProfileDataModel.CPUProfileDataModel(preProcessedData.rawProfile);\n      const profileTree = Helpers.TreeHelpers.makeEmptyTraceEntryTree();\n      profileTree.maxDepth = profileModel.maxDepth;\n\n      const finalizedData: ProfileData =\n          {rawProfile: preProcessedData.rawProfile, parsedProfile: profileModel, profileCalls: [], profileTree};\n\n      const dataByThread = Platform.MapUtilities.getWithDefault(profilesInProcess, processId, () => new Map());\n      profileModel.forEachFrame(openFrameCallback, closeFrameCallback);\n      dataByThread.set(threadId, finalizedData);\n\n      function openFrameCallback(\n          depth: number, node: CPUProfile.ProfileTreeModel.ProfileNode, timeStampMs: number): void {\n        if (threadId === undefined) {\n          return;\n        }\n        const ts = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(timeStampMs));\n        const nodeId = node.id as Helpers.TreeHelpers.TraceEntryNodeId;\n\n        const profileCall = Helpers.Trace.makeProfileCall(node, ts, processId, threadId);\n        finalizedData.profileCalls.push(profileCall);\n        indexStack.push(finalizedData.profileCalls.length - 1);\n        const traceEntryNode = Helpers.TreeHelpers.makeEmptyTraceEntryNode(profileCall, nodeId);\n        entryToNode.set(profileCall, traceEntryNode);\n        traceEntryNode.depth = depth;\n        if (indexStack.length === 1) {\n          // First call in the stack is a root call.\n          finalizedData.profileTree?.roots.add(traceEntryNode);\n        }\n      }\n      function closeFrameCallback(\n          _depth: number, node: CPUProfile.ProfileTreeModel.ProfileNode, _timeStamp: number, durMs: number,\n          selfTimeMs: number): void {\n        const profileCallIndex = indexStack.pop();\n        const profileCall = profileCallIndex !== undefined && finalizedData.profileCalls[profileCallIndex];\n        if (!profileCall) {\n          return;\n        }\n        const {callFrame, ts, pid, tid} = profileCall;\n        const traceEntryNode = entryToNode.get(profileCall);\n        if (callFrame === undefined || ts === undefined || pid === undefined || profileId === undefined ||\n            tid === undefined || traceEntryNode === undefined) {\n          return;\n        }\n        const dur = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(durMs));\n        const selfTime = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(selfTimeMs));\n        profileCall.dur = dur;\n        profileCall.selfTime = selfTime;\n\n        const parentIndex = indexStack.at(-1);\n        const parent = parentIndex !== undefined && finalizedData.profileCalls.at(parentIndex);\n        const parentNode = parent && entryToNode.get(parent);\n        if (!parentNode) {\n          return;\n        }\n        traceEntryNode.parent = parentNode;\n        parentNode.children.push(traceEntryNode);\n      }\n    }\n  }\n}\n\nexport function reset(): void {\n  events.clear();\n  preprocessedData.clear();\n  profilesInProcess.clear();\n  entryToNode.clear();\n  handlerState = HandlerState.UNINITIALIZED;\n}\n\nexport function initialize(): void {\n  if (handlerState !== HandlerState.UNINITIALIZED) {\n    throw new Error('Samples Handler was not reset');\n  }\n\n  handlerState = HandlerState.INITIALIZED;\n}\n\nexport function handleEvent(event: Types.TraceEvents.TraceEventData): void {\n  if (handlerState !== HandlerState.INITIALIZED) {\n    throw new Error('Samples Handler is not initialized');\n  }\n\n  /**\n   * A fake trace event created to support CDP.Profiler.Profiles in the\n   * trace engine.\n   */\n  if (Types.TraceEvents.isSyntheticCpuProfile(event)) {\n    // At the moment we are attaching to a single node target so we\n    // should only get a single CPU profile. The values of the process\n    // id and thread id are not really important, so we use the data\n    // in the fake event. Should multi-thread CPU profiling be supported\n    // we could use these fields in the event to pass thread info.\n    const pid = event.pid;\n    const tid = event.tid;\n    // Create an arbitrary profile id.\n    const profileId = '0x1' as Types.TraceEvents.ProfileID;\n    const profileData = getOrCreatePreProcessedData(pid, profileId);\n    profileData.rawProfile = event.args.data.cpuProfile;\n    profileData.threadId = tid;\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventProfile(event)) {\n    // Do not use event.args.data.startTime as it is in CLOCK_MONOTONIC domain,\n    // but use profileEvent.ts which has been translated to Perfetto's clock\n    // domain. Also convert from ms to us.\n    // Note: events are collected on a different thread than what's sampled.\n    // The correct process and thread ids are specified by the profile.\n    const profileData = getOrCreatePreProcessedData(event.pid, event.id);\n    profileData.rawProfile.startTime = event.ts;\n    profileData.threadId = event.tid;\n    return;\n  }\n  if (Types.TraceEvents.isTraceEventProfileChunk(event)) {\n    const profileData = getOrCreatePreProcessedData(event.pid, event.id);\n    const cdpProfile = profileData.rawProfile;\n    const nodesAndSamples: Types.TraceEvents.TraceEventPartialProfile|undefined =\n        event.args?.data?.cpuProfile || {samples: []};\n    const samples = nodesAndSamples?.samples || [];\n    const nodes: CPUProfile.CPUProfileDataModel.ExtendedProfileNode[] = [];\n    for (const n of nodesAndSamples?.nodes || []) {\n      const lineNumber = typeof n.callFrame.lineNumber === 'undefined' ? -1 : n.callFrame.lineNumber;\n      const columnNumber = typeof n.callFrame.columnNumber === 'undefined' ? -1 : n.callFrame.columnNumber;\n\n      const scriptId = String(n.callFrame.scriptId) as Protocol.Runtime.ScriptId;\n      const url = n.callFrame.url || '';\n      const node = {\n        ...n,\n        callFrame: {\n          ...n.callFrame,\n          url,\n          lineNumber,\n          columnNumber,\n          scriptId,\n        },\n      };\n      nodes.push(node);\n    }\n\n    const timeDeltas = event.args.data?.timeDeltas || [];\n    const lines = event.args.data?.lines || Array(samples.length).fill(0);\n    cdpProfile.nodes.push(...nodes);\n    cdpProfile.samples?.push(...samples);\n    cdpProfile.timeDeltas?.push(...timeDeltas);\n    cdpProfile.lines?.push(...lines);\n    if (cdpProfile.samples && cdpProfile.timeDeltas && cdpProfile.samples.length !== cdpProfile.timeDeltas.length) {\n      console.error('Failed to parse CPU profile.');\n      return;\n    }\n    if (!cdpProfile.endTime && cdpProfile.timeDeltas) {\n      const timeDeltas: number[] = cdpProfile.timeDeltas;\n      cdpProfile.endTime = timeDeltas.reduce((x, y) => x + y, cdpProfile.startTime);\n    }\n    return;\n  }\n}\n\nexport async function finalize(): Promise<void> {\n  if (handlerState !== HandlerState.INITIALIZED) {\n    throw new Error('Samples Handler is not initialized');\n  }\n  buildProfileCalls();\n\n  handlerState = HandlerState.FINALIZED;\n}\n\nexport function data(): SamplesHandlerData {\n  if (handlerState !== HandlerState.FINALIZED) {\n    throw new Error('Samples Handler is not finalized');\n  }\n\n  return {\n    profilesInProcess: new Map(profilesInProcess),\n    entryToNode: new Map(entryToNode),\n  };\n}\n\nfunction getOrCreatePreProcessedData(\n    processId: Types.TraceEvents.ProcessID, profileId: Types.TraceEvents.ProfileID): PreprocessedData {\n  const profileById = Platform.MapUtilities.getWithDefault(preprocessedData, processId, () => new Map());\n  return Platform.MapUtilities.getWithDefault<Types.TraceEvents.ProfileID, PreprocessedData>(\n      profileById, profileId, () => ({\n                                rawProfile: {\n                                  startTime: 0,\n                                  endTime: 0,\n                                  nodes: [],\n                                  samples: [],\n                                  timeDeltas: [],\n                                  lines: [],\n                                },\n                                profileId,\n                              }));\n}\n\nexport interface SamplesHandlerData {\n  profilesInProcess: typeof profilesInProcess;\n  entryToNode: typeof entryToNode;\n}\n\nexport type ProfileData = {\n  rawProfile: CPUProfile.CPUProfileDataModel.ExtendedProfile,\n  parsedProfile: CPUProfile.CPUProfileDataModel.CPUProfileDataModel,\n  /**\n   * Contains the calls built from the CPU profile samples.\n   * Note: This doesn't contain real trace events coming from the\n   * browser, only calls synthetically typed as trace events for\n   * compatibility, as such it only makes sense to use them in pure CPU\n   * profiles.\n   *\n   * If you need the profile calls from a CPU profile obtained from a\n   * web trace, use the data exported by the RendererHandler instead.\n   */\n  profileCalls: Types.TraceEvents.SyntheticProfileCall[],\n  /**\n   * Contains the call tree built from the CPU profile samples.\n   * Similar to the profileCalls field, this tree does not contain nor\n   * take into account trace events, as such it only makes sense to use\n   * them in pure CPU profiles.\n   */\n  profileTree?: Helpers.TreeHelpers.TraceEntryTree,\n};\n\ntype PreprocessedData = {\n  rawProfile: CPUProfile.CPUProfileDataModel.ExtendedProfile,\n  threadId?: Types.TraceEvents.ThreadID, profileId: Types.TraceEvents.ProfileID,\n};\n\n/**\n * Returns the name of a function for a given synthetic profile call.\n * We first look to find the ProfileNode representing this call, and use its\n * function name. This is preferred (and should always exist) because if we\n * resolve sourcemaps, we will update this name. If that name is not present,\n * we fall back to the function name that was in the callframe that we got\n * when parsing the profile's trace data.\n */\nexport function getProfileCallFunctionName(\n    data: SamplesHandlerData, entry: Types.TraceEvents.SyntheticProfileCall): string {\n  const profile = data.profilesInProcess.get(entry.pid)?.get(entry.tid);\n  const node = profile?.parsedProfile.nodeById(entry.nodeId);\n  if (node?.functionName) {\n    return node.functionName;\n  }\n  return entry.callFrame.functionName;\n}\n"],
-  "mappings": "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",
-  "names": []
-}
+{"version":3,"file":"SamplesHandler.js","sourceRoot":"","sources":["../../../../../../../front_end/models/trace/handlers/SamplesHandler.ts"],"names":[],"mappings":"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","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\nimport * as Platform from '../../../core/platform/platform.js';\nimport type * as Protocol from '../../../generated/protocol.js';\nimport * as CPUProfile from '../../cpu_profile/cpu_profile.js';\nimport * as Helpers from '../helpers/helpers.js';\nimport * as Types from '../types/types.js';\n\nimport {HandlerState} from './types.js';\n\nconst events =\n    new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ThreadID, Types.TraceEvents.TraceEventComplete[]>>();\n\nconst profilesInProcess = new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ThreadID, ProfileData>>();\nconst entryToNode = new Map<Types.TraceEvents.SyntheticTraceEntry, Helpers.TreeHelpers.TraceEntryNode>();\n\n// The profile head, containing its metadata like its start\n// time, comes in a \"Profile\" event. The sample data comes in\n// \"ProfileChunk\" events. We match these ProfileChunks with their head\n// using process and profile ids. However, in order to integrate sample\n// data with trace data, we need the thread id that owns each profile.\n// This thread id is extracted from the head event.\n// For this reason, we have a preprocessed data structure, where events\n// are matched by profile id, which we then finish processing to export\n// events matched by thread id.\nconst preprocessedData = new Map<Types.TraceEvents.ProcessID, Map<Types.TraceEvents.ProfileID, PreprocessedData>>();\n\nlet handlerState = HandlerState.UNINITIALIZED;\n\nfunction buildProfileCalls(): void {\n  for (const [processId, profiles] of preprocessedData) {\n    for (const [profileId, preProcessedData] of profiles) {\n      const threadId = preProcessedData.threadId;\n      if (!preProcessedData.rawProfile.nodes.length || threadId === undefined) {\n        continue;\n      }\n      const indexStack: number[] = [];\n\n      const profileModel = new CPUProfile.CPUProfileDataModel.CPUProfileDataModel(preProcessedData.rawProfile);\n      const profileTree = Helpers.TreeHelpers.makeEmptyTraceEntryTree();\n      profileTree.maxDepth = profileModel.maxDepth;\n\n      const finalizedData: ProfileData =\n          {rawProfile: preProcessedData.rawProfile, parsedProfile: profileModel, profileCalls: [], profileTree};\n\n      const dataByThread = Platform.MapUtilities.getWithDefault(profilesInProcess, processId, () => new Map());\n      profileModel.forEachFrame(openFrameCallback, closeFrameCallback);\n      dataByThread.set(threadId, finalizedData);\n\n      function openFrameCallback(\n          depth: number, node: CPUProfile.ProfileTreeModel.ProfileNode, timeStampMs: number): void {\n        if (threadId === undefined) {\n          return;\n        }\n        const ts = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(timeStampMs));\n        const nodeId = node.id as Helpers.TreeHelpers.TraceEntryNodeId;\n\n        const profileCall = Helpers.Trace.makeProfileCall(node, ts, processId, threadId);\n        finalizedData.profileCalls.push(profileCall);\n        indexStack.push(finalizedData.profileCalls.length - 1);\n        const traceEntryNode = Helpers.TreeHelpers.makeEmptyTraceEntryNode(profileCall, nodeId);\n        entryToNode.set(profileCall, traceEntryNode);\n        traceEntryNode.depth = depth;\n        if (indexStack.length === 1) {\n          // First call in the stack is a root call.\n          finalizedData.profileTree?.roots.add(traceEntryNode);\n        }\n      }\n      function closeFrameCallback(\n          _depth: number, node: CPUProfile.ProfileTreeModel.ProfileNode, _timeStamp: number, durMs: number,\n          selfTimeMs: number): void {\n        const profileCallIndex = indexStack.pop();\n        const profileCall = profileCallIndex !== undefined && finalizedData.profileCalls[profileCallIndex];\n        if (!profileCall) {\n          return;\n        }\n        const {callFrame, ts, pid, tid} = profileCall;\n        const traceEntryNode = entryToNode.get(profileCall);\n        if (callFrame === undefined || ts === undefined || pid === undefined || profileId === undefined ||\n            tid === undefined || traceEntryNode === undefined) {\n          return;\n        }\n        const dur = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(durMs));\n        const selfTime = Helpers.Timing.millisecondsToMicroseconds(Types.Timing.MilliSeconds(selfTimeMs));\n        profileCall.dur = dur;\n        profileCall.selfTime = selfTime;\n\n        const parentIndex = indexStack.at(-1);\n        const parent = parentIndex !== undefined && finalizedData.profileCalls.at(parentIndex);\n        const parentNode = parent && entryToNode.get(parent);\n        if (!parentNode) {\n          return;\n        }\n        traceEntryNode.parent = parentNode;\n        parentNode.children.push(traceEntryNode);\n      }\n    }\n  }\n}\n\nexport function reset(): void {\n  events.clear();\n  preprocessedData.clear();\n  profilesInProcess.clear();\n  entryToNode.clear();\n  handlerState = HandlerState.UNINITIALIZED;\n}\n\nexport function initialize(): void {\n  if (handlerState !== HandlerState.UNINITIALIZED) {\n    throw new Error('Samples Handler was not reset');\n  }\n\n  handlerState = HandlerState.INITIALIZED;\n}\n\nexport function handleEvent(event: Types.TraceEvents.TraceEventData): void {\n  if (handlerState !== HandlerState.INITIALIZED) {\n    throw new Error('Samples Handler is not initialized');\n  }\n\n  /**\n   * A fake trace event created to support CDP.Profiler.Profiles in the\n   * trace engine.\n   */\n  if (Types.TraceEvents.isSyntheticCpuProfile(event)) {\n    // At the moment we are attaching to a single node target so we\n    // should only get a single CPU profile. The values of the process\n    // id and thread id are not really important, so we use the data\n    // in the fake event. Should multi-thread CPU profiling be supported\n    // we could use these fields in the event to pass thread info.\n    const pid = event.pid;\n    const tid = event.tid;\n    // Create an arbitrary profile id.\n    const profileId = '0x1' as Types.TraceEvents.ProfileID;\n    const profileData = getOrCreatePreProcessedData(pid, profileId);\n    profileData.rawProfile = event.args.data.cpuProfile;\n    profileData.threadId = tid;\n    return;\n  }\n\n  if (Types.TraceEvents.isTraceEventProfile(event)) {\n    // Do not use event.args.data.startTime as it is in CLOCK_MONOTONIC domain,\n    // but use profileEvent.ts which has been translated to Perfetto's clock\n    // domain. Also convert from ms to us.\n    // Note: events are collected on a different thread than what's sampled.\n    // The correct process and thread ids are specified by the profile.\n    const profileData = getOrCreatePreProcessedData(event.pid, event.id);\n    profileData.rawProfile.startTime = event.ts;\n    profileData.threadId = event.tid;\n    return;\n  }\n  if (Types.TraceEvents.isTraceEventProfileChunk(event)) {\n    const profileData = getOrCreatePreProcessedData(event.pid, event.id);\n    const cdpProfile = profileData.rawProfile;\n    const nodesAndSamples: Types.TraceEvents.TraceEventPartialProfile|undefined =\n        event.args?.data?.cpuProfile || {samples: []};\n    const samples = nodesAndSamples?.samples || [];\n    const nodes: CPUProfile.CPUProfileDataModel.ExtendedProfileNode[] = [];\n    for (const n of nodesAndSamples?.nodes || []) {\n      const lineNumber = typeof n.callFrame.lineNumber === 'undefined' ? -1 : n.callFrame.lineNumber;\n      const columnNumber = typeof n.callFrame.columnNumber === 'undefined' ? -1 : n.callFrame.columnNumber;\n\n      const scriptId = String(n.callFrame.scriptId) as Protocol.Runtime.ScriptId;\n      const url = n.callFrame.url || '';\n      const node = {\n        ...n,\n        callFrame: {\n          ...n.callFrame,\n          url,\n          lineNumber,\n          columnNumber,\n          scriptId,\n        },\n      };\n      nodes.push(node);\n    }\n\n    const timeDeltas = event.args.data?.timeDeltas || [];\n    const lines = event.args.data?.lines || Array(samples.length).fill(0);\n    cdpProfile.nodes.push(...nodes);\n    cdpProfile.samples?.push(...samples);\n    cdpProfile.timeDeltas?.push(...timeDeltas);\n    cdpProfile.lines?.push(...lines);\n    if (cdpProfile.samples && cdpProfile.timeDeltas && cdpProfile.samples.length !== cdpProfile.timeDeltas.length) {\n      console.error('Failed to parse CPU profile.');\n      return;\n    }\n    if (!cdpProfile.endTime && cdpProfile.timeDeltas) {\n      const timeDeltas: number[] = cdpProfile.timeDeltas;\n      cdpProfile.endTime = timeDeltas.reduce((x, y) => x + y, cdpProfile.startTime);\n    }\n    return;\n  }\n}\n\nexport async function finalize(): Promise<void> {\n  if (handlerState !== HandlerState.INITIALIZED) {\n    throw new Error('Samples Handler is not initialized');\n  }\n  buildProfileCalls();\n\n  handlerState = HandlerState.FINALIZED;\n}\n\nexport function data(): SamplesHandlerData {\n  if (handlerState !== HandlerState.FINALIZED) {\n    throw new Error('Samples Handler is not finalized');\n  }\n\n  return {\n    profilesInProcess: new Map(profilesInProcess),\n    entryToNode: new Map(entryToNode),\n  };\n}\n\nfunction getOrCreatePreProcessedData(\n    processId: Types.TraceEvents.ProcessID, profileId: Types.TraceEvents.ProfileID): PreprocessedData {\n  const profileById = Platform.MapUtilities.getWithDefault(preprocessedData, processId, () => new Map());\n  return Platform.MapUtilities.getWithDefault<Types.TraceEvents.ProfileID, PreprocessedData>(\n      profileById, profileId, () => ({\n                                rawProfile: {\n                                  startTime: 0,\n                                  endTime: 0,\n                                  nodes: [],\n                                  samples: [],\n                                  timeDeltas: [],\n                                  lines: [],\n                                },\n                                profileId,\n                              }));\n}\n\nexport interface SamplesHandlerData {\n  profilesInProcess: typeof profilesInProcess;\n  entryToNode: typeof entryToNode;\n}\n\nexport type ProfileData = {\n  rawProfile: CPUProfile.CPUProfileDataModel.ExtendedProfile,\n  parsedProfile: CPUProfile.CPUProfileDataModel.CPUProfileDataModel,\n  /**\n   * Contains the calls built from the CPU profile samples.\n   * Note: This doesn't contain real trace events coming from the\n   * browser, only calls synthetically typed as trace events for\n   * compatibility, as such it only makes sense to use them in pure CPU\n   * profiles.\n   *\n   * If you need the profile calls from a CPU profile obtained from a\n   * web trace, use the data exported by the RendererHandler instead.\n   */\n  profileCalls: Types.TraceEvents.SyntheticProfileCall[],\n  /**\n   * Contains the call tree built from the CPU profile samples.\n   * Similar to the profileCalls field, this tree does not contain nor\n   * take into account trace events, as such it only makes sense to use\n   * them in pure CPU profiles.\n   */\n  profileTree?: Helpers.TreeHelpers.TraceEntryTree,\n};\n\ntype PreprocessedData = {\n  rawProfile: CPUProfile.CPUProfileDataModel.ExtendedProfile,\n  threadId?: Types.TraceEvents.ThreadID, profileId: Types.TraceEvents.ProfileID,\n};\n\n/**\n * Returns the name of a function for a given synthetic profile call.\n * We first look to find the ProfileNode representing this call, and use its\n * function name. This is preferred (and should always exist) because if we\n * resolve sourcemaps, we will update this name. If that name is not present,\n * we fall back to the function name that was in the callframe that we got\n * when parsing the profile's trace data.\n */\nexport function getProfileCallFunctionName(\n    data: SamplesHandlerData, entry: Types.TraceEvents.SyntheticProfileCall): string {\n  const profile = data.profilesInProcess.get(entry.pid)?.get(entry.tid);\n  const node = profile?.parsedProfile.nodeById(entry.nodeId);\n  if (node?.functionName) {\n    return node.functionName;\n  }\n  return entry.callFrame.functionName;\n}\n"]}

package/models/trace/handlers/ScreenshotsHandler.d.ts

@@ -0,0 +1,7 @@
+import * as Types from '../types/types.js';
+import { type TraceEventHandlerName } from './types.js';
+export declare function reset(): void;
+export declare function handleEvent(event: Types.TraceEvents.TraceEventData): void;
+export declare function finalize(): Promise<void>;
+export declare function data(): Types.TraceEvents.SyntheticScreenshot[];
+export declare function deps(): TraceEventHandlerName[];

package/models/trace/handlers/ScreenshotsHandler.js

@@ -1,57 +1,79 @@
-import * as Helpers from "../helpers/helpers.js";
-import * as Types from "../types/types.js";
+// Copyright 2022 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.
+import * as Helpers from '../helpers/helpers.js';
+import * as Types from '../types/types.js';
+// Each thread contains events. Events indicate the thread and process IDs, which are
+// used to store the event in the correct process thread entry below.
 const unpairedAsyncEvents = [];
 const snapshotEvents = [];
 const syntheticScreenshotEvents = [];
 let frameSequenceToTs = {};
 export function reset() {
-  unpairedAsyncEvents.length = 0;
-  snapshotEvents.length = 0;
-  syntheticScreenshotEvents.length = 0;
-  frameSequenceToTs = {};
+    unpairedAsyncEvents.length = 0;
+    snapshotEvents.length = 0;
+    syntheticScreenshotEvents.length = 0;
+    frameSequenceToTs = {};
 }
 export function handleEvent(event) {
-  if (Types.TraceEvents.isTraceEventScreenshot(event)) {
-    snapshotEvents.push(event);
-  } else if (Types.TraceEvents.isTraceEventPipelineReporter(event)) {
-    unpairedAsyncEvents.push(event);
-  }
+    if (Types.TraceEvents.isTraceEventScreenshot(event)) {
+        snapshotEvents.push(event);
+    }
+    else if (Types.TraceEvents.isTraceEventPipelineReporter(event)) {
+        unpairedAsyncEvents.push(event);
+    }
 }
 export async function finalize() {
-  const pipelineReporterEvents = Helpers.Trace.createMatchedSortedSyntheticEvents(unpairedAsyncEvents);
-  frameSequenceToTs = Object.fromEntries(pipelineReporterEvents.map((evt) => {
-    const frameSequenceId = evt.args.data.beginEvent.args.chrome_frame_reporter.frame_sequence;
-    const presentationTs = Types.Timing.MicroSeconds(evt.ts + evt.dur);
-    return [frameSequenceId, presentationTs];
-  }));
-  for (const snapshotEvent of snapshotEvents) {
-    const { cat, name, ph, pid, tid } = snapshotEvent;
-    const syntheticEvent = {
-      cat,
-      name,
-      ph,
-      pid,
-      tid,
-      ts: getPresentationTimestamp(snapshotEvent),
-      args: {
-        dataUri: `data:image/jpg;base64,${snapshotEvent.args.snapshot}`
-      }
-    };
-    syntheticScreenshotEvents.push(syntheticEvent);
-  }
+    const pipelineReporterEvents = Helpers.Trace.createMatchedSortedSyntheticEvents(unpairedAsyncEvents);
+    frameSequenceToTs = Object.fromEntries(pipelineReporterEvents.map(evt => {
+        const frameSequenceId = evt.args.data.beginEvent.args.chrome_frame_reporter.frame_sequence;
+        const presentationTs = Types.Timing.MicroSeconds(evt.ts + evt.dur);
+        return [frameSequenceId, presentationTs];
+    }));
+    for (const snapshotEvent of snapshotEvents) {
+        const { cat, name, ph, pid, tid } = snapshotEvent;
+        const syntheticEvent = {
+            cat,
+            name,
+            ph,
+            pid,
+            tid,
+            // `getPresentationTimestamp(snapshotEvent) - snapshotEvent.ts` is how many microsec the screenshot was adjusted to the right/later
+            ts: getPresentationTimestamp(snapshotEvent),
+            args: {
+                dataUri: `data:image/jpg;base64,${snapshotEvent.args.snapshot}`,
+            },
+        };
+        syntheticScreenshotEvents.push(syntheticEvent);
+    }
 }
+/**
+ * Correct the screenshot timestamps
+ * The screenshot 'snapshot object' trace event has the "frame sequence number" attached as an ID.
+ * We match that up with the "PipelineReporter" trace events as they terminate at presentation.
+ * Presentation == when the pixels hit the screen. AKA Swap on the GPU
+ */
 function getPresentationTimestamp(screenshotEvent) {
-  const frameSequence = parseInt(screenshotEvent.id, 16);
-  if (frameSequence === 1) {
-    return screenshotEvent.ts;
-  }
-  const updatedTs = frameSequenceToTs[frameSequence];
-  return updatedTs ?? screenshotEvent.ts;
+    const frameSequence = parseInt(screenshotEvent.id, 16);
+    // If it's 1, then it's an old trace (before https://crrev.com/c/4957973) and cannot be corrected.
+    if (frameSequence === 1) {
+        return screenshotEvent.ts;
+    }
+    // The screenshot trace event's `ts` reflects the "expected display time" which is ESTIMATE.
+    // It is set by the compositor frame sink from the `expected_display_time`, which is based on a previously known
+    // frame start PLUS the vsync interval (eg 16.6ms)
+    const updatedTs = frameSequenceToTs[frameSequence];
+    // Do we always find a match? No...
+    // We generally don't match the very first screenshot and, sometimes, the last
+    // The very first screenshot is requested immediately (even if nothing is painting). As a result there's no compositor
+    // instrumentation running alongside.
+    // The last one is sometimes missing as because the trace terminates right before the associated PipelineReporter is emitted.
+    return updatedTs ?? screenshotEvent.ts;
 }
 export function data() {
-  return [...syntheticScreenshotEvents];
+    return [...syntheticScreenshotEvents];
 }
 export function deps() {
-  return ["Meta"];
+    return ['Meta'];
 }
-//# sourceMappingURL=ScreenshotsHandler.js.map
+//# sourceMappingURL=ScreenshotsHandler.js.map