@sailfish-ai/recorder 1.11.0 → 1.11.3

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/inAppReportIssueModal/index.js

@@ -1,5 +1,5 @@
 import { createTriageAndIssueFromRecorder, createTriageFromRecorder, } from "../graphql";
-import { getFieldsForProject, getIntegrationData, getProjectsForTeam, getSprintFieldId, getUsers, hasValidIntegration, refreshIntegrationData, updateFormWithIntegrationData, updateIssueTypeOptions, } from "./integrations";
+import { getDefaultReporterAccountId, getFieldsForProject, getIntegrationData, getProjectsForTeam, getSprintFieldId, getUsers, hasValidIntegration, refreshIntegrationData, updateFormWithIntegrationData, updateIssueTypeOptions, } from "./integrations";
 import { currentState, isRecording, recordingEndTime, recordingStartTime, resetState, setIsRecording, setRecordingEndTime, setRecordingStartTime, setTimerInterval, timerInterval, } from "./state";
 import { STORAGE_KEYS } from "./types";
 import { getChevronSVG, renderCustomMultiSelect, renderDynamicField, } from "./ui";
@@ -837,15 +837,16 @@ function initializeEngTicketForm() {
     }
     // Update form with integration data
     updateFormWithIntegrationData(currentState);
-    // Handle reporter field for Jira
+    // Handle reporter field for Jira — match identified user by name/email
     if (integrationData.provider?.toLowerCase() === "jira" &&
-        integrationData.jiraReporterAccountId &&
-        currentState.engTicketProject) {
+        currentState.engTicketProject &&
+        !currentState.engTicketCustomFields["reporter"]) {
         const fields = getFieldsForProject(currentState.engTicketProject, currentState.engTicketIssueType);
         const reporterField = fields.find((f) => f.fieldId === "reporter");
-        if (reporterField && !currentState.engTicketCustomFields["reporter"]) {
+        if (reporterField) {
+            const matchedReporter = getDefaultReporterAccountId();
             currentState.engTicketCustomFields["reporter"] =
-                integrationData.jiraReporterAccountId;
+                matchedReporter || integrationData.jiraReporterAccountId || "";
         }
     }
     // If a project is already selected, render dynamic fields
@@ -961,13 +962,13 @@ function bindEngTicketListeners() {
             }
             if (integrationData &&
                 integrationData.provider?.toLowerCase() === "jira" &&
-                integrationData.jiraReporterAccountId &&
                 engProjectSelect.value) {
                 const fields = getFieldsForProject(engProjectSelect.value, currentState.engTicketIssueType);
                 const reporterField = fields.find((f) => f.fieldId === "reporter");
                 if (reporterField) {
+                    const matchedReporter = getDefaultReporterAccountId();
                     currentState.engTicketCustomFields["reporter"] =
-                        integrationData.jiraReporterAccountId;
+                        matchedReporter || integrationData.jiraReporterAccountId || "";
                 }
             }
             renderDynamicFields(engProjectSelect.value, currentState.engTicketIssueType);
@@ -1160,16 +1161,16 @@ function bindListeners() {
                         currentState.engTicketPriority = integrationData.defaultPriority;
                     }
                     updateFormWithIntegrationData(currentState);
-                    // Handle reporter field for Jira
+                    // Handle reporter field for Jira — match identified user
                     if (integrationData.provider?.toLowerCase() === "jira" &&
-                        integrationData.jiraReporterAccountId &&
-                        currentState.engTicketProject) {
+                        currentState.engTicketProject &&
+                        !currentState.engTicketCustomFields["reporter"]) {
                         const fields = getFieldsForProject(currentState.engTicketProject, currentState.engTicketIssueType);
                         const reporterField = fields.find((f) => f.fieldId === "reporter");
-                        if (reporterField &&
-                            !currentState.engTicketCustomFields["reporter"]) {
+                        if (reporterField) {
+                            const matchedReporter = getDefaultReporterAccountId();
                             currentState.engTicketCustomFields["reporter"] =
-                                integrationData.jiraReporterAccountId;
+                                matchedReporter || integrationData.jiraReporterAccountId || "";
                         }
                     }
                     // Render dynamic fields if a project is already selected

package/dist/inAppReportIssueModal/integrations.js

@@ -1,4 +1,5 @@
 import { fetchEngineeringTicketPlatformIntegrations } from "../graphql";
+import { getIdentifiedUser } from "../sendSailfishMessages";
 const SUPPORT_TICKET_INTEGRATIONS = ["jira", "linear", "zendesk"];
 let integrationData = null;
 // Cache per cloud so switching between clouds is instant
@@ -220,11 +221,14 @@ export function getFieldsForProject(projectId, issueTypeId) {
     if (!integrationData?.fieldConfigurations || !projectId) {
         return [];
     }
-    // fieldConfigurations is organized by project+issue_type combination
-    // Match on both project_key and issue_type_id
+    // fieldConfigurations is organized by project+issue_type combination.
+    // Match project by key OR numeric id, and issue type with string coercion
+    // to avoid type mismatches (number vs string from different code paths).
     const projectConfig = Array.isArray(integrationData.fieldConfigurations)
-        ? integrationData.fieldConfigurations.find((config) => config.project_key === projectId &&
-            (!issueTypeId || config.issue_type_id === issueTypeId))
+        ? integrationData.fieldConfigurations.find((config) => (config.project_key === projectId ||
+            String(config.project_id) === String(projectId)) &&
+            (!issueTypeId ||
+                String(config.issue_type_id) === String(issueTypeId)))
         : integrationData.fieldConfigurations[projectId];
     if (!projectConfig || !projectConfig.fields) {
         return [];
@@ -237,6 +241,54 @@ export function getUsers() {
     }
     return integrationData.users;
 }
+/**
+ * Match the current identified user against the Jira users list and
+ * return their accountId. Uses email, name, and email-prefix matching
+ * (same logic as the dashboard). Only returns a match when exactly one
+ * user matches to avoid ambiguity.
+ */
+export function getDefaultReporterAccountId() {
+    const users = getUsers();
+    const identified = getIdentifiedUser();
+    if (!users.length || !identified)
+        return null;
+    const traits = identified.traits || {};
+    const email = (traits.email || identified.userId || "").toLowerCase().trim();
+    const name = (traits.name ||
+        traits.displayName ||
+        traits.fullName ||
+        traits.full_name ||
+        (traits.firstName || traits.first_name
+            ? `${traits.firstName || traits.first_name} ${traits.lastName || traits.last_name || ""}`.trim()
+            : "") ||
+        "").toLowerCase().trim();
+    const findUnique = (pred) => {
+        const matches = users.filter(pred);
+        return matches.length === 1 ? matches[0] : null;
+    };
+    // 1. Exact email match
+    let matched = email
+        ? findUnique((u) => (u.email || u.emailAddress || "").toLowerCase().trim() === email)
+        : null;
+    // 2. Exact name match
+    if (!matched && name) {
+        matched = findUnique((u) => {
+            const userName = (u.name || u.displayName || "").toLowerCase().trim();
+            return userName === name;
+        });
+    }
+    // 3. Email prefix match against name
+    if (!matched && email) {
+        const prefix = email.split("@")[0];
+        if (prefix.length >= 3) {
+            matched = findUnique((u) => {
+                const userName = (u.name || u.displayName || "").toLowerCase().trim();
+                return userName.includes(prefix);
+            });
+        }
+    }
+    return matched ? (matched.id || matched.accountId || null) : null;
+}
 // Get projects based on team selection (for Linear) or directly from integration (for Jira)
 export function getProjectsForTeam(teamId) {
     if (!integrationData)

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";
@@ -293,40 +293,11 @@ function storeCredentialsAndConnection({ apiKey, backendApi, }) {
     sessionStorage.setItem("sailfishApiKey", apiKey);
     sessionStorage.setItem("sailfishBackendApi", backendApi);
 }
-// Utility function to match domains or paths with wildcard support
-export function matchUrlWithWildcard(input, patterns) {
-    // Tolerate non-string inputs (Request, URL, etc.); coerce to string when possible.
-    let urlStr;
-    if (typeof input === "string") {
-        urlStr = input;
-    }
-    else if (typeof URL !== "undefined" && input instanceof URL) {
-        urlStr = input.href;
-    }
-    else if (typeof Request !== "undefined" && input instanceof Request) {
-        urlStr = input.url;
-    }
-    else if (input != null && typeof input.toString === "function") {
-        // As per web APIs, fetch/open may accept any object with a stringifier.
-        urlStr = input.toString();
-    }
-    if (!urlStr)
-        return false;
-    // Use WHATWG URL parsing with a base for relative URLs.
-    let parsed;
-    try {
-        const base = typeof window !== "undefined"
-            ? window.location.href
-            : "http://localhost/";
-        parsed = new URL(urlStr, base);
-    }
-    catch {
-        return false; // If we can't parse, just say "no match" instead of throwing.
-    }
-    const { hostname, pathname, port, protocol } = parsed;
-    // Only match http(s) hosts/paths; ignore others like data:, blob:, about:.
-    if (!/^https?:$/.test(protocol))
-        return false;
+// Internal: match a *pre-parsed* URL against patterns. Hot path on the
+// header-propagation gate, called twice per request (deny + allow). Splitting
+// this from matchUrlWithWildcard() lets callers parse the URL once and reuse.
+function matchParsedUrlAgainstPatterns(parsed, patterns) {
+    const { hostname, pathname, port } = parsed;
     // Handle stripping 'www.' and port
     const domain = hostname.startsWith("www.")
         ? hostname.slice(4).toLowerCase()
@@ -383,6 +354,38 @@ export function matchUrlWithWildcard(input, patterns) {
         return true;
     });
 }
+// Public wrapper: parse + delegate. Preserved for callers outside the gate
+// (interceptor wrappers, tests). Hot paths should call
+// matchParsedUrlAgainstPatterns() directly with a pre-parsed URL.
+export function matchUrlWithWildcard(input, patterns) {
+    // Tolerate non-string inputs (Request, URL, etc.); coerce to string when possible.
+    let urlStr;
+    if (typeof input === "string") {
+        urlStr = input;
+    }
+    else if (typeof URL !== "undefined" && input instanceof URL) {
+        urlStr = input.href;
+    }
+    else if (typeof Request !== "undefined" && input instanceof Request) {
+        urlStr = input.url;
+    }
+    else if (input != null && typeof input.toString === "function") {
+        urlStr = input.toString();
+    }
+    if (!urlStr)
+        return false;
+    let parsed;
+    try {
+        const base = typeof window !== "undefined"
+            ? window.location.href
+            : "http://localhost/";
+        parsed = new URL(urlStr, base);
+    }
+    catch {
+        return false;
+    }
+    return matchParsedUrlAgainstPatterns(parsed, patterns);
+}
 export function createSkipHeadersPropagationChecker(domainsToNotPropagateHeaderTo = [], domainsToPropagateHeaderTo = []) {
     // Pre-compute the combined domain exclusion patterns once per interceptor setup
     const combinedPatterns = [
@@ -392,26 +395,30 @@ export function createSkipHeadersPropagationChecker(domainsToNotPropagateHeaderT
     // Pre-compute allowlist presence once (avoids per-request .length check overhead)
     const hasAllowlist = domainsToPropagateHeaderTo.length > 0;
     return function shouldSkipHeadersPropagation(url) {
-        let urlObj;
+        // Parse the URL ONCE and reuse for every subsequent check. URL parsing is
+        // the dominant cost on this hot path (called for every fetch/XHR), so
+        // calling matchParsedUrlAgainstPatterns() with the cached parse instead of
+        // matchUrlWithWildcard() (which would re-parse) is the key perf win.
+        let parsed;
         try {
-            urlObj = new URL(typeof url === "string" ? url : String(url?.url ?? url), window.location.href);
+            parsed = new URL(typeof url === "string" ? url : String(url?.url ?? url), window.location.href);
         }
         catch {
             // If we cannot parse, play it safe and do NOT inject headers.
             return true;
         }
         // 1️⃣ STATIC ASSET EXCLUSIONS (by comprehensive file extension list) — O(1) Set lookup
-        const lowerPathname = urlObj.pathname.toLowerCase();
+        const lowerPathname = parsed.pathname.toLowerCase();
         const lastDotIdx = lowerPathname.lastIndexOf(".");
         if (lastDotIdx !== -1 && STATIC_EXTENSIONS_SET.has(lowerPathname.slice(lastDotIdx))) {
             return true;
         }
         // 2️⃣ ALLOWLIST CHECK — if provided, URL must match at least one allowlist pattern
-        if (hasAllowlist && !matchUrlWithWildcard(url, domainsToPropagateHeaderTo)) {
+        if (hasAllowlist && !matchParsedUrlAgainstPatterns(parsed, domainsToPropagateHeaderTo)) {
             return true;
         }
         // 3️⃣ WILDCARD-BASED EXCLUSION (domain + path) — blocklist still applies even if allowlisted
-        if (matchUrlWithWildcard(url, combinedPatterns)) {
+        if (matchParsedUrlAgainstPatterns(parsed, combinedPatterns)) {
             return true;
         }
         return false;
@@ -1028,12 +1035,18 @@ function getMapUuidFromWindow() {
 // Note - we do NOT send serviceIdentifier because
 // it would be 1 serviceIdentifier per frontend user session,
 // which is very wasteful
-export async function startRecording({ apiKey, backendApi = "https://api-service.sailfishqa.com", domainsToPropagateHeaderTo = [], domainsToNotPropagateHeaderTo = [], serviceVersion, serviceIdentifier, gitSha, serviceAdditionalMetadata, enableIpTracking, captureStreamingResponseBody = true, captureResponseBodyMaxMb = 10, captureStreamPrefixKb = 64, captureStreamTimeoutMs = 10000, enableFiberTracking = false, deferRecording, deferRecordingStart, chunkSnapshot, useWsWorker = true, library, }) {
+export async function startRecording({ apiKey, backendApi = "https://api-service.sailfishqa.com", 
+// Default: ["*"] = propagate to every URL (deny list still applies).
+// 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, 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
@@ -1099,6 +1112,16 @@ export async function startRecording({ apiKey, backendApi = "https://api-service
         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.
@@ -1170,6 +1193,9 @@ export async function startRecording({ apiKey, backendApi = "https://api-service
             ...DEFAULT_CAPTURE_SETTINGS,
             ...captureSettingsResponse.data?.captureSettingsFromApiKey,
             enableFiberTracking,
+            // Caller-supplied maskTextClass wins over server-fetched value; only
+            // applied when explicitly set so undefined cannot clobber the server.
+            ...(maskTextClass !== undefined ? { maskTextClass } : {}),
         };
         // If a socket is already open now, stop here.
         if (g.ws && g.ws.readyState === 1) {

package/dist/recorder.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./chunks/index-BQn1Q-2-.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.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;

package/dist/recorder.js

@@ -1,4 +1,4 @@
-import { D, a, S, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, z, A, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T } from "./chunks/index-Dq_tjmkZ.js";
+import { D, a, S, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, z, A, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V } from "./chunks/index-BynFTRFv.js";
 export {
   D as DEFAULT_CAPTURE_SETTINGS,
   a as DEFAULT_CONSOLE_RECORDING_SETTINGS,
@@ -21,28 +21,30 @@ export {
   q as getCachedHref,
   r as getCachedHrefNoQuery,
   s as getFuncSpanHeader,
-  t as getOrSetSessionId,
-  u as getUrlAndStoredUuids,
-  v as identify,
-  w as initRecorder,
-  x as initializeConsolePlugin,
-  z as initializeDomContentEvents,
-  A as initializeFunctionSpanTrackingFromApi,
-  B as initializeRecording,
-  C as initializeWebSocket,
-  E as invalidateUrlCache,
-  F as isFunctionSpanTrackingEnabled,
-  G as matchUrlWithWildcard,
-  H as nowTimestamp,
-  I as onNavigationChange,
-  J as openReportIssueModal,
-  K as restoreFuncSpanState,
-  L as sendDomainsToNotPropagateHeaderTo,
-  M as sendEvent,
-  N as sendGraphQLRequest,
-  O as sendMessage,
-  P as startRecording,
-  Q as startRecordingSession,
-  R as trackingEvent,
-  T as withAppUrlMetadata
+  t as getIdentifiedUser,
+  u as getOrSetSessionId,
+  v as getUrlAndStoredUuids,
+  w as identify,
+  x as initRecorder,
+  z as initializeConsolePlugin,
+  A as initializeDomContentEvents,
+  B as initializeFunctionSpanTrackingFromApi,
+  C as initializePerformancePlugin,
+  E as initializeRecording,
+  F as initializeWebSocket,
+  G as invalidateUrlCache,
+  H as isFunctionSpanTrackingEnabled,
+  I as matchUrlWithWildcard,
+  J as nowTimestamp,
+  K as onNavigationChange,
+  L as openReportIssueModal,
+  M as restoreFuncSpanState,
+  N as sendDomainsToNotPropagateHeaderTo,
+  O as sendEvent,
+  P as sendGraphQLRequest,
+  Q as sendMessage,
+  R as startRecording,
+  T as startRecordingSession,
+  U as trackingEvent,
+  V as withAppUrlMetadata
 };