@paulirish/trace_engine 0.0.11 → 0.0.13

package/models/trace/frames/TimelineFrameModel.js

@@ -1,392 +0,0 @@
-import * as Platform from "../../../core/platform/platform.js";
-import * as SDK from "../../../core/sdk/sdk.js";
-import * as Handlers from "../handlers/handlers.js";
-import * as Helpers from "../helpers/helpers.js";
-import * as Types from "../types/types.js";
-function isFrameEvent(event) {
-  return Types.TraceEvents.isTraceEventSetLayerId(event) || Types.TraceEvents.isTraceEventBeginFrame(event) || Types.TraceEvents.isTraceEventDroppedFrame(event) || Types.TraceEvents.isTraceEventRequestMainThreadFrame(event) || Types.TraceEvents.isTraceEventBeginMainThreadFrame(event) || Types.TraceEvents.isTraceEventNeedsBeginFrameChanged(event) || Types.TraceEvents.isTraceEventCommit(event) || Types.TraceEvents.isTraceEventCompositeLayers(event) || Types.TraceEvents.isTraceEventActivateLayerTree(event) || Types.TraceEvents.isTraceEventDrawFrame(event);
-}
-function idForEntry(entry) {
-  const scope = Types.TraceEvents.isTraceEventInstant(entry) && entry.s || void 0;
-  if (Types.TraceEvents.isNestableAsyncPhase(entry.ph)) {
-    const id = Helpers.Trace.extractId(entry);
-    return scope ? `${scope}@${id}` : id;
-  }
-  return void 0;
-}
-function entryIsTopLevel(entry) {
-  const devtoolsTimelineCategory = "disabled-by-default-devtools.timeline";
-  return entry.name === Types.TraceEvents.KnownEventName.RunTask && entry.cat.includes(devtoolsTimelineCategory);
-}
-export class TimelineFrameModel {
-  frames;
-  frameById;
-  beginFrameQueue;
-  minimumRecordTime;
-  lastFrame;
-  mainFrameCommitted;
-  mainFrameRequested;
-  lastLayerTree;
-  framePendingActivation;
-  target;
-  framePendingCommit;
-  lastBeginFrame;
-  lastNeedsBeginFrame;
-  lastTaskBeginTime = null;
-  layerTreeId;
-  #activeProcessId = null;
-  #activeThreadId = null;
-  #traceParseData;
-  constructor(target, allEvents, traceParseData) {
-    this.reset();
-    this.#traceParseData = traceParseData;
-    const mainThreads = Handlers.Threads.threadsInTrace(traceParseData).filter((thread) => {
-      return thread.type === Handlers.Threads.ThreadType.MAIN_THREAD && thread.processIsOnMainFrame;
-    });
-    const threadData = mainThreads.map((thread) => {
-      return {
-        tid: thread.tid,
-        pid: thread.pid,
-        startTime: thread.entries[0].ts
-      };
-    });
-    this.addTraceEvents(target, allEvents, threadData);
-  }
-  getFrames() {
-    return this.frames;
-  }
-  getFramesWithinWindow(startTime, endTime) {
-    const firstFrame = Platform.ArrayUtilities.lowerBound(this.frames, startTime || 0, (time, frame) => time - frame.endTime);
-    const lastFrame = Platform.ArrayUtilities.lowerBound(this.frames, endTime || Infinity, (time, frame) => time - frame.startTime);
-    return this.frames.slice(firstFrame, lastFrame);
-  }
-  reset() {
-    this.minimumRecordTime = Types.Timing.MicroSeconds(Infinity);
-    this.frames = [];
-    this.frameById = {};
-    this.beginFrameQueue = new TimelineFrameBeginFrameQueue();
-    this.lastFrame = null;
-    this.lastLayerTree = null;
-    this.mainFrameCommitted = false;
-    this.mainFrameRequested = false;
-    this.framePendingCommit = null;
-    this.lastBeginFrame = null;
-    this.lastNeedsBeginFrame = null;
-    this.framePendingActivation = null;
-    this.lastTaskBeginTime = null;
-    this.target = null;
-    this.layerTreeId = null;
-  }
-  handleBeginFrame(startTime, seqId) {
-    if (!this.lastFrame) {
-      this.startFrame(startTime, seqId);
-    }
-    this.lastBeginFrame = startTime;
-    this.beginFrameQueue.addFrameIfNotExists(seqId, startTime, false, false);
-  }
-  handleDroppedFrame(startTime, seqId, isPartial) {
-    if (!this.lastFrame) {
-      this.startFrame(startTime, seqId);
-    }
-    this.beginFrameQueue.addFrameIfNotExists(seqId, startTime, true, isPartial);
-    this.beginFrameQueue.setDropped(seqId, true);
-    this.beginFrameQueue.setPartial(seqId, isPartial);
-  }
-  handleDrawFrame(startTime, seqId) {
-    if (!this.lastFrame) {
-      this.startFrame(startTime, seqId);
-      return;
-    }
-    if (this.mainFrameCommitted || !this.mainFrameRequested) {
-      if (this.lastNeedsBeginFrame) {
-        const idleTimeEnd = this.framePendingActivation ? this.framePendingActivation.triggerTime : this.lastBeginFrame || this.lastNeedsBeginFrame;
-        if (idleTimeEnd > this.lastFrame.startTime) {
-          this.lastFrame.idle = true;
-          this.lastBeginFrame = null;
-        }
-        this.lastNeedsBeginFrame = null;
-      }
-      const framesToVisualize = this.beginFrameQueue.processPendingBeginFramesOnDrawFrame(seqId);
-      for (const frame of framesToVisualize) {
-        const isLastFrameIdle = this.lastFrame.idle;
-        this.startFrame(frame.startTime, seqId);
-        if (isLastFrameIdle && this.framePendingActivation) {
-          this.commitPendingFrame();
-        }
-        if (frame.isDropped) {
-          this.lastFrame.dropped = true;
-        }
-        if (frame.isPartial) {
-          this.lastFrame.isPartial = true;
-        }
-      }
-    }
-    this.mainFrameCommitted = false;
-  }
-  handleActivateLayerTree() {
-    if (!this.lastFrame) {
-      return;
-    }
-    if (this.framePendingActivation && !this.lastNeedsBeginFrame) {
-      this.commitPendingFrame();
-    }
-  }
-  handleRequestMainThreadFrame() {
-    if (!this.lastFrame) {
-      return;
-    }
-    this.mainFrameRequested = true;
-  }
-  handleCommit() {
-    if (!this.framePendingCommit) {
-      return;
-    }
-    this.framePendingActivation = this.framePendingCommit;
-    this.framePendingCommit = null;
-    this.mainFrameRequested = false;
-    this.mainFrameCommitted = true;
-  }
-  handleLayerTreeSnapshot(layerTree) {
-    this.lastLayerTree = layerTree;
-  }
-  handleNeedFrameChanged(startTime, needsBeginFrame) {
-    if (needsBeginFrame) {
-      this.lastNeedsBeginFrame = startTime;
-    }
-  }
-  startFrame(startTime, seqId) {
-    if (this.lastFrame) {
-      this.flushFrame(this.lastFrame, startTime);
-    }
-    this.lastFrame = new TimelineFrame(seqId, startTime, Types.Timing.MicroSeconds(startTime - this.minimumRecordTime));
-  }
-  flushFrame(frame, endTime) {
-    frame.setLayerTree(this.lastLayerTree);
-    frame.setEndTime(endTime);
-    if (this.lastLayerTree) {
-      this.lastLayerTree.paints = frame.paints;
-    }
-    const lastFrame = this.frames[this.frames.length - 1];
-    if (this.frames.length && lastFrame && (frame.startTime !== lastFrame.endTime || frame.startTime > frame.endTime)) {
-      console.assert(false, `Inconsistent frame time for frame ${this.frames.length} (${frame.startTime} - ${frame.endTime})`);
-    }
-    this.frames.push(frame);
-    if (typeof frame.mainFrameId === "number") {
-      this.frameById[frame.mainFrameId] = frame;
-    }
-  }
-  commitPendingFrame() {
-    if (!this.framePendingActivation || !this.lastFrame) {
-      return;
-    }
-    this.lastFrame.paints = this.framePendingActivation.paints;
-    this.lastFrame.mainFrameId = this.framePendingActivation.mainFrameId;
-    this.framePendingActivation = null;
-  }
-  addTraceEvents(target, events, threadData) {
-    this.target = target;
-    let j = 0;
-    this.#activeThreadId = threadData.length && threadData[0].tid || null;
-    this.#activeProcessId = threadData.length && threadData[0].pid || null;
-    for (let i = 0; i < events.length; ++i) {
-      while (j + 1 < threadData.length && threadData[j + 1].startTime <= events[i].ts) {
-        this.#activeThreadId = threadData[++j].tid;
-        this.#activeProcessId = threadData[j].pid;
-      }
-      this.addTraceEvent(events[i], this.#traceParseData.Meta.mainFrameId);
-    }
-    this.#activeThreadId = null;
-    this.#activeProcessId = null;
-  }
-  addTraceEvent(event, mainFrameId) {
-    if (event.ts && event.ts < this.minimumRecordTime) {
-      this.minimumRecordTime = event.ts;
-    }
-    const entryId = idForEntry(event);
-    if (Types.TraceEvents.isTraceEventSetLayerId(event) && event.args.data.frame === mainFrameId) {
-      this.layerTreeId = event.args.data.layerTreeId;
-    } else if (entryId && Types.TraceEvents.isTraceEventLayerTreeHostImplSnapshot(event) && Number(entryId) === this.layerTreeId && this.target) {
-      this.handleLayerTreeSnapshot({
-        entry: event,
-        paints: []
-      });
-    } else {
-      if (isFrameEvent(event)) {
-        this.processCompositorEvents(event);
-      }
-      if (event.tid === this.#activeThreadId && event.pid === this.#activeProcessId) {
-        this.addMainThreadTraceEvent(event);
-      }
-    }
-  }
-  processCompositorEvents(entry) {
-    if (entry.args["layerTreeId"] !== this.layerTreeId) {
-      return;
-    }
-    if (Types.TraceEvents.isTraceEventBeginFrame(entry)) {
-      this.handleBeginFrame(entry.ts, entry.args["frameSeqId"]);
-    } else if (Types.TraceEvents.isTraceEventDrawFrame(entry)) {
-      this.handleDrawFrame(entry.ts, entry.args["frameSeqId"]);
-    } else if (Types.TraceEvents.isTraceEventActivateLayerTree(entry)) {
-      this.handleActivateLayerTree();
-    } else if (Types.TraceEvents.isTraceEventRequestMainThreadFrame(entry)) {
-      this.handleRequestMainThreadFrame();
-    } else if (Types.TraceEvents.isTraceEventNeedsBeginFrameChanged(entry)) {
-      this.handleNeedFrameChanged(entry.ts, entry.args["data"] && Boolean(entry.args["data"]["needsBeginFrame"]));
-    } else if (Types.TraceEvents.isTraceEventDroppedFrame(entry)) {
-      this.handleDroppedFrame(entry.ts, entry.args["frameSeqId"], Boolean(entry.args["hasPartialUpdate"]));
-    }
-  }
-  addMainThreadTraceEvent(entry) {
-    if (entryIsTopLevel(entry)) {
-      this.lastTaskBeginTime = entry.ts;
-    }
-    if (!this.framePendingCommit && TimelineFrameModel.mainFrameMarkers.indexOf(entry.name) >= 0) {
-      this.framePendingCommit = new PendingFrame(this.lastTaskBeginTime || entry.ts);
-    }
-    if (!this.framePendingCommit) {
-      return;
-    }
-    if (Types.TraceEvents.isTraceEventBeginMainThreadFrame(entry) && entry.args.data.frameId) {
-      this.framePendingCommit.mainFrameId = entry.args.data.frameId;
-    }
-    if (Types.TraceEvents.isTraceEventPaint(entry)) {
-      const snapshot = this.#traceParseData.LayerTreeHandler.paintsToSnapshots.get(entry);
-      if (snapshot) {
-        this.framePendingCommit.paints.push(new LayerPaintEvent(entry, snapshot, this.target));
-      }
-    }
-    if ((Types.TraceEvents.isTraceEventCompositeLayers(entry) || Types.TraceEvents.isTraceEventCommit(entry)) && entry.args["layerTreeId"] === this.layerTreeId) {
-      this.handleCommit();
-    }
-  }
-  static mainFrameMarkers = [
-    Types.TraceEvents.KnownEventName.ScheduleStyleRecalculation,
-    Types.TraceEvents.KnownEventName.InvalidateLayout,
-    Types.TraceEvents.KnownEventName.BeginMainThreadFrame,
-    Types.TraceEvents.KnownEventName.ScrollLayer
-  ];
-}
-export class TimelineFrame {
-  startTime;
-  startTimeOffset;
-  endTime;
-  duration;
-  idle;
-  dropped;
-  isPartial;
-  layerTree;
-  paints;
-  mainFrameId;
-  seqId;
-  constructor(seqId, startTime, startTimeOffset) {
-    this.seqId = seqId;
-    this.startTime = startTime;
-    this.startTimeOffset = startTimeOffset;
-    this.endTime = this.startTime;
-    this.duration = Types.Timing.MicroSeconds(0);
-    this.idle = false;
-    this.dropped = false;
-    this.isPartial = false;
-    this.layerTree = null;
-    this.paints = [];
-    this.mainFrameId = void 0;
-  }
-  setEndTime(endTime) {
-    this.endTime = endTime;
-    this.duration = Types.Timing.MicroSeconds(this.endTime - this.startTime);
-  }
-  setLayerTree(layerTree) {
-    this.layerTree = layerTree;
-  }
-}
-export class LayerPaintEvent {
-  eventInternal;
-  target;
-  #snapshot;
-  constructor(event, snapshot, target) {
-    this.eventInternal = event;
-    this.#snapshot = snapshot;
-    this.target = target;
-  }
-  layerId() {
-    return String(this.eventInternal.args["data"]["layerId"]);
-  }
-  event() {
-    return this.eventInternal;
-  }
-  picture() {
-    const rect = this.#snapshot.args.snapshot.params?.layer_rect;
-    const pictureData = this.#snapshot.args.snapshot.skp64;
-    return rect && pictureData ? { rect, serializedPicture: pictureData } : null;
-  }
-  async snapshotPromise() {
-    const paintProfilerModel = this.target && this.target.model(SDK.PaintProfiler.PaintProfilerModel);
-    const picture = this.picture();
-    if (!picture || !paintProfilerModel) {
-      return null;
-    }
-    const snapshot = await paintProfilerModel.loadSnapshot(picture.serializedPicture);
-    return snapshot ? { rect: picture.rect, snapshot } : null;
-  }
-}
-export class PendingFrame {
-  paints;
-  mainFrameId;
-  triggerTime;
-  constructor(triggerTime) {
-    this.paints = [];
-    this.mainFrameId = void 0;
-    this.triggerTime = triggerTime;
-  }
-}
-class BeginFrameInfo {
-  seqId;
-  startTime;
-  isDropped;
-  isPartial;
-  constructor(seqId, startTime, isDropped, isPartial) {
-    this.seqId = seqId;
-    this.startTime = startTime;
-    this.isDropped = isDropped;
-    this.isPartial = isPartial;
-  }
-}
-export class TimelineFrameBeginFrameQueue {
-  queueFrames = [];
-  mapFrames = {};
-  addFrameIfNotExists(seqId, startTime, isDropped, isPartial) {
-    if (!(seqId in this.mapFrames)) {
-      this.mapFrames[seqId] = new BeginFrameInfo(seqId, startTime, isDropped, isPartial);
-      this.queueFrames.push(seqId);
-    }
-  }
-  setDropped(seqId, isDropped) {
-    if (seqId in this.mapFrames) {
-      this.mapFrames[seqId].isDropped = isDropped;
-    }
-  }
-  setPartial(seqId, isPartial) {
-    if (seqId in this.mapFrames) {
-      this.mapFrames[seqId].isPartial = isPartial;
-    }
-  }
-  processPendingBeginFramesOnDrawFrame(seqId) {
-    const framesToVisualize = [];
-    if (seqId in this.mapFrames) {
-      while (this.queueFrames[0] !== seqId) {
-        const currentSeqId = this.queueFrames[0];
-        if (this.mapFrames[currentSeqId].isDropped) {
-          framesToVisualize.push(this.mapFrames[currentSeqId]);
-        }
-        delete this.mapFrames[currentSeqId];
-        this.queueFrames.shift();
-      }
-      framesToVisualize.push(this.mapFrames[seqId]);
-      delete this.mapFrames[seqId];
-      this.queueFrames.shift();
-    }
-    return framesToVisualize;
-  }
-}
-//# sourceMappingURL=TimelineFrameModel.js.map

package/models/trace/frames/TimelineFrameModel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../front_end/models/trace/frames/TimelineFrameModel.ts"],
-  "sourcesContent": ["/*\n * Copyright (C) 2013 Google Inc. All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions are\n * met:\n *\n *     * Redistributions of source code must retain the above copyright\n * notice, this list of conditions and the following disclaimer.\n *     * Redistributions in binary form must reproduce the above\n * copyright notice, this list of conditions and the following disclaimer\n * in the documentation and/or other materials provided with the\n * distribution.\n *     * Neither the name of Google Inc. nor the names of its\n * contributors may be used to endorse or promote products derived from\n * this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n * \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\n * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\n * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\n * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\n * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\n * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n/* eslint-disable @typescript-eslint/naming-convention */\n\nimport * as Platform from '../../../core/platform/platform.js';\nimport * as SDK from '../../../core/sdk/sdk.js';\nimport * as Handlers from '../handlers/handlers.js';\nimport * as Helpers from '../helpers/helpers.js';\nimport * as Types from '../types/types.js';\n\ntype FrameEvent = Types.TraceEvents.TraceEventBeginFrame|Types.TraceEvents.TraceEventDroppedFrame|\n                  Types.TraceEvents.TraceEventRequestMainThreadFrame|\n                  Types.TraceEvents.TraceEventBeginMainThreadFrame|Types.TraceEvents.TraceEventCommit|\n                  Types.TraceEvents.TraceEventCompositeLayers|Types.TraceEvents.TraceEventActivateLayerTree|\n                  Types.TraceEvents.TraceEventNeedsBeginFrameChanged|Types.TraceEvents.TraceEventDrawFrame;\n\nfunction isFrameEvent(event: Types.TraceEvents.TraceEventData): event is FrameEvent {\n  return (\n      Types.TraceEvents.isTraceEventSetLayerId(event) || Types.TraceEvents.isTraceEventBeginFrame(event) ||\n      Types.TraceEvents.isTraceEventDroppedFrame(event) ||\n      Types.TraceEvents.isTraceEventRequestMainThreadFrame(event) ||\n      Types.TraceEvents.isTraceEventBeginMainThreadFrame(event) ||\n      Types.TraceEvents.isTraceEventNeedsBeginFrameChanged(event) ||\n      // Note that \"Commit\" is the replacement for \"CompositeLayers\" so in a trace\n      // we wouldn't expect to see a combination of these. All \"new\" trace\n      // recordings use \"Commit\", but we can easily support \"CompositeLayers\" too\n      // to not break older traces being imported.\n      Types.TraceEvents.isTraceEventCommit(event) || Types.TraceEvents.isTraceEventCompositeLayers(event) ||\n      Types.TraceEvents.isTraceEventActivateLayerTree(event) || Types.TraceEvents.isTraceEventDrawFrame(event));\n}\n\nfunction idForEntry(entry: Types.TraceEvents.TraceEventData): string|undefined {\n  const scope = Types.TraceEvents.isTraceEventInstant(entry) && entry.s || undefined;\n\n  if (Types.TraceEvents.isNestableAsyncPhase(entry.ph)) {\n    const id = Helpers.Trace.extractId(entry as Types.TraceEvents.TraceEventNestableAsync);\n    return scope ? `${scope}@${id}` : id;\n  }\n\n  return undefined;\n}\n\nfunction entryIsTopLevel(entry: Types.TraceEvents.TraceEventData): boolean {\n  const devtoolsTimelineCategory = 'disabled-by-default-devtools.timeline';\n  return entry.name === Types.TraceEvents.KnownEventName.RunTask && entry.cat.includes(devtoolsTimelineCategory);\n}\n\nexport class TimelineFrameModel {\n  private frames!: TimelineFrame[];\n  private frameById!: {\n    [x: number]: TimelineFrame,\n  };\n  private beginFrameQueue!: TimelineFrameBeginFrameQueue;\n  private minimumRecordTime!: Types.Timing.MicroSeconds;\n  private lastFrame!: TimelineFrame|null;\n  private mainFrameCommitted!: boolean;\n  private mainFrameRequested!: boolean;\n  private lastLayerTree!: FrameLayerTreeData|null;\n  private framePendingActivation!: PendingFrame|null;\n  private target!: SDK.Target.Target|null;\n  private framePendingCommit?: PendingFrame|null;\n  private lastBeginFrame?: number|null;\n  private lastNeedsBeginFrame?: number|null;\n  private lastTaskBeginTime: Types.Timing.MicroSeconds|null = null;\n  private layerTreeId?: number|null;\n  #activeProcessId: Types.TraceEvents.ProcessID|null = null;\n  #activeThreadId: Types.TraceEvents.ThreadID|null = null;\n\n  #traceParseData: Handlers.Types.TraceParseData;\n\n  constructor(\n      target: SDK.Target.Target|null, allEvents: readonly Types.TraceEvents.TraceEventData[],\n      traceParseData: Handlers.Types.TraceParseData) {\n    this.reset();\n    this.#traceParseData = traceParseData;\n    const mainThreads = Handlers.Threads.threadsInTrace(traceParseData).filter(thread => {\n      return thread.type === Handlers.Threads.ThreadType.MAIN_THREAD && thread.processIsOnMainFrame;\n    });\n    const threadData = mainThreads.map(thread => {\n      return {\n        tid: thread.tid,\n        pid: thread.pid,\n        startTime: thread.entries[0].ts,\n      };\n    });\n\n    this.addTraceEvents(target, allEvents, threadData);\n  }\n\n  getFrames(): TimelineFrame[] {\n    return this.frames;\n  }\n\n  getFramesWithinWindow(startTime: number, endTime: number): TimelineFrame[] {\n    const firstFrame =\n        Platform.ArrayUtilities.lowerBound(this.frames, startTime || 0, (time, frame) => time - frame.endTime);\n    const lastFrame =\n        Platform.ArrayUtilities.lowerBound(this.frames, endTime || Infinity, (time, frame) => time - frame.startTime);\n    return this.frames.slice(firstFrame, lastFrame);\n  }\n\n  reset(): void {\n    this.minimumRecordTime = Types.Timing.MicroSeconds(Infinity);\n    this.frames = [];\n    this.frameById = {};\n    this.beginFrameQueue = new TimelineFrameBeginFrameQueue();\n    this.lastFrame = null;\n    this.lastLayerTree = null;\n    this.mainFrameCommitted = false;\n    this.mainFrameRequested = false;\n    this.framePendingCommit = null;\n    this.lastBeginFrame = null;\n    this.lastNeedsBeginFrame = null;\n    this.framePendingActivation = null;\n    this.lastTaskBeginTime = null;\n    this.target = null;\n    this.layerTreeId = null;\n  }\n\n  handleBeginFrame(startTime: Types.Timing.MicroSeconds, seqId: number): void {\n    if (!this.lastFrame) {\n      this.startFrame(startTime, seqId);\n    }\n    this.lastBeginFrame = startTime;\n\n    this.beginFrameQueue.addFrameIfNotExists(seqId, startTime, false, false);\n  }\n\n  handleDroppedFrame(startTime: Types.Timing.MicroSeconds, seqId: number, isPartial: boolean): void {\n    if (!this.lastFrame) {\n      this.startFrame(startTime, seqId);\n    }\n\n    // This line handles the case where no BeginFrame event is issued for\n    // the dropped frame. In this situation, add a BeginFrame to the queue\n    // as if it actually occurred.\n    this.beginFrameQueue.addFrameIfNotExists(seqId, startTime, true, isPartial);\n    this.beginFrameQueue.setDropped(seqId, true);\n    this.beginFrameQueue.setPartial(seqId, isPartial);\n  }\n\n  handleDrawFrame(startTime: Types.Timing.MicroSeconds, seqId: number): void {\n    if (!this.lastFrame) {\n      this.startFrame(startTime, seqId);\n      return;\n    }\n\n    // - if it wasn't drawn, it didn't happen!\n    // - only show frames that either did not wait for the main thread frame or had one committed.\n    if (this.mainFrameCommitted || !this.mainFrameRequested) {\n      if (this.lastNeedsBeginFrame) {\n        const idleTimeEnd = this.framePendingActivation ? this.framePendingActivation.triggerTime :\n                                                          (this.lastBeginFrame || this.lastNeedsBeginFrame);\n        if (idleTimeEnd > this.lastFrame.startTime) {\n          this.lastFrame.idle = true;\n          this.lastBeginFrame = null;\n        }\n        this.lastNeedsBeginFrame = null;\n      }\n\n      const framesToVisualize = this.beginFrameQueue.processPendingBeginFramesOnDrawFrame(seqId);\n\n      // Visualize the current frame and all pending frames before it.\n      for (const frame of framesToVisualize) {\n        const isLastFrameIdle = this.lastFrame.idle;\n\n        // If |frame| is the first frame after an idle period, the CPU time\n        // will be logged (\"committed\") under |frame| if applicable.\n        this.startFrame(frame.startTime, seqId);\n        if (isLastFrameIdle && this.framePendingActivation) {\n          this.commitPendingFrame();\n        }\n        if (frame.isDropped) {\n          this.lastFrame.dropped = true;\n        }\n        if (frame.isPartial) {\n          this.lastFrame.isPartial = true;\n        }\n      }\n    }\n    this.mainFrameCommitted = false;\n  }\n\n  handleActivateLayerTree(): void {\n    if (!this.lastFrame) {\n      return;\n    }\n    if (this.framePendingActivation && !this.lastNeedsBeginFrame) {\n      this.commitPendingFrame();\n    }\n  }\n\n  handleRequestMainThreadFrame(): void {\n    if (!this.lastFrame) {\n      return;\n    }\n    this.mainFrameRequested = true;\n  }\n\n  handleCommit(): void {\n    if (!this.framePendingCommit) {\n      return;\n    }\n    this.framePendingActivation = this.framePendingCommit;\n    this.framePendingCommit = null;\n    this.mainFrameRequested = false;\n    this.mainFrameCommitted = true;\n  }\n\n  handleLayerTreeSnapshot(layerTree: FrameLayerTreeData): void {\n    this.lastLayerTree = layerTree;\n  }\n\n  handleNeedFrameChanged(startTime: Types.Timing.MicroSeconds, needsBeginFrame: boolean): void {\n    if (needsBeginFrame) {\n      this.lastNeedsBeginFrame = startTime;\n    }\n  }\n\n  private startFrame(startTime: Types.Timing.MicroSeconds, seqId: number): void {\n    if (this.lastFrame) {\n      this.flushFrame(this.lastFrame, startTime);\n    }\n    this.lastFrame = new TimelineFrame(seqId, startTime, Types.Timing.MicroSeconds(startTime - this.minimumRecordTime));\n  }\n\n  private flushFrame(frame: TimelineFrame, endTime: Types.Timing.MicroSeconds): void {\n    frame.setLayerTree(this.lastLayerTree);\n    frame.setEndTime(endTime);\n    if (this.lastLayerTree) {\n      this.lastLayerTree.paints = frame.paints;\n    }\n    const lastFrame = this.frames[this.frames.length - 1];\n    if (this.frames.length && lastFrame && (frame.startTime !== lastFrame.endTime || frame.startTime > frame.endTime)) {\n      console.assert(\n          false, `Inconsistent frame time for frame ${this.frames.length} (${frame.startTime} - ${frame.endTime})`);\n    }\n    this.frames.push(frame);\n    if (typeof frame.mainFrameId === 'number') {\n      this.frameById[frame.mainFrameId] = frame;\n    }\n  }\n\n  private commitPendingFrame(): void {\n    if (!this.framePendingActivation || !this.lastFrame) {\n      return;\n    }\n\n    this.lastFrame.paints = this.framePendingActivation.paints;\n    this.lastFrame.mainFrameId = this.framePendingActivation.mainFrameId;\n    this.framePendingActivation = null;\n  }\n\n  addTraceEvents(target: SDK.Target.Target|null, events: readonly Types.TraceEvents.TraceEventData[], threadData: {\n    pid: Types.TraceEvents.ProcessID,\n    tid: Types.TraceEvents.ThreadID,\n    startTime: Types.Timing.MicroSeconds,\n  }[]): void {\n    this.target = target;\n    let j = 0;\n    this.#activeThreadId = threadData.length && threadData[0].tid || null;\n    this.#activeProcessId = threadData.length && threadData[0].pid || null;\n    for (let i = 0; i < events.length; ++i) {\n      while (j + 1 < threadData.length && threadData[j + 1].startTime <= events[i].ts) {\n        this.#activeThreadId = threadData[++j].tid;\n        this.#activeProcessId = threadData[j].pid;\n      }\n      this.addTraceEvent(events[i], this.#traceParseData.Meta.mainFrameId);\n    }\n    this.#activeThreadId = null;\n    this.#activeProcessId = null;\n  }\n\n  private addTraceEvent(event: Types.TraceEvents.TraceEventData, mainFrameId: string): void {\n    if (event.ts && event.ts < this.minimumRecordTime) {\n      this.minimumRecordTime = event.ts;\n    }\n\n    const entryId = idForEntry(event);\n\n    if (Types.TraceEvents.isTraceEventSetLayerId(event) && event.args.data.frame === mainFrameId) {\n      this.layerTreeId = event.args.data.layerTreeId;\n    } else if (\n        entryId && Types.TraceEvents.isTraceEventLayerTreeHostImplSnapshot(event) &&\n        Number(entryId) === this.layerTreeId && this.target) {\n      this.handleLayerTreeSnapshot({\n        entry: event,\n        paints: [],\n      });\n    } else {\n      if (isFrameEvent(event)) {\n        this.processCompositorEvents(event);\n      }\n      // Make sure we only use events from the main thread: we check the PID as\n      // well in case two processes have a thread with the same TID.\n      if (event.tid === this.#activeThreadId && event.pid === this.#activeProcessId) {\n        this.addMainThreadTraceEvent(event);\n      }\n    }\n  }\n\n  private processCompositorEvents(entry: FrameEvent): void {\n    if (entry.args['layerTreeId'] !== this.layerTreeId) {\n      return;\n    }\n    if (Types.TraceEvents.isTraceEventBeginFrame(entry)) {\n      this.handleBeginFrame(entry.ts, entry.args['frameSeqId']);\n    } else if (Types.TraceEvents.isTraceEventDrawFrame(entry)) {\n      this.handleDrawFrame(entry.ts, entry.args['frameSeqId']);\n    } else if (Types.TraceEvents.isTraceEventActivateLayerTree(entry)) {\n      this.handleActivateLayerTree();\n    } else if (Types.TraceEvents.isTraceEventRequestMainThreadFrame(entry)) {\n      this.handleRequestMainThreadFrame();\n    } else if (Types.TraceEvents.isTraceEventNeedsBeginFrameChanged(entry)) {\n      // needsBeginFrame property will either be 0 or 1, which represents\n      // true/false in this case, hence the Boolean() wrapper.\n      this.handleNeedFrameChanged(entry.ts, entry.args['data'] && Boolean(entry.args['data']['needsBeginFrame']));\n    } else if (Types.TraceEvents.isTraceEventDroppedFrame(entry)) {\n      this.handleDroppedFrame(entry.ts, entry.args['frameSeqId'], Boolean(entry.args['hasPartialUpdate']));\n    }\n  }\n\n  private addMainThreadTraceEvent(entry: Types.TraceEvents.TraceEventData): void {\n    if (entryIsTopLevel(entry)) {\n      this.lastTaskBeginTime = entry.ts;\n    }\n    if (!this.framePendingCommit &&\n        TimelineFrameModel.mainFrameMarkers.indexOf(entry.name as Types.TraceEvents.KnownEventName) >= 0) {\n      this.framePendingCommit = new PendingFrame(this.lastTaskBeginTime || entry.ts);\n    }\n    if (!this.framePendingCommit) {\n      return;\n    }\n\n    if (Types.TraceEvents.isTraceEventBeginMainThreadFrame(entry) && entry.args.data.frameId) {\n      this.framePendingCommit.mainFrameId = entry.args.data.frameId;\n    }\n    if (Types.TraceEvents.isTraceEventPaint(entry)) {\n      const snapshot = this.#traceParseData.LayerTreeHandler.paintsToSnapshots.get(entry);\n      if (snapshot) {\n        this.framePendingCommit.paints.push(new LayerPaintEvent(entry, snapshot, this.target));\n      }\n    }\n    // Commit will be replacing CompositeLayers but CompositeLayers is kept\n    // around for backwards compatibility.\n    if ((Types.TraceEvents.isTraceEventCompositeLayers(entry) || Types.TraceEvents.isTraceEventCommit(entry)) &&\n        entry.args['layerTreeId'] === this.layerTreeId) {\n      this.handleCommit();\n    }\n  }\n\n  private static readonly mainFrameMarkers: Types.TraceEvents.KnownEventName[] = [\n    Types.TraceEvents.KnownEventName.ScheduleStyleRecalculation,\n    Types.TraceEvents.KnownEventName.InvalidateLayout,\n    Types.TraceEvents.KnownEventName.BeginMainThreadFrame,\n    Types.TraceEvents.KnownEventName.ScrollLayer,\n  ];\n}\n\nexport interface FrameLayerTreeData {\n  entry: Types.TraceEvents.TraceEventLayerTreeHostImplSnapshot;\n  paints: LayerPaintEvent[];\n}\n\nexport class TimelineFrame {\n  startTime: Types.Timing.MicroSeconds;\n  startTimeOffset: Types.Timing.MicroSeconds;\n  endTime: Types.Timing.MicroSeconds;\n  duration: Types.Timing.MicroSeconds;\n  idle: boolean;\n  dropped: boolean;\n  isPartial: boolean;\n  layerTree: FrameLayerTreeData|null;\n  paints: LayerPaintEvent[];\n  mainFrameId: number|undefined;\n  readonly seqId: number;\n\n  constructor(seqId: number, startTime: Types.Timing.MicroSeconds, startTimeOffset: Types.Timing.MicroSeconds) {\n    this.seqId = seqId;\n    this.startTime = startTime;\n    this.startTimeOffset = startTimeOffset;\n    this.endTime = this.startTime;\n    this.duration = Types.Timing.MicroSeconds(0);\n    this.idle = false;\n    this.dropped = false;\n    this.isPartial = false;\n    this.layerTree = null;\n    this.paints = [];\n    this.mainFrameId = undefined;\n  }\n\n  setEndTime(endTime: Types.Timing.MicroSeconds): void {\n    this.endTime = endTime;\n    this.duration = Types.Timing.MicroSeconds(this.endTime - this.startTime);\n  }\n\n  setLayerTree(layerTree: FrameLayerTreeData|null): void {\n    this.layerTree = layerTree;\n  }\n}\n\nexport interface LayerPaintEventPicture {\n  rect: Array<number>;\n  serializedPicture: string;\n}\nexport class LayerPaintEvent {\n  private readonly eventInternal: Types.TraceEvents.TraceEventPaint;\n  private readonly target: SDK.Target.Target|null;\n  #snapshot: Types.TraceEvents.TraceEventDisplayItemListSnapshot;\n\n  constructor(\n      event: Types.TraceEvents.TraceEventPaint, snapshot: Types.TraceEvents.TraceEventDisplayItemListSnapshot,\n      target: SDK.Target.Target|null) {\n    this.eventInternal = event;\n    this.#snapshot = snapshot;\n    this.target = target;\n  }\n\n  layerId(): string {\n    // TODO: could make this function return a number?\n    return String(this.eventInternal.args['data']['layerId']);\n  }\n\n  event(): Types.TraceEvents.TraceEventPaint {\n    return this.eventInternal;\n  }\n\n  picture(): LayerPaintEventPicture|null {\n    // TODO(crbug.com/1453234): this function does not need to be async now\n    const rect = this.#snapshot.args.snapshot.params?.layer_rect;\n    const pictureData = this.#snapshot.args.snapshot.skp64;\n    return rect && pictureData ? {rect: rect, serializedPicture: pictureData} : null;\n  }\n\n  async snapshotPromise(): Promise<{\n    rect: Array<number>,\n    snapshot: SDK.PaintProfiler.PaintProfilerSnapshot,\n  }|null> {\n    const paintProfilerModel = this.target && this.target.model(SDK.PaintProfiler.PaintProfilerModel);\n    const picture = this.picture();\n    if (!picture || !paintProfilerModel) {\n      return null;\n    }\n    const snapshot = await paintProfilerModel.loadSnapshot(picture.serializedPicture);\n    return snapshot ? {rect: picture.rect, snapshot: snapshot} : null;\n  }\n}\n\nexport class PendingFrame {\n  paints: LayerPaintEvent[];\n  mainFrameId: number|undefined;\n  triggerTime: number;\n  constructor(triggerTime: number) {\n    this.paints = [];\n    this.mainFrameId = undefined;\n    this.triggerTime = triggerTime;\n  }\n}\n\n// The parameters of an impl-side BeginFrame.\nclass BeginFrameInfo {\n  seqId: number;\n  startTime: Types.Timing.MicroSeconds;\n  isDropped: boolean;\n  isPartial: boolean;\n  constructor(seqId: number, startTime: Types.Timing.MicroSeconds, isDropped: boolean, isPartial: boolean) {\n    this.seqId = seqId;\n    this.startTime = startTime;\n    this.isDropped = isDropped;\n    this.isPartial = isPartial;\n  }\n}\n\n// A queue of BeginFrames pending visualization.\n// BeginFrames are added into this queue as they occur; later when their\n// corresponding DrawFrames occur (or lack thereof), the BeginFrames are removed\n// from the queue and their timestamps are used for visualization.\nexport class TimelineFrameBeginFrameQueue {\n  private queueFrames: number[] = [];\n\n  // Maps frameSeqId to BeginFrameInfo.\n  private mapFrames: {\n    [x: number]: BeginFrameInfo,\n  } = {};\n\n  // Add a BeginFrame to the queue, if it does not already exit.\n  addFrameIfNotExists(seqId: number, startTime: Types.Timing.MicroSeconds, isDropped: boolean, isPartial: boolean):\n      void {\n    if (!(seqId in this.mapFrames)) {\n      this.mapFrames[seqId] = new BeginFrameInfo(seqId, startTime, isDropped, isPartial);\n      this.queueFrames.push(seqId);\n    }\n  }\n\n  // Set a BeginFrame in queue as dropped.\n  setDropped(seqId: number, isDropped: boolean): void {\n    if (seqId in this.mapFrames) {\n      this.mapFrames[seqId].isDropped = isDropped;\n    }\n  }\n\n  setPartial(seqId: number, isPartial: boolean): void {\n    if (seqId in this.mapFrames) {\n      this.mapFrames[seqId].isPartial = isPartial;\n    }\n  }\n\n  processPendingBeginFramesOnDrawFrame(seqId: number): BeginFrameInfo[] {\n    const framesToVisualize: BeginFrameInfo[] = [];\n\n    // Do not visualize this frame in the rare case where the current DrawFrame\n    // does not have a corresponding BeginFrame.\n    if (seqId in this.mapFrames) {\n      // Pop all BeginFrames before the current frame, and add only the dropped\n      // ones in |frames_to_visualize|.\n      // Non-dropped frames popped here are BeginFrames that are never\n      // drawn (but not considered dropped either for some reason).\n      // Those frames do not require an proactive visualization effort and will\n      // be naturally presented as continuationss of other frames.\n      while (this.queueFrames[0] !== seqId) {\n        const currentSeqId = this.queueFrames[0];\n        if (this.mapFrames[currentSeqId].isDropped) {\n          framesToVisualize.push(this.mapFrames[currentSeqId]);\n        }\n\n        delete this.mapFrames[currentSeqId];\n        this.queueFrames.shift();\n      }\n\n      // Pop the BeginFrame associated with the current DrawFrame.\n      framesToVisualize.push(this.mapFrames[seqId]);\n      delete this.mapFrames[seqId];\n      this.queueFrames.shift();\n    }\n    return framesToVisualize;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/models/trace/frames/bundle-tsconfig.json

@@ -1 +0,0 @@
-{"compilerOptions":{"composite":true,"outDir":".","baseUrl":".","rootDir":"../../../../../../../front_end/models/trace/frames"},"files":["../../../../../../../front_end/models/trace/frames/frames.ts"],"references":[{"path":"./frames-tsconfig.json"}]}

package/models/trace/frames/frames-tsconfig.json

@@ -1,58 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "composite": true,
-    "declaration": true,
-    "experimentalDecorators": true,
-    "forceConsistentCasingInFileNames": true,
-    "inlineSources": true,
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable"
-    ],
-    "module": "esnext",
-    "noEmitOnError": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
-    "noUnusedLocals": false,
-    "outDir": ".",
-    "rootDir": "../../../../../../../front_end/models/trace/frames",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "target": "esnext",
-    "tsBuildInfoFile": "frames-tsconfig.json.tsbuildinfo",
-    "typeRoots": [],
-    "useUnknownInCatchVariables": false
-  },
-  "files": [
-    "../../../../../../../front_end/models/trace/frames/TimelineFrameModel.ts",
-    "../../../../../../../front_end/legacy/legacy-defs.d.ts",
-    "../../../../../../../front_end/global_typings/global_defs.d.ts",
-    "../../../../../../../front_end/global_typings/request_idle_callback.d.ts",
-    "../../../../../../../node_modules/@types/filesystem/index.d.ts"
-  ],
-  "references": [
-    {
-      "path": "../../../core/platform/bundle-tsconfig.json"
-    },
-    {
-      "path": "../../../core/sdk/bundle-tsconfig.json"
-    },
-    {
-      "path": "../../../generated/generated-tsconfig.json"
-    },
-    {
-      "path": "../handlers/bundle-tsconfig.json"
-    },
-    {
-      "path": "../helpers/bundle-tsconfig.json"
-    },
-    {
-      "path": "../types/bundle-tsconfig.json"
-    }
-  ]
-}

