@paulirish/trace_engine 0.0.8 → 0.0.10

package/models/trace/worker/processor-tsconfig.json

@@ -0,0 +1,45 @@
+{
+  "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,
+    "noImplicitReturns": true,
+    "outDir": ".",
+    "rootDir": "../../../../../../../front_end/models/trace/worker",
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "esnext",
+    "tsBuildInfoFile": "processor-tsconfig.json.tsbuildinfo",
+    "typeRoots": [],
+    "useUnknownInCatchVariables": false
+  },
+  "files": [
+    "../../../../../../../front_end/models/trace/worker/Processor.ts",
+    "../../../../../../../front_end/models/trace/worker/Types.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": "../handlers/bundle-tsconfig.json"
+    },
+    {
+      "path": "../types/bundle-tsconfig.json"
+    }
+  ]
+}

package/models/trace/worker/worker.js

@@ -0,0 +1,7 @@
+import * as Processor from "./Processor.js";
+import * as Types from "./Types.js";
+export {
+  Processor,
+  Types
+};
+//# sourceMappingURL=worker.js.map

package/models/trace/worker/worker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../front_end/models/trace/worker/worker.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 Processor from './Processor.js';\nimport * as Types from './Types.js';\n\nexport {\n  Processor,\n  Types,\n};\n"],
+  "mappings": "AAIA;AACA;AAEA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/models/trace/worker/worker_entrypoint-tsconfig.json

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

package/models/trace/worker/worker_entrypoint.js

@@ -0,0 +1,36 @@
+import * as Processor from "./Processor.js";
+import * as Platform from "../../../core/platform/platform.js";
+self.postMessage("workerReady");
+const processor = Processor.TraceProcessor.create();
+function sendMessage(event) {
+  self.postMessage(event);
+}
+processor.addEventListener(Processor.TraceParseProgressEvent.eventName, (event) => {
+  const updateEvent = event;
+  sendMessage({ message: "PARSE_UPDATE", ...updateEvent.data });
+});
+self.onmessage = async function(event) {
+  if (!event.data.action) {
+    return;
+  }
+  const message = event.data;
+  switch (message.action) {
+    case "PARSE": {
+      try {
+        await processor.parse(event.data.events, event.data.freshRecording);
+        sendMessage({ message: "PARSE_COMPLETE", data: processor.data });
+      } catch (error) {
+        sendMessage({ message: "PARSE_ERROR", error });
+      } finally {
+        break;
+      }
+    }
+    case "RESET": {
+      processor.reset();
+      break;
+    }
+    default:
+      Platform.assertNever(message, `Unknown trace worker message ${JSON.stringify(message)}`);
+  }
+};
+//# sourceMappingURL=worker_entrypoint.js.map

package/models/trace/worker/worker_entrypoint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../front_end/models/trace/worker/worker_entrypoint.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.\nimport * as Processor from './Processor.js';\nimport type * as Types from './Types.js';\nimport * as Platform from '../../../core/platform/platform.js';\n\nself.postMessage('workerReady');\n\nconst processor = Processor.TraceProcessor.create();\n\n// Send a message back from the worker. Exists purely to provide some type\n// safety around the messages we send.\nfunction sendMessage(event: Types.MessageFromWorker): void {\n  self.postMessage(event);\n}\n\nprocessor.addEventListener(Processor.TraceParseProgressEvent.eventName, (event: Event) => {\n  const updateEvent = event as Processor.TraceParseProgressEvent;\n  sendMessage({message: 'PARSE_UPDATE', ...updateEvent.data});\n});\n\nself.onmessage = async function(event: MessageEvent): Promise<void> {\n  if (!event.data.action) {\n    return;\n  }\n\n  const message = event.data as Types.MessageToWorker;\n  switch (message.action) {\n    case 'PARSE': {\n      try {\n        await processor.parse(event.data.events, event.data.freshRecording);\n        sendMessage({message: 'PARSE_COMPLETE', data: processor.data});\n      } catch (error) {\n        sendMessage({message: 'PARSE_ERROR', error});\n      } finally {\n        break;\n      }\n    }\n    case 'RESET': {\n      processor.reset();\n      break;\n    }\n    default:\n      Platform.assertNever(message, `Unknown trace worker message ${JSON.stringify(message)}`);\n  }\n};\n"],
+  "mappings": "AAGA;AAEA;AAEA,KAAK,YAAY;AAEjB,MAAM,YAAY,UAAU,eAAe;AAI3C,qBAAqB,OAAsC;AACzD,OAAK,YAAY;AAAA;AAGnB,UAAU,iBAAiB,UAAU,wBAAwB,WAAW,CAAC,UAAiB;AACxF,QAAM,cAAc;AACpB,cAAY,EAAC,SAAS,mBAAmB,YAAY;AAAA;AAGvD,KAAK,YAAY,eAAe,OAAoC;AAClE,MAAI,CAAC,MAAM,KAAK,QAAQ;AACtB;AAAA;AAGF,QAAM,UAAU,MAAM;AACtB,UAAQ,QAAQ;AAAA,SACT,SAAS;AACZ,UAAI;AACF,cAAM,UAAU,MAAM,MAAM,KAAK,QAAQ,MAAM,KAAK;AACpD,oBAAY,EAAC,SAAS,kBAAkB,MAAM,UAAU;AAAA,eACjD,OAAP;AACA,oBAAY,EAAC,SAAS,eAAe;AAAA,gBACrC;AACA;AAAA;AAAA;AAAA,SAGC,SAAS;AACZ,gBAAU;AACV;AAAA;AAAA;AAGA,eAAS,YAAY,SAAS,gCAAgC,KAAK,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@paulirish/trace_engine",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "",
-  "main": "trace.mjs",
+  "main": "models/trace/trace.js",
   "scripts": {
     "test": "node test/test-trace-engine.mjs",
     "prepublishOnly": "npm test"

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,