@paulirish/trace_engine 0.0.18 → 0.0.20

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

@@ -427,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 & {
@@ -545,6 +551,7 @@ export interface TraceEventMarkDOMContent extends TraceEventInstant {
         data?: TraceEventArgsData & {
             frame: string;
             isMainFrame: boolean;
+            isOutermostMainFrame?: boolean;
             page: string;
         };
     };
@@ -556,6 +563,7 @@ export interface TraceEventMarkLoad extends TraceEventInstant {
             frame: string;
             isMainFrame: boolean;
             page: string;
+            isOutermostMainFrame?: boolean;
         };
     };
 }
@@ -837,7 +845,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';
@@ -858,17 +871,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
  */
@@ -958,6 +960,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?: {
@@ -1117,9 +1120,48 @@ export interface SyntheticInvalidation extends TraceEventInstant {
     stackTrace?: TraceEventCallFrame[];
 }
 export declare function isSyntheticInvalidation(event: TraceEventData): event is SyntheticInvalidation;
+export interface TraceEventDrawLazyPixelRef extends TraceEventInstant {
+    name: KnownEventName.DrawLazyPixelRef;
+    args?: TraceEventArgs & {
+        LazyPixelRef: number;
+    };
+}
+export declare function isTraceEventDrawLazyPixelRef(event: TraceEventData): event is TraceEventDrawLazyPixelRef;
+export interface TraceEventDecodeLazyPixelRef extends TraceEventInstant {
+    name: KnownEventName.DecodeLazyPixelRef;
+    args?: TraceEventArgs & {
+        LazyPixelRef: number;
+    };
+}
+export declare function isTraceEventDecodeLazyPixelRef(event: TraceEventData): event is TraceEventDecodeLazyPixelRef;
+export interface TraceEventDecodeImage extends TraceEventComplete {
+    name: KnownEventName.DecodeImage;
+    args: TraceEventArgs & {
+        imageType: string;
+    };
+}
+export declare function isTraceEventDecodeImage(event: TraceEventData): event is TraceEventDecodeImage;
+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;
@@ -1247,11 +1289,37 @@ export interface TraceEventPaint extends TraceEventComplete {
             clip: number[];
             frame: string;
             layerId: number;
-            nodeId: number;
+            nodeId?: Protocol.DOM.BackendNodeId;
         };
     };
 }
 export declare function isTraceEventPaint(event: TraceEventData): event is TraceEventPaint;
+export interface TraceEventPaintImage extends TraceEventComplete {
+    name: KnownEventName.PaintImage;
+    args: TraceEventArgs & {
+        data: TraceEventData & {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+            url?: string;
+            srcHeight: number;
+            srcWidth: number;
+            nodeId?: Protocol.DOM.BackendNodeId;
+        };
+    };
+}
+export declare function isTraceEventPaintImage(event: TraceEventData): event is TraceEventPaintImage;
+export interface TraceEventScrollLayer extends TraceEventComplete {
+    name: KnownEventName.ScrollLayer;
+    args: TraceEventArgs & {
+        data: TraceEventData & {
+            frame: string;
+            nodeId?: Protocol.DOM.BackendNodeId;
+        };
+    };
+}
+export declare function isTraceEventScrollLayer(event: TraceEventData): event is TraceEventScrollLayer;
 export interface TraceEventSetLayerTreeId extends TraceEventInstant {
     name: KnownEventName.SetLayerTreeId;
     args: TraceEventArgs & {
@@ -1516,7 +1584,6 @@ export declare const enum KnownEventName {
     V8Execute = "V8.Execute",
     GC = "GCEvent",
     DOMGC = "BlinkGC.AtomicPhase",
-    IncrementalGCMarking = "V8.GCIncrementalMarking",
     MajorGC = "MajorGC",
     MinorGC = "MinorGC",
     GCCollectGarbage = "BlinkGC.AtomicPhase",
@@ -1536,6 +1603,7 @@ export declare const enum KnownEventName {
     ScheduleStyleInvalidationTracking = "ScheduleStyleInvalidationTracking",
     StyleRecalcInvalidationTracking = "StyleRecalcInvalidationTracking",
     StyleInvalidatorInvalidationTracking = "StyleInvalidatorInvalidationTracking",
+    SelectorStats = "SelectorStats",
     ScrollLayer = "ScrollLayer",
     UpdateLayer = "UpdateLayer",
     PaintSetup = "PaintSetup",

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,18 @@ export function isTraceEventActivateLayerTree(event) {
 export function isSyntheticInvalidation(event) {
     return event.name === 'SyntheticInvalidation';
 }
+export function isTraceEventDrawLazyPixelRef(event) {
+    return event.name === "Draw LazyPixelRef" /* KnownEventName.DrawLazyPixelRef */;
+}
+export function isTraceEventDecodeLazyPixelRef(event) {
+    return event.name === "Decode LazyPixelRef" /* KnownEventName.DecodeLazyPixelRef */;
+}
+export function isTraceEventDecodeImage(event) {
+    return event.name === "Decode Image" /* KnownEventName.DecodeImage */;
+}
+export function isStyleRecalcSelectorStats(event) {
+    return event.name === "SelectorStats" /* KnownEventName.SelectorStats */;
+}
 export function isTraceEventUpdateLayoutTree(event) {
     return event.name === "UpdateLayoutTree" /* KnownEventName.UpdateLayoutTree */;
 }
@@ -300,16 +331,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) {
@@ -324,6 +355,12 @@ export function isProfileCall(event) {
 export function isTraceEventPaint(event) {
     return event.name === "Paint" /* KnownEventName.Paint */;
 }
+export function isTraceEventPaintImage(event) {
+    return event.name === "PaintImage" /* KnownEventName.PaintImage */;
+}
+export function isTraceEventScrollLayer(event) {
+    return event.name === "ScrollLayer" /* KnownEventName.ScrollLayer */;
+}
 export function isTraceEventSetLayerId(event) {
     return event.name === "SetLayerTreeId" /* KnownEventName.SetLayerTreeId */;
 }