@paulirish/trace_engine 0.0.8 → 0.0.9

package/README.md

@@ -26,16 +26,16 @@ See also http://go/btlax
 
 ```sh
 # build bundle with esbuild
-front_end/models/trace/build-trace-engine-lib.sh
+scripts/trace/build-trace-engine-lib.sh
 
 # run
-node scripts/analyze-trace.mjs test/unittests/fixtures/traces/web-dev.json.gz
+node scripts/trace/analyze-trace.mjs test/unittests/fixtures/traces/web-dev.json.gz
 
 # test
-node scripts/test/test-trace-engine.mjs
+node scripts/trace/test/test-trace-engine.mjs
 
 # copy built files to $HOME/code/trace_engine
-front_end/models/trace/copy-build-trace-engine-for-publish.sh
+scripts/trace/copy-build-trace-engine-for-publish.sh
 ```
 
 #### Test and publish

package/analyze-trace.mjs

@@ -11,6 +11,10 @@ import zlib from 'node:zlib';
 
 /** @typedef {import('../front_end/models/trace/trace.ts')} TraceEngine */
 
+// For types... see Connor's manual hack here:
+// https://github.com/GoogleChrome/lighthouse/pull/15703/files#diff-ec7e073cf0e6135d4f2af9bc04fe6100ec0df80ad1686bee2da53871be5f1a7b
+// and https://github.com/GoogleChrome/lighthouse/pull/15703/files#diff-6dab4507247217209f5ab0f6c343ca2b00af1300878abba81fb74d51cdfbedf9
+
 /** @type {TraceEngine} */
 import * as TraceEngine from './trace.mjs';
 
@@ -22,10 +26,9 @@ polyfillDOMRect();
  */
 export async function analyzeTrace(filename) {
   const traceEvents = loadTraceEventsFromFile(filename);
-
-  const processor = TraceEngine.Processor.TraceProcessor.createWithAllHandlers(TraceEngine.Types.Configuration.DEFAULT); // aka `fullTraceEngine`
-  await processor.parse(traceEvents);
-  return processor.data;
+  const model = TraceEngine.TraceModel.Model.createWithAllHandlers(TraceEngine.Types.Configuration.DEFAULT); // aka `fullTraceEngine`
+  await model.parse(traceEvents);
+  return model.traceParsedData();
 }
 
 // If run as CLI, parse the argv trace (or a fallback)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paulirish/trace_engine",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "",
   "main": "trace.mjs",
   "scripts": {

package/trace.mjs

@@ -2232,6 +2232,7 @@ var browserThreadId = TraceEvents_exports.ThreadID(-1);
 var gpuProcessId = TraceEvents_exports.ProcessID(-1);
 var gpuThreadId = TraceEvents_exports.ThreadID(-1);
 var viewportRect = null;
+var processNames = /* @__PURE__ */ new Map();
 var topLevelRendererIds = /* @__PURE__ */ new Set();
 var traceBounds = {
   min: Timing_exports2.MicroSeconds(Number.POSITIVE_INFINITY),
@@ -2259,6 +2260,7 @@ var CHROME_WEB_TRACE_EVENTS = /* @__PURE__ */ new Set([
 function reset3() {
   navigationsByFrameId.clear();
   navigationsByNavigationId.clear();
+  processNames.clear();
   mainFrameNavigations.length = 0;
   browserProcessId = TraceEvents_exports.ProcessID(-1);
   browserThreadId = TraceEvents_exports.ThreadID(-1);
@@ -2309,6 +2311,9 @@ function handleEvent3(event) {
   if (traceIsGeneric && CHROME_WEB_TRACE_EVENTS.has(event.name)) {
     traceIsGeneric = false;
   }
+  if (TraceEvents_exports.isProcessName(event)) {
+    processNames.set(event.pid, event);
+  }
   if (event.ts !== 0 && !event.name.endsWith("::UMA") && eventPhasesOfInterestForTraceBounds.has(event.ph)) {
     traceBounds.min = Timing_exports2.MicroSeconds(Math.min(event.ts, traceBounds.min));
     const eventDuration = event.dur || Timing_exports2.MicroSeconds(0);
@@ -2447,6 +2452,7 @@ function data3() {
     traceBounds: { ...traceBounds },
     browserProcessId,
     browserThreadId,
+    processNames: new Map(processNames),
     gpuProcessId,
     gpuThreadId: gpuThreadId === TraceEvents_exports.ThreadID(-1) ? void 0 : gpuThreadId,
     viewportRect: viewportRect || void 0,
@@ -3360,18 +3366,19 @@ function assignIsMainFrame(processes2, mainFrameId2, rendererProcessesByFrame) {
   }
 }
 function assignThreadName(processes2, rendererProcessesByFrame, threadsInProcess2) {
-  for (const [, renderProcessesByPid] of rendererProcessesByFrame) {
-    for (const [pid] of renderProcessesByPid) {
-      const process = getOrCreateRendererProcess(processes2, pid);
-      for (const [tid, threadInfo] of threadsInProcess2.get(pid) ?? []) {
-        const thread = getOrCreateRendererThread(process, tid);
-        thread.name = threadInfo?.args.name ?? `${tid}`;
-      }
+  for (const [pid, process] of processes2) {
+    for (const [tid, threadInfo] of threadsInProcess2.get(pid) ?? []) {
+      const thread = getOrCreateRendererThread(process, tid);
+      thread.name = threadInfo?.args.name ?? `${tid}`;
     }
   }
 }
 function sanitizeProcesses(processes2) {
   const auctionWorklets = data2().worklets;
+  const metaData = data3();
+  if (metaData.traceIsGeneric) {
+    return;
+  }
   for (const [pid, process] of processes2) {
     if (process.url === null) {
       const maybeWorklet = auctionWorklets.get(pid);
@@ -3478,10 +3485,10 @@ function threadsInRenderer(rendererData, auctionWorkletsData) {
   if (rendererData.processes.size) {
     for (const [pid, process] of rendererData.processes) {
       for (const [tid, thread] of process.threads) {
-        const threadType = getThreadTypeForRendererThread(auctionWorkletsData, pid, thread);
         if (!thread.tree) {
           continue;
         }
+        const threadType = getThreadTypeForRendererThread(auctionWorkletsData, pid, thread);
         foundThreads.push({
           name: thread.name,
           pid,