browsertime 21.5.1 → 21.5.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Browsertime changelog (we do [semantic versioning](https://semver.org))
 
+## 21.5.2 - 2024-03-12
+### Fixed
+* Another bug fix: Getting Long Animation Frame (loaf) was broken [#2099](https://github.com/sitespeedio/browsertime/pull/2099).
+
 ## 21.5.1 - 2024-03-12
 ### Fixed
 * There was a bug in how we collect CPU power from Firefox and add it to the statistics. Fixed in [#2098](https://github.com/sitespeedio/browsertime/pull/2098).

package/browserscripts/pageinfo/loaf.js

@@ -1,36 +1,38 @@
-(function() {
-    // See https://developer.chrome.com/docs/web-platform/long-animation-frames
-    if (PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {
-    
+(function () {
+  // See https://developer.chrome.com/docs/web-platform/long-animation-frames
+  if (
+    PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')
+  ) {
     const MAX_LOAFS_TO_CONSIDER = 10;
     const relevantLoadEntries = [];
-    const observer = new PerformanceObserver(list => {
-        let longestBlockingLoAFs = [].concat(list.getEntries()).sort(
-          (a, b) => b.blockingDuration - a.blockingDuration
-        ).slice(0, MAX_LOAFS_TO_CONSIDER);
+    const observer = new PerformanceObserver(list => {});
+    observer.observe({type: 'long-animation-frame', buffered: true});
+    const entries = observer.takeRecords();
 
-        // re-package
-        for (let entry of longestBlockingLoAFs) {
-            const info = {};
-                info.blockingDuration = entry.blockingDuration;
-                info.duration = entry.duration;
-                info.styleAndLayoutStart = entry.styleAndLayoutStart;
-                info.renderStart = entry.renderStart;
-                info.scripts = [];
-                for (let script of entry.scripts) {
-                    const s = {};
-                    s.forcedStyleAndLayoutDuration = script.forcedStyleAndLayoutDuration;
-                    s.invoker = script.invoker;
-                    s.invokerType = script.invokerType;
-                    s.sourceFunctionName = script.sourceFunctionName;
-                    s.sourceURL = script.sourceURL;
-                    info.scripts.push(s);
-                }
-                relevantLoadEntries.push(info);
-          }
-        return relevantLoadEntries;
-      });
-      observer.observe({ type: 'long-animation-frame', buffered: true });
+    let longestBlockingLoAFs = []
+      .concat(entries)
+      .sort((a, b) => b.blockingDuration - a.blockingDuration)
+      .slice(0, MAX_LOAFS_TO_CONSIDER);
+
+    // re-package
+    for (let entry of longestBlockingLoAFs) {
+      const info = {};
+      info.blockingDuration = entry.blockingDuration;
+      info.duration = entry.duration;
+      info.styleAndLayoutStart = entry.styleAndLayoutStart;
+      info.renderStart = entry.renderStart;
+      info.scripts = [];
+      for (let script of entry.scripts) {
+        const s = {};
+        s.forcedStyleAndLayoutDuration = script.forcedStyleAndLayoutDuration;
+        s.invoker = script.invoker;
+        s.invokerType = script.invokerType;
+        s.sourceFunctionName = script.sourceFunctionName;
+        s.sourceURL = script.sourceURL;
+        info.scripts.push(s);
+      }
+      relevantLoadEntries.push(info);
     }
+    return relevantLoadEntries;
+  }
 })();
-  

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "browsertime",
   "description": "Get performance metrics from your web page using Browsertime.",
-  "version": "21.5.1",
+  "version": "21.5.2",
   "bin": "./bin/browsertime.js",
   "type": "module",
   "types": "./types/scripting.d.ts",