@sailfish-ai/recorder 1.11.1 → 1.11.3

package/dist/chunks/{index-CuXHImrI.js → index-BynFTRFv.js}

@@ -370,7 +370,7 @@ function initializeWebSocket(t2, n2, i2, o2, s2 = false) {
     const t3 = new URL(e2);
     return `${t3.hostname}${t3.port ? `:${t3.port}` : ""}`;
   })(t2);
-  let r2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${a2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.11.1`;
+  let r2 = `${"https:" === new URL(t2).protocol ? "wss" : "ws"}://${a2}/ws/notify/?apiKey=${n2}&sessionId=${i2}&sender=JS%2FTS&version=1.11.3`;
   if (o2 && (r2 += `&envValue=${encodeURIComponent(o2)}`), k = s2 ? (function tryCreateWsWorker() {
     if ("undefined" == typeof Worker) return null;
     try {
@@ -661,6 +661,20 @@ function initializeDomContentEvents(e2) {
     sendEvent({ type: 24, data: { source: a }, timestamp: Date.now(), sessionId: e2, ...getUrlAndStoredUuids() });
   });
 }
+async function initializePerformancePlugin(e2) {
+  var _a;
+  try {
+    const { getRecordPerformancePlugin: t2 } = await import("./rrweb-plugin-performance-record-BYWkWb25.js");
+    await yieldToMain();
+    const n2 = t2({ getPageVisitUuid: () => sessionStorage.getItem("pageVisitUUID") });
+    (_a = n2.observer) == null ? void 0 : _a.call(n2, (t3) => {
+      const i2 = t3;
+      sendEvent({ type: 28, timestamp: i2.timestamp, sessionId: e2, data: { plugin: n2.name, payload: i2 }, ...getUrlAndStoredUuids() });
+    }, window, n2.options);
+  } catch (e3) {
+    console.warn("[Sailfish] Performance plugin failed to initialize:", e3);
+  }
+}
 async function initializeConsolePlugin(e2, n2) {
   const { getRecordConsolePlugin: i2 } = await import("@sailfish-rrweb/rrweb-plugin-console-record");
   await yieldToMain();
@@ -704,7 +718,7 @@ async function initializeRecording(e2, n2, i2, o2, s2, a2 = true, r2 = false, l2
       }
       const { record: n4 } = await import("@sailfish-rrweb/rrweb-record-only");
       if (J = n4, await yieldToMain(), l2) {
-        const { chunkedSnapshot: i3 } = await import("./chunkSerializer-BiemuRlf.js"), o3 = n4.mirror;
+        const { chunkedSnapshot: i3 } = await import("./chunkSerializer-CV4nkb5-.js"), o3 = n4.mirror;
         let s3 = true;
         const a3 = [];
         n4({ emit(e3) {
@@ -2228,9 +2242,9 @@ function setupFetchInterceptor(e2 = [], t2 = { captureStreamingResponseBody: tru
     })(e3, i3, o3, d2, u2, s2, c2);
   } });
 }
-async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = ["*"], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: a2, gitSha: r2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: m2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: w2 = true, maskTextClass: v2, library: S2 }) {
+async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo: i2 = ["*"], domainsToNotPropagateHeaderTo: o2 = [], serviceVersion: s2, serviceIdentifier: a2, gitSha: r2, serviceAdditionalMetadata: l2, enableIpTracking: c2, captureStreamingResponseBody: d2 = true, captureResponseBodyMaxMb: u2 = 10, captureStreamPrefixKb: p2 = 64, captureStreamTimeoutMs: f2 = 1e4, enableFiberTracking: m2 = false, deferRecording: h2, deferRecordingStart: y2, chunkSnapshot: b2, useWsWorker: w2 = true, capturePerformanceMetrics: v2 = true, maskTextClass: S2, library: k2, headlessRecording: x2 = false }) {
   var _a, _b;
-  if ((function isHeadlessOrLighthouse() {
+  if (!x2 && (function isHeadlessOrLighthouse() {
     try {
       if ("undefined" == typeof navigator) return false;
       const e3 = navigator;
@@ -2241,10 +2255,10 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       return false;
     }
   })()) return;
-  const k2 = h2 ?? y2 ?? true, x2 = getOrSetSessionId(), I2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
-  if (I2.sessionId = x2, I2.apiKey = e2, I2.backendApi = t2, I2.serviceAdditionalMetadata = l2, I2.initialized && I2.sessionId === x2 && I2.ws && 1 === I2.ws.readyState) return void trackDomainChangesOnce();
-  const T2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
-  sessionStorage.getItem("pageVisitUUID") || (sessionStorage.setItem("pageVisitUUID", uuidv4()), invalidateUrlCache()), I2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }, i3 = []) {
+  const I2 = h2 ?? y2 ?? true, T2 = getOrSetSessionId(), E2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
+  if (E2.sessionId = T2, E2.apiKey = e2, E2.backendApi = t2, E2.serviceAdditionalMetadata = l2, E2.initialized && E2.sessionId === T2 && E2.ws && 1 === E2.ws.readyState) return void trackDomainChangesOnce();
+  const C2 = { captureStreamingResponseBody: d2, captureResponseBodyMaxMb: u2, captureStreamPrefixKb: p2, captureStreamTimeoutMs: f2 };
+  sessionStorage.getItem("pageVisitUUID") || (sessionStorage.setItem("pageVisitUUID", uuidv4()), invalidateUrlCache()), E2.xhrPatched || (!(function setupXMLHttpRequestInterceptor(e3 = [], t3 = { captureStreamingResponseBody: true, captureResponseBodyMaxMb: 10, captureStreamPrefixKb: 64, captureStreamTimeoutMs: 1e4 }, i3 = []) {
     const o3 = XMLHttpRequest.prototype.open, s3 = XMLHttpRequest.prototype.send, a3 = XMLHttpRequest.prototype.setRequestHeader, r3 = getOrSetSessionId(), l3 = createSkipHeadersPropagationChecker(e3, i3);
     XMLHttpRequest.prototype.setRequestHeader = function(e4, t4) {
       return this._capturedRequestHeaders || (this._capturedRequestHeaders = {}), this._capturedRequestHeaders[e4] = t4, a3.call(this, e4, t4);
@@ -2309,22 +2323,22 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
         emitFinished(false, e5, t4);
       }, { once: true }), s3.apply(this, e4);
     };
-  })(o2, T2, i2), I2.xhrPatched = true), I2.fetchPatched || (setupFetchInterceptor(o2, T2, i2), I2.fetchPatched = true), await yieldToMain(), I2.domEventsInit || (initializeDomContentEvents(x2), I2.domEventsInit = true), await yieldToMain(), I2.consoleInit || (initializeConsolePlugin(Ae, x2), I2.consoleInit = true), await yieldToMain(), I2.errorInit || (!(function initializeErrorInterceptor() {
+  })(o2, C2, i2), E2.xhrPatched = true), E2.fetchPatched || (setupFetchInterceptor(o2, C2, i2), E2.fetchPatched = true), await yieldToMain(), E2.domEventsInit || (initializeDomContentEvents(T2), E2.domEventsInit = true), await yieldToMain(), E2.consoleInit || (initializeConsolePlugin(Ae, T2), E2.consoleInit = true), await yieldToMain(), E2.errorInit || (!(function initializeErrorInterceptor() {
     window.addEventListener("error", (e3) => {
       captureError(e3.error || e3.message);
     }), window.addEventListener("unhandledrejection", (e3) => {
       captureError(e3.reason, true);
     });
-  })(), I2.errorInit = true), await yieldToMain(), _ensureModuleSideEffects(), (function storeCredentialsAndConnection({ apiKey: e3, backendApi: t3 }) {
+  })(), E2.errorInit = true), await yieldToMain(), !E2.perfInit && v2 && (initializePerformancePlugin(T2), E2.perfInit = true), await yieldToMain(), _ensureModuleSideEffects(), (function storeCredentialsAndConnection({ apiKey: e3, backendApi: t3 }) {
     g && (sessionStorage.setItem("sailfishApiKey", e3), sessionStorage.setItem("sailfishBackendApi", t3));
-  })({ apiKey: e2, backendApi: t2 }), !isFunctionSpanTrackingEnabled() || I2.ws && 1 === I2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, t2).then((e3) => {
+  })({ apiKey: e2, backendApi: t2 }), !isFunctionSpanTrackingEnabled() || E2.ws && 1 === E2.ws.readyState || fetchFunctionSpanTrackingEnabled(e2, t2).then((e3) => {
     var _a2;
     ((_a2 = e3.data) == null ? void 0 : _a2.isFunctionSpanTrackingEnabledFromApiKey) ?? false ? ke && console.log("[Sailfish] Function span tracking state validated with backend: ACTIVE") : (clearStaleFuncSpanState(), ke && console.log("[Sailfish] Cleared stale function span tracking state - backend validation shows tracking is not active"));
   }).catch((e3) => {
     ke && console.warn("[Sailfish] Failed to validate function span tracking status with backend:", e3);
-  }), I2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Te], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), I2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
+  }), E2.sentDoNotPropagateOnce || (sendDomainsToNotPropagateHeaderTo(e2, [...o2, ...Te], t2).catch((e3) => console.error("Failed to send domains to not propagate header to:", e3)), E2.sentDoNotPropagateOnce = true), (async function gatherAndCacheDeviceInfo() {
     sendMessage({ type: "deviceInfo", data: { deviceInfo: { language: navigator.language, userAgent: navigator.userAgent } } });
-  })(), c2 && fetchAndSendIp(x2);
+  })(), c2 && fetchAndSendIp(T2);
   try {
     const n2 = r2 ?? (function readGitSha() {
       var _a2;
@@ -2343,7 +2357,7 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
         if ("string" == typeof e3 && e3) return e3;
       } catch {
       }
-    })(), i3 = a2 ?? "", o3 = s2 ?? "", c3 = S2 ?? "JS/TS", d3 = (function getMapUuidFromWindow() {
+    })(), i3 = a2 ?? "", o3 = s2 ?? "", c3 = k2 ?? "JS/TS", d3 = (function getMapUuidFromWindow() {
       try {
         const e3 = window;
         if (e3 && "string" == typeof e3.sfMapUuid && e3.sfMapUuid) return e3.sfMapUuid;
@@ -2363,15 +2377,15 @@ async function startRecording({ apiKey: e2, backendApi: t2 = "https://api-servic
       return { framework: i4[0] ?? null, additionalFrameworks: i4.slice(1), serviceRole: "frontend" };
     })(), f3 = { ...u3, serviceRole: p3.serviceRole, ...null !== p3.framework && { framework: p3.framework }, ...p3.additionalFrameworks.length > 0 && { additionalFrameworks: p3.additionalFrameworks } };
     await yieldToMain();
-    const [g2, h3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, x2, t2, i3, o3, d3, n2, c3, f3)]), y3 = { ...Me, ...(_a = g2.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: m2, ...void 0 !== v2 ? { maskTextClass: v2 } : {} };
-    if (I2.ws && 1 === I2.ws.readyState) return;
+    const [g2, h3] = await Promise.all([fetchCaptureSettings(e2, t2), startRecordingSession(e2, T2, t2, i3, o3, d3, n2, c3, f3)]), y3 = { ...Me, ...(_a = g2.data) == null ? void 0 : _a.captureSettingsFromApiKey, enableFiberTracking: m2, ...void 0 !== S2 ? { maskTextClass: S2 } : {} };
+    if (E2.ws && 1 === E2.ws.readyState) return;
     if ((_b = h3.data) == null ? void 0 : _b.startRecordingSession) {
       const n3 = (l2 == null ? void 0 : l2.env) || (l2 == null ? void 0 : l2.environment);
       await yieldToMain();
-      const i4 = await initializeRecording(y3, t2, e2, x2, n3, k2, w2, b2 ?? false);
-      I2.ws = i4, I2.initialized = true, trackDomainChangesOnce(), I2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", t3 = "") {
+      const i4 = await initializeRecording(y3, t2, e2, T2, n3, I2, w2, b2 ?? false);
+      E2.ws = i4, E2.initialized = true, trackDomainChangesOnce(), E2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", t3 = "") {
         window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e3, serviceVersion: t3 } });
