@paulirish/trace_engine 0.0.3 → 0.0.4

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
 
@@ -27,8 +28,6 @@ See the included `analyze-trace.mjs` a runnable invocation and quick polyfills.
 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)"
 ```
 
 ## 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": 1066,
       "imports": []
     },
     "front_end/models/trace/types/File.ts": {
@@ -142,7 +142,7 @@
       "imports": []
     },
     "front_end/models/trace/types/TraceEvents.ts": {
-      "bytes": 47061,
+      "bytes": 47296,
       "imports": []
     },
     "front_end/models/trace/types/types.ts": {
@@ -204,26 +204,8 @@
         }
       ]
     },
-    "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,
-      "imports": [
-        {
-          "path": "front_end/core/root/Runtime.ts",
-          "kind": "import-statement"
-        }
-      ]
-    },
     "front_end/models/trace/helpers/Trace.ts": {
-      "bytes": 4859,
+      "bytes": 4913,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -232,7 +214,7 @@
       ]
     },
     "front_end/models/trace/helpers/Timing.ts": {
-      "bytes": 7545,
+      "bytes": 8073,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -249,12 +231,8 @@
       ]
     },
     "front_end/models/trace/helpers/SamplesIntegrator.ts": {
-      "bytes": 19670,
+      "bytes": 17885,
       "imports": [
-        {
-          "path": "front_end/core/root/root.ts",
-          "kind": "import-statement"
-        },
         {
           "path": "front_end/models/trace/types/types.ts",
           "kind": "import-statement"
@@ -565,7 +543,7 @@
       "imports": []
     },
     "front_end/models/cpu_profile/CPUProfileDataModel.ts": {
-      "bytes": 21496,
+      "bytes": 21031,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -591,32 +569,32 @@
       ]
     },
     "front_end/models/trace/handlers/SamplesHandler.ts": {
-      "bytes": 8878,
+      "bytes": 8996,
       "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": 20659,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -748,7 +726,7 @@
       ]
     },
     "front_end/models/trace/Processor.ts": {
-      "bytes": 9785,
+      "bytes": 9649,
       "imports": [
         {
           "path": "front_end/models/trace/handlers/handlers.ts",
@@ -761,7 +739,7 @@
       ]
     },
     "front_end/models/trace/ModelImpl.ts": {
-      "bytes": 9591,
+      "bytes": 9537,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -786,7 +764,7 @@
       ]
     },
     "front_end/models/trace/TreeManipulator.ts": {
-      "bytes": 7648,
+      "bytes": 7398,
       "imports": [
         {
           "path": "front_end/core/platform/platform.ts",
@@ -833,7 +811,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 455547
+      "bytes": 434352
     },
     "out/Default/gen/trace_engine/trace.mjs": {
       "imports": [],
@@ -865,9 +843,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 +853,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": 291
         },
         "front_end/models/trace/types/File.ts": {
           "bytesInOutput": 270
@@ -893,7 +868,7 @@
           "bytesInOutput": 638
         },
         "front_end/models/trace/types/TraceEvents.ts": {
-          "bytesInOutput": 23387
+          "bytesInOutput": 23532
         },
         "front_end/models/trace/handlers/types.ts": {
           "bytesInOutput": 397
@@ -908,13 +883,10 @@
           "bytesInOutput": 174
         },
         "front_end/models/trace/helpers/SamplesIntegrator.ts": {
-          "bytesInOutput": 9518
-        },
-        "front_end/core/root/Runtime.ts": {
-          "bytesInOutput": 9442
+          "bytesInOutput": 8645
         },
         "front_end/models/trace/helpers/Timing.ts": {
-          "bytesInOutput": 6092
+          "bytesInOutput": 6177
         },
         "front_end/models/trace/helpers/Trace.ts": {
           "bytesInOutput": 3224
@@ -959,13 +931,13 @@
           "bytesInOutput": 571
         },
         "front_end/models/trace/handlers/RendererHandler.ts": {
-          "bytesInOutput": 10383
+          "bytesInOutput": 10283
         },
         "front_end/models/trace/handlers/SamplesHandler.ts": {
-          "bytesInOutput": 5994
+          "bytesInOutput": 6110
         },
         "front_end/models/cpu_profile/CPUProfileDataModel.ts": {
-          "bytesInOutput": 13716
+          "bytesInOutput": 13325
         },
         "front_end/models/cpu_profile/ProfileTreeModel.ts": {
           "bytesInOutput": 2035
@@ -974,16 +946,16 @@
           "bytesInOutput": 21338
         },
         "front_end/models/trace/ModelImpl.ts": {
-          "bytesInOutput": 4038
+          "bytesInOutput": 4034
         },
         "front_end/models/trace/Processor.ts": {
-          "bytesInOutput": 6189
+          "bytesInOutput": 6084
         },
         "front_end/models/trace/TreeManipulator.ts": {
-          "bytesInOutput": 2786
+          "bytesInOutput": 2678
         }
       },
-      "bytes": 203836
+      "bytes": 192726
     }
   }
 }

package/package.json

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