package/models/trace/frames/frames.js

@@ -1,5 +0,0 @@
-import * as TimelineFrameModel from "./TimelineFrameModel.js";
-export {
-  TimelineFrameModel
-};
-//# sourceMappingURL=frames.js.map

package/models/trace/frames/frames.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../front_end/models/trace/frames/frames.ts"],
-  "sourcesContent": ["// Copyright 2023 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 TimelineFrameModel from './TimelineFrameModel.js';\n\nexport {\n  TimelineFrameModel,\n};\n"],
-  "mappings": "AAIA;AAEA;AAAA;AAAA;",
-  "names": []
-}

package/models/trace/handlers/Migration.js

@@ -1,27 +0,0 @@
-import * as Animations from "./AnimationHandler.js";
-import * as AuctionWorklets from "./AuctionWorkletsHandler.js";
-import * as GPU from "./GPUHandler.js";
-import * as LayoutShifts from "./LayoutShiftsHandler.js";
-import * as Memory from "./MemoryHandler.js";
-import * as NetworkRequests from "./NetworkRequestsHandler.js";
-import * as PageLoadMetrics from "./PageLoadMetricsHandler.js";
-import * as Screenshots from "./ScreenshotsHandler.js";
-import * as UserInteractions from "./UserInteractionsHandler.js";
-import * as UserTimings from "./UserTimingsHandler.js";
-import * as Warnings from "./WarningsHandler.js";
-import * as Workers from "./WorkersHandler.js";
-export const ENABLED_TRACE_HANDLERS = {
-  Animations,
-  AuctionWorklets,
-  UserTimings,
-  PageLoadMetrics,
-  UserInteractions,
-  LayoutShifts,
-  Screenshots,
-  GPU,
-  Memory,
-  NetworkRequests,
-  Warnings,
-  Workers
-};
-//# sourceMappingURL=Migration.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../front_end/models/trace/handlers/Migration.ts"],
-  "sourcesContent": ["// Copyright 2023 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 Animations from './AnimationHandler.js';\nimport * as AuctionWorklets from './AuctionWorkletsHandler.js';\nimport * as GPU from './GPUHandler.js';\nimport * as LayoutShifts from './LayoutShiftsHandler.js';\nimport * as Memory from './MemoryHandler.js';\nimport * as NetworkRequests from './NetworkRequestsHandler.js';\nimport * as PageLoadMetrics from './PageLoadMetricsHandler.js';\nimport type * as Renderer from './RendererHandler.js';\nimport type * as Samples from './SamplesHandler.js';\nimport * as Screenshots from './ScreenshotsHandler.js';\nimport type * as Types from './types.js';\nimport * as UserInteractions from './UserInteractionsHandler.js';\nimport * as UserTimings from './UserTimingsHandler.js';\nimport * as Warnings from './WarningsHandler.js';\nimport * as Workers from './WorkersHandler.js';\n\n// As we migrate the data engine we are incrementally enabling the new handlers\n// one by one, so we do not waste effort parsing data that we do not use. This\n// object should be updated when we add a new handler to enable it.\nexport const ENABLED_TRACE_HANDLERS = {\n  Animations,\n  AuctionWorklets,\n  UserTimings,\n  PageLoadMetrics,\n  UserInteractions,\n  LayoutShifts,\n  Screenshots,\n  GPU,\n  Memory,\n  NetworkRequests,\n  Warnings,\n  Workers,\n};\n\nexport type EnabledHandlersDuringMigration = typeof ENABLED_TRACE_HANDLERS;\n\n// Renderer and Samples handler are only executed when the panel is run\n// from the component examples server. Thus we mark them as optional\n// properties during the migration.\nexport type PartialTraceData = Readonly<Types.EnabledHandlerDataWithMeta<EnabledHandlersDuringMigration>>&{\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  readonly Renderer?: Readonly<ReturnType<typeof Renderer['data']>>,\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  readonly Samples?: Readonly<ReturnType<typeof Samples['data']>>,\n};\n"],
-  "mappings": "AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAKO,aAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
-  "names": []
-}