-      })(a2, s2), I2.sentMapUuidOnce = true);
+      })(a2, s2), E2.sentMapUuidOnce = true);
     } else console.error("Failed to start recording session:", h3.errors || h3);
   } catch (e3) {
     console.error("Error starting recording:", e3);
@@ -2402,25 +2416,26 @@ const initRecorder = async (e2) => {
 export {
   initializeDomContentEvents as A,
   initializeFunctionSpanTrackingFromApi as B,
-  initializeRecording as C,
+  initializePerformancePlugin as C,
   Me as D,
-  initializeWebSocket as E,
-  invalidateUrlCache as F,
-  isFunctionSpanTrackingEnabled as G,
-  matchUrlWithWildcard as H,
-  w as I,
-  onNavigationChange as J,
-  openReportIssueModal as K,
-  restoreFuncSpanState as L,
-  sendDomainsToNotPropagateHeaderTo as M,
-  sendEvent as N,
-  sendGraphQLRequest as O,
-  sendMessage as P,
-  startRecording as Q,
-  startRecordingSession as R,
+  initializeRecording as E,
+  initializeWebSocket as F,
+  invalidateUrlCache as G,
+  isFunctionSpanTrackingEnabled as H,
+  matchUrlWithWildcard as I,
+  w as J,
+  onNavigationChange as K,
+  openReportIssueModal as L,
+  restoreFuncSpanState as M,
+  sendDomainsToNotPropagateHeaderTo as N,
+  sendEvent as O,
+  sendGraphQLRequest as P,
+  sendMessage as Q,
+  startRecording as R,
   $e as S,
-  trackingEvent as T,
-  withAppUrlMetadata as U,
+  startRecordingSession as T,
+  trackingEvent as U,
+  withAppUrlMetadata as V,
   Ae as a,
   addOrUpdateMetadata as b,
   buildBatches as c,

package/dist/chunks/rrweb-plugin-performance-record-BYWkWb25.js

@@ -0,0 +1,188 @@
+var e = -1, g = function(t2) {
+  addEventListener("pageshow", function(n2) {
+    n2.persisted && (e = n2.timeStamp, t2(n2));
+  }, true);
+}, A = function() {
+  var e2 = self.performance && performance.getEntriesByType && performance.getEntriesByType("navigation")[0];
+  if (e2 && e2.responseStart > 0 && e2.responseStart < performance.now()) return e2;
+}, h = function() {
+  var e2 = A();
+  return e2 && e2.activationStart || 0;
+}, l = function(t2, n2) {
+  var r2 = A(), i2 = "navigate";
+  return e >= 0 ? i2 = "back-forward-cache" : r2 && (document.prerendering || h() > 0 ? i2 = "prerender" : document.wasDiscarded ? i2 = "restore" : r2.type && (i2 = r2.type.replace(/_/g, "-"))), { name: t2, value: -1, rating: "good", delta: 0, entries: [], id: "v4-".concat(Date.now(), "-").concat(Math.floor(8999999999999 * Math.random()) + 1e12), navigationType: i2 };
+}, M = function(e2, t2, n2) {
+  try {
+    if (PerformanceObserver.supportedEntryTypes.includes(e2)) {
+      var r2 = new PerformanceObserver(function(e3) {
+        Promise.resolve().then(function() {
+          t2(e3.getEntries());
+        });
+      });
+      return r2.observe(Object.assign({ type: e2, buffered: true }, n2 || {})), r2;
+    }
+  } catch {
+  }
+}, m = function(e2, t2, n2, r2) {
+  var i2, s2;
+  return function(d2) {
+    var f, p;
+    t2.value >= 0 && (d2 || r2) && ((s2 = t2.value - (i2 || 0)) || void 0 === i2) && (i2 = t2.value, t2.delta = s2, t2.rating = (f = t2.value) > (p = n2)[1] ? "poor" : f > p[0] ? "needs-improvement" : "good", e2(t2));
+  };
+}, D = function(e2) {
+  requestAnimationFrame(function() {
+    return requestAnimationFrame(function() {
+      return e2();
+    });
+  });
+}, U = function(e2) {
+  document.addEventListener("visibilitychange", function() {
+    "hidden" === document.visibilityState && e2();
+  });
+}, V = function(e2) {
+  var t2 = false;
+  return function() {
+    t2 || (e2(), t2 = true);
+  };
+}, t = -1, b = function() {
+  return "hidden" !== document.visibilityState || document.prerendering ? 1 / 0 : 0;
+}, v = function(e2) {
+  "hidden" === document.visibilityState && t > -1 && (t = "visibilitychange" === e2.type ? e2.timeStamp : 0, _());
+}, L = function() {
+  addEventListener("visibilitychange", v, true), addEventListener("prerenderingchange", v, true);
+}, _ = function() {
+  removeEventListener("visibilitychange", v, true), removeEventListener("prerenderingchange", v, true);
+}, k = function() {
+  return t < 0 && (t = b(), L(), g(function() {
+    setTimeout(function() {
+      t = b(), L();
+    }, 0);
+  })), { get firstHiddenTime() {
+    return t;
+  } };
+}, B = function(e2) {
+  document.prerendering ? addEventListener("prerenderingchange", function() {
+    return e2();
+  }, true) : e2();
+}, n = [1800, 3e3], r = [2500, 4e3], i = {}, x = function(e2, t2) {
+  t2 = t2 || {}, B(function() {
+    var n2, s2 = k(), d2 = l("LCP"), a = function(e3) {
+      t2.reportAllChanges || (e3 = e3.slice(-1)), e3.forEach(function(e4) {
+        e4.startTime < s2.firstHiddenTime && (d2.value = Math.max(e4.startTime - h(), 0), d2.entries = [e4], n2());
+      });
+    }, f = M("largest-contentful-paint", a);
+    if (f) {
+      n2 = m(e2, d2, r, t2.reportAllChanges);
+      var p = V(function() {
+        i[d2.id] || (a(f.takeRecords()), f.disconnect(), i[d2.id] = true, n2(true));
+      });
+      ["keydown", "click"].forEach(function(e3) {
+        addEventListener(e3, function() {
+          return (function(e4) {
+            var t3 = self.requestIdleCallback || self.setTimeout, n3 = -1;
+            return e4 = V(e4), "hidden" === document.visibilityState ? e4() : (n3 = t3(e4), U(e4)), n3;
+          })(p);
+        }, { once: true, capture: true });
+      }), U(p), g(function(s3) {
+        d2 = l("LCP"), n2 = m(e2, d2, r, t2.reportAllChanges), D(function() {
+          d2.value = performance.now() - s3.timeStamp, i[d2.id] = true, n2(true);
+        });
+      });
+    }
+  });
+};
+const s = "@sailfish-rrweb/rrweb/performance@1", d = { getPageVisitUuid: () => null, captureFCP: true, captureLCP: true, captureTBT: true, captureDOMLoaded: true };
+function F(e2) {
+  return { ...d, ...e2 ?? {} };
+}
+function S(e2, t2, n2) {
+  return { metric: e2.name, value: e2.value, rating: e2.rating, navigationType: e2.navigationType, pageVisitUuid: n2.getPageVisitUuid(), href: t2.location.href, timestamp: Date.now() };
+}
+function I(e2, t2, r2) {
+  const i2 = F(r2);
+  let s2 = false;
+  const a = (t3) => {
+    if (!s2) try {
+      e2(t3);
+    } catch {
+    }
+  };
+  if (i2.captureFCP) try {
+    !(function(e3, t3) {
+      t3 = t3 || {}, B(function() {
+        var r3, i3 = k(), s3 = l("FCP"), d3 = M("paint", function(e4) {
+          e4.forEach(function(e5) {
+            "first-contentful-paint" === e5.name && (d3.disconnect(), e5.startTime < i3.firstHiddenTime && (s3.value = Math.max(e5.startTime - h(), 0), s3.entries.push(e5), r3(true)));
+          });
+        });
+        d3 && (r3 = m(e3, s3, n, t3.reportAllChanges), g(function(i4) {
+          s3 = l("FCP"), r3 = m(e3, s3, n, t3.reportAllChanges), D(function() {
+            s3.value = performance.now() - i4.timeStamp, r3(true);
+          });
+        }));
+      });
+    })((e3) => a(S(e3, t2, i2)), { reportAllChanges: false });
+  } catch {
+  }
+  if (i2.captureLCP) try {
+    x((e3) => a(S(e3, t2, i2)), { reportAllChanges: false });
+  } catch {
+  }
+  const d2 = i2.captureTBT ? (function H(e3, t3, n2) {
+    if (typeof t3.PerformanceObserver > "u") return () => {
+    };
+    let r3 = 0, i3 = false, s3 = null;
+    try {
+      s3 = new t3.PerformanceObserver((e4) => {
+        const t4 = e4.getEntries();
+        for (let e5 = 0; e5 < t4.length; e5 += 1) {
+          const n3 = t4[e5];
+          "longtask" === n3.entryType && (r3 += Math.max(0, n3.duration - 50));
+        }
+      }), s3.observe({ type: "longtask", buffered: true });
+    } catch {
+      return () => {
+      };
+    }
+    const u = () => {
+      i3 || (i3 = true, e3({ metric: "TBT", value: r3, pageVisitUuid: n2.getPageVisitUuid(), href: t3.location.href, timestamp: Date.now() }));
+    };
+    return "complete" === t3.document.readyState ? Promise.resolve().then(u) : t3.addEventListener("load", u, { once: true }), () => {
+      try {
+        null == s3 || s3.disconnect();
+      } catch {
+      }
+      t3.removeEventListener("load", u);
+    };
+  })(a, t2, i2) : () => {
+  }, f = i2.captureDOMLoaded ? (function G(e3, t3, n2) {
+    let r3 = false, i3 = 0;
+    const c = () => {
+      if (r3) return;
+      let s3;
+      try {
+        s3 = t3.performance.getEntriesByType("navigation");
+      } catch {
+        return;
+      }
+      const d3 = s3 && s3[0];
+      if (!d3) return void (i3 < 6 && (i3 += 1, setTimeout(c, 100)));
+      if (0 === d3.loadEventEnd && i3 < 6) return i3 += 1, void setTimeout(c, 100);
+      r3 = true;
+      const f2 = t3.location.href, p = Date.now(), y = n2.getPageVisitUuid();
+      e3({ metric: "DCL", value: d3.domContentLoadedEventEnd, pageVisitUuid: y, href: f2, timestamp: p }), e3({ metric: "LOAD", value: d3.loadEventEnd, pageVisitUuid: y, href: f2, timestamp: p });
+    }, o = () => setTimeout(c, 0);
+    return "complete" === t3.document.readyState ? o() : t3.addEventListener("load", o, { once: true }), () => {
+      t3.removeEventListener("load", o);
+    };
+  })(a, t2, i2) : () => {
+  };
+  return () => {
+    s2 = true, d2(), f();
+  };
+}
+const Y = (e2) => ({ name: s, observer: I, options: F(e2) });
+export {
+  s as PERFORMANCE_PLUGIN_NAME,
+  Y as getRecordPerformancePlugin
+};

package/dist/chunks/rrweb-plugin-performance-record-Dekf6xUi.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var e = -1, g = function(t2) {
+  addEventListener("pageshow", function(n2) {
+    n2.persisted && (e = n2.timeStamp, t2(n2));
+  }, true);
+}, A = function() {
+  var e2 = self.performance && performance.getEntriesByType && performance.getEntriesByType("navigation")[0];
+  if (e2 && e2.responseStart > 0 && e2.responseStart < performance.now()) return e2;
+}, h = function() {
+  var e2 = A();
+  return e2 && e2.activationStart || 0;
+}, l = function(t2, n2) {
+  var r2 = A(), i2 = "navigate";
+  return e >= 0 ? i2 = "back-forward-cache" : r2 && (document.prerendering || h() > 0 ? i2 = "prerender" : document.wasDiscarded ? i2 = "restore" : r2.type && (i2 = r2.type.replace(/_/g, "-"))), { name: t2, value: -1, rating: "good", delta: 0, entries: [], id: "v4-".concat(Date.now(), "-").concat(Math.floor(8999999999999 * Math.random()) + 1e12), navigationType: i2 };
+}, M = function(e2, t2, n2) {
+  try {
+    if (PerformanceObserver.supportedEntryTypes.includes(e2)) {
+      var r2 = new PerformanceObserver(function(e3) {
+        Promise.resolve().then(function() {
+          t2(e3.getEntries());
+        });
+      });
+      return r2.observe(Object.assign({ type: e2, buffered: true }, n2 || {})), r2;
+    }
+  } catch {
+  }
+}, m = function(e2, t2, n2, r2) {
+  var i2, s2;
+  return function(d2) {
+    var f, p;
+    t2.value >= 0 && (d2 || r2) && ((s2 = t2.value - (i2 || 0)) || void 0 === i2) && (i2 = t2.value, t2.delta = s2, t2.rating = (f = t2.value) > (p = n2)[1] ? "poor" : f > p[0] ? "needs-improvement" : "good", e2(t2));
+  };
+}, D = function(e2) {
+  requestAnimationFrame(function() {
+    return requestAnimationFrame(function() {
+      return e2();
+    });
+  });
+}, U = function(e2) {
+  document.addEventListener("visibilitychange", function() {
+    "hidden" === document.visibilityState && e2();
+  });
+}, V = function(e2) {
+  var t2 = false;
+  return function() {
+    t2 || (e2(), t2 = true);
+  };
+}, t = -1, b = function() {
+  return "hidden" !== document.visibilityState || document.prerendering ? 1 / 0 : 0;
+}, v = function(e2) {
+  "hidden" === document.visibilityState && t > -1 && (t = "visibilitychange" === e2.type ? e2.timeStamp : 0, _());
+}, L = function() {
+  addEventListener("visibilitychange", v, true), addEventListener("prerenderingchange", v, true);
+}, _ = function() {
+  removeEventListener("visibilitychange", v, true), removeEventListener("prerenderingchange", v, true);
+}, k = function() {
+  return t < 0 && (t = b(), L(), g(function() {
+    setTimeout(function() {
+      t = b(), L();
+    }, 0);
+  })), { get firstHiddenTime() {
+    return t;
+  } };
+}, B = function(e2) {
+  document.prerendering ? addEventListener("prerenderingchange", function() {
+    return e2();
+  }, true) : e2();
+}, n = [1800, 3e3], r = [2500, 4e3], i = {}, x = function(e2, t2) {
+  t2 = t2 || {}, B(function() {
+    var n2, s2 = k(), d2 = l("LCP"), a = function(e3) {
+      t2.reportAllChanges || (e3 = e3.slice(-1)), e3.forEach(function(e4) {
+        e4.startTime < s2.firstHiddenTime && (d2.value = Math.max(e4.startTime - h(), 0), d2.entries = [e4], n2());
+      });
+    }, f = M("largest-contentful-paint", a);
+    if (f) {
+      n2 = m(e2, d2, r, t2.reportAllChanges);
+      var p = V(function() {
+        i[d2.id] || (a(f.takeRecords()), f.disconnect(), i[d2.id] = true, n2(true));
+      });
+      ["keydown", "click"].forEach(function(e3) {
+        addEventListener(e3, function() {
+          return (function(e4) {
+            var t3 = self.requestIdleCallback || self.setTimeout, n3 = -1;
+            return e4 = V(e4), "hidden" === document.visibilityState ? e4() : (n3 = t3(e4), U(e4)), n3;
+          })(p);
+        }, { once: true, capture: true });
+      }), U(p), g(function(s3) {
+        d2 = l("LCP"), n2 = m(e2, d2, r, t2.reportAllChanges), D(function() {
+          d2.value = performance.now() - s3.timeStamp, i[d2.id] = true, n2(true);
+        });
+      });
+    }
+  });
+};
+const s = "@sailfish-rrweb/rrweb/performance@1", d = { getPageVisitUuid: () => null, captureFCP: true, captureLCP: true, captureTBT: true, captureDOMLoaded: true };
+function F(e2) {
+  return { ...d, ...e2 ?? {} };
+}
+function S(e2, t2, n2) {
+  return { metric: e2.name, value: e2.value, rating: e2.rating, navigationType: e2.navigationType, pageVisitUuid: n2.getPageVisitUuid(), href: t2.location.href, timestamp: Date.now() };
+}
+function I(e2, t2, r2) {
+  const i2 = F(r2);
+  let s2 = false;
+  const a = (t3) => {
+    if (!s2) try {
+      e2(t3);
+    } catch {
+    }
+  };
+  if (i2.captureFCP) try {
+    !(function(e3, t3) {
+      t3 = t3 || {}, B(function() {
+        var r3, i3 = k(), s3 = l("FCP"), d3 = M("paint", function(e4) {
+          e4.forEach(function(e5) {
+            "first-contentful-paint" === e5.name && (d3.disconnect(), e5.startTime < i3.firstHiddenTime && (s3.value = Math.max(e5.startTime - h(), 0), s3.entries.push(e5), r3(true)));
+          });
+        });
+        d3 && (r3 = m(e3, s3, n, t3.reportAllChanges), g(function(i4) {
+          s3 = l("FCP"), r3 = m(e3, s3, n, t3.reportAllChanges), D(function() {
+            s3.value = performance.now() - i4.timeStamp, r3(true);
+          });
+        }));
+      });
+    })((e3) => a(S(e3, t2, i2)), { reportAllChanges: false });
+  } catch {
+  }
+  if (i2.captureLCP) try {
+    x((e3) => a(S(e3, t2, i2)), { reportAllChanges: false });
+  } catch {
+  }
+  const d2 = i2.captureTBT ? (function H(e3, t3, n2) {
+    if (typeof t3.PerformanceObserver > "u") return () => {
+    };
+    let r3 = 0, i3 = false, s3 = null;
+    try {
+      s3 = new t3.PerformanceObserver((e4) => {
+        const t4 = e4.getEntries();
+        for (let e5 = 0; e5 < t4.length; e5 += 1) {
+          const n3 = t4[e5];
+          "longtask" === n3.entryType && (r3 += Math.max(0, n3.duration - 50));
+        }
+      }), s3.observe({ type: "longtask", buffered: true });
+    } catch {
+      return () => {
+      };
+    }
+    const u = () => {
+      i3 || (i3 = true, e3({ metric: "TBT", value: r3, pageVisitUuid: n2.getPageVisitUuid(), href: t3.location.href, timestamp: Date.now() }));
+    };
+    return "complete" === t3.document.readyState ? Promise.resolve().then(u) : t3.addEventListener("load", u, { once: true }), () => {
+      try {
+        null == s3 || s3.disconnect();
+      } catch {
+      }
+      t3.removeEventListener("load", u);
+    };
+  })(a, t2, i2) : () => {
+  }, f = i2.captureDOMLoaded ? (function G(e3, t3, n2) {
+    let r3 = false, i3 = 0;
+    const c = () => {
+      if (r3) return;
+      let s3;
+      try {
+        s3 = t3.performance.getEntriesByType("navigation");
+      } catch {
+        return;
+      }
+      const d3 = s3 && s3[0];
+      if (!d3) return void (i3 < 6 && (i3 += 1, setTimeout(c, 100)));
+      if (0 === d3.loadEventEnd && i3 < 6) return i3 += 1, void setTimeout(c, 100);
+      r3 = true;
+      const f2 = t3.location.href, p = Date.now(), y = n2.getPageVisitUuid();
+      e3({ metric: "DCL", value: d3.domContentLoadedEventEnd, pageVisitUuid: y, href: f2, timestamp: p }), e3({ metric: "LOAD", value: d3.loadEventEnd, pageVisitUuid: y, href: f2, timestamp: p });
+    }, o = () => setTimeout(c, 0);
+    return "complete" === t3.document.readyState ? o() : t3.addEventListener("load", o, { once: true }), () => {
+      t3.removeEventListener("load", o);
+    };
+  })(a, t2, i2) : () => {
+  };
+  return () => {
+    s2 = true, d2(), f();
+  };
+}
+exports.PERFORMANCE_PLUGIN_NAME = s, exports.getRecordPerformancePlugin = (e2) => ({ name: s, observer: I, options: F(e2) });

package/dist/constants.js

@@ -1,5 +1,6 @@
 export const DomContentEventId = 24;
 export const NetworkRequestEventId = 27;
+export const PerformanceMetricEventId = 28;
 export const xSf3RidHeader = "X-Sf3-Rid";
 // Values for DomContentLoadedEvent
 export const DomContentSource = {

package/dist/index.js

@@ -8,7 +8,7 @@ import { readGitSha } from "./env";
 import { initializeErrorInterceptor } from "./errorInterceptor";
 import { fetchCaptureSettings, fetchFunctionSpanTrackingEnabled, sendDomainsToNotPropagateHeaderTo, startRecordingSession, } from "./graphql";
 import { sendMapUuidIfAvailable } from "./mapUuid";
-import { getUrlAndStoredUuids, initializeConsolePlugin, initializeDomContentEvents, initializeRecording, invalidateUrlCache, } from "./recording";
+import { getUrlAndStoredUuids, initializeConsolePlugin, initializeDomContentEvents, initializePerformancePlugin, initializeRecording, invalidateUrlCache, } from "./recording";
 import { HAS_DOCUMENT, HAS_LOCAL_STORAGE, HAS_SESSION_STORAGE, HAS_WINDOW, } from "./runtimeEnv";
 import { isHeadlessOrLighthouse } from "./headlessDetection";
 import { ensureSessionListeners, getOrSetSessionId } from "./session";
@@ -1040,12 +1040,13 @@ export async function startRecording({ apiKey, backendApi = "https://api-service
 // Pass [] to fully disable header propagation. Pass exact patterns
 // (e.g. ["api.myapp.com", "*.internal.com"]) to restrict propagation
 // to a known set of domains.
-domainsToPropagateHeaderTo = ["*"], domainsToNotPropagateHeaderTo = [], serviceVersion, serviceIdentifier, gitSha, serviceAdditionalMetadata, enableIpTracking, captureStreamingResponseBody = true, captureResponseBodyMaxMb = 10, captureStreamPrefixKb = 64, captureStreamTimeoutMs = 10000, enableFiberTracking = false, deferRecording, deferRecordingStart, chunkSnapshot, useWsWorker = true, maskTextClass, library, }) {
+domainsToPropagateHeaderTo = ["*"], domainsToNotPropagateHeaderTo = [], serviceVersion, serviceIdentifier, gitSha, serviceAdditionalMetadata, enableIpTracking, captureStreamingResponseBody = true, captureResponseBodyMaxMb = 10, captureStreamPrefixKb = 64, captureStreamTimeoutMs = 10000, enableFiberTracking = false, deferRecording, deferRecordingStart, chunkSnapshot, useWsWorker = true, capturePerformanceMetrics = true, maskTextClass, library, headlessRecording = false, }) {
     // Synthetic-environment no-op: Lighthouse/PSI, HeadlessChrome, WebPageTest
     // (PTST), Puppeteer/Playwright/Selenium (navigator.webdriver). We skip init
     // entirely to avoid WSS retry noise, third-party perf penalties in audits,
     // and polluting real-user session data.
-    if (isHeadlessOrLighthouse()) {
+    // headlessRecording: true bypasses this check to allow explicit recording in headless environments.
+    if (!headlessRecording && isHeadlessOrLighthouse()) {
         return;
     }
     // deferRecording takes precedence; fall back to deprecated deferRecordingStart; default true
@@ -1111,6 +1112,16 @@ domainsToPropagateHeaderTo = ["*"], domainsToNotPropagateHeaderTo = [], serviceV
         g.errorInit = true;
     }
     await yieldToMain();
+    // 1f. Performance metrics plugin (FCP, LCP, TBT, DCL, LOAD).
+    // Fire-and-forget: the plugin dynamically imports web-vitals and its own
+    // observer wiring, so nothing blocks startRecording() while it loads.
+    // Skip entirely when the caller opts out via capturePerformanceMetrics:false
+    // — pays zero bundle/runtime cost since the plugin is dynamically imported.
+    if (!g.perfInit && capturePerformanceMetrics) {
+        initializePerformancePlugin(sessionId);
+        g.perfInit = true;
+    }
+    await yieldToMain();
     // ── Phase 2: Deferred async work ────────────────────────────────────────
     // Everything else — GraphQL calls, WebSocket init, device info, domain
     // reporting, visibility listeners, funcspan state restore, etc.

package/dist/recorder.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./chunks/index-Cfj4Epfd.js");
-exports.DEFAULT_CAPTURE_SETTINGS = e.DEFAULT_CAPTURE_SETTINGS, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = e.DEFAULT_CONSOLE_RECORDING_SETTINGS, exports.STORAGE_VERSION = e.STORAGE_VERSION, exports.addOrUpdateMetadata = e.addOrUpdateMetadata, exports.buildBatches = e.buildBatches, exports.clearStaleFuncSpanState = e.clearStaleFuncSpanState, exports.createSkipHeadersPropagationChecker = e.createSkipHeadersPropagationChecker, exports.createTriageAndIssueFromRecorder = e.createTriageAndIssueFromRecorder, exports.createTriageFromRecorder = e.createTriageFromRecorder, exports.disableFunctionSpanTracking = e.disableFunctionSpanTracking, exports.enableFunctionSpanTracking = e.enableFunctionSpanTracking, exports.ensureHrefCache = e.ensureHrefCache, exports.eventSize = e.eventSize, exports.fetchAndSendIp = e.fetchAndSendIp, exports.fetchCaptureSettings = e.fetchCaptureSettings, exports.fetchEngineeringTicketPlatformIntegrations = e.fetchEngineeringTicketPlatformIntegrations, exports.fetchFunctionSpanTrackingEnabled = e.fetchFunctionSpanTrackingEnabled, exports.flushBufferedEvents = e.flushBufferedEvents, exports.getCachedHref = e.getCachedHref, exports.getCachedHrefNoQuery = e.getCachedHrefNoQuery, exports.getFuncSpanHeader = e.getFuncSpanHeader, exports.getIdentifiedUser = e.getIdentifiedUser, exports.getOrSetSessionId = e.getOrSetSessionId, exports.getUrlAndStoredUuids = e.getUrlAndStoredUuids, exports.identify = e.identify, exports.initRecorder = e.initRecorder, exports.initializeConsolePlugin = e.initializeConsolePlugin, exports.initializeDomContentEvents = e.initializeDomContentEvents, exports.initializeFunctionSpanTrackingFromApi = e.initializeFunctionSpanTrackingFromApi, exports.initializeRecording = e.initializeRecording, exports.initializeWebSocket = e.initializeWebSocket, exports.invalidateUrlCache = e.invalidateUrlCache, exports.isFunctionSpanTrackingEnabled = e.isFunctionSpanTrackingEnabled, exports.matchUrlWithWildcard = e.matchUrlWithWildcard, Object.defineProperty(exports, "nowTimestamp", { enumerable: true, get: () => e.nowTimestamp }), exports.onNavigationChange = e.onNavigationChange, exports.openReportIssueModal = e.openReportIssueModal, exports.restoreFuncSpanState = e.restoreFuncSpanState, exports.sendDomainsToNotPropagateHeaderTo = e.sendDomainsToNotPropagateHeaderTo, exports.sendEvent = e.sendEvent, exports.sendGraphQLRequest = e.sendGraphQLRequest, exports.sendMessage = e.sendMessage, exports.startRecording = e.startRecording, exports.startRecordingSession = e.startRecordingSession, exports.trackingEvent = e.trackingEvent, exports.withAppUrlMetadata = e.withAppUrlMetadata;
+const e = require("./chunks/index-BP-kNUGS.js");
+exports.DEFAULT_CAPTURE_SETTINGS = e.DEFAULT_CAPTURE_SETTINGS, exports.DEFAULT_CONSOLE_RECORDING_SETTINGS = e.DEFAULT_CONSOLE_RECORDING_SETTINGS, exports.STORAGE_VERSION = e.STORAGE_VERSION, exports.addOrUpdateMetadata = e.addOrUpdateMetadata, exports.buildBatches = e.buildBatches, exports.clearStaleFuncSpanState = e.clearStaleFuncSpanState, exports.createSkipHeadersPropagationChecker = e.createSkipHeadersPropagationChecker, exports.createTriageAndIssueFromRecorder = e.createTriageAndIssueFromRecorder, exports.createTriageFromRecorder = e.createTriageFromRecorder, exports.disableFunctionSpanTracking = e.disableFunctionSpanTracking, exports.enableFunctionSpanTracking = e.enableFunctionSpanTracking, exports.ensureHrefCache = e.ensureHrefCache, exports.eventSize = e.eventSize, exports.fetchAndSendIp = e.fetchAndSendIp, exports.fetchCaptureSettings = e.fetchCaptureSettings, exports.fetchEngineeringTicketPlatformIntegrations = e.fetchEngineeringTicketPlatformIntegrations, exports.fetchFunctionSpanTrackingEnabled = e.fetchFunctionSpanTrackingEnabled, exports.flushBufferedEvents = e.flushBufferedEvents, exports.getCachedHref = e.getCachedHref, exports.getCachedHrefNoQuery = e.getCachedHrefNoQuery, exports.getFuncSpanHeader = e.getFuncSpanHeader, exports.getIdentifiedUser = e.getIdentifiedUser, exports.getOrSetSessionId = e.getOrSetSessionId, exports.getUrlAndStoredUuids = e.getUrlAndStoredUuids, exports.identify = e.identify, exports.initRecorder = e.initRecorder, exports.initializeConsolePlugin = e.initializeConsolePlugin, exports.initializeDomContentEvents = e.initializeDomContentEvents, exports.initializeFunctionSpanTrackingFromApi = e.initializeFunctionSpanTrackingFromApi, exports.initializePerformancePlugin = e.initializePerformancePlugin, exports.initializeRecording = e.initializeRecording, exports.initializeWebSocket = e.initializeWebSocket, exports.invalidateUrlCache = e.invalidateUrlCache, exports.isFunctionSpanTrackingEnabled = e.isFunctionSpanTrackingEnabled, exports.matchUrlWithWildcard = e.matchUrlWithWildcard, Object.defineProperty(exports, "nowTimestamp", { enumerable: true, get: () => e.nowTimestamp }), exports.onNavigationChange = e.onNavigationChange, exports.openReportIssueModal = e.openReportIssueModal, exports.restoreFuncSpanState = e.restoreFuncSpanState, exports.sendDomainsToNotPropagateHeaderTo = e.sendDomainsToNotPropagateHeaderTo, exports.sendEvent = e.sendEvent, exports.sendGraphQLRequest = e.sendGraphQLRequest, exports.sendMessage = e.sendMessage, exports.startRecording = e.startRecording, exports.startRecordingSession = e.startRecordingSession, exports.trackingEvent = e.trackingEvent, exports.withAppUrlMetadata = e.withAppUrlMetadata;