@paulirish/trace_engine 0.0.17 → 0.0.19

package/models/trace/types/TraceEvents.d.ts

@@ -128,6 +128,22 @@ export interface TraceEventFireIdleCallback extends TraceEventComplete {
         };
     };
 }
+export interface TraceEventSchedulePostMessage extends TraceEventInstant {
+    name: KnownEventName.SchedulePostMessage;
+    args: TraceEventArgs & {
+        data: TraceEventArgsData & {
+            traceId: string;
+        };
+    };
+}
+export interface TraceEventHandlePostMessage extends TraceEventComplete {
+    name: KnownEventName.HandlePostMessage;
+    args: TraceEventArgs & {
+        data: TraceEventArgsData & {
+            traceId: string;
+        };
+    };
+}
 export interface TraceEventDispatch extends TraceEventComplete {
     name: 'EventDispatch';
     args: TraceEventArgs & {
@@ -411,6 +427,12 @@ export interface TraceEventFirstPaint extends TraceEventMark {
     };
 }
 export type PageLoadEvent = TraceEventFirstContentfulPaint | TraceEventMarkDOMContent | TraceEventInteractiveTime | TraceEventLargestContentfulPaintCandidate | TraceEventLayoutShift | TraceEventFirstPaint | TraceEventMarkLoad | TraceEventNavigationStart;
+export declare const MarkerName: readonly ["MarkDOMContent", "MarkLoad", "firstPaint", "firstContentfulPaint", "largestContentfulPaint::Candidate"];
+interface MakerEvent extends TraceEventData {
+    name: typeof MarkerName[number];
+}
+export declare function isTraceEventMarkerEvent(event: TraceEventData): event is MakerEvent;
+export declare function eventIsPageLoadEvent(event: TraceEventData): event is PageLoadEvent;
 export interface TraceEventLargestContentfulPaintCandidate extends TraceEventMark {
     name: 'largestContentfulPaint::Candidate';
     args: TraceEventArgs & {
@@ -421,6 +443,7 @@ export interface TraceEventLargestContentfulPaintCandidate extends TraceEventMar
             isMainFrame: boolean;
             navigationId: string;
             nodeId: Protocol.DOM.BackendNodeId;
+            loadingAttr: string;
             type?: string;
         };
     };
@@ -664,6 +687,7 @@ interface TraceEventResourceReceiveResponseTimingData {
     pushEnd: MilliSeconds;
     pushStart: MilliSeconds;
     receiveHeadersEnd: MilliSeconds;
+    receiveHeadersStart: MilliSeconds;
     requestTime: Seconds;
     sendEnd: MilliSeconds;
     sendStart: MilliSeconds;
@@ -819,7 +843,12 @@ export interface TraceEventPerformanceMeasureBegin extends TraceEventPairableUse
 export type TraceEventPerformanceMeasureEnd = TraceEventPairableUserTiming & TraceEventPairableAsyncEnd;
 export type TraceEventPerformanceMeasure = TraceEventPerformanceMeasureBegin | TraceEventPerformanceMeasureEnd;
 export interface TraceEventPerformanceMark extends TraceEventUserTiming {
-    ph: Phase.INSTANT | Phase.MARK;
+    args: TraceEventArgs & {
+        data?: TraceEventArgsData & {
+            detail?: string;
+        };
+    };
+    ph: Phase.INSTANT | Phase.MARK | Phase.ASYNC_NESTABLE_INSTANT;
 }
 export interface TraceEventConsoleTimeBegin extends TraceEventPairableAsyncBegin {
     cat: 'blink.console';
@@ -840,17 +869,6 @@ export interface TraceEventTimeStamp extends TraceEventData {
         };
     };
 }
-export interface TraceEventExtensionMeasureBegin extends TraceEventPerformanceMeasureBegin {
-    name: `devtools-entry-${string}`;
-}
-export interface TraceEventExtensionMeasureEnd extends TraceEventPerformanceMeasureEnd {
-    name: `devtools-entry-${string}`;
-}
-export interface TraceEventExtensionMark extends TraceEventPerformanceMark {
-    name: `devtools-entry-${string}`;
-    ph: Phase.INSTANT | Phase.MARK;
-}
-export type TraceEventExtensionMeasure = TraceEventExtensionMeasureBegin | TraceEventExtensionMeasureEnd;
 /** ChromeFrameReporter args for PipelineReporter event.
     Matching proto: https://source.chromium.org/chromium/chromium/src/+/main:third_party/perfetto/protos/perfetto/trace/track_event/chrome_frame_reporter.proto
  */
@@ -940,6 +958,7 @@ export interface TraceEventPipelineReporter extends TraceEventData {
 }
 export declare function isTraceEventPipelineReporter(event: TraceEventData): event is TraceEventPipelineReporter;
 export interface SyntheticEventPair<T extends TraceEventPairableAsync = TraceEventPairableAsync> extends TraceEventData {
+    name: T['name'];
     cat: T['cat'];
     id?: string;
     id2?: {
@@ -1099,9 +1118,27 @@ export interface SyntheticInvalidation extends TraceEventInstant {
     stackTrace?: TraceEventCallFrame[];
 }
 export declare function isSyntheticInvalidation(event: TraceEventData): event is SyntheticInvalidation;
+export interface SelectorTiming {
+    'elapsed (us)': number;
+    'fast_reject_count': number;
+    'match_attempts': number;
+    'selector': string;
+    'style_sheet_id': string;
+}
+export interface SelectorStats {
+    selector_timings: SelectorTiming[];
+}
+export interface TraceEventStyleRecalcSelectorStats extends TraceEventComplete {
+    name: KnownEventName.SelectorStats;
+    args: TraceEventArgs & {
+        selector_stats?: SelectorStats;
+    };
+}
+export declare function isStyleRecalcSelectorStats(event: TraceEventData): event is TraceEventStyleRecalcSelectorStats;
 export interface TraceEventUpdateLayoutTree extends TraceEventComplete {
     name: KnownEventName.UpdateLayoutTree;
     args: TraceEventArgs & {
+        selector_stats?: SelectorStats;
         elementCount: number;
         beginData?: {
             frame: string;
@@ -1171,6 +1208,8 @@ export declare function isTraceEventDispatch(event: TraceEventData): event is Tr
 export declare function isTraceEventInstant(event: TraceEventData): event is TraceEventInstant;
 export declare function isTraceEventRendererEvent(event: TraceEventData): event is TraceEventRendererEvent;
 export declare function isTraceEventFireIdleCallback(event: TraceEventData): event is TraceEventFireIdleCallback;
+export declare function isTraceEventSchedulePostMessage(event: TraceEventData): event is TraceEventSchedulePostMessage;
+export declare function isTraceEventHandlePostMessage(event: TraceEventData): event is TraceEventHandlePostMessage;
 export declare function isTraceEventUpdateCounters(event: TraceEventData): event is TraceEventUpdateCounters;
 export declare function isThreadName(traceEventData: TraceEventData): traceEventData is TraceEventThreadName;
 export declare function isProcessName(traceEventData: TraceEventData): traceEventData is TraceEventProcessName;
@@ -1496,7 +1535,6 @@ export declare const enum KnownEventName {
     V8Execute = "V8.Execute",
     GC = "GCEvent",
     DOMGC = "BlinkGC.AtomicPhase",
-    IncrementalGCMarking = "V8.GCIncrementalMarking",
     MajorGC = "MajorGC",
     MinorGC = "MinorGC",
     GCCollectGarbage = "BlinkGC.AtomicPhase",
@@ -1516,6 +1554,7 @@ export declare const enum KnownEventName {
     ScheduleStyleInvalidationTracking = "ScheduleStyleInvalidationTracking",
     StyleRecalcInvalidationTracking = "StyleRecalcInvalidationTracking",
     StyleInvalidatorInvalidationTracking = "StyleInvalidatorInvalidationTracking",
+    SelectorStats = "SelectorStats",
     ScrollLayer = "ScrollLayer",
     UpdateLayer = "UpdateLayer",
     PaintSetup = "PaintSetup",
@@ -1590,6 +1629,8 @@ export declare const enum KnownEventName {
     DisplayItemListSnapshot = "cc::DisplayItemList",
     InputLatencyMouseMove = "InputLatency::MouseMove",
     InputLatencyMouseWheel = "InputLatency::MouseWheel",
-    ImplSideFling = "InputHandlerProxy::HandleGestureFling::started"
+    ImplSideFling = "InputHandlerProxy::HandleGestureFling::started",
+    SchedulePostMessage = "SchedulePostMessage",
+    HandlePostMessage = "HandlePostMessage"
 }
 export {};

package/models/trace/types/TraceEvents.js

@@ -21,6 +21,25 @@ export function isTraceEventAuctionWorkletDoneWithProcess(event) {
 export function isTraceEventScreenshot(event) {
     return event.name === "Screenshot" /* KnownEventName.Screenshot */;
 }
+const markerTypeGuards = [
+    isTraceEventMarkDOMContent,
+    isTraceEventMarkLoad,
+    isTraceEventFirstPaint,
+    isTraceEventFirstContentfulPaint,
+    isTraceEventLargestContentfulPaintCandidate,
+    isTraceEventNavigationStart,
+];
+export const MarkerName = ['MarkDOMContent', 'MarkLoad', 'firstPaint', 'firstContentfulPaint', 'largestContentfulPaint::Candidate'];
+export function isTraceEventMarkerEvent(event) {
+    return markerTypeGuards.some(fn => fn(event));
+}
+const pageLoadEventTypeGuards = [
+    ...markerTypeGuards,
+    isTraceEventInteractiveTime,
+];
+export function eventIsPageLoadEvent(event) {
+    return pageLoadEventTypeGuards.some(fn => fn(event));
+}
 export function isTraceEventTracingSessionIdForWorker(event) {
     return event.name === 'TracingSessionIdForWorker';
 }
@@ -85,6 +104,9 @@ export function isTraceEventActivateLayerTree(event) {
 export function isSyntheticInvalidation(event) {
     return event.name === 'SyntheticInvalidation';
 }
+export function isStyleRecalcSelectorStats(event) {
+    return event.name === "SelectorStats" /* KnownEventName.SelectorStats */;
+}
 export function isTraceEventUpdateLayoutTree(event) {
     return event.name === "UpdateLayoutTree" /* KnownEventName.UpdateLayoutTree */;
 }
@@ -150,6 +172,12 @@ export function isTraceEventRendererEvent(event) {
 export function isTraceEventFireIdleCallback(event) {
     return event.name === 'FireIdleCallback';
 }
+export function isTraceEventSchedulePostMessage(event) {
+    return event.name === "SchedulePostMessage" /* KnownEventName.SchedulePostMessage */;
+}
+export function isTraceEventHandlePostMessage(event) {
+    return event.name === "HandlePostMessage" /* KnownEventName.HandlePostMessage */;
+}
 export function isTraceEventUpdateCounters(event) {
     return event.name === 'UpdateCounters';
 }
@@ -294,16 +322,16 @@ export function isTraceEventTimeStamp(traceEventData) {
 export function isTraceEventParseHTML(traceEventData) {
     return traceEventData.name === 'ParseHTML';
 }
+const asyncPhases = new Set([
+    "b" /* Phase.ASYNC_NESTABLE_START */,
+    "n" /* Phase.ASYNC_NESTABLE_INSTANT */,
+    "e" /* Phase.ASYNC_NESTABLE_END */,
+    "T" /* Phase.ASYNC_STEP_INTO */,
+    "S" /* Phase.ASYNC_BEGIN */,
+    "F" /* Phase.ASYNC_END */,
+    "p" /* Phase.ASYNC_STEP_PAST */,
+]);
 export function isTraceEventAsyncPhase(traceEventData) {
-    const asyncPhases = new Set([
-        "b" /* Phase.ASYNC_NESTABLE_START */,
-        "n" /* Phase.ASYNC_NESTABLE_INSTANT */,
-        "e" /* Phase.ASYNC_NESTABLE_END */,
-        "T" /* Phase.ASYNC_STEP_INTO */,
-        "S" /* Phase.ASYNC_BEGIN */,
-        "F" /* Phase.ASYNC_END */,
-        "p" /* Phase.ASYNC_STEP_PAST */,
-    ]);
     return asyncPhases.has(traceEventData.ph);
 }
 export function isSyntheticLayoutShift(traceEventData) {