@paulirish/trace_engine 0.0.3 → 0.0.5

package/README.md

@@ -5,17 +5,18 @@ This folder contains the new trace engine that was first implemented for the Per
 ## API quickstart
 
 ```js
-loadBrowserPolyfills();
-const TraceModel = await import('@paulirish/trace_engine');
+import * as TraceModel from '@paulirish/trace_engine';
+
+polyfillDOMRect();
 const processor = TraceModel.Processor.TraceProcessor.createWithAllHandlers();
 
 await processor.parse(traceEvents);
 console.log(processor.data)
 ```
 
-**Note:** in reality to run in Node, you'll need to polyfill `window.location`, `window.navigator`, and `window.DOMRect`. 😜
+**Note:** in reality to run in Node, you'll need to polyfill `window.DOMRect`. 😜
 
-See the included `analyze-trace.mjs` a runnable invocation and quick polyfills.
+See the included `analyze-trace.mjs` a runnable invocation.
 
 ## Building standalone
 
@@ -28,7 +29,8 @@ front_end/models/trace/build-trace-engine-lib.sh
 
 front_end/models/trace/copy-build-trace-engine-for-publish.sh
 
-madge front_end/models/trace/trace.ts --image tracearch.png --layout dot --exclude="(localized-string-set\/)|(stack-packs\/packs)"
+node out/Typed/../../third_party/typescript/../../node_modules/typescript/bin/tsc -p out/Typed/gen/front_end/models/trace/trace-tsconfig.json  # this then has js/map/d.ts.  should be able to use for typs
+
 ```
 
 ## High level architecture

package/analyze-trace.mjs

@@ -7,10 +7,10 @@
 
 import fs from 'fs';
 import zlib from 'zlib';
+// eslint-disable-next-line rulesdir/es_modules_import
+import * as TraceModel from './trace.mjs';
 
-loadBrowserPolyfills(); // Must precede the import (for `location` and `navigator`)
-
-export const TraceModel = await import('./trace.mjs');
+polyfillDOMRect();
 
 // If run as CLI, parse the argv trace (or a fallback)
 if (import.meta.url.endsWith(process.argv[1])) {
@@ -57,13 +57,9 @@ function isGzip(ab) {
   return buf[0] === 0x1F && buf[1] === 0x8B && buf[2] === 0x08;
 }
 
-function loadBrowserPolyfills() {
+function polyfillDOMRect() {
 
   // devtools assumes clientside :(
-  globalThis.location = new URL('devtools://devtools/bundled/devtools_app.html');
-  globalThis.navigator = {
-    language: 'en-US'
-  };
 
   // Everything else in here is the DOMRect polyfill
   // https://raw.githubusercontent.com/JakeChampion/polyfill-library/master/polyfills/DOMRect/polyfill.js

package/meta.json

@@ -130,7 +130,7 @@
       ]
     },
     "front_end/models/trace/types/Configuration.ts": {
-      "bytes": 379,
+      "bytes": 1797,
       "imports": []
     },
     "front_end/models/trace/types/File.ts": {
@@ -138,11 +138,11 @@
       "imports": []
     },
     "front_end/models/trace/types/Timing.ts": {
-      "bytes": 1065,
+      "bytes": 1176,
       "imports": []
     },
     "front_end/models/trace/types/TraceEvents.ts": {
-      "bytes": 47061,
+      "bytes": 47820,
       "imports": []
     },
     "front_end/models/trace/types/types.ts": {
@@ -187,8 +187,17 @@
         }
       ]
     },
+    "front_end/models/trace/handlers/AuctionWorkletsHandler.ts": {
+      "bytes": 7012,
+      "imports": [
+        {
+          "path": "front_end/models/trace/types/types.ts",
+          "kind": "import-statement"
+        }
+      ]
+    },
     "front_end/models/trace/handlers/MetaHandler.ts": {
-      "bytes": 15712,
+      "bytes": 16355,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -204,27 +213,13 @@
         }
       ]
     },
-    "front_end/core/root/Runtime.ts": {
-      "bytes": 10427,
-      "imports": [
-        {
-          "path": "front_end/core/platform/platform.ts",
-          "kind": "import-statement"
-        }
-      ]
-    },
-    "front_end/core/root/root.ts": {
-      "bytes": 225,
+    "front_end/models/trace/helpers/Trace.ts": {
+      "bytes": 5489,
       "imports": [
         {
-          "path": "front_end/core/root/Runtime.ts",
+          "path": "front_end/models/trace/types/types.ts",
           "kind": "import-statement"
-        }
-      ]
-    },
-    "front_end/models/trace/helpers/Trace.ts": {
-      "bytes": 4859,
-      "imports": [
+        },
         {
           "path": "front_end/core/platform/platform.ts",
           "kind": "import-statement"
@@ -232,7 +227,7 @@
       ]
     },
     "front_end/models/trace/helpers/Timing.ts": {
-      "bytes": 7545,
+      "bytes": 8686,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -249,12 +244,8 @@
       ]
     },
     "front_end/models/trace/helpers/SamplesIntegrator.ts": {
-      "bytes": 19670,
+      "bytes": 18690,
       "imports": [
-        {
-          "path": "front_end/core/root/root.ts",
-          "kind": "import-statement"
-        },
         {
           "path": "front_end/models/trace/types/types.ts",
           "kind": "import-statement"
@@ -269,8 +260,17 @@
         }
       ]
     },
+    "front_end/models/trace/helpers/TreeHelpers.ts": {
+      "bytes": 8436,
+      "imports": [
+        {
+          "path": "front_end/models/trace/types/types.ts",
+          "kind": "import-statement"
+        }
+      ]
+    },
     "front_end/models/trace/helpers/helpers.ts": {
-      "bytes": 303,
+      "bytes": 352,
       "imports": [
         {
           "path": "front_end/models/trace/helpers/SamplesIntegrator.ts",
@@ -283,6 +283,10 @@
         {
           "path": "front_end/models/trace/helpers/Trace.ts",
           "kind": "import-statement"
+        },
+        {
+          "path": "front_end/models/trace/helpers/TreeHelpers.ts",
+          "kind": "import-statement"
         }
       ]
     },
@@ -308,7 +312,7 @@
       ]
     },
     "front_end/models/trace/handlers/PageLoadMetricsHandler.ts": {
-      "bytes": 19990,
+      "bytes": 19538,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -329,18 +333,14 @@
       ]
     },
     "front_end/models/trace/handlers/ScreenshotsHandler.ts": {
-      "bytes": 1531,
+      "bytes": 1480,
       "imports": [
-        {
-          "path": "front_end/models/trace/handlers/MetaHandler.ts",
-          "kind": "import-statement"
-        },
         {
           "path": "front_end/models/trace/helpers/helpers.ts",
           "kind": "import-statement"
         },
         {
-          "path": "front_end/models/trace/types/types.ts",
+          "path": "front_end/models/trace/handlers/MetaHandler.ts",
           "kind": "import-statement"
         }
       ]
@@ -485,12 +485,16 @@
       ]
     },
     "front_end/models/trace/handlers/Migration.ts": {
-      "bytes": 1983,
+      "bytes": 2065,
       "imports": [
         {
           "path": "front_end/models/trace/handlers/AnimationHandler.ts",
           "kind": "import-statement"
         },
+        {
+          "path": "front_end/models/trace/handlers/AuctionWorkletsHandler.ts",
+          "kind": "import-statement"
+        },
         {
           "path": "front_end/models/trace/handlers/GPUHandler.ts",
           "kind": "import-statement"
@@ -533,15 +537,6 @@
         }
       ]
     },
-    "front_end/models/trace/handlers/AuctionWorkletsHandler.ts": {
-      "bytes": 7012,
-      "imports": [
-        {
-          "path": "front_end/models/trace/types/types.ts",
-          "kind": "import-statement"
-        }
-      ]
-    },
     "front_end/models/trace/handlers/LargestImagePaintHandler.ts": {
       "bytes": 1736,
       "imports": [
@@ -565,7 +560,7 @@
       "imports": []
     },
     "front_end/models/cpu_profile/CPUProfileDataModel.ts": {
-      "bytes": 21496,
+      "bytes": 21031,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -591,32 +586,32 @@
       ]
     },
     "front_end/models/trace/handlers/SamplesHandler.ts": {
-      "bytes": 8878,
+      "bytes": 12071,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
           "kind": "import-statement"
         },
         {
-          "path": "front_end/models/trace/types/types.ts",
+          "path": "front_end/models/cpu_profile/cpu_profile.ts",
           "kind": "import-statement"
         },
         {
-          "path": "front_end/models/trace/handlers/types.ts",
+          "path": "front_end/models/trace/helpers/helpers.ts",
           "kind": "import-statement"
         },
         {
-          "path": "front_end/models/cpu_profile/cpu_profile.ts",
+          "path": "front_end/models/trace/types/types.ts",
           "kind": "import-statement"
         },
         {
-          "path": "front_end/models/trace/helpers/helpers.ts",
+          "path": "front_end/models/trace/handlers/types.ts",
           "kind": "import-statement"
         }
       ]
     },
     "front_end/models/trace/handlers/RendererHandler.ts": {
-      "bytes": 20741,
+      "bytes": 16021,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -630,6 +625,10 @@
           "path": "front_end/models/trace/types/types.ts",
           "kind": "import-statement"
         },
+        {
+          "path": "front_end/models/trace/handlers/AuctionWorkletsHandler.ts",
+          "kind": "import-statement"
+        },
         {
           "path": "front_end/models/trace/handlers/MetaHandler.ts",
           "kind": "import-statement"
@@ -717,8 +716,12 @@
         }
       ]
     },
+    "front_end/models/trace/handlers/Threads.ts": {
+      "bytes": 3880,
+      "imports": []
+    },
     "front_end/models/trace/handlers/handlers.ts": {
-      "bytes": 301,
+      "bytes": 342,
       "imports": [
         {
           "path": "front_end/models/trace/handlers/Migration.ts",
@@ -728,6 +731,10 @@
           "path": "front_end/models/trace/handlers/ModelHandlers.ts",
           "kind": "import-statement"
         },
+        {
+          "path": "front_end/models/trace/handlers/Threads.ts",
+          "kind": "import-statement"
+        },
         {
           "path": "front_end/models/trace/handlers/types.ts",
           "kind": "import-statement"
@@ -748,7 +755,7 @@
       ]
     },
     "front_end/models/trace/Processor.ts": {
-      "bytes": 9785,
+      "bytes": 9649,
       "imports": [
         {
           "path": "front_end/models/trace/handlers/handlers.ts",
@@ -761,7 +768,7 @@
       ]
     },
     "front_end/models/trace/ModelImpl.ts": {
-      "bytes": 9591,
+      "bytes": 9587,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -786,7 +793,7 @@
       ]
     },
     "front_end/models/trace/TreeManipulator.ts": {
-      "bytes": 7648,
+      "bytes": 7382,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -833,7 +840,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 455547
+      "bytes": 452118
     },
     "out/Default/gen/trace_engine/trace.mjs": {
       "imports": [],
@@ -854,10 +861,10 @@
           "bytesInOutput": 101
         },
         "front_end/models/trace/handlers/handlers.ts": {
-          "bytesInOutput": 174
+          "bytesInOutput": 208
         },
         "front_end/models/trace/handlers/Migration.ts": {
-          "bytesInOutput": 608
+          "bytesInOutput": 659
         },
         "front_end/models/trace/handlers/AnimationHandler.ts": {
           "bytesInOutput": 2735
@@ -865,9 +872,6 @@
         "front_end/core/platform/array-utilities.ts": {
           "bytesInOutput": 5200
         },
-        "front_end/core/platform/DevToolsPath.ts": {
-          "bytesInOutput": 298
-        },
         "front_end/core/platform/map-utilities.ts": {
           "bytesInOutput": 1553
         },
@@ -878,13 +882,13 @@
           "bytesInOutput": 68
         },
         "front_end/core/platform/platform.ts": {
-          "bytesInOutput": 133
+          "bytesInOutput": 0
         },
         "front_end/models/trace/types/types.ts": {
           "bytesInOutput": 202
         },
         "front_end/models/trace/types/Configuration.ts": {
-          "bytesInOutput": 174
+          "bytesInOutput": 581
         },
         "front_end/models/trace/types/File.ts": {
           "bytesInOutput": 270
@@ -893,11 +897,14 @@
           "bytesInOutput": 638
         },
         "front_end/models/trace/types/TraceEvents.ts": {
-          "bytesInOutput": 23387
+          "bytesInOutput": 23714
         },
         "front_end/models/trace/handlers/types.ts": {
           "bytesInOutput": 397
         },
+        "front_end/models/trace/handlers/AuctionWorkletsHandler.ts": {
+          "bytesInOutput": 3319
+        },
         "front_end/models/trace/handlers/GPUHandler.ts": {
           "bytesInOutput": 1623
         },
@@ -905,28 +912,28 @@
           "bytesInOutput": 9054
         },
         "front_end/models/trace/helpers/helpers.ts": {
-          "bytesInOutput": 174
+          "bytesInOutput": 216
         },
         "front_end/models/trace/helpers/SamplesIntegrator.ts": {
-          "bytesInOutput": 9518
-        },
-        "front_end/core/root/Runtime.ts": {
-          "bytesInOutput": 9442
+          "bytesInOutput": 8756
         },
         "front_end/models/trace/helpers/Timing.ts": {
-          "bytesInOutput": 6092
+          "bytesInOutput": 6819
         },
         "front_end/models/trace/helpers/Trace.ts": {
-          "bytesInOutput": 3224
+          "bytesInOutput": 3593
+        },
+        "front_end/models/trace/helpers/TreeHelpers.ts": {
+          "bytesInOutput": 3478
         },
         "front_end/models/trace/handlers/LayoutShiftsHandler.ts": {
           "bytesInOutput": 10663
         },
         "front_end/models/trace/handlers/PageLoadMetricsHandler.ts": {
-          "bytesInOutput": 15090
+          "bytesInOutput": 14866
         },
         "front_end/models/trace/handlers/ScreenshotsHandler.ts": {
-          "bytesInOutput": 951
+          "bytesInOutput": 893
         },
         "front_end/models/trace/handlers/MemoryHandler.ts": {
           "bytesInOutput": 670
@@ -935,10 +942,10 @@
           "bytesInOutput": 11039
         },
         "front_end/models/trace/handlers/UserInteractionsHandler.ts": {
-          "bytesInOutput": 4867
+          "bytesInOutput": 4873
         },
         "front_end/models/trace/handlers/UserTimingsHandler.ts": {
-          "bytesInOutput": 4077
+          "bytesInOutput": 4079
         },
         "front_end/models/trace/handlers/WarningsHandler.ts": {
           "bytesInOutput": 2301
@@ -949,9 +956,6 @@
         "front_end/models/trace/handlers/ModelHandlers.ts": {
           "bytesInOutput": 889
         },
-        "front_end/models/trace/handlers/AuctionWorkletsHandler.ts": {
-          "bytesInOutput": 3327
-        },
         "front_end/models/trace/handlers/LargestImagePaintHandler.ts": {
           "bytesInOutput": 558
         },
@@ -959,31 +963,34 @@
           "bytesInOutput": 571
         },
         "front_end/models/trace/handlers/RendererHandler.ts": {
-          "bytesInOutput": 10383
+          "bytesInOutput": 8247
         },
         "front_end/models/trace/handlers/SamplesHandler.ts": {
-          "bytesInOutput": 5994
+          "bytesInOutput": 7339
         },
         "front_end/models/cpu_profile/CPUProfileDataModel.ts": {
-          "bytesInOutput": 13716
+          "bytesInOutput": 13325
         },
         "front_end/models/cpu_profile/ProfileTreeModel.ts": {
           "bytesInOutput": 2035
         },
+        "front_end/models/trace/handlers/Threads.ts": {
+          "bytesInOutput": 2318
+        },
         "front_end/models/trace/LegacyTracingModel.ts": {
           "bytesInOutput": 21338
         },
         "front_end/models/trace/ModelImpl.ts": {
-          "bytesInOutput": 4038
+          "bytesInOutput": 4050
         },
         "front_end/models/trace/Processor.ts": {
-          "bytesInOutput": 6189
+          "bytesInOutput": 6084
         },
         "front_end/models/trace/TreeManipulator.ts": {
-          "bytesInOutput": 2786
+          "bytesInOutput": 2678
         }
       },
-      "bytes": 203836
+      "bytes": 199267
     }
   }
 }

package/package.json

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