@adobe/helix-rum-enhancer 2.49.0 → 2.50.1

package/src/plugins/cwv.js

@@ -9,287 +9,395 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-(function (e) {
+(function (t) {
 
-  let t = -1;
-  const n = e => {
-      addEventListener("pageshow", n => {
-        n.persisted && (t = n.timeStamp, e(n));
+  let n = -1;
+  const e = () => n,
+    i = t => {
+      addEventListener("pageshow", e => {
+        e.persisted && (n = e.timeStamp, t(e));
       }, true);
     },
-    i = (e, t, n, i) => {
-      let s, o;
-      return r => {
-        t.value >= 0 && (r || i) && (o = t.value - (s ?? 0), (o || void 0 === s) && (s = t.value, t.delta = o, t.rating = ((e, t) => e > t[1] ? "poor" : e > t[0] ? "needs-improvement" : "good")(t.value, n), e(t)));
+    o = (t, n, e, i) => {
+      let o, s;
+      return a => {
+        n.value >= 0 && (a || i) && (s = n.value - (o ?? 0), (s || void 0 === o) && (o = n.value, n.delta = s, n.rating = ((t, n) => t > n[1] ? "poor" : t > n[0] ? "needs-improvement" : "good")(n.value, e), t(n)));
       };
     },
-    s = e => {
-      requestAnimationFrame(() => requestAnimationFrame(e));
+    s = t => {
+      requestAnimationFrame(() => requestAnimationFrame(() => t()));
     },
-    o = () => {
-      const e = performance.getEntriesByType("navigation")[0];
-      if (e && e.responseStart > 0 && e.responseStart < performance.now()) return e;
+    a = () => {
+      const t = performance.getEntriesByType("navigation")[0];
+      if (t && t.responseStart > 0 && t.responseStart < performance.now()) return t;
     },
-    r = () => o()?.activationStart ?? 0,
-    c = (e, n = -1) => {
-      const i = o();
-      let s = "navigate";
-      t >= 0 ? s = "back-forward-cache" : i && (document.prerendering || r() > 0 ? s = "prerender" : document.wasDiscarded ? s = "restore" : i.type && (s = i.type.replace(/_/g, "-")));
+    r = () => a()?.activationStart ?? 0;
+  let c = -1;
+  const f = new Set(),
+    h = () => "hidden" !== document.visibilityState || document.prerendering ? 1 / 0 : 0,
+    d = t => {
+      if ("hidden" === document.visibilityState) {
+        if ("visibilitychange" === t.type) for (const t of f) t();
+        isFinite(c) || (c = "visibilitychange" === t.type ? t.timeStamp : 0, removeEventListener("prerenderingchange", d, true));
+      }
+    },
+    l = (t = false) => {
+      if (t && (c = 1 / 0), c < 0) {
+        const t = r(),
+          n = document.prerendering ? void 0 : globalThis.performance.getEntriesByType("visibility-state").find(n => "hidden" === n.name && n.startTime >= t)?.startTime;
+        c = n ?? h(), addEventListener("visibilitychange", d, true), addEventListener("prerenderingchange", d, true), i(() => {
+          setTimeout(() => {
+            c = h();
+          });
+        });
+      }
       return {
-        name: e,
+        get firstHiddenTime() {
+          return c;
+        },
+        onHidden(t) {
+          f.add(t);
+        }
+      };
+    },
+    g = (t, n = -1, i, o = 0, s, c, f) => {
+      const h = a(),
+        d = h?.navigationId || 0;
+      let l = "navigate";
+      i ? l = i : e() >= 0 ? l = "back-forward-cache" : h && (document.prerendering || r() > 0 ? l = "prerender" : document.wasDiscarded ? l = "restore" : h.type && (l = h.type.replace(/_/g, "-")));
+      return {
+        name: t,
         value: n,
         rating: "good",
         delta: 0,
         entries: [],
-        id: `v5-${Date.now()}-${Math.floor(8999999999999 * Math.random()) + 1e12}`,
-        navigationType: s
+        id: `v6-${Date.now()}-${Math.floor(8999999999999 * Math.random()) + 1e12}`,
+        navigationType: l,
+        navigationId: o || d,
+        navigationInteractionId: s,
+        navigationURL: c || h?.name,
+        navigationStartTime: f || 0
       };
     },
-    a = new WeakMap();
-  function d(e, t) {
-    let n = a.get(t);
-    return n || (n = new WeakMap(), a.set(t, n)), n.get(e) || n.set(e, new t()), n.get(e);
+    u = new WeakMap();
+  function v(t, n) {
+    let e = u.get(n);
+    return e || (e = new WeakMap(), u.set(n, e)), e.get(t) || e.set(t, new n()), e.get(t);
   }
-  class h {
+  class m {
     t;
     i = 0;
     o = [];
-    h(e) {
-      if (e.hadRecentInput) return;
-      const t = this.o[0],
-        n = this.o.at(-1);
-      this.i && t && n && e.startTime - n.startTime < 1e3 && e.startTime - t.startTime < 5e3 ? (this.i += e.value, this.o.push(e)) : (this.i = e.value, this.o = [e]), this.t?.(e);
+    h(t) {
+      if (t.hadRecentInput) return;
+      const n = this.o[0],
+        e = this.o.at(-1);
+      this.i && n && e && t.startTime - e.startTime < 1e3 && t.startTime - n.startTime < 5e3 ? (this.i += t.value, this.o.push(t)) : (this.i = t.value, this.o = [t]), this.t?.(t);
     }
   }
-  const f = (e, t, n = {}) => {
+  const p = (t, n, e = {}) => {
       try {
-        if (PerformanceObserver.supportedEntryTypes.includes(e)) {
-          const i = new PerformanceObserver(e => {
+        const i = t.filter(t => PerformanceObserver.supportedEntryTypes.includes(t));
+        if (i.length > 0) {
+          const t = new PerformanceObserver(t => {
             queueMicrotask(() => {
-              t(e.getEntries());
+              const e = t.getEntries();
+              i.length > 1 && e.sort((t, n) => t.startTime + t.duration - (n.startTime + n.duration)), n(e);
             });
           });
-          return i.observe({
-            type: e,
+          for (const n of i) t.observe({
+            type: n,
             buffered: !0,
-            ...n
-          }), i;
+            ...e
+          });
+          return t;
         }
       } catch {}
     },
-    l = e => {
-      let t = false;
-      return () => {
-        t || (e(), t = true);
-      };
-    };
-  let u = -1;
-  const m = new Set(),
-    g = () => "hidden" !== document.visibilityState || document.prerendering ? 1 / 0 : 0,
-    p = e => {
-      if ("hidden" === document.visibilityState) {
-        if ("visibilitychange" === e.type) for (const e of m) e();
-        isFinite(u) || (u = "visibilitychange" === e.type ? e.timeStamp : 0, removeEventListener("prerenderingchange", p, true));
+    b = t => globalThis.PerformanceObserver?.supportedEntryTypes?.includes("soft-navigation") && "function" == typeof globalThis.PerformanceSoftNavigation?.prototype?.getLargestInteractionContentfulPaint && t && t.reportSoftNavs,
+    T = (t, n) => {
+      if (t.set(n.navigationId, n), t.size > 2) {
+        const n = t.keys().next().value;
+        void 0 !== n && t.delete(n);
       }
     },
-    v = () => {
-      if (u < 0) {
-        const e = r(),
-          t = document.prerendering ? void 0 : globalThis.performance.getEntriesByType("visibility-state").find(t => "hidden" === t.name && t.startTime >= e)?.startTime;
-        u = t ?? g(), addEventListener("visibilitychange", p, true), addEventListener("prerenderingchange", p, true), n(() => {
-          setTimeout(() => {
-            u = g();
-          });
-        });
-      }
-      return {
-        get firstHiddenTime() {
-          return u;
-        },
-        onHidden(e) {
-          m.add(e);
-        }
+    y = t => {
+      let n = false;
+      return () => {
+        n || (t(), n = true);
       };
+    };
+  class _ {
+    l;
+  }
+  const E = t => {
+      document.prerendering ? addEventListener("prerenderingchange", t, true) : t();
     },
-    y = e => {
-      document.prerendering ? addEventListener("prerenderingchange", e, true) : e();
-    },
-    T = [1800, 3e3],
-    b = (e, t = {}) => {
-      y(() => {
-        const o = v();
-        let a,
-          d = c("FCP");
-        const h = f("paint", e => {
-          for (const t of e) "first-contentful-paint" === t.name && (h.disconnect(), t.startTime < o.firstHiddenTime && (d.value = Math.max(t.startTime - r(), 0), d.entries.push(t), a(true)));
+    M = [1800, 3e3],
+    L = (t, n = {}) => {
+      const a = b(n);
+      E(() => {
+        const c = v(n, _),
+          f = l();
+        let h,
+          d = g("FCP");
+        const u = p(["paint"], t => {
+          for (const n of t) "first-contentful-paint" === n.name && (u.disconnect(), n.startTime < f.firstHiddenTime && (d.value = Math.max(n.startTime - r(), 0), d.entries.push(n), d.navigationId = n.navigationId || d.navigationId, h(true)));
         });
-        h && (a = i(e, d, T, t.reportAllChanges), n(n => {
-          d = c("FCP"), a = i(e, d, T, t.reportAllChanges), s(() => {
-            d.value = performance.now() - n.timeStamp, a(true);
+        if (u && (h = o(t, d, M, n.reportAllChanges), i(i => {
+          d = g("FCP", -1, "back-forward-cache", d.navigationId, d.navigationInteractionId, d.navigationURL, e()), h = o(t, d, M, n.reportAllChanges), s(() => {
+            d.value = performance.now() - i.timeStamp, h(true);
           });
-        }));
+        })), a) {
+          p(["soft-navigation"], e => {
+            e.forEach(e => {
+              c.l && e.navigationId && T(c.l, e);
+              const i = Math.max((e.presentationTime || e.paintTime || 0) - e.startTime, 0);
+              d = g("FCP", i, "soft-navigation", e.navigationId, e.interactionId, e.name, e.startTime), h = o(t, d, M, n.reportAllChanges), h(true);
+            });
+          }, n);
+        }
       });
     },
-    E = [.1, .25];
-  let L = 0,
-    P = 1 / 0,
-    _ = 0;
-  const M = e => {
-    for (const t of e) t.interactionId && (P = Math.min(P, t.interactionId), _ = Math.max(_, t.interactionId), L = _ ? (_ - P) / 7 + 1 : 0);
+    w = [.1, .25];
+  let P = 0,
+    I = 1 / 0,
+    k = 0;
+  const C = t => {
+    for (const n of t) n.interactionId && (I = Math.min(I, n.interactionId), k = Math.max(k, n.interactionId), P = k ? (k - I) / 7 + 1 : 0);
   };
-  let w;
-  const C = () => w ? L : performance.interactionCount ?? 0,
-    I = () => {
-      "interactionCount" in performance || w || (w = f("event", M, {
+  let F;
+  const N = () => F ? P : performance.interactionCount ?? 0,
+    B = () => {
+      "interactionCount" in performance || F || (F = p(["event"], C, {
         durationThreshold: 0
       }));
     };
-  let F = 0;
-  class k {
-    l = [];
-    u = new Map();
-    m;
+  class S {
+    u = 0;
+    v = [];
+    m = new Map();
     p;
-    v() {
-      F = C(), this.l.length = 0, this.u.clear();
+    T;
+    _() {
+      return N() - this.u;
     }
-    T() {
-      const e = Math.min(this.l.length - 1, Math.floor((C() - F) / 50));
-      return this.l[e];
+    M() {
+      this.u = N(), this.v.length = 0, this.m.clear();
     }
-    h(e) {
-      if (this.m?.(e), !e.interactionId && "first-input" !== e.entryType) return;
-      const t = this.l.at(-1);
-      let n = this.u.get(e.interactionId);
-      if (n || this.l.length < 10 || e.duration > t.L) {
-        if (n ? e.duration > n.L ? (n.entries = [e], n.L = e.duration) : e.duration === n.L && e.startTime === n.entries[0].startTime && n.entries.push(e) : (n = {
-          id: e.interactionId,
-          entries: [e],
-          L: e.duration
-        }, this.u.set(n.id, n), this.l.push(n)), this.l.sort((e, t) => t.L - e.L), this.l.length > 10) {
-          const e = this.l.splice(10);
-          for (const t of e) this.u.delete(t.id);
+    L(t) {
+      const n = this._(),
+        e = Math.min(this.v.length - 1, Math.floor(n / 50));
+      return !n || -1 !== e || "soft-navigation" !== t && "back-forward-cache" !== t ? this.v[e] : {
+        P: 8,
+        id: -1,
+        entries: []
+      };
+    }
+    h(t) {
+      if (this.p?.(t), !t.interactionId) return;
+      const n = this.v.at(-1);
+      let e = this.m.get(t.interactionId);
+      if (e || this.v.length < 10 || t.duration > n.P) {
+        if (e ? t.duration > e.P ? (e.entries = [t], e.P = t.duration) : t.duration === e.P && t.startTime === e.entries[0].startTime && e.entries.push(t) : (e = {
+          id: t.interactionId,
+          entries: [t],
+          P: t.duration
+        }, this.m.set(e.id, e), this.v.push(e)), this.v.sort((t, n) => n.P - t.P), this.v.length > 10) {
+          const t = this.v.splice(10);
+          for (const n of t) this.m.delete(n.id);
         }
-        this.p?.(n);
+        this.T?.(e);
       }
     }
   }
-  const A = e => {
-      const t = globalThis.requestIdleCallback || setTimeout,
-        n = globalThis.cancelIdleCallback || clearTimeout;
-      if ("hidden" === document.visibilityState) e();else {
-        const i = l(e);
+  const q = t => {
+      const n = "requestIdleCallback" in globalThis ? 1e3 : 0,
+        e = globalThis.requestIdleCallback || setTimeout,
+        i = globalThis.cancelIdleCallback || clearTimeout;
+      if ("hidden" === document.visibilityState) t();else {
+        const o = y(t);
         let s = -1;
-        const o = () => {
-          n(s), i();
+        const a = () => {
+          i(s), o();
         };
-        addEventListener("visibilitychange", o, {
+        addEventListener("visibilitychange", a, {
           once: true,
           capture: true
-        }), s = t(() => {
-          removeEventListener("visibilitychange", o, {
+        }), s = e(() => {
+          removeEventListener("visibilitychange", a, {
             capture: true
-          }), i();
+          }), o();
+        }, {
+          timeout: n
         });
       }
     },
-    B = [200, 500];
-  class S {
-    m;
-    h(e) {
-      this.m?.(e);
+    A = [200, 500];
+  class H {
+    p;
+    l;
+    h(t) {
+      this.p?.(t);
     }
   }
-  const q = [2500, 4e3],
-    N = [800, 1800],
-    H = e => {
-      document.prerendering ? y(() => H(e)) : "complete" !== document.readyState ? addEventListener("load", () => H(e), true) : setTimeout(e);
+  const O = [2500, 4e3],
+    U = [800, 1800],
+    V = t => {
+      document.prerendering ? E(() => V(t)) : "complete" !== document.readyState ? addEventListener("load", () => V(t), true) : setTimeout(t);
     };
-  return e.CLSThresholds = E, e.FCPThresholds = T, e.INPThresholds = B, e.LCPThresholds = q, e.TTFBThresholds = N, e.onCLS = (e, t = {}) => {
-    const o = v();
-    b(l(() => {
+  return t.CLSThresholds = w, t.FCPThresholds = M, t.INPThresholds = A, t.LCPThresholds = O, t.TTFBThresholds = U, t.onCLS = (t, n = {}) => {
+    const a = l();
+    L(y(() => {
       let r,
-        a = c("CLS", 0);
-      const l = d(t, h),
-        u = e => {
-          for (const t of e) l.h(t);
-          l.i > a.value && (a.value = l.i, a.entries = l.o, r());
+        c = g("CLS", 0);
+      const f = v(n, m),
+        h = (e, i, s, a, h) => {
+          c = g("CLS", 0, e, i, s, a, h), f.i = 0, r = o(t, c, w, n.reportAllChanges);
+        },
+        d = (t = false) => {
+          f.i > c.value && (c.value = f.i, c.entries = f.o), r(t);
+        },
+        l = t => {
+          d(true), h("soft-navigation", t.navigationId, t.interactionId, t.name, t.startTime);
+        },
+        u = t => {
+          for (const n of t) "soft-navigation" !== n.entryType ? f.h(n) : l(n);
+          d();
         },
-        m = f("layout-shift", u);
-      m && (r = i(e, a, E, t.reportAllChanges), o.onHidden(() => {
-        u(m.takeRecords()), r(true);
-      }), n(() => {
-        l.i = 0, a = c("CLS", 0), r = i(e, a, E, t.reportAllChanges), s(r);
+        T = ["layout-shift"];
+      b(n) && T.push("soft-navigation");
+      const y = p(T, u);
+      y && (r = o(t, c, w, n.reportAllChanges), a.onHidden(() => {
+        u(y.takeRecords()), r(true);
+      }), i(() => {
+        h("back-forward-cache", c.navigationId, c.navigationInteractionId, c.navigationURL, e()), s(r);
       }), setTimeout(r));
     }));
-  }, e.onFCP = b, e.onINP = (e, t = {}) => {
+  }, t.onFCP = L, t.onINP = (t, n = {}) => {
     if (!globalThis.PerformanceEventTiming || !("interactionId" in PerformanceEventTiming.prototype)) return;
-    const s = v();
-    y(() => {
-      I();
-      let o,
-        r = c("INP");
-      const a = d(t, k),
-        h = e => {
-          A(() => {
-            for (const t of e) a.h(t);
-            const t = a.T();
-            t && t.L !== r.value && (r.value = t.L, r.entries = t.entries, o());
+    const s = l();
+    E(() => {
+      B();
+      let a,
+        r = g("INP");
+      const c = v(n, S),
+        f = (e, i, s, f, h) => {
+          c.M(), r = g("INP", -1, e, i, s, f, h), a = o(t, r, A, n.reportAllChanges);
+        },
+        h = () => {
+          const t = c.L(r.navigationType);
+          t && t.P !== r.value && (r.value = t.P, r.entries = t.entries, a());
+        },
+        d = t => {
+          h(), a(true), f("soft-navigation", t.navigationId, t.interactionId, t.name, t.startTime);
+        },
+        l = (t, n = false) => {
+          q(() => {
+            for (const n of t) "soft-navigation" !== n.entryType ? c.h(n) : d(n);
+            h(), n && a(true);
           });
         },
-        l = f("event", h, {
-          durationThreshold: t.durationThreshold ?? 40
-        });
-      o = i(e, r, B, t.reportAllChanges), l && (l.observe({
-        type: "first-input",
-        buffered: true
-      }), s.onHidden(() => {
-        h(l.takeRecords()), o(true);
-      }), n(() => {
-        a.v(), r = c("INP"), o = i(e, r, B, t.reportAllChanges);
+        u = ["event", "first-input"];
+      b(n) && u.push("soft-navigation");
+      const m = p(u, l, {
+        ...n,
+        durationThreshold: n.durationThreshold ?? 40
+      });
+      a = o(t, r, A, n.reportAllChanges), m && (s.onHidden(() => {
+        l(m.takeRecords(), true);
+      }), i(() => {
+        f("back-forward-cache", r.navigationId, r.navigationInteractionId, r.navigationURL, e());
       }));
     });
-  }, e.onLCP = (e, t = {}) => {
-    y(() => {
-      const o = v();
-      let a,
-        h = c("LCP");
-      const u = d(t, S),
-        m = e => {
-          t.reportAllChanges || (e = e.slice(-1));
-          for (const t of e) u.h(t), t.startTime < o.firstHiddenTime && (h.value = Math.max(t.startTime - r(), 0), h.entries = [t], a());
+  }, t.onLCP = (t, n = {}) => {
+    let a = false;
+    const c = b(n);
+    E(() => {
+      let f,
+        h = l(),
+        d = g("LCP");
+      const u = v(n, H),
+        m = (e, i, s, r, c) => {
+          d = g("LCP", -1, e, i, s, r, c), f = o(t, d, O, n.reportAllChanges), a = false, "soft-navigation" === e && (h = l(true));
+        },
+        b = t => {
+          u.l && t.navigationId && T(u.l, t), a || f(true), m("soft-navigation", t.navigationId, t.interactionId, t.name, t.startTime);
+          const n = t.getLargestInteractionContentfulPaint?.();
+          n && y([n]);
+        },
+        y = t => {
+          n.reportAllChanges || c || (t = t.slice(-1));
+          for (const n of t) {
+            if (!n) continue;
+            if ("soft-navigation" === n.entryType) {
+              b(n);
+              continue;
+            }
+            let t = 0,
+              e = [],
+              i = n.startTime;
+            if ("largest-contentful-paint" === n.entryType) t = Math.max(n.startTime - r(), 0), u.h(n), e = [n];else if ("interaction-contentful-paint" === n.entryType) {
+              const o = n;
+              if (!d.navigationId) continue;
+              if ("interactionId" in o && o.interactionId != d.navigationInteractionId) continue;
+              i = o.largestContentfulPaint?.renderTime || 0, t = Math.max(i - n.startTime, 0), o.largestContentfulPaint && (u.h(o.largestContentfulPaint), e = [o.largestContentfulPaint]);
+            }
+            i < h.firstHiddenTime && (d.value = t, d.entries = e, f());
+          }
         },
-        g = f("largest-contentful-paint", m);
-      if (g) {
-        a = i(e, h, q, t.reportAllChanges);
-        const o = l(() => {
-            m(g.takeRecords()), g.disconnect(), a(true);
-          }),
-          r = e => {
-            e.isTrusted && (A(o), removeEventListener(e.type, r, {
-              capture: true
-            }));
+        _ = ["largest-contentful-paint"];
+      c && _.push("interaction-contentful-paint", "soft-navigation");
+      const E = p(_, y);
+      if (E) {
+        f = o(t, d, O, n.reportAllChanges);
+        const r = ["keydown", "click", "visibilitychange"],
+          h = t => {
+            if (t.isTrusted && !a) {
+              const t = d.id;
+              q(() => {
+                if (!a) {
+                  if (!c) {
+                    E.disconnect();
+                    for (const t of r) removeEventListener(t, h, {
+                      capture: true
+                    });
+                  }
+                  t === d.id && (a = true, f(true));
+                }
+              });
+            }
           };
-        for (const e of ["keydown", "click", "visibilitychange"]) addEventListener(e, r, {
+        for (const t of r) addEventListener(t, h, {
           capture: true
         });
-        n(n => {
-          h = c("LCP"), a = i(e, h, q, t.reportAllChanges), s(() => {
-            h.value = performance.now() - n.timeStamp, a(true);
+        i(i => {
+          m("back-forward-cache", d.navigationId, d.navigationInteractionId, d.navigationURL, e()), f = o(t, d, O, n.reportAllChanges), s(() => {
+            d.value = performance.now() - i.timeStamp, a = true, f(true);
           });
         });
       }
     });
-  }, e.onTTFB = (e, t = {}) => {
-    let s = c("TTFB"),
-      a = i(e, s, N, t.reportAllChanges);
-    H(() => {
-      const d = o();
-      d && (s.value = Math.max(d.responseStart - r(), 0), s.entries = [d], a(true), n(() => {
-        s = c("TTFB", 0), a = i(e, s, N, t.reportAllChanges), a(true);
-      }));
+  }, t.onTTFB = (t, n = {}) => {
+    const s = b(n);
+    let c = g("TTFB"),
+      f = o(t, c, U, n.reportAllChanges);
+    V(() => {
+      const h = a();
+      if (h) {
+        const a = h.responseStart;
+        if (c.value = Math.max(a - r(), 0), c.entries = [h], f(true), i(() => {
+          c = g("TTFB", 0, "back-forward-cache", c.navigationId, c.navigationInteractionId, c.navigationURL, e()), f = o(t, c, U, n.reportAllChanges), f(true);
+        }), s) {
+          p(["soft-navigation"], e => {
+            e.forEach(e => {
+              e.navigationId && (c = g("TTFB", 0, "soft-navigation", e.navigationId, e.interactionId, e.name, e.startTime), c.entries = [e], f = o(t, c, U, n.reportAllChanges), f(true));
+            });
+          }, n);
+        }
+      }
     });
-  }, e;
+  }, t;
 })({});
 
 function addCWVTracking({