@sentry/browser-utils 11.0.0 → 11.2.0

package/README.md

@@ -10,14 +10,17 @@
 [![npm dm](https://img.shields.io/npm/dm/@sentry/browser-utils.svg)](https://www.npmjs.com/package/@sentry/browser-utils)
 [![npm dt](https://img.shields.io/npm/dt/@sentry/browser-utils.svg)](https://www.npmjs.com/package/@sentry/browser-utils)
 
+Shared browser utilities used by Sentry’s JavaScript SDKs.
+
 > [!NOTE]
 > This package is an internal library published for use by Sentry-owned JavaScript SDK packages. It is not part of the
 > public API contract and may change in any release. Do not rely on SemVer compatibility if you depend on it directly.
 
-## Links
+## Documentation
 
-- [Official SDK Docs](https://docs.sentry.io/quickstart/)
+- [JavaScript SDK documentation](https://docs.sentry.io/platforms/javascript/)
 
-## General
+## Support
 
-Common utilities used by the Sentry JavaScript SDKs.
+- [Report a bug](https://github.com/getsentry/sentry-javascript/issues/new/choose)
+- [Contributing](https://github.com/getsentry/sentry-javascript/blob/develop/CONTRIBUTING.md)

package/build/cjs/instrumentation/dom.js

@@ -7,6 +7,9 @@ const DEBOUNCE_DURATION = 1e3;
 let debounceTimerID;
 let lastCapturedEventType;
 let lastCapturedEventTargetId;
+function getCapture(options) {
+  return typeof options === "boolean" ? options : !!options?.capture;
+}
 function addClickKeypressInstrumentationHandler(handler) {
   const type = "dom";
   core.addHandler(type, handler);
@@ -28,16 +31,30 @@ function instrumentDOM() {
     }
     core.fill(proto, "addEventListener", function(originalAddEventListener) {
       return function(type, listener, options) {
-        if (type === "click" || type == "keypress") {
+        if ((type === "click" || type == "keypress") && listener) {
           try {
             const handlers = this.__sentry_instrumentation_handlers__ = this.__sentry_instrumentation_handlers__ || {};
-            const handlerForType = handlers[type] = handlers[type] || { refCount: 0 };
+            const handlerForType = handlers[type] = handlers[type] || {
+              captureListeners: /* @__PURE__ */ new WeakSet(),
+              bubbleListeners: /* @__PURE__ */ new WeakSet(),
+              listenerCount: 0
+            };
+            const capture = getCapture(options);
             if (!handlerForType.handler) {
               const handler = makeDOMEventHandler(triggerDOMHandler);
               handlerForType.handler = handler;
-              originalAddEventListener.call(this, type, handler, options);
+              handlerForType.capture = capture;
+              originalAddEventListener.call(this, type, handler, handlerForType.capture);
+            }
+            const listeners = handlerForType[capture ? "captureListeners" : "bubbleListeners"];
+            if (!listeners.has(listener)) {
+              if (typeof options === "object" && (options?.once || options?.signal)) {
+                handlerForType.sticky = true;
+              } else {
+                listeners.add(listener);
+                handlerForType.listenerCount++;
+              }
             }
-            handlerForType.refCount++;
           } catch {
           }
         }
@@ -49,14 +66,13 @@ function instrumentDOM() {
       "removeEventListener",
       function(originalRemoveEventListener) {
         return function(type, listener, options) {
-          if (type === "click" || type == "keypress") {
+          if ((type === "click" || type == "keypress") && listener) {
             try {
               const handlers = this.__sentry_instrumentation_handlers__ || {};
               const handlerForType = handlers[type];
-              if (handlerForType) {
-                handlerForType.refCount--;
-                if (handlerForType.refCount <= 0) {
-                  originalRemoveEventListener.call(this, type, handlerForType.handler, options);
+              if (handlerForType?.[getCapture(options) ? "captureListeners" : "bubbleListeners"].delete(listener)) {
+                if (!--handlerForType.listenerCount && !handlerForType.sticky) {
+                  originalRemoveEventListener.call(this, type, handlerForType.handler, handlerForType.capture);
                   handlerForType.handler = void 0;
                   delete handlers[type];
                 }

package/build/cjs/instrumentation/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../src/instrumentation/dom.ts"],"sourcesContent":["import { addHandler, addNonEnumerableProperty, fill, maybeInstrument, triggerHandlers, uuid4 } from '@sentry/core';\nimport type { HandlerDataDom } from '../types';\nimport { WINDOW } from '../types';\n\ntype SentryWrappedTarget = HTMLElement & { _sentryId?: string };\n\ntype AddEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions,\n) => void;\ntype RemoveEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | EventListenerOptions,\n) => void;\n\ntype InstrumentedElement = Element & {\n  __sentry_instrumentation_handlers__?: {\n    [key in 'click' | 'keypress']?: {\n      handler?: unknown;\n      /** The number of custom listeners attached to this element */\n      refCount: number;\n    };\n  };\n};\n\nconst DEBOUNCE_DURATION = 1000;\n\nlet debounceTimerID: number | undefined;\nlet lastCapturedEventType: string | undefined;\nlet lastCapturedEventTargetId: string | undefined;\n\n/**\n * Add an instrumentation handler for when a click or a keypress happens.\n *\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\nexport function addClickKeypressInstrumentationHandler(handler: (data: HandlerDataDom) => void): void {\n  const type = 'dom';\n  addHandler(type, handler);\n  maybeInstrument(type, instrumentDOM);\n}\n\n/** Exported for tests only. */\nexport function instrumentDOM(): void {\n  if (!WINDOW.document) {\n    return;\n  }\n\n  // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n  // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n  // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n  const triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n  const globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n  WINDOW.document.addEventListener('click', globalDOMEventHandler, false);\n  WINDOW.document.addEventListener('keypress', globalDOMEventHandler, false);\n\n  // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n  // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n  // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n  // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n  // guaranteed to fire at least once.)\n  ['EventTarget', 'Node'].forEach((target: string) => {\n    const globalObject = WINDOW as unknown as Record<string, { prototype?: object }>;\n    const proto = globalObject[target]?.prototype;\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!proto?.hasOwnProperty?.('addEventListener')) {\n      return;\n    }\n\n    fill(proto, 'addEventListener', function (originalAddEventListener: AddEventListener): AddEventListener {\n      return function (this: InstrumentedElement, type, listener, options): AddEventListener {\n        if (type === 'click' || type == 'keypress') {\n          try {\n            const handlers = (this.__sentry_instrumentation_handlers__ =\n              this.__sentry_instrumentation_handlers__ || {});\n            const handlerForType = (handlers[type] = handlers[type] || { refCount: 0 });\n\n            if (!handlerForType.handler) {\n              const handler = makeDOMEventHandler(triggerDOMHandler);\n              handlerForType.handler = handler;\n              originalAddEventListener.call(this, type, handler, options);\n            }\n\n            handlerForType.refCount++;\n          } catch {\n            // Accessing dom properties is always fragile.\n            // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n          }\n        }\n\n        return originalAddEventListener.call(this, type, listener, options);\n      };\n    });\n\n    fill(\n      proto,\n      'removeEventListener',\n      function (originalRemoveEventListener: RemoveEventListener): RemoveEventListener {\n        return function (this: InstrumentedElement, type, listener, options): () => void {\n          if (type === 'click' || type == 'keypress') {\n            try {\n              const handlers = this.__sentry_instrumentation_handlers__ || {};\n              const handlerForType = handlers[type];\n\n              if (handlerForType) {\n                handlerForType.refCount--;\n                // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n                if (handlerForType.refCount <= 0) {\n                  originalRemoveEventListener.call(this, type, handlerForType.handler, options);\n                  handlerForType.handler = undefined;\n                  delete handlers[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n                }\n\n                // If there are no longer any custom handlers of any type on this element, cleanup everything.\n                if (Object.keys(handlers).length === 0) {\n                  delete this.__sentry_instrumentation_handlers__;\n                }\n              }\n            } catch {\n              // Accessing dom properties is always fragile.\n              // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n            }\n          }\n\n          return originalRemoveEventListener.call(this, type, listener, options);\n        };\n      },\n    );\n  });\n}\n\n/**\n * Check whether the event is similar to the last captured one. For example, two click events on the same button.\n */\nfunction isSimilarToLastCapturedEvent(event: Event): boolean {\n  // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n  if (event.type !== lastCapturedEventType) {\n    return false;\n  }\n\n  try {\n    // If both events have the same type, it's still possible that actions were performed on different targets.\n    // e.g. 2 clicks on different buttons.\n    if (!event.target || (event.target as SentryWrappedTarget)._sentryId !== lastCapturedEventTargetId) {\n      return false;\n    }\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n  }\n\n  // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n  // to which an event listener was attached), we treat them as the same action, as we want to capture\n  // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n  return true;\n}\n\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\nfunction shouldSkipDOMEvent(eventType: string, target: SentryWrappedTarget | null): boolean {\n  // We are only interested in filtering `keypress` events for now.\n  if (eventType !== 'keypress') {\n    return false;\n  }\n\n  if (!target?.tagName) {\n    return true;\n  }\n\n  // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n  // e.g.tabbing through elements, hotkeys, etc.\n  if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n */\nfunction makeDOMEventHandler(\n  handler: (data: HandlerDataDom) => void,\n  globalListener: boolean = false,\n): (event: Event) => void {\n  return (event: Event & { _sentryCaptured?: true }): void => {\n    // It's possible this handler might trigger multiple times for the same\n    // event (e.g. event propagation through node ancestors).\n    // Ignore if we've already captured that event.\n    if (!event || event['_sentryCaptured']) {\n      return;\n    }\n\n    const target = getEventTarget(event);\n\n    // We always want to skip _some_ events.\n    if (shouldSkipDOMEvent(event.type, target)) {\n      return;\n    }\n\n    // Mark event as \"seen\"\n    addNonEnumerableProperty(event, '_sentryCaptured', true);\n\n    if (target && !target._sentryId) {\n      // Add UUID to event target so we can identify if\n      addNonEnumerableProperty(target, '_sentryId', uuid4());\n    }\n\n    const name = event.type === 'keypress' ? 'input' : event.type;\n\n    // If there is no last captured event, it means that we can safely capture the new event and store it for future comparisons.\n    // If there is a last captured event, see if the new event is different enough to treat it as a unique one.\n    // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n    if (!isSimilarToLastCapturedEvent(event)) {\n      const handlerData: HandlerDataDom = { event, name, global: globalListener };\n      handler(handlerData);\n      lastCapturedEventType = event.type;\n      lastCapturedEventTargetId = target ? target._sentryId : undefined;\n    }\n\n    // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n    clearTimeout(debounceTimerID);\n    debounceTimerID = WINDOW.setTimeout(() => {\n      lastCapturedEventTargetId = undefined;\n      lastCapturedEventType = undefined;\n    }, DEBOUNCE_DURATION);\n  };\n}\n\nfunction getEventTarget(event: Event): SentryWrappedTarget | null {\n  try {\n    return event.target as SentryWrappedTarget | null;\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n    return null;\n  }\n}\n"],"names":["addHandler","maybeInstrument","WINDOW","triggerHandlers","fill","addNonEnumerableProperty","uuid4"],"mappings":"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"}
+{"version":3,"file":"dom.js","sources":["../../../src/instrumentation/dom.ts"],"sourcesContent":["import { addHandler, addNonEnumerableProperty, fill, maybeInstrument, triggerHandlers, uuid4 } from '@sentry/core';\nimport type { HandlerDataDom } from '../types';\nimport { WINDOW } from '../types';\n\ntype SentryWrappedTarget = HTMLElement & { _sentryId?: string };\n\ntype AddEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions,\n) => void;\ntype RemoveEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | EventListenerOptions,\n) => void;\n\ntype InstrumentedElement = Element & {\n  __sentry_instrumentation_handlers__?: {\n    [key in 'click' | 'keypress']?: {\n      handler?: unknown;\n      capture?: boolean;\n      // listeners added with `capture: true`, meaning the listener is invoked before other\n      // listeners inside the element's hierarchy.\n      captureListeners: WeakSet<EventListenerOrEventListenerObject>;\n      // listeners added with `capture: false` (default), meaning the listener is invoked\n      // after other listeners inside the element's hierarchy (i.e. the event bubbles up)\n      bubbleListeners: WeakSet<EventListenerOrEventListenerObject>;\n      // Total number of listeners in `captureListeners` and `bubbleListeners`. WeakSets have no `size`, but we use them\n      // so listeners removed without going through our `removeEventListener` patch aren't retained by us.\n      listenerCount: number;\n      // Set once a `once` or `signal` listener was added. The browser removes those without going\n      // through `removeEventListener`, so we can't tell when they're gone and must keep our handler attached.\n      sticky?: boolean;\n    };\n  };\n};\n\nconst DEBOUNCE_DURATION = 1000;\n\nlet debounceTimerID: number | undefined;\nlet lastCapturedEventType: string | undefined;\nlet lastCapturedEventTargetId: string | undefined;\n\nfunction getCapture(options: boolean | EventListenerOptions | undefined): boolean {\n  return typeof options === 'boolean' ? options : !!options?.capture;\n}\n\n/**\n * Add an instrumentation handler for when a click or a keypress happens.\n *\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\nexport function addClickKeypressInstrumentationHandler(handler: (data: HandlerDataDom) => void): void {\n  const type = 'dom';\n  addHandler(type, handler);\n  maybeInstrument(type, instrumentDOM);\n}\n\n/** Exported for tests only. */\nexport function instrumentDOM(): void {\n  if (!WINDOW.document) {\n    return;\n  }\n\n  // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n  // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n  // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n  const triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n  const globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n  WINDOW.document.addEventListener('click', globalDOMEventHandler, false);\n  WINDOW.document.addEventListener('keypress', globalDOMEventHandler, false);\n\n  // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n  // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n  // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n  // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n  // guaranteed to fire at least once.)\n  ['EventTarget', 'Node'].forEach((target: string) => {\n    const globalObject = WINDOW as unknown as Record<string, { prototype?: object }>;\n    const proto = globalObject[target]?.prototype;\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!proto?.hasOwnProperty?.('addEventListener')) {\n      return;\n    }\n\n    fill(proto, 'addEventListener', function (originalAddEventListener: AddEventListener): AddEventListener {\n      return function (this: InstrumentedElement, type, listener, options): AddEventListener {\n        // The browser ignores `null` listeners, so there's nothing for our handler to accompany.\n        if ((type === 'click' || type == 'keypress') && listener) {\n          try {\n            const handlers = (this.__sentry_instrumentation_handlers__ =\n              this.__sentry_instrumentation_handlers__ || {});\n\n            const handlerForType = (handlers[type] = handlers[type] || {\n              captureListeners: new WeakSet(),\n              bubbleListeners: new WeakSet(),\n              listenerCount: 0,\n            });\n\n            const capture = getCapture(options);\n\n            if (!handlerForType.handler) {\n              const handler = makeDOMEventHandler(triggerDOMHandler);\n              handlerForType.handler = handler;\n              // Track the user-set `capture` option because it changes the identity of the registration of the\n              // event listener callback function (addEL(fn, true) vs addEL(fn, false) are two different registrations).\n              // Our listener needs to have the same capture setting, so that subsequent calls or removeEventListener\n              // calls correspond to the correct handler function.\n              handlerForType.capture = capture;\n              originalAddEventListener.call(this, type, handler, handlerForType.capture);\n            }\n\n            const listeners = handlerForType[capture ? 'captureListeners' : 'bubbleListeners'];\n            // Adding the same listener twice in the same phase is a no-op in the browser.\n            if (!listeners.has(listener)) {\n              if (typeof options === 'object' && (options?.once || options?.signal)) {\n                // Not tracked to avoid retaining listeners the browser auto-removes.\n                handlerForType.sticky = true;\n              } else {\n                listeners.add(listener);\n                handlerForType.listenerCount++;\n              }\n            }\n          } catch {\n            // Accessing dom properties is always fragile.\n            // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n          }\n        }\n\n        return originalAddEventListener.call(this, type, listener, options);\n      };\n    });\n\n    fill(\n      proto,\n      'removeEventListener',\n      function (originalRemoveEventListener: RemoveEventListener): RemoveEventListener {\n        return function (this: InstrumentedElement, type, listener, options): () => void {\n          if ((type === 'click' || type == 'keypress') && listener) {\n            try {\n              const handlers = this.__sentry_instrumentation_handlers__ || {};\n              const handlerForType = handlers[type];\n\n              // Removing a listener that was never added is a no-op in the browser, so it mustn't count for ours either.\n              if (handlerForType?.[getCapture(options) ? 'captureListeners' : 'bubbleListeners'].delete(listener)) {\n                // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n                if (!--handlerForType.listenerCount && !handlerForType.sticky) {\n                  originalRemoveEventListener.call(this, type, handlerForType.handler, handlerForType.capture);\n                  handlerForType.handler = undefined;\n                  delete handlers[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n                }\n\n                // If there are no longer any custom handlers of any type on this element, cleanup everything.\n                if (Object.keys(handlers).length === 0) {\n                  delete this.__sentry_instrumentation_handlers__;\n                }\n              }\n            } catch {\n              // Accessing dom properties is always fragile.\n              // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n            }\n          }\n\n          return originalRemoveEventListener.call(this, type, listener, options);\n        };\n      },\n    );\n  });\n}\n\n/**\n * Check whether the event is similar to the last captured one. For example, two click events on the same button.\n */\nfunction isSimilarToLastCapturedEvent(event: Event): boolean {\n  // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n  if (event.type !== lastCapturedEventType) {\n    return false;\n  }\n\n  try {\n    // If both events have the same type, it's still possible that actions were performed on different targets.\n    // e.g. 2 clicks on different buttons.\n    if (!event.target || (event.target as SentryWrappedTarget)._sentryId !== lastCapturedEventTargetId) {\n      return false;\n    }\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n  }\n\n  // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n  // to which an event listener was attached), we treat them as the same action, as we want to capture\n  // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n  return true;\n}\n\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\nfunction shouldSkipDOMEvent(eventType: string, target: SentryWrappedTarget | null): boolean {\n  // We are only interested in filtering `keypress` events for now.\n  if (eventType !== 'keypress') {\n    return false;\n  }\n\n  if (!target?.tagName) {\n    return true;\n  }\n\n  // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n  // e.g.tabbing through elements, hotkeys, etc.\n  if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n */\nfunction makeDOMEventHandler(\n  handler: (data: HandlerDataDom) => void,\n  globalListener: boolean = false,\n): (event: Event) => void {\n  return (event: Event & { _sentryCaptured?: true }): void => {\n    // It's possible this handler might trigger multiple times for the same\n    // event (e.g. event propagation through node ancestors).\n    // Ignore if we've already captured that event.\n    if (!event || event['_sentryCaptured']) {\n      return;\n    }\n\n    const target = getEventTarget(event);\n\n    // We always want to skip _some_ events.\n    if (shouldSkipDOMEvent(event.type, target)) {\n      return;\n    }\n\n    // Mark event as \"seen\"\n    addNonEnumerableProperty(event, '_sentryCaptured', true);\n\n    if (target && !target._sentryId) {\n      // Add UUID to event target so we can identify if\n      addNonEnumerableProperty(target, '_sentryId', uuid4());\n    }\n\n    const name = event.type === 'keypress' ? 'input' : event.type;\n\n    // If there is no last captured event, it means that we can safely capture the new event and store it for future comparisons.\n    // If there is a last captured event, see if the new event is different enough to treat it as a unique one.\n    // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n    if (!isSimilarToLastCapturedEvent(event)) {\n      const handlerData: HandlerDataDom = { event, name, global: globalListener };\n      handler(handlerData);\n      lastCapturedEventType = event.type;\n      lastCapturedEventTargetId = target ? target._sentryId : undefined;\n    }\n\n    // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n    clearTimeout(debounceTimerID);\n    debounceTimerID = WINDOW.setTimeout(() => {\n      lastCapturedEventTargetId = undefined;\n      lastCapturedEventType = undefined;\n    }, DEBOUNCE_DURATION);\n  };\n}\n\nfunction getEventTarget(event: Event): SentryWrappedTarget | null {\n  try {\n    return event.target as SentryWrappedTarget | null;\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n    return null;\n  }\n}\n"],"names":["addHandler","maybeInstrument","WINDOW","triggerHandlers","fill","addNonEnumerableProperty","uuid4"],"mappings":";;;;;AAsCA,MAAM,iBAAA,GAAoB,GAAA;AAE1B,IAAI,eAAA;AACJ,IAAI,qBAAA;AACJ,IAAI,yBAAA;AAEJ,SAAS,WAAW,OAAA,EAA8D;AAChF,EAAA,OAAO,OAAO,OAAA,KAAY,SAAA,GAAY,OAAA,GAAU,CAAC,CAAC,OAAA,EAAS,OAAA;AAC7D;AAQO,SAAS,uCAAuC,OAAA,EAA+C;AACpG,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAAA,eAAA,CAAW,MAAM,OAAO,CAAA;AACxB,EAAAC,oBAAA,CAAgB,MAAM,aAAa,CAAA;AACrC;AAGO,SAAS,aAAA,GAAsB;AACpC,EAAA,IAAI,CAACC,aAAO,QAAA,EAAU;AACpB,IAAA;AAAA,EACF;AAKA,EAAA,MAAM,iBAAA,GAAoBC,oBAAA,CAAgB,IAAA,CAAK,IAAA,EAAM,KAAK,CAAA;AAC1D,EAAA,MAAM,qBAAA,GAAwB,mBAAA,CAAoB,iBAAA,EAAmB,IAAI,CAAA;AACzE,EAAAD,YAAA,CAAO,QAAA,CAAS,gBAAA,CAAiB,OAAA,EAAS,qBAAA,EAAuB,KAAK,CAAA;AACtE,EAAAA,YAAA,CAAO,QAAA,CAAS,gBAAA,CAAiB,UAAA,EAAY,qBAAA,EAAuB,KAAK,CAAA;AAOzE,EAAA,CAAC,aAAA,EAAe,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,MAAA,KAAmB;AAClD,IAAA,MAAM,YAAA,GAAeA,YAAA;AACrB,IAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,MAAM,CAAA,EAAG,SAAA;AAGpC,IAAA,IAAI,CAAC,KAAA,EAAO,cAAA,GAAiB,kBAAkB,CAAA,EAAG;AAChD,MAAA;AAAA,IACF;AAEA,IAAAE,SAAA,CAAK,KAAA,EAAO,kBAAA,EAAoB,SAAU,wBAAA,EAA8D;AACtG,MAAA,OAAO,SAAqC,IAAA,EAAM,QAAA,EAAU,OAAA,EAA2B;AAErF,QAAA,IAAA,CAAK,IAAA,KAAS,OAAA,IAAW,IAAA,IAAQ,UAAA,KAAe,QAAA,EAAU;AACxD,UAAA,IAAI;AACF,YAAA,MAAM,QAAA,GAAY,IAAA,CAAK,mCAAA,GACrB,IAAA,CAAK,uCAAuC,EAAC;AAE/C,YAAA,MAAM,iBAAkB,QAAA,CAAS,IAAI,CAAA,GAAI,QAAA,CAAS,IAAI,CAAA,IAAK;AAAA,cACzD,gBAAA,sBAAsB,OAAA,EAAQ;AAAA,cAC9B,eAAA,sBAAqB,OAAA,EAAQ;AAAA,cAC7B,aAAA,EAAe;AAAA,aACjB;AAEA,YAAA,MAAM,OAAA,GAAU,WAAW,OAAO,CAAA;AAElC,YAAA,IAAI,CAAC,eAAe,OAAA,EAAS;AAC3B,cAAA,MAAM,OAAA,GAAU,oBAAoB,iBAAiB,CAAA;AACrD,cAAA,cAAA,CAAe,OAAA,GAAU,OAAA;AAKzB,cAAA,cAAA,CAAe,OAAA,GAAU,OAAA;AACzB,cAAA,wBAAA,CAAyB,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,eAAe,OAAO,CAAA;AAAA,YAC3E;AAEA,YAAA,MAAM,SAAA,GAAY,cAAA,CAAe,OAAA,GAAU,kBAAA,GAAqB,iBAAiB,CAAA;AAEjF,YAAA,IAAI,CAAC,SAAA,CAAU,GAAA,CAAI,QAAQ,CAAA,EAAG;AAC5B,cAAA,IAAI,OAAO,OAAA,KAAY,QAAA,KAAa,OAAA,EAAS,IAAA,IAAQ,SAAS,MAAA,CAAA,EAAS;AAErE,gBAAA,cAAA,CAAe,MAAA,GAAS,IAAA;AAAA,cAC1B,CAAA,MAAO;AACL,gBAAA,SAAA,CAAU,IAAI,QAAQ,CAAA;AACtB,gBAAA,cAAA,CAAe,aAAA,EAAA;AAAA,cACjB;AAAA,YACF;AAAA,UACF,CAAA,CAAA,MAAQ;AAAA,UAGR;AAAA,QACF;AAEA,QAAA,OAAO,wBAAA,CAAyB,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,UAAU,OAAO,CAAA;AAAA,MACpE,CAAA;AAAA,IACF,CAAC,CAAA;AAED,IAAAA,SAAA;AAAA,MACE,KAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAU,2BAAA,EAAuE;AAC/E,QAAA,OAAO,SAAqC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAqB;AAC/E,UAAA,IAAA,CAAK,IAAA,KAAS,OAAA,IAAW,IAAA,IAAQ,UAAA,KAAe,QAAA,EAAU;AACxD,YAAA,IAAI;AACF,cAAA,MAAM,QAAA,GAAW,IAAA,CAAK,mCAAA,IAAuC,EAAC;AAC9D,cAAA,MAAM,cAAA,GAAiB,SAAS,IAAI,CAAA;AAGpC,cAAA,IAAI,cAAA,GAAiB,WAAW,OAAO,CAAA,GAAI,qBAAqB,iBAAiB,CAAA,CAAE,MAAA,CAAO,QAAQ,CAAA,EAAG;AAEnG,gBAAA,IAAI,CAAC,EAAE,cAAA,CAAe,aAAA,IAAiB,CAAC,eAAe,MAAA,EAAQ;AAC7D,kBAAA,2BAAA,CAA4B,KAAK,IAAA,EAAM,IAAA,EAAM,cAAA,CAAe,OAAA,EAAS,eAAe,OAAO,CAAA;AAC3F,kBAAA,cAAA,CAAe,OAAA,GAAU,KAAA,CAAA;AACzB,kBAAA,OAAO,SAAS,IAAI,CAAA;AAAA,gBACtB;AAGA,gBAAA,IAAI,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA,CAAE,WAAW,CAAA,EAAG;AACtC,kBAAA,OAAO,IAAA,CAAK,mCAAA;AAAA,gBACd;AAAA,cACF;AAAA,YACF,CAAA,CAAA,MAAQ;AAAA,YAGR;AAAA,UACF;AAEA,UAAA,OAAO,2BAAA,CAA4B,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,UAAU,OAAO,CAAA;AAAA,QACvE,CAAA;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAKA,SAAS,6BAA6B,KAAA,EAAuB;AAE3D,EAAA,IAAI,KAAA,CAAM,SAAS,qBAAA,EAAuB;AACxC,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI;AAGF,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,IAAW,KAAA,CAAM,MAAA,CAA+B,cAAc,yBAAA,EAA2B;AAClG,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA,CAAA,MAAQ;AAAA,EAGR;AAKA,EAAA,OAAO,IAAA;AACT;AAMA,SAAS,kBAAA,CAAmB,WAAmB,MAAA,EAA6C;AAE1F,EAAA,IAAI,cAAc,UAAA,EAAY;AAC5B,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACpB,IAAA,OAAO,IAAA;AAAA,EACT;AAIA,EAAA,IAAI,OAAO,OAAA,KAAY,OAAA,IAAW,OAAO,OAAA,KAAY,UAAA,IAAc,OAAO,iBAAA,EAAmB;AAC3F,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA;AACT;AAKA,SAAS,mBAAA,CACP,OAAA,EACA,cAAA,GAA0B,KAAA,EACF;AACxB,EAAA,OAAO,CAAC,KAAA,KAAoD;AAI1D,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,iBAAiB,CAAA,EAAG;AACtC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,MAAA,GAAS,eAAe,KAAK,CAAA;AAGnC,IAAA,IAAI,kBAAA,CAAmB,KAAA,CAAM,IAAA,EAAM,MAAM,CAAA,EAAG;AAC1C,MAAA;AAAA,IACF;AAGA,IAAAC,6BAAA,CAAyB,KAAA,EAAO,mBAAmB,IAAI,CAAA;AAEvD,IAAA,IAAI,MAAA,IAAU,CAAC,MAAA,CAAO,SAAA,EAAW;AAE/B,MAAAA,6BAAA,CAAyB,MAAA,EAAQ,WAAA,EAAaC,UAAA,EAAO,CAAA;AAAA,IACvD;AAEA,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,UAAA,GAAa,UAAU,KAAA,CAAM,IAAA;AAKzD,IAAA,IAAI,CAAC,4BAAA,CAA6B,KAAK,CAAA,EAAG;AACxC,MAAA,MAAM,WAAA,GAA8B,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,cAAA,EAAe;AAC1E,MAAA,OAAA,CAAQ,WAAW,CAAA;AACnB,MAAA,qBAAA,GAAwB,KAAA,CAAM,IAAA;AAC9B,MAAA,yBAAA,GAA4B,MAAA,GAAS,OAAO,SAAA,GAAY,MAAA;AAAA,IAC1D;AAGA,IAAA,YAAA,CAAa,eAAe,CAAA;AAC5B,IAAA,eAAA,GAAkBJ,YAAA,CAAO,WAAW,MAAM;AACxC,MAAA,yBAAA,GAA4B,MAAA;AAC5B,MAAA,qBAAA,GAAwB,MAAA;AAAA,IAC1B,GAAG,iBAAiB,CAAA;AAAA,EACtB,CAAA;AACF;AAEA,SAAS,eAAe,KAAA,EAA0C;AAChE,EAAA,IAAI;AACF,IAAA,OAAO,KAAA,CAAM,MAAA;AAAA,EACf,CAAA,CAAA,MAAQ;AAGN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;;;;;"}

package/build/cjs/performance/interactions.js

@@ -134,7 +134,7 @@ function trackInteractionsAsSpans(client) {
           attributes: {
             [attributes.SENTRY_OP]: op.UI_INTERACTION_CLICK,
             [attributes.SENTRY_ORIGIN]: "auto.browser.interactions",
-            ...selector && selector !== inp.UNKNOWN_ELEMENT_NAME && { "browser.web_vital.inp.target": selector }
+            ...selector && selector !== inp.UNKNOWN_ELEMENT_NAME && { [attributes.BROWSER_WEB_VITAL_INP_TARGET]: selector }
           }
         };
         if (componentName$1) {

package/build/cjs/performance/interactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.js","sources":["../../../src/performance/interactions.ts"],"sourcesContent":["import {\n  HTTP_ROUTE,\n  ROUTER_NAVIGATION_ROUTE_ID,\n  SENTRY_IDLE_SPAN_FINISH_REASON,\n  SENTRY_OP,\n  SENTRY_ORIGIN,\n  SENTRY_SEGMENT_NAME,\n  SENTRY_SEGMENT_NAME_SOURCE,\n  SENTRY_SOURCE,\n  UI_COMPONENT_NAME,\n  URL_FULL,\n  URL_PATH,\n  URL_TEMPLATE,\n} from '@sentry/conventions/attributes';\nimport { UI_ACTION_CLICK, UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport type { Client, IntegrationFn, Span, StartSpanOptions, TransactionSource } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  defineIntegration,\n  filterCollectedUrl,\n  getActiveSpan,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  spanToJSON,\n  UI_ACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { startIdleSpan } from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { addPerformanceInstrumentationHandler } from '../instrumentation/performanceObserver';\nimport { UNKNOWN_ELEMENT_NAME } from '../web-vitals/inp';\nimport { isBotUserAgent } from '../isBotUserAgent';\nimport { WINDOW } from '../types';\nimport { msToSec, startAndEndSpan } from './utils';\nimport { getComponentName } from '../component-name';\n\nconst INTEGRATION_NAME = 'Interactions';\n\ninterface InteractionsOptions {\n  /**\n   * The time that has to pass without any span being created.\n   * If this time is exceeded, the interaction span will finish.\n   *\n   * Default: 1000 (ms)\n   */\n  idleTimeout?: number;\n\n  /**\n   * The max. time an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 30000 (ms)\n   */\n  finalTimeout?: number;\n\n  /**\n   * The max. time a child span of an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 15000 (ms)\n   */\n  childSpanTimeout?: number;\n}\n\ninterface RouteInfo {\n  name: string | undefined;\n  source: TransactionSource | undefined;\n  routeId: string | undefined;\n  urlTemplate: string | undefined;\n  httpRoute: string | undefined;\n  urlPath: string | undefined;\n  urlFull: string | undefined;\n}\n\nconst _interactionsIntegration = ((options: InteractionsOptions = {}) => {\n  return {\n    name: INTEGRATION_NAME,\n    setup(client) {\n      if (isBotUserAgent()) {\n        return;\n      }\n\n      const latestRoute: RouteInfo = {\n        name: undefined,\n        source: undefined,\n        routeId: undefined,\n        urlTemplate: undefined,\n        httpRoute: undefined,\n        urlPath: undefined,\n        urlFull: undefined,\n      };\n      // The pageload/navigation span that is currently in progress, if any. Clicks that happen while one\n      // is open are not turned into interaction spans, as they'd compete with the route span for children.\n      let inflightRouteSpan: Span | undefined;\n\n      function trackRoute(span: Span): void {\n        const { name, attributes } = spanToJSON(span);\n        latestRoute.name = name;\n        // oxlint-disable-next-line typescript/no-deprecated\n        latestRoute.source = (attributes[SENTRY_SOURCE] || attributes[SENTRY_SEGMENT_NAME_SOURCE]) as\n          | TransactionSource\n          | undefined;\n        latestRoute.routeId = attributes[ROUTER_NAVIGATION_ROUTE_ID] as string | undefined;\n        latestRoute.urlTemplate = attributes[URL_TEMPLATE] as string | undefined;\n        latestRoute.httpRoute = attributes[HTTP_ROUTE] as string | undefined;\n        latestRoute.urlPath = attributes[URL_PATH] as string | undefined;\n        latestRoute.urlFull = attributes[URL_FULL] as string | undefined;\n      }\n\n      client.on('spanStart', span => {\n        if (isRouteSpan(span)) {\n          inflightRouteSpan = span;\n          trackRoute(span);\n        }\n      });\n\n      client.on('spanEnd', span => {\n        if (span !== inflightRouteSpan) {\n          return;\n        }\n        inflightRouteSpan = undefined;\n        // Re-read the route on end: routing instrumentation frequently renames the pageload or navigation\n        // span once the route is resolved, so this is more accurate than what we saw at span start.\n        trackRoute(span);\n      });\n\n      registerInteractionListener(client, latestRoute, () => inflightRouteSpan, options);\n\n      trackInteractionsAsSpans(client);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Captures user interactions as spans.\n *\n * Important: This integration is considered experimental and might lead to noisy spans. Use at your own risk.\n *\n *\n * Clicks that happen outside of an in-progress pageload or navigation start an idle `ui.action.click` span,\n * named after the last known route, which collects everything the interaction triggers (requests, child spans,\n * …). Additionally, `ui.interaction.click` spans are recorded for the browser's own `event` timing entries.\n *\n * The integration requires `browserTracingIntegration` (or another source of pageload/navigation spans)\n * to know which route an interaction belongs to.\n *\n * @example\n * ```ts\n * Sentry.init({\n *   integrations: [Sentry.browserTracingIntegration(), Sentry.interactionsIntegration()],\n * });\n * ```\n */\nexport const interactionsIntegration = defineIntegration(_interactionsIntegration);\n\nfunction isRouteSpan(span: Span): boolean {\n  if (getRootSpan(span) !== span) {\n    return false;\n  }\n  const op = spanToJSON(span).attributes[SENTRY_OP];\n  return op === 'pageload' || op === 'navigation';\n}\n\nfunction registerInteractionListener(\n  client: Client,\n  latestRoute: RouteInfo,\n  getInflightRouteSpan: () => Span | undefined,\n  // `startIdleSpan` fills in `TRACING_DEFAULTS` for whatever is left out, which are the same defaults\n  // `browserTracingIntegration` uses for its pageload and navigation spans.\n  idleSpanOptions: InteractionsOptions,\n): void {\n  // `document` is not available in all browser environments (e.g. web workers), and without it there is\n  // nothing to click on.\n  if (!WINDOW.document) {\n    return;\n  }\n\n  let inflightInteractionSpan: Span | undefined;\n\n  addEventListener(\n    'click',\n    () => {\n      if (getInflightRouteSpan()) {\n        DEBUG_BUILD &&\n          debug.warn(\n            `[Tracing] Did not create ${UI_ACTION_CLICK} span because a pageload or navigation span is in progress.`,\n          );\n        return;\n      }\n\n      if (inflightInteractionSpan) {\n        inflightInteractionSpan.setAttribute(SENTRY_IDLE_SPAN_FINISH_REASON, 'interactionInterrupted');\n        inflightInteractionSpan.end();\n        inflightInteractionSpan = undefined;\n      }\n\n      if (!latestRoute.name) {\n        DEBUG_BUILD &&\n          debug.warn(`[Tracing] Did not create ${UI_ACTION_CLICK} span because the latest route name is missing.`);\n        return;\n      }\n\n      const hasSpanStreaming = hasSpanStreamingEnabled(client);\n      const routeName = latestRoute.routeId || latestRoute.urlTemplate || latestRoute.httpRoute;\n      const streamedName = routeName || UI_ACTION_CLICK_SPAN_NAME_FALLBACK;\n      // A route id is a name the app gave the route, so it is `custom` rather than a `route` pattern.\n      const streamedNameSource = !routeName || latestRoute.routeId ? 'custom' : 'route';\n\n      inflightInteractionSpan = startIdleSpan(\n        {\n          name: hasSpanStreaming ? streamedName : latestRoute.name,\n          attributes: {\n            [SENTRY_OP]: UI_ACTION_CLICK,\n            [SENTRY_SEGMENT_NAME_SOURCE]: hasSpanStreaming ? streamedNameSource : latestRoute.source || 'url',\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(hasSpanStreaming && { [SENTRY_SEGMENT_NAME]: streamedName }),\n            ...(latestRoute.routeId && { [ROUTER_NAVIGATION_ROUTE_ID]: latestRoute.routeId }),\n            ...(latestRoute.urlTemplate && { [URL_TEMPLATE]: latestRoute.urlTemplate }),\n            ...(latestRoute.httpRoute && { [HTTP_ROUTE]: latestRoute.httpRoute }),\n            ...(latestRoute.urlPath && { [URL_PATH]: latestRoute.urlPath }),\n            ...(latestRoute.urlFull && { [URL_FULL]: filterCollectedUrl(latestRoute.urlFull) }),\n          },\n        },\n        idleSpanOptions,\n      );\n    },\n    { capture: true },\n  );\n}\n\n/**\n * Record the browser's `event` timing entries for clicks as spans on the currently active span.\n */\nfunction trackInteractionsAsSpans(client: Client): void {\n  addPerformanceInstrumentationHandler('event', ({ entries }) => {\n    const parent = getActiveSpan();\n    if (!parent) {\n      return;\n    }\n    for (const entry of entries) {\n      if (entry.name === 'click') {\n        const startTime = msToSec((browserPerformanceTimeOrigin() as number) + entry.startTime);\n        const duration = msToSec(entry.duration);\n\n        const selector = htmlTreeAsString(entry.target);\n        const componentName = getComponentName(entry.target);\n        const hasSpanStreaming = hasSpanStreamingEnabled(client);\n\n        const spanOptions: StartSpanOptions & Required<Pick<StartSpanOptions, 'attributes'>> = {\n          name: hasSpanStreaming ? componentName || UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK : selector,\n          startTime: startTime,\n          attributes: {\n            [SENTRY_OP]: UI_INTERACTION_CLICK,\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(selector && selector !== UNKNOWN_ELEMENT_NAME && { 'browser.web_vital.inp.target': selector }),\n          },\n        };\n\n        if (componentName) {\n          spanOptions.attributes[UI_COMPONENT_NAME] = componentName;\n        }\n\n        startAndEndSpan(parent, startTime, startTime + duration, spanOptions);\n      }\n    }\n  });\n}\n"],"names":["isBotUserAgent","attributes","spanToJSON","SENTRY_SOURCE","SENTRY_SEGMENT_NAME_SOURCE","ROUTER_NAVIGATION_ROUTE_ID","URL_TEMPLATE","HTTP_ROUTE","URL_PATH","URL_FULL","defineIntegration","getRootSpan","SENTRY_OP","WINDOW","DEBUG_BUILD","debug","UI_ACTION_CLICK","SENTRY_IDLE_SPAN_FINISH_REASON","hasSpanStreamingEnabled","UI_ACTION_CLICK_SPAN_NAME_FALLBACK","startIdleSpan","SENTRY_ORIGIN","SENTRY_SEGMENT_NAME","filterCollectedUrl","addPerformanceInstrumentationHandler","getActiveSpan","msToSec","browserPerformanceTimeOrigin","htmlTreeAsString","componentName","getComponentName","UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK","UI_INTERACTION_CLICK","UNKNOWN_ELEMENT_NAME","UI_COMPONENT_NAME","startAndEndSpan"],"mappings":"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"}
+{"version":3,"file":"interactions.js","sources":["../../../src/performance/interactions.ts"],"sourcesContent":["import {\n  BROWSER_WEB_VITAL_INP_TARGET,\n  HTTP_ROUTE,\n  ROUTER_NAVIGATION_ROUTE_ID,\n  SENTRY_IDLE_SPAN_FINISH_REASON,\n  SENTRY_OP,\n  SENTRY_ORIGIN,\n  SENTRY_SEGMENT_NAME,\n  SENTRY_SEGMENT_NAME_SOURCE,\n  SENTRY_SOURCE,\n  UI_COMPONENT_NAME,\n  URL_FULL,\n  URL_PATH,\n  URL_TEMPLATE,\n} from '@sentry/conventions/attributes';\nimport { UI_ACTION_CLICK, UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport type { Client, IntegrationFn, Span, StartSpanOptions, TransactionSource } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  defineIntegration,\n  filterCollectedUrl,\n  getActiveSpan,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  spanToJSON,\n  UI_ACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { startIdleSpan } from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { addPerformanceInstrumentationHandler } from '../instrumentation/performanceObserver';\nimport { UNKNOWN_ELEMENT_NAME } from '../web-vitals/inp';\nimport { isBotUserAgent } from '../isBotUserAgent';\nimport { WINDOW } from '../types';\nimport { msToSec, startAndEndSpan } from './utils';\nimport { getComponentName } from '../component-name';\n\nconst INTEGRATION_NAME = 'Interactions';\n\ninterface InteractionsOptions {\n  /**\n   * The time that has to pass without any span being created.\n   * If this time is exceeded, the interaction span will finish.\n   *\n   * Default: 1000 (ms)\n   */\n  idleTimeout?: number;\n\n  /**\n   * The max. time an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 30000 (ms)\n   */\n  finalTimeout?: number;\n\n  /**\n   * The max. time a child span of an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 15000 (ms)\n   */\n  childSpanTimeout?: number;\n}\n\ninterface RouteInfo {\n  name: string | undefined;\n  source: TransactionSource | undefined;\n  routeId: string | undefined;\n  urlTemplate: string | undefined;\n  httpRoute: string | undefined;\n  urlPath: string | undefined;\n  urlFull: string | undefined;\n}\n\nconst _interactionsIntegration = ((options: InteractionsOptions = {}) => {\n  return {\n    name: INTEGRATION_NAME,\n    setup(client) {\n      if (isBotUserAgent()) {\n        return;\n      }\n\n      const latestRoute: RouteInfo = {\n        name: undefined,\n        source: undefined,\n        routeId: undefined,\n        urlTemplate: undefined,\n        httpRoute: undefined,\n        urlPath: undefined,\n        urlFull: undefined,\n      };\n      // The pageload/navigation span that is currently in progress, if any. Clicks that happen while one\n      // is open are not turned into interaction spans, as they'd compete with the route span for children.\n      let inflightRouteSpan: Span | undefined;\n\n      function trackRoute(span: Span): void {\n        const { name, attributes } = spanToJSON(span);\n        latestRoute.name = name;\n        // oxlint-disable-next-line typescript/no-deprecated\n        latestRoute.source = (attributes[SENTRY_SOURCE] || attributes[SENTRY_SEGMENT_NAME_SOURCE]) as\n          | TransactionSource\n          | undefined;\n        latestRoute.routeId = attributes[ROUTER_NAVIGATION_ROUTE_ID] as string | undefined;\n        latestRoute.urlTemplate = attributes[URL_TEMPLATE] as string | undefined;\n        latestRoute.httpRoute = attributes[HTTP_ROUTE] as string | undefined;\n        latestRoute.urlPath = attributes[URL_PATH] as string | undefined;\n        latestRoute.urlFull = attributes[URL_FULL] as string | undefined;\n      }\n\n      client.on('spanStart', span => {\n        if (isRouteSpan(span)) {\n          inflightRouteSpan = span;\n          trackRoute(span);\n        }\n      });\n\n      client.on('spanEnd', span => {\n        if (span !== inflightRouteSpan) {\n          return;\n        }\n        inflightRouteSpan = undefined;\n        // Re-read the route on end: routing instrumentation frequently renames the pageload or navigation\n        // span once the route is resolved, so this is more accurate than what we saw at span start.\n        trackRoute(span);\n      });\n\n      registerInteractionListener(client, latestRoute, () => inflightRouteSpan, options);\n\n      trackInteractionsAsSpans(client);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Captures user interactions as spans.\n *\n * Important: This integration is considered experimental and might lead to noisy spans. Use at your own risk.\n *\n *\n * Clicks that happen outside of an in-progress pageload or navigation start an idle `ui.action.click` span,\n * named after the last known route, which collects everything the interaction triggers (requests, child spans,\n * …). Additionally, `ui.interaction.click` spans are recorded for the browser's own `event` timing entries.\n *\n * The integration requires `browserTracingIntegration` (or another source of pageload/navigation spans)\n * to know which route an interaction belongs to.\n *\n * @example\n * ```ts\n * Sentry.init({\n *   integrations: [Sentry.browserTracingIntegration(), Sentry.interactionsIntegration()],\n * });\n * ```\n */\nexport const interactionsIntegration = defineIntegration(_interactionsIntegration);\n\nfunction isRouteSpan(span: Span): boolean {\n  if (getRootSpan(span) !== span) {\n    return false;\n  }\n  const op = spanToJSON(span).attributes[SENTRY_OP];\n  return op === 'pageload' || op === 'navigation';\n}\n\nfunction registerInteractionListener(\n  client: Client,\n  latestRoute: RouteInfo,\n  getInflightRouteSpan: () => Span | undefined,\n  // `startIdleSpan` fills in `TRACING_DEFAULTS` for whatever is left out, which are the same defaults\n  // `browserTracingIntegration` uses for its pageload and navigation spans.\n  idleSpanOptions: InteractionsOptions,\n): void {\n  // `document` is not available in all browser environments (e.g. web workers), and without it there is\n  // nothing to click on.\n  if (!WINDOW.document) {\n    return;\n  }\n\n  let inflightInteractionSpan: Span | undefined;\n\n  addEventListener(\n    'click',\n    () => {\n      if (getInflightRouteSpan()) {\n        DEBUG_BUILD &&\n          debug.warn(\n            `[Tracing] Did not create ${UI_ACTION_CLICK} span because a pageload or navigation span is in progress.`,\n          );\n        return;\n      }\n\n      if (inflightInteractionSpan) {\n        inflightInteractionSpan.setAttribute(SENTRY_IDLE_SPAN_FINISH_REASON, 'interactionInterrupted');\n        inflightInteractionSpan.end();\n        inflightInteractionSpan = undefined;\n      }\n\n      if (!latestRoute.name) {\n        DEBUG_BUILD &&\n          debug.warn(`[Tracing] Did not create ${UI_ACTION_CLICK} span because the latest route name is missing.`);\n        return;\n      }\n\n      const hasSpanStreaming = hasSpanStreamingEnabled(client);\n      const routeName = latestRoute.routeId || latestRoute.urlTemplate || latestRoute.httpRoute;\n      const streamedName = routeName || UI_ACTION_CLICK_SPAN_NAME_FALLBACK;\n      // A route id is a name the app gave the route, so it is `custom` rather than a `route` pattern.\n      const streamedNameSource = !routeName || latestRoute.routeId ? 'custom' : 'route';\n\n      inflightInteractionSpan = startIdleSpan(\n        {\n          name: hasSpanStreaming ? streamedName : latestRoute.name,\n          attributes: {\n            [SENTRY_OP]: UI_ACTION_CLICK,\n            [SENTRY_SEGMENT_NAME_SOURCE]: hasSpanStreaming ? streamedNameSource : latestRoute.source || 'url',\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(hasSpanStreaming && { [SENTRY_SEGMENT_NAME]: streamedName }),\n            ...(latestRoute.routeId && { [ROUTER_NAVIGATION_ROUTE_ID]: latestRoute.routeId }),\n            ...(latestRoute.urlTemplate && { [URL_TEMPLATE]: latestRoute.urlTemplate }),\n            ...(latestRoute.httpRoute && { [HTTP_ROUTE]: latestRoute.httpRoute }),\n            ...(latestRoute.urlPath && { [URL_PATH]: latestRoute.urlPath }),\n            ...(latestRoute.urlFull && { [URL_FULL]: filterCollectedUrl(latestRoute.urlFull) }),\n          },\n        },\n        idleSpanOptions,\n      );\n    },\n    { capture: true },\n  );\n}\n\n/**\n * Record the browser's `event` timing entries for clicks as spans on the currently active span.\n */\nfunction trackInteractionsAsSpans(client: Client): void {\n  addPerformanceInstrumentationHandler('event', ({ entries }) => {\n    const parent = getActiveSpan();\n    if (!parent) {\n      return;\n    }\n    for (const entry of entries) {\n      if (entry.name === 'click') {\n        const startTime = msToSec((browserPerformanceTimeOrigin() as number) + entry.startTime);\n        const duration = msToSec(entry.duration);\n\n        const selector = htmlTreeAsString(entry.target);\n        const componentName = getComponentName(entry.target);\n        const hasSpanStreaming = hasSpanStreamingEnabled(client);\n\n        const spanOptions: StartSpanOptions & Required<Pick<StartSpanOptions, 'attributes'>> = {\n          name: hasSpanStreaming ? componentName || UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK : selector,\n          startTime: startTime,\n          attributes: {\n            [SENTRY_OP]: UI_INTERACTION_CLICK,\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(selector && selector !== UNKNOWN_ELEMENT_NAME && { [BROWSER_WEB_VITAL_INP_TARGET]: selector }),\n          },\n        };\n\n        if (componentName) {\n          spanOptions.attributes[UI_COMPONENT_NAME] = componentName;\n        }\n\n        startAndEndSpan(parent, startTime, startTime + duration, spanOptions);\n      }\n    }\n  });\n}\n"],"names":["isBotUserAgent","attributes","spanToJSON","SENTRY_SOURCE","SENTRY_SEGMENT_NAME_SOURCE","ROUTER_NAVIGATION_ROUTE_ID","URL_TEMPLATE","HTTP_ROUTE","URL_PATH","URL_FULL","defineIntegration","getRootSpan","SENTRY_OP","WINDOW","DEBUG_BUILD","debug","UI_ACTION_CLICK","SENTRY_IDLE_SPAN_FINISH_REASON","hasSpanStreamingEnabled","UI_ACTION_CLICK_SPAN_NAME_FALLBACK","startIdleSpan","SENTRY_ORIGIN","SENTRY_SEGMENT_NAME","filterCollectedUrl","addPerformanceInstrumentationHandler","getActiveSpan","msToSec","browserPerformanceTimeOrigin","htmlTreeAsString","componentName","getComponentName","UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK","UI_INTERACTION_CLICK","UNKNOWN_ELEMENT_NAME","BROWSER_WEB_VITAL_INP_TARGET","UI_COMPONENT_NAME","startAndEndSpan"],"mappings":"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"}

package/build/cjs/web-vitals/spans.js

@@ -245,8 +245,8 @@ function _sendInpSpan(inpValue, entry, standalone = false, attributedSpan, softN
   const attributes$1 = {
     [core.SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue
   };
-  selector && selector !== inp.UNKNOWN_ELEMENT_NAME && (attributes$1["browser.web_vital.inp.target"] = selector);
-  entryInteractionType && (attributes$1["browser.web_vital.inp.interaction_type"] = entryInteractionType);
+  selector && selector !== inp.UNKNOWN_ELEMENT_NAME && (attributes$1[attributes.BROWSER_WEB_VITAL_INP_TARGET] = selector);
+  entryInteractionType && (attributes$1[attributes.BROWSER_WEB_VITAL_INP_INTERACTION_TYPE] = entryInteractionType);
   if (componentName$1) {
     attributes$1[attributes.UI_COMPONENT_NAME] = componentName$1;
   }

package/build/cjs/web-vitals/spans.js.map

@@ -1 +1 @@
-{"version":3,"file":"spans.js","sources":["../../../src/web-vitals/spans.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport type { Client, Span, SpanAttributes } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  spanToJSON,\n  timestampInSeconds,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { getComponentName } from '../component-name';\nimport type { InteractionType } from './inp';\nimport { getCachedInteractionContext, INP_ENTRY_MAP, MAX_PLAUSIBLE_INP_DURATION, UNKNOWN_ELEMENT_NAME } from './inp';\nimport type { InstrumentationHandlerCallback, MetricNavigationType } from '../instrumentation/performanceObserver';\nimport {\n  addClsInstrumentationHandler,\n  addInpInstrumentationHandler,\n  addLcpInstrumentationHandler,\n} from '../instrumentation/performanceObserver';\nimport type { LargestContentfulPaint, LayoutShift } from './emitSpan';\nimport { BROWSER_NAVIGATION_TYPE, UI_COMPONENT_NAME } from '@sentry/conventions/attributes';\nimport { _emitWebVitalSpan } from './emitSpan';\nimport { isValidLcpMetric } from './lcp';\nimport { listenForWebVitalReportEvents } from './reportEvents';\nimport { getNavigationSpanForMetric } from './softNavs';\nimport { getBrowserPerformanceAPI, msToSec, supportsWebVital } from '../performance/utils';\nimport type { PerformanceEventTiming } from '../instrumentation/performanceObserver';\nimport {\n  NAVIGATION,\n  UI_INTERACTION_CLICK,\n  UI_INTERACTION_DRAG,\n  UI_INTERACTION_HOVER,\n  UI_INTERACTION_PRESS,\n  UI_WEBVITAL_CLS,\n  UI_WEBVITAL_LCP,\n} from '@sentry/conventions/op';\n\nconst INTERACTION_TYPE_TO_SPAN_OP: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK,\n  hover: UI_INTERACTION_HOVER,\n  drag: UI_INTERACTION_DRAG,\n  press: UI_INTERACTION_PRESS,\n};\n\nconst INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  hover: UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  drag: UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  press: UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n};\n\ntype WebVitalMetric = Parameters<Parameters<typeof addLcpInstrumentationHandler>[0]>[0]['metric'];\ntype InpMetric = Parameters<InstrumentationHandlerCallback>[0]['metric'];\n\n/**\n * Reports a web vital once per navigation, rather than once per page load.\n *\n * web-vitals restarts the metric on every soft navigation and force-reports the previous one just\n * before it does (and again on pagehide), and re-reports every metric after a bfcache restore.\n * Since `reportAllChanges` is off in this mode, every value we're handed is already the final one\n * for its navigation, so there is nothing to accumulate: each report is a span.\n */\nfunction trackWebVitalPerNavigation<M extends WebVitalMetric>(\n  client: Client,\n  addInstrumentationHandler: (callback: (data: { metric: M }) => void) => unknown,\n  send: (metric: M, parentSpan: Span | undefined, softNavigationId: number | undefined) => void,\n): void {\n  let pageloadSpan: Span | undefined;\n  client.on('afterStartPageLoadSpan', span => {\n    pageloadSpan = span;\n  });\n\n  // Remembered when the restore happens rather than read back at report time: the restore\n  // navigation span is an idle span, and CLS and INP are only finalized on pagehide, by which point\n  // it has long ended and is no longer what is active.\n  let bfcacheNavigationSpan: Span | undefined;\n  client.on('spanStart', span => {\n    // The op has to be checked too: the web vital spans emitted for a restore carry the same\n    // `back-forward-cache` navigation type, so matching on that alone lets the first of them replace the\n    // navigation span, and every later vital then hangs off a sibling vital instead.\n    const attributes = spanToJSON(span).attributes;\n    if (\n      attributes?.[SEMANTIC_ATTRIBUTE_SENTRY_OP] === NAVIGATION &&\n      attributes[BROWSER_NAVIGATION_TYPE] === 'back-forward-cache'\n    ) {\n      bfcacheNavigationSpan = span;\n    }\n  });\n\n  addInstrumentationHandler(({ metric }) => {\n    const navigationSpan = getNavigationSpanForMetric(metric);\n    if (metric.navigationType === 'soft-navigation') {\n      // Reporting an uncorrelated soft navigation vital would attribute it to the wrong route, so\n      // it's dropped instead.\n      if (navigationSpan) {\n        send(metric, navigationSpan, metric.navigationId);\n      } else {\n        DEBUG_BUILD &&\n          debug.log(`[SoftNav] Dropping ${metric.name} for uncorrelated soft navigation ${metric.navigationId}`);\n      }\n      return;\n    }\n\n    if (metric.navigationType === 'back-forward-cache') {\n      // A restore reuses the frozen document, so the pageload span above belongs to the page view\n      // from before the freeze. The navigation span started for the restore is the page view these\n      // values were actually measured on.\n      send(metric, bfcacheNavigationSpan, undefined);\n      return;\n    }\n\n    send(metric, pageloadSpan, undefined);\n  });\n}\n\n/**\n * Tracks LCP as a streamed span.\n */\nexport function trackLcpAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('largest-contentful-paint')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addLcpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n      _sendLcpSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let lcpValue = 0;\n  let lcpEntry: LargestContentfulPaint | undefined;\n  let lcpNavigationType: MetricNavigationType | undefined;\n\n  const cleanupLcpHandler = addLcpInstrumentationHandler(({ metric }) => {\n    // The navigation type describes the page, not the entry, so it is worth keeping even for a\n    // report we otherwise discard.\n    lcpNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n    if (!entry || !isValidLcpMetric(metric.value)) {\n      return;\n    }\n    lcpValue = metric.value;\n    lcpEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendLcpSpan(lcpValue, lcpEntry, pageloadSpan, undefined, lcpNavigationType);\n    cleanupLcpHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendLcpSpan(\n  lcpValue: number,\n  entry: LargestContentfulPaint | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  if (!isValidLcpMetric(lcpValue)) {\n    return;\n  }\n\n  DEBUG_BUILD && debug.log(`Sending LCP span (${lcpValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin() || 0;\n  // A soft navigation's LCP is measured from the triggering interaction, not the document time\n  // origin. Starting the span there too keeps it inside the navigation span it is parented to and\n  // keeps its duration equal to the value it reports.\n  const startTime = msToSec(performanceTimeOrigin + (navigationStartTime || 0));\n  // Without an entry there is no render time to end at, so the span lasts the value it reports,\n  // like an entry-less INP does. Ending at the time origin instead would invert the span.\n  const endTime = entry ? msToSec(performanceTimeOrigin + entry.startTime) : startTime + msToSec(lcpValue);\n  const selector = entry ? htmlTreeAsString(entry.element) : undefined;\n  const componentName = entry?.element ? getComponentName(entry.element) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (selector) {\n    attributes['browser.web_vital.lcp.element'] = selector;\n  }\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n  entry?.id && (attributes['browser.web_vital.lcp.id'] = entry.id);\n  entry?.url && (attributes['browser.web_vital.lcp.url'] = entry.url);\n  entry?.loadTime != null && (attributes['browser.web_vital.lcp.load_time'] = entry.loadTime);\n  entry?.renderTime != null && (attributes['browser.web_vital.lcp.render_time'] = entry.renderTime);\n  entry?.size != null && (attributes['browser.web_vital.lcp.size'] = entry.size);\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_LCP,\n    origin: 'auto.http.browser.lcp',\n    metricName: 'lcp',\n    value: lcpValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    endTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks CLS as a streamed span.\n */\nexport function trackClsAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('layout-shift')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addClsInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n      _sendClsSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let clsValue = 0;\n  let clsEntry: LayoutShift | undefined;\n  let clsNavigationType: MetricNavigationType | undefined;\n\n  const cleanupClsHandler = addClsInstrumentationHandler(({ metric }) => {\n    // A CLS of 0 is reported with no entries and still emits a span, so the navigation type has to\n    // be captured before the entry check rather than alongside the value.\n    clsNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n    if (!entry) {\n      return;\n    }\n    clsValue = metric.value;\n    clsEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendClsSpan(clsValue, clsEntry, pageloadSpan, undefined, clsNavigationType);\n    cleanupClsHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendClsSpan(\n  clsValue: number,\n  entry: LayoutShift | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  DEBUG_BUILD && debug.log(`Sending CLS span (${clsValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin();\n  // A CLS of 0 has no shift to place the span at. It is reported when the navigation it was\n  // measured on is already over - the next soft navigation, or pagehide - so the current time would\n  // land it outside that navigation, on the route that follows it.\n  const offset = entry?.startTime ?? navigationStartTime ?? 0;\n  const startTime = performanceTimeOrigin ? msToSec(performanceTimeOrigin + offset) : timestampInSeconds();\n  const firstSourceNode = entry?.sources[0]?.node;\n  const selector = entry ? htmlTreeAsString(firstSourceNode) : undefined;\n  const componentName = firstSourceNode ? getComponentName(firstSourceNode) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  if (entry?.sources) {\n    entry.sources.forEach((source, index) => {\n      attributes[`browser.web_vital.cls.source.${index + 1}`] = htmlTreeAsString(source.node);\n    });\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_CLS,\n    origin: 'auto.http.browser.cls',\n    metricName: 'cls',\n    value: clsValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks INP and emits it as a web vital span, as a child of the interaction's root span.\n * Requires `registerInpInteractionListener()` to be called separately for cached element names and\n * root spans per interaction.\n */\nexport function trackInpAsSpan(client: Client, perNavigation = false): void {\n  const performance = getBrowserPerformanceAPI();\n  if (!performance || !browserPerformanceTimeOrigin()) {\n    return;\n  }\n\n  // INP reports late (on pagehide, after the pageload span has ended). With span streaming enabled\n  // it rides the streaming pipeline. With streaming disabled it would be dropped as a late span, so\n  // it is emitted as its own standalone v2 span instead (see `_emitWebVitalSpan`), overriding the\n  // static trace lifecycle for INP only.\n  // TODO(standalone): once the static trace lifecycle is dropped, INP always streams; drop this flag.\n  const standalone = !hasSpanStreamingEnabled(client);\n\n  if (perNavigation) {\n    // INP restarts per navigation and reports once that navigation is over, by which point the\n    // navigation span has ended and the interaction cache no longer knows about it. The metric\n    // says which navigation it belongs to, so INP is attributed exactly like LCP and CLS.\n    trackWebVitalPerNavigation(client, addInpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      if (isPlausibleInp(metric)) {\n        _sendInpSpan(metric.value, findInpEntry(metric), standalone, parentSpan, softNavigationId, metric);\n      }\n    });\n    return;\n  }\n\n  const onInp: InstrumentationHandlerCallback = ({ metric }) => {\n    if (isPlausibleInp(metric)) {\n      _sendInpSpan(metric.value, findInpEntry(metric), standalone, undefined, undefined, metric);\n    }\n  };\n\n  addInpInstrumentationHandler(onInp);\n}\n\nfunction isPlausibleInp(metric: InpMetric): boolean {\n  return metric.value != null && msToSec(metric.value) <= MAX_PLAUSIBLE_INP_DURATION;\n}\n\n/**\n * The entry an INP span is built from: the one whose duration the reported value came from.\n *\n * There isn't always one. When every interaction of a soft navigation stayed below the Event Timing\n * threshold, web-vitals reports a synthetic value with no entries at all - see\n * `_estimateP98LongestInteraction`. The span still gets reported in that case, just without the\n * element and interaction type an entry would have supplied.\n */\nfunction findInpEntry(metric: InpMetric): PerformanceEventTiming | undefined {\n  return metric.entries.find(e => e.duration === metric.value && INP_ENTRY_MAP[e.name]);\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendInpSpan(\n  inpValue: number,\n  entry: PerformanceEventTiming | undefined,\n  standalone = false,\n  attributedSpan?: Span,\n  softNavigationId?: number,\n  metric?: InpMetric,\n): void {\n  DEBUG_BUILD && debug.log(`Sending INP span (${inpValue})`);\n\n  // A web vital span carries the metric, not a real interaction timing, so an INP without an entry\n  // is still worth reporting. It just has no element or interaction type to describe, and is placed\n  // at the start of the navigation it belongs to rather than at the interaction.\n  const startTime = msToSec(\n    (browserPerformanceTimeOrigin() as number) + (entry?.startTime ?? metric?.navigationStartTime ?? 0),\n  );\n  const duration = msToSec(inpValue);\n  // An INP without an entry has no interaction type to report. It still has to land inside the\n  // `ui.interaction.*` family, because falling outside it would hide exactly the fast navigations\n  // that web-vitals synthesizes these values for (GoogleChrome/web-vitals#724), reintroducing the\n  // reporting bias they were added to remove.\n  const entryInteractionType = entry && INP_ENTRY_MAP[entry.name];\n  const interactionType = entryInteractionType || 'click';\n\n  const cachedContext = entry && getCachedInteractionContext(entry.interactionId);\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan ? getRootSpan(activeSpan) : undefined;\n\n  // With soft navigations the caller knows exactly which navigation the metric belongs to. Without\n  // them we fall back to the span that was active when the interaction was observed.\n  const spanToUse = attributedSpan || cachedContext?.span || rootSpan;\n  const selector = cachedContext?.elementName || (entry ? htmlTreeAsString(entry.target) : undefined);\n  const componentName = entry?.target ? getComponentName(entry.target) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const fallbackName = INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK[interactionType];\n  const name = hasSpanStreaming ? componentName || fallbackName : (selector ?? 'Interaction to next paint');\n\n  const attributes: SpanAttributes = {\n    [SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue,\n  };\n\n  // The span's name and op always have a value, even for an INP without an entry, so they can't\n  // say whether there was an interaction to describe. These attributes can: they are only set for\n  // what was actually observed. The name no longer holds the selector either, now that it is the\n  // component name or the op's fallback under span streaming.\n  // TODO: use the `@sentry/conventions` constants once getsentry/sentry-conventions#641 is released.\n  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes['browser.web_vital.inp.target'] = selector);\n  entryInteractionType && (attributes['browser.web_vital.inp.interaction_type'] = entryInteractionType);\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: INTERACTION_TYPE_TO_SPAN_OP[interactionType],\n    origin: 'auto.http.browser.inp',\n    metricName: 'inp',\n    value: inpValue,\n    attributes,\n    startTime,\n    endTime: startTime + duration,\n    navigationType: metric?.navigationType,\n    parentSpan: spanToUse,\n    standalone,\n    softNavigationId,\n  });\n}\n"],"names":["UI_INTERACTION_CLICK","UI_INTERACTION_HOVER","UI_INTERACTION_DRAG","UI_INTERACTION_PRESS","UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK","UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK","UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK","UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK","attributes","spanToJSON","SEMANTIC_ATTRIBUTE_SENTRY_OP","NAVIGATION","BROWSER_NAVIGATION_TYPE","getNavigationSpanForMetric","DEBUG_BUILD","debug","supportsWebVital","addLcpInstrumentationHandler","isValidLcpMetric","listenForWebVitalReportEvents","browserPerformanceTimeOrigin","msToSec","htmlTreeAsString","componentName","getComponentName","getClient","hasSpanStreamingEnabled","UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK","UI_COMPONENT_NAME","_emitWebVitalSpan","UI_WEBVITAL_LCP","addClsInstrumentationHandler","timestampInSeconds","UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK","UI_WEBVITAL_CLS","getBrowserPerformanceAPI","addInpInstrumentationHandler","MAX_PLAUSIBLE_INP_DURATION","INP_ENTRY_MAP","getCachedInteractionContext","getActiveSpan","getRootSpan","SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME","UNKNOWN_ELEMENT_NAME"],"mappings":"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"}
+{"version":3,"file":"spans.js","sources":["../../../src/web-vitals/spans.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport type { Client, Span, SpanAttributes } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  spanToJSON,\n  timestampInSeconds,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { getComponentName } from '../component-name';\nimport type { InteractionType } from './inp';\nimport { getCachedInteractionContext, INP_ENTRY_MAP, MAX_PLAUSIBLE_INP_DURATION, UNKNOWN_ELEMENT_NAME } from './inp';\nimport type { InstrumentationHandlerCallback, MetricNavigationType } from '../instrumentation/performanceObserver';\nimport {\n  addClsInstrumentationHandler,\n  addInpInstrumentationHandler,\n  addLcpInstrumentationHandler,\n} from '../instrumentation/performanceObserver';\nimport type { LargestContentfulPaint, LayoutShift } from './emitSpan';\nimport {\n  BROWSER_NAVIGATION_TYPE,\n  BROWSER_WEB_VITAL_INP_INTERACTION_TYPE,\n  BROWSER_WEB_VITAL_INP_TARGET,\n  UI_COMPONENT_NAME,\n} from '@sentry/conventions/attributes';\nimport { _emitWebVitalSpan } from './emitSpan';\nimport { isValidLcpMetric } from './lcp';\nimport { listenForWebVitalReportEvents } from './reportEvents';\nimport { getNavigationSpanForMetric } from './softNavs';\nimport { getBrowserPerformanceAPI, msToSec, supportsWebVital } from '../performance/utils';\nimport type { PerformanceEventTiming } from '../instrumentation/performanceObserver';\nimport {\n  NAVIGATION,\n  UI_INTERACTION_CLICK,\n  UI_INTERACTION_DRAG,\n  UI_INTERACTION_HOVER,\n  UI_INTERACTION_PRESS,\n  UI_WEBVITAL_CLS,\n  UI_WEBVITAL_LCP,\n} from '@sentry/conventions/op';\n\nconst INTERACTION_TYPE_TO_SPAN_OP: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK,\n  hover: UI_INTERACTION_HOVER,\n  drag: UI_INTERACTION_DRAG,\n  press: UI_INTERACTION_PRESS,\n};\n\nconst INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  hover: UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  drag: UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  press: UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n};\n\ntype WebVitalMetric = Parameters<Parameters<typeof addLcpInstrumentationHandler>[0]>[0]['metric'];\ntype InpMetric = Parameters<InstrumentationHandlerCallback>[0]['metric'];\n\n/**\n * Reports a web vital once per navigation, rather than once per page load.\n *\n * web-vitals restarts the metric on every soft navigation and force-reports the previous one just\n * before it does (and again on pagehide), and re-reports every metric after a bfcache restore.\n * Since `reportAllChanges` is off in this mode, every value we're handed is already the final one\n * for its navigation, so there is nothing to accumulate: each report is a span.\n */\nfunction trackWebVitalPerNavigation<M extends WebVitalMetric>(\n  client: Client,\n  addInstrumentationHandler: (callback: (data: { metric: M }) => void) => unknown,\n  send: (metric: M, parentSpan: Span | undefined, softNavigationId: number | undefined) => void,\n): void {\n  let pageloadSpan: Span | undefined;\n  client.on('afterStartPageLoadSpan', span => {\n    pageloadSpan = span;\n  });\n\n  // Remembered when the restore happens rather than read back at report time: the restore\n  // navigation span is an idle span, and CLS and INP are only finalized on pagehide, by which point\n  // it has long ended and is no longer what is active.\n  let bfcacheNavigationSpan: Span | undefined;\n  client.on('spanStart', span => {\n    // The op has to be checked too: the web vital spans emitted for a restore carry the same\n    // `back-forward-cache` navigation type, so matching on that alone lets the first of them replace the\n    // navigation span, and every later vital then hangs off a sibling vital instead.\n    const attributes = spanToJSON(span).attributes;\n    if (\n      attributes?.[SEMANTIC_ATTRIBUTE_SENTRY_OP] === NAVIGATION &&\n      attributes[BROWSER_NAVIGATION_TYPE] === 'back-forward-cache'\n    ) {\n      bfcacheNavigationSpan = span;\n    }\n  });\n\n  addInstrumentationHandler(({ metric }) => {\n    const navigationSpan = getNavigationSpanForMetric(metric);\n    if (metric.navigationType === 'soft-navigation') {\n      // Reporting an uncorrelated soft navigation vital would attribute it to the wrong route, so\n      // it's dropped instead.\n      if (navigationSpan) {\n        send(metric, navigationSpan, metric.navigationId);\n      } else {\n        DEBUG_BUILD &&\n          debug.log(`[SoftNav] Dropping ${metric.name} for uncorrelated soft navigation ${metric.navigationId}`);\n      }\n      return;\n    }\n\n    if (metric.navigationType === 'back-forward-cache') {\n      // A restore reuses the frozen document, so the pageload span above belongs to the page view\n      // from before the freeze. The navigation span started for the restore is the page view these\n      // values were actually measured on.\n      send(metric, bfcacheNavigationSpan, undefined);\n      return;\n    }\n\n    send(metric, pageloadSpan, undefined);\n  });\n}\n\n/**\n * Tracks LCP as a streamed span.\n */\nexport function trackLcpAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('largest-contentful-paint')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addLcpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n      _sendLcpSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let lcpValue = 0;\n  let lcpEntry: LargestContentfulPaint | undefined;\n  let lcpNavigationType: MetricNavigationType | undefined;\n\n  const cleanupLcpHandler = addLcpInstrumentationHandler(({ metric }) => {\n    // The navigation type describes the page, not the entry, so it is worth keeping even for a\n    // report we otherwise discard.\n    lcpNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n    if (!entry || !isValidLcpMetric(metric.value)) {\n      return;\n    }\n    lcpValue = metric.value;\n    lcpEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendLcpSpan(lcpValue, lcpEntry, pageloadSpan, undefined, lcpNavigationType);\n    cleanupLcpHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendLcpSpan(\n  lcpValue: number,\n  entry: LargestContentfulPaint | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  if (!isValidLcpMetric(lcpValue)) {\n    return;\n  }\n\n  DEBUG_BUILD && debug.log(`Sending LCP span (${lcpValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin() || 0;\n  // A soft navigation's LCP is measured from the triggering interaction, not the document time\n  // origin. Starting the span there too keeps it inside the navigation span it is parented to and\n  // keeps its duration equal to the value it reports.\n  const startTime = msToSec(performanceTimeOrigin + (navigationStartTime || 0));\n  // Without an entry there is no render time to end at, so the span lasts the value it reports,\n  // like an entry-less INP does. Ending at the time origin instead would invert the span.\n  const endTime = entry ? msToSec(performanceTimeOrigin + entry.startTime) : startTime + msToSec(lcpValue);\n  const selector = entry ? htmlTreeAsString(entry.element) : undefined;\n  const componentName = entry?.element ? getComponentName(entry.element) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (selector) {\n    attributes['browser.web_vital.lcp.element'] = selector;\n  }\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n  entry?.id && (attributes['browser.web_vital.lcp.id'] = entry.id);\n  entry?.url && (attributes['browser.web_vital.lcp.url'] = entry.url);\n  entry?.loadTime != null && (attributes['browser.web_vital.lcp.load_time'] = entry.loadTime);\n  entry?.renderTime != null && (attributes['browser.web_vital.lcp.render_time'] = entry.renderTime);\n  entry?.size != null && (attributes['browser.web_vital.lcp.size'] = entry.size);\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_LCP,\n    origin: 'auto.http.browser.lcp',\n    metricName: 'lcp',\n    value: lcpValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    endTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks CLS as a streamed span.\n */\nexport function trackClsAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('layout-shift')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addClsInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n      _sendClsSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let clsValue = 0;\n  let clsEntry: LayoutShift | undefined;\n  let clsNavigationType: MetricNavigationType | undefined;\n\n  const cleanupClsHandler = addClsInstrumentationHandler(({ metric }) => {\n    // A CLS of 0 is reported with no entries and still emits a span, so the navigation type has to\n    // be captured before the entry check rather than alongside the value.\n    clsNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n    if (!entry) {\n      return;\n    }\n    clsValue = metric.value;\n    clsEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendClsSpan(clsValue, clsEntry, pageloadSpan, undefined, clsNavigationType);\n    cleanupClsHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendClsSpan(\n  clsValue: number,\n  entry: LayoutShift | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  DEBUG_BUILD && debug.log(`Sending CLS span (${clsValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin();\n  // A CLS of 0 has no shift to place the span at. It is reported when the navigation it was\n  // measured on is already over - the next soft navigation, or pagehide - so the current time would\n  // land it outside that navigation, on the route that follows it.\n  const offset = entry?.startTime ?? navigationStartTime ?? 0;\n  const startTime = performanceTimeOrigin ? msToSec(performanceTimeOrigin + offset) : timestampInSeconds();\n  const firstSourceNode = entry?.sources[0]?.node;\n  const selector = entry ? htmlTreeAsString(firstSourceNode) : undefined;\n  const componentName = firstSourceNode ? getComponentName(firstSourceNode) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  if (entry?.sources) {\n    entry.sources.forEach((source, index) => {\n      attributes[`browser.web_vital.cls.source.${index + 1}`] = htmlTreeAsString(source.node);\n    });\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_CLS,\n    origin: 'auto.http.browser.cls',\n    metricName: 'cls',\n    value: clsValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks INP and emits it as a web vital span, as a child of the interaction's root span.\n * Requires `registerInpInteractionListener()` to be called separately for cached element names and\n * root spans per interaction.\n */\nexport function trackInpAsSpan(client: Client, perNavigation = false): void {\n  const performance = getBrowserPerformanceAPI();\n  if (!performance || !browserPerformanceTimeOrigin()) {\n    return;\n  }\n\n  // INP reports late (on pagehide, after the pageload span has ended). With span streaming enabled\n  // it rides the streaming pipeline. With streaming disabled it would be dropped as a late span, so\n  // it is emitted as its own standalone v2 span instead (see `_emitWebVitalSpan`), overriding the\n  // static trace lifecycle for INP only.\n  // TODO(standalone): once the static trace lifecycle is dropped, INP always streams; drop this flag.\n  const standalone = !hasSpanStreamingEnabled(client);\n\n  if (perNavigation) {\n    // INP restarts per navigation and reports once that navigation is over, by which point the\n    // navigation span has ended and the interaction cache no longer knows about it. The metric\n    // says which navigation it belongs to, so INP is attributed exactly like LCP and CLS.\n    trackWebVitalPerNavigation(client, addInpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      if (isPlausibleInp(metric)) {\n        _sendInpSpan(metric.value, findInpEntry(metric), standalone, parentSpan, softNavigationId, metric);\n      }\n    });\n    return;\n  }\n\n  const onInp: InstrumentationHandlerCallback = ({ metric }) => {\n    if (isPlausibleInp(metric)) {\n      _sendInpSpan(metric.value, findInpEntry(metric), standalone, undefined, undefined, metric);\n    }\n  };\n\n  addInpInstrumentationHandler(onInp);\n}\n\nfunction isPlausibleInp(metric: InpMetric): boolean {\n  return metric.value != null && msToSec(metric.value) <= MAX_PLAUSIBLE_INP_DURATION;\n}\n\n/**\n * The entry an INP span is built from: the one whose duration the reported value came from.\n *\n * There isn't always one. When every interaction of a soft navigation stayed below the Event Timing\n * threshold, web-vitals reports a synthetic value with no entries at all - see\n * `_estimateP98LongestInteraction`. The span still gets reported in that case, just without the\n * element and interaction type an entry would have supplied.\n */\nfunction findInpEntry(metric: InpMetric): PerformanceEventTiming | undefined {\n  return metric.entries.find(e => e.duration === metric.value && INP_ENTRY_MAP[e.name]);\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendInpSpan(\n  inpValue: number,\n  entry: PerformanceEventTiming | undefined,\n  standalone = false,\n  attributedSpan?: Span,\n  softNavigationId?: number,\n  metric?: InpMetric,\n): void {\n  DEBUG_BUILD && debug.log(`Sending INP span (${inpValue})`);\n\n  // A web vital span carries the metric, not a real interaction timing, so an INP without an entry\n  // is still worth reporting. It just has no element or interaction type to describe, and is placed\n  // at the start of the navigation it belongs to rather than at the interaction.\n  const startTime = msToSec(\n    (browserPerformanceTimeOrigin() as number) + (entry?.startTime ?? metric?.navigationStartTime ?? 0),\n  );\n  const duration = msToSec(inpValue);\n  // An INP without an entry has no interaction type to report. It still has to land inside the\n  // `ui.interaction.*` family, because falling outside it would hide exactly the fast navigations\n  // that web-vitals synthesizes these values for (GoogleChrome/web-vitals#724), reintroducing the\n  // reporting bias they were added to remove.\n  const entryInteractionType = entry && INP_ENTRY_MAP[entry.name];\n  const interactionType = entryInteractionType || 'click';\n\n  const cachedContext = entry && getCachedInteractionContext(entry.interactionId);\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan ? getRootSpan(activeSpan) : undefined;\n\n  // With soft navigations the caller knows exactly which navigation the metric belongs to. Without\n  // them we fall back to the span that was active when the interaction was observed.\n  const spanToUse = attributedSpan || cachedContext?.span || rootSpan;\n  const selector = cachedContext?.elementName || (entry ? htmlTreeAsString(entry.target) : undefined);\n  const componentName = entry?.target ? getComponentName(entry.target) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const fallbackName = INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK[interactionType];\n  const name = hasSpanStreaming ? componentName || fallbackName : (selector ?? 'Interaction to next paint');\n\n  const attributes: SpanAttributes = {\n    [SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue,\n  };\n\n  // The span's name and op always have a value, even for an INP without an entry, so they can't\n  // say whether there was an interaction to describe. These attributes can: they are only set for\n  // what was actually observed. The name no longer holds the selector either, now that it is the\n  // component name or the op's fallback under span streaming.\n  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes[BROWSER_WEB_VITAL_INP_TARGET] = selector);\n  entryInteractionType && (attributes[BROWSER_WEB_VITAL_INP_INTERACTION_TYPE] = entryInteractionType);\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: INTERACTION_TYPE_TO_SPAN_OP[interactionType],\n    origin: 'auto.http.browser.inp',\n    metricName: 'inp',\n    value: inpValue,\n    attributes,\n    startTime,\n    endTime: startTime + duration,\n    navigationType: metric?.navigationType,\n    parentSpan: spanToUse,\n    standalone,\n    softNavigationId,\n  });\n}\n"],"names":["UI_INTERACTION_CLICK","UI_INTERACTION_HOVER","UI_INTERACTION_DRAG","UI_INTERACTION_PRESS","UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK","UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK","UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK","UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK","attributes","spanToJSON","SEMANTIC_ATTRIBUTE_SENTRY_OP","NAVIGATION","BROWSER_NAVIGATION_TYPE","getNavigationSpanForMetric","DEBUG_BUILD","debug","supportsWebVital","addLcpInstrumentationHandler","isValidLcpMetric","listenForWebVitalReportEvents","browserPerformanceTimeOrigin","msToSec","htmlTreeAsString","componentName","getComponentName","getClient","hasSpanStreamingEnabled","UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK","UI_COMPONENT_NAME","_emitWebVitalSpan","UI_WEBVITAL_LCP","addClsInstrumentationHandler","timestampInSeconds","UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK","UI_WEBVITAL_CLS","getBrowserPerformanceAPI","addInpInstrumentationHandler","MAX_PLAUSIBLE_INP_DURATION","INP_ENTRY_MAP","getCachedInteractionContext","getActiveSpan","getRootSpan","SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME","UNKNOWN_ELEMENT_NAME","BROWSER_WEB_VITAL_INP_TARGET","BROWSER_WEB_VITAL_INP_INTERACTION_TYPE"],"mappings":"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"}

package/build/esm/instrumentation/dom.js

@@ -5,6 +5,9 @@ const DEBOUNCE_DURATION = 1e3;
 let debounceTimerID;
 let lastCapturedEventType;
 let lastCapturedEventTargetId;
+function getCapture(options) {
+  return typeof options === "boolean" ? options : !!options?.capture;
+}
 function addClickKeypressInstrumentationHandler(handler) {
   const type = "dom";
   addHandler(type, handler);
@@ -26,16 +29,30 @@ function instrumentDOM() {
     }
     fill(proto, "addEventListener", function(originalAddEventListener) {
       return function(type, listener, options) {
-        if (type === "click" || type == "keypress") {
+        if ((type === "click" || type == "keypress") && listener) {
           try {
             const handlers = this.__sentry_instrumentation_handlers__ = this.__sentry_instrumentation_handlers__ || {};
-            const handlerForType = handlers[type] = handlers[type] || { refCount: 0 };
+            const handlerForType = handlers[type] = handlers[type] || {
+              captureListeners: /* @__PURE__ */ new WeakSet(),
+              bubbleListeners: /* @__PURE__ */ new WeakSet(),
+              listenerCount: 0
+            };
+            const capture = getCapture(options);
             if (!handlerForType.handler) {
               const handler = makeDOMEventHandler(triggerDOMHandler);
               handlerForType.handler = handler;
-              originalAddEventListener.call(this, type, handler, options);
+              handlerForType.capture = capture;
+              originalAddEventListener.call(this, type, handler, handlerForType.capture);
+            }
+            const listeners = handlerForType[capture ? "captureListeners" : "bubbleListeners"];
+            if (!listeners.has(listener)) {
+              if (typeof options === "object" && (options?.once || options?.signal)) {
+                handlerForType.sticky = true;
+              } else {
+                listeners.add(listener);
+                handlerForType.listenerCount++;
+              }
             }
-            handlerForType.refCount++;
           } catch {
           }
         }
@@ -47,14 +64,13 @@ function instrumentDOM() {
       "removeEventListener",
       function(originalRemoveEventListener) {
         return function(type, listener, options) {
-          if (type === "click" || type == "keypress") {
+          if ((type === "click" || type == "keypress") && listener) {
             try {
               const handlers = this.__sentry_instrumentation_handlers__ || {};
               const handlerForType = handlers[type];
-              if (handlerForType) {
-                handlerForType.refCount--;
-                if (handlerForType.refCount <= 0) {
-                  originalRemoveEventListener.call(this, type, handlerForType.handler, options);
+              if (handlerForType?.[getCapture(options) ? "captureListeners" : "bubbleListeners"].delete(listener)) {
+                if (!--handlerForType.listenerCount && !handlerForType.sticky) {
+                  originalRemoveEventListener.call(this, type, handlerForType.handler, handlerForType.capture);
                   handlerForType.handler = void 0;
                   delete handlers[type];
                 }

package/build/esm/instrumentation/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../src/instrumentation/dom.ts"],"sourcesContent":["import { addHandler, addNonEnumerableProperty, fill, maybeInstrument, triggerHandlers, uuid4 } from '@sentry/core';\nimport type { HandlerDataDom } from '../types';\nimport { WINDOW } from '../types';\n\ntype SentryWrappedTarget = HTMLElement & { _sentryId?: string };\n\ntype AddEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions,\n) => void;\ntype RemoveEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | EventListenerOptions,\n) => void;\n\ntype InstrumentedElement = Element & {\n  __sentry_instrumentation_handlers__?: {\n    [key in 'click' | 'keypress']?: {\n      handler?: unknown;\n      /** The number of custom listeners attached to this element */\n      refCount: number;\n    };\n  };\n};\n\nconst DEBOUNCE_DURATION = 1000;\n\nlet debounceTimerID: number | undefined;\nlet lastCapturedEventType: string | undefined;\nlet lastCapturedEventTargetId: string | undefined;\n\n/**\n * Add an instrumentation handler for when a click or a keypress happens.\n *\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\nexport function addClickKeypressInstrumentationHandler(handler: (data: HandlerDataDom) => void): void {\n  const type = 'dom';\n  addHandler(type, handler);\n  maybeInstrument(type, instrumentDOM);\n}\n\n/** Exported for tests only. */\nexport function instrumentDOM(): void {\n  if (!WINDOW.document) {\n    return;\n  }\n\n  // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n  // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n  // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n  const triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n  const globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n  WINDOW.document.addEventListener('click', globalDOMEventHandler, false);\n  WINDOW.document.addEventListener('keypress', globalDOMEventHandler, false);\n\n  // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n  // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n  // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n  // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n  // guaranteed to fire at least once.)\n  ['EventTarget', 'Node'].forEach((target: string) => {\n    const globalObject = WINDOW as unknown as Record<string, { prototype?: object }>;\n    const proto = globalObject[target]?.prototype;\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!proto?.hasOwnProperty?.('addEventListener')) {\n      return;\n    }\n\n    fill(proto, 'addEventListener', function (originalAddEventListener: AddEventListener): AddEventListener {\n      return function (this: InstrumentedElement, type, listener, options): AddEventListener {\n        if (type === 'click' || type == 'keypress') {\n          try {\n            const handlers = (this.__sentry_instrumentation_handlers__ =\n              this.__sentry_instrumentation_handlers__ || {});\n            const handlerForType = (handlers[type] = handlers[type] || { refCount: 0 });\n\n            if (!handlerForType.handler) {\n              const handler = makeDOMEventHandler(triggerDOMHandler);\n              handlerForType.handler = handler;\n              originalAddEventListener.call(this, type, handler, options);\n            }\n\n            handlerForType.refCount++;\n          } catch {\n            // Accessing dom properties is always fragile.\n            // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n          }\n        }\n\n        return originalAddEventListener.call(this, type, listener, options);\n      };\n    });\n\n    fill(\n      proto,\n      'removeEventListener',\n      function (originalRemoveEventListener: RemoveEventListener): RemoveEventListener {\n        return function (this: InstrumentedElement, type, listener, options): () => void {\n          if (type === 'click' || type == 'keypress') {\n            try {\n              const handlers = this.__sentry_instrumentation_handlers__ || {};\n              const handlerForType = handlers[type];\n\n              if (handlerForType) {\n                handlerForType.refCount--;\n                // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n                if (handlerForType.refCount <= 0) {\n                  originalRemoveEventListener.call(this, type, handlerForType.handler, options);\n                  handlerForType.handler = undefined;\n                  delete handlers[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n                }\n\n                // If there are no longer any custom handlers of any type on this element, cleanup everything.\n                if (Object.keys(handlers).length === 0) {\n                  delete this.__sentry_instrumentation_handlers__;\n                }\n              }\n            } catch {\n              // Accessing dom properties is always fragile.\n              // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n            }\n          }\n\n          return originalRemoveEventListener.call(this, type, listener, options);\n        };\n      },\n    );\n  });\n}\n\n/**\n * Check whether the event is similar to the last captured one. For example, two click events on the same button.\n */\nfunction isSimilarToLastCapturedEvent(event: Event): boolean {\n  // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n  if (event.type !== lastCapturedEventType) {\n    return false;\n  }\n\n  try {\n    // If both events have the same type, it's still possible that actions were performed on different targets.\n    // e.g. 2 clicks on different buttons.\n    if (!event.target || (event.target as SentryWrappedTarget)._sentryId !== lastCapturedEventTargetId) {\n      return false;\n    }\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n  }\n\n  // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n  // to which an event listener was attached), we treat them as the same action, as we want to capture\n  // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n  return true;\n}\n\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\nfunction shouldSkipDOMEvent(eventType: string, target: SentryWrappedTarget | null): boolean {\n  // We are only interested in filtering `keypress` events for now.\n  if (eventType !== 'keypress') {\n    return false;\n  }\n\n  if (!target?.tagName) {\n    return true;\n  }\n\n  // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n  // e.g.tabbing through elements, hotkeys, etc.\n  if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n */\nfunction makeDOMEventHandler(\n  handler: (data: HandlerDataDom) => void,\n  globalListener: boolean = false,\n): (event: Event) => void {\n  return (event: Event & { _sentryCaptured?: true }): void => {\n    // It's possible this handler might trigger multiple times for the same\n    // event (e.g. event propagation through node ancestors).\n    // Ignore if we've already captured that event.\n    if (!event || event['_sentryCaptured']) {\n      return;\n    }\n\n    const target = getEventTarget(event);\n\n    // We always want to skip _some_ events.\n    if (shouldSkipDOMEvent(event.type, target)) {\n      return;\n    }\n\n    // Mark event as \"seen\"\n    addNonEnumerableProperty(event, '_sentryCaptured', true);\n\n    if (target && !target._sentryId) {\n      // Add UUID to event target so we can identify if\n      addNonEnumerableProperty(target, '_sentryId', uuid4());\n    }\n\n    const name = event.type === 'keypress' ? 'input' : event.type;\n\n    // If there is no last captured event, it means that we can safely capture the new event and store it for future comparisons.\n    // If there is a last captured event, see if the new event is different enough to treat it as a unique one.\n    // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n    if (!isSimilarToLastCapturedEvent(event)) {\n      const handlerData: HandlerDataDom = { event, name, global: globalListener };\n      handler(handlerData);\n      lastCapturedEventType = event.type;\n      lastCapturedEventTargetId = target ? target._sentryId : undefined;\n    }\n\n    // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n    clearTimeout(debounceTimerID);\n    debounceTimerID = WINDOW.setTimeout(() => {\n      lastCapturedEventTargetId = undefined;\n      lastCapturedEventType = undefined;\n    }, DEBOUNCE_DURATION);\n  };\n}\n\nfunction getEventTarget(event: Event): SentryWrappedTarget | null {\n  try {\n    return event.target as SentryWrappedTarget | null;\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n    return null;\n  }\n}\n"],"names":[],"mappings":";;;AA2BA,MAAM,iBAAA,GAAoB,GAAA;AAE1B,IAAI,eAAA;AACJ,IAAI,qBAAA;AACJ,IAAI,yBAAA;AAQG,SAAS,uCAAuC,OAAA,EAA+C;AACpG,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAA,UAAA,CAAW,MAAM,OAAO,CAAA;AACxB,EAAA,eAAA,CAAgB,MAAM,aAAa,CAAA;AACrC;AAGO,SAAS,aAAA,GAAsB;AACpC,EAAA,IAAI,CAAC,OAAO,QAAA,EAAU;AACpB,IAAA;AAAA,EACF;AAKA,EAAA,MAAM,iBAAA,GAAoB,eAAA,CAAgB,IAAA,CAAK,IAAA,EAAM,KAAK,CAAA;AAC1D,EAAA,MAAM,qBAAA,GAAwB,mBAAA,CAAoB,iBAAA,EAAmB,IAAI,CAAA;AACzE,EAAA,MAAA,CAAO,QAAA,CAAS,gBAAA,CAAiB,OAAA,EAAS,qBAAA,EAAuB,KAAK,CAAA;AACtE,EAAA,MAAA,CAAO,QAAA,CAAS,gBAAA,CAAiB,UAAA,EAAY,qBAAA,EAAuB,KAAK,CAAA;AAOzE,EAAA,CAAC,aAAA,EAAe,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,MAAA,KAAmB;AAClD,IAAA,MAAM,YAAA,GAAe,MAAA;AACrB,IAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,MAAM,CAAA,EAAG,SAAA;AAGpC,IAAA,IAAI,CAAC,KAAA,EAAO,cAAA,GAAiB,kBAAkB,CAAA,EAAG;AAChD,MAAA;AAAA,IACF;AAEA,IAAA,IAAA,CAAK,KAAA,EAAO,kBAAA,EAAoB,SAAU,wBAAA,EAA8D;AACtG,MAAA,OAAO,SAAqC,IAAA,EAAM,QAAA,EAAU,OAAA,EAA2B;AACrF,QAAA,IAAI,IAAA,KAAS,OAAA,IAAW,IAAA,IAAQ,UAAA,EAAY;AAC1C,UAAA,IAAI;AACF,YAAA,MAAM,QAAA,GAAY,IAAA,CAAK,mCAAA,GACrB,IAAA,CAAK,uCAAuC,EAAC;AAC/C,YAAA,MAAM,cAAA,GAAkB,SAAS,IAAI,CAAA,GAAI,SAAS,IAAI,CAAA,IAAK,EAAE,QAAA,EAAU,CAAA,EAAE;AAEzE,YAAA,IAAI,CAAC,eAAe,OAAA,EAAS;AAC3B,cAAA,MAAM,OAAA,GAAU,oBAAoB,iBAAiB,CAAA;AACrD,cAAA,cAAA,CAAe,OAAA,GAAU,OAAA;AACzB,cAAA,wBAAA,CAAyB,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,YAC5D;AAEA,YAAA,cAAA,CAAe,QAAA,EAAA;AAAA,UACjB,CAAA,CAAA,MAAQ;AAAA,UAGR;AAAA,QACF;AAEA,QAAA,OAAO,wBAAA,CAAyB,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,UAAU,OAAO,CAAA;AAAA,MACpE,CAAA;AAAA,IACF,CAAC,CAAA;AAED,IAAA,IAAA;AAAA,MACE,KAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAU,2BAAA,EAAuE;AAC/E,QAAA,OAAO,SAAqC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAqB;AAC/E,UAAA,IAAI,IAAA,KAAS,OAAA,IAAW,IAAA,IAAQ,UAAA,EAAY;AAC1C,YAAA,IAAI;AACF,cAAA,MAAM,QAAA,GAAW,IAAA,CAAK,mCAAA,IAAuC,EAAC;AAC9D,cAAA,MAAM,cAAA,GAAiB,SAAS,IAAI,CAAA;AAEpC,cAAA,IAAI,cAAA,EAAgB;AAClB,gBAAA,cAAA,CAAe,QAAA,EAAA;AAEf,gBAAA,IAAI,cAAA,CAAe,YAAY,CAAA,EAAG;AAChC,kBAAA,2BAAA,CAA4B,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,cAAA,CAAe,SAAS,OAAO,CAAA;AAC5E,kBAAA,cAAA,CAAe,OAAA,GAAU,KAAA,CAAA;AACzB,kBAAA,OAAO,SAAS,IAAI,CAAA;AAAA,gBACtB;AAGA,gBAAA,IAAI,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA,CAAE,WAAW,CAAA,EAAG;AACtC,kBAAA,OAAO,IAAA,CAAK,mCAAA;AAAA,gBACd;AAAA,cACF;AAAA,YACF,CAAA,CAAA,MAAQ;AAAA,YAGR;AAAA,UACF;AAEA,UAAA,OAAO,2BAAA,CAA4B,IAAA,CAAK,IAAA,EAAM,IAAA,EAAM,UAAU,OAAO,CAAA;AAAA,QACvE,CAAA;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAKA,SAAS,6BAA6B,KAAA,EAAuB;AAE3D,EAAA,IAAI,KAAA,CAAM,SAAS,qBAAA,EAAuB;AACxC,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI;AAGF,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,IAAW,KAAA,CAAM,MAAA,CAA+B,cAAc,yBAAA,EAA2B;AAClG,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA,CAAA,MAAQ;AAAA,EAGR;AAKA,EAAA,OAAO,IAAA;AACT;AAMA,SAAS,kBAAA,CAAmB,WAAmB,MAAA,EAA6C;AAE1F,EAAA,IAAI,cAAc,UAAA,EAAY;AAC5B,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACpB,IAAA,OAAO,IAAA;AAAA,EACT;AAIA,EAAA,IAAI,OAAO,OAAA,KAAY,OAAA,IAAW,OAAO,OAAA,KAAY,UAAA,IAAc,OAAO,iBAAA,EAAmB;AAC3F,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA;AACT;AAKA,SAAS,mBAAA,CACP,OAAA,EACA,cAAA,GAA0B,KAAA,EACF;AACxB,EAAA,OAAO,CAAC,KAAA,KAAoD;AAI1D,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,iBAAiB,CAAA,EAAG;AACtC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,MAAA,GAAS,eAAe,KAAK,CAAA;AAGnC,IAAA,IAAI,kBAAA,CAAmB,KAAA,CAAM,IAAA,EAAM,MAAM,CAAA,EAAG;AAC1C,MAAA;AAAA,IACF;AAGA,IAAA,wBAAA,CAAyB,KAAA,EAAO,mBAAmB,IAAI,CAAA;AAEvD,IAAA,IAAI,MAAA,IAAU,CAAC,MAAA,CAAO,SAAA,EAAW;AAE/B,MAAA,wBAAA,CAAyB,MAAA,EAAQ,WAAA,EAAa,KAAA,EAAO,CAAA;AAAA,IACvD;AAEA,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,UAAA,GAAa,UAAU,KAAA,CAAM,IAAA;AAKzD,IAAA,IAAI,CAAC,4BAAA,CAA6B,KAAK,CAAA,EAAG;AACxC,MAAA,MAAM,WAAA,GAA8B,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,cAAA,EAAe;AAC1E,MAAA,OAAA,CAAQ,WAAW,CAAA;AACnB,MAAA,qBAAA,GAAwB,KAAA,CAAM,IAAA;AAC9B,MAAA,yBAAA,GAA4B,MAAA,GAAS,OAAO,SAAA,GAAY,MAAA;AAAA,IAC1D;AAGA,IAAA,YAAA,CAAa,eAAe,CAAA;AAC5B,IAAA,eAAA,GAAkB,MAAA,CAAO,WAAW,MAAM;AACxC,MAAA,yBAAA,GAA4B,MAAA;AAC5B,MAAA,qBAAA,GAAwB,MAAA;AAAA,IAC1B,GAAG,iBAAiB,CAAA;AAAA,EACtB,CAAA;AACF;AAEA,SAAS,eAAe,KAAA,EAA0C;AAChE,EAAA,IAAI;AACF,IAAA,OAAO,KAAA,CAAM,MAAA;AAAA,EACf,CAAA,CAAA,MAAQ;AAGN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;;;;"}
+{"version":3,"file":"dom.js","sources":["../../../src/instrumentation/dom.ts"],"sourcesContent":["import { addHandler, addNonEnumerableProperty, fill, maybeInstrument, triggerHandlers, uuid4 } from '@sentry/core';\nimport type { HandlerDataDom } from '../types';\nimport { WINDOW } from '../types';\n\ntype SentryWrappedTarget = HTMLElement & { _sentryId?: string };\n\ntype AddEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions,\n) => void;\ntype RemoveEventListener = (\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | EventListenerOptions,\n) => void;\n\ntype InstrumentedElement = Element & {\n  __sentry_instrumentation_handlers__?: {\n    [key in 'click' | 'keypress']?: {\n      handler?: unknown;\n      capture?: boolean;\n      // listeners added with `capture: true`, meaning the listener is invoked before other\n      // listeners inside the element's hierarchy.\n      captureListeners: WeakSet<EventListenerOrEventListenerObject>;\n      // listeners added with `capture: false` (default), meaning the listener is invoked\n      // after other listeners inside the element's hierarchy (i.e. the event bubbles up)\n      bubbleListeners: WeakSet<EventListenerOrEventListenerObject>;\n      // Total number of listeners in `captureListeners` and `bubbleListeners`. WeakSets have no `size`, but we use them\n      // so listeners removed without going through our `removeEventListener` patch aren't retained by us.\n      listenerCount: number;\n      // Set once a `once` or `signal` listener was added. The browser removes those without going\n      // through `removeEventListener`, so we can't tell when they're gone and must keep our handler attached.\n      sticky?: boolean;\n    };\n  };\n};\n\nconst DEBOUNCE_DURATION = 1000;\n\nlet debounceTimerID: number | undefined;\nlet lastCapturedEventType: string | undefined;\nlet lastCapturedEventTargetId: string | undefined;\n\nfunction getCapture(options: boolean | EventListenerOptions | undefined): boolean {\n  return typeof options === 'boolean' ? options : !!options?.capture;\n}\n\n/**\n * Add an instrumentation handler for when a click or a keypress happens.\n *\n * Use at your own risk, this might break without changelog notice, only used internally.\n * @hidden\n */\nexport function addClickKeypressInstrumentationHandler(handler: (data: HandlerDataDom) => void): void {\n  const type = 'dom';\n  addHandler(type, handler);\n  maybeInstrument(type, instrumentDOM);\n}\n\n/** Exported for tests only. */\nexport function instrumentDOM(): void {\n  if (!WINDOW.document) {\n    return;\n  }\n\n  // Make it so that any click or keypress that is unhandled / bubbled up all the way to the document triggers our dom\n  // handlers. (Normally we have only one, which captures a breadcrumb for each click or keypress.) Do this before\n  // we instrument `addEventListener` so that we don't end up attaching this handler twice.\n  const triggerDOMHandler = triggerHandlers.bind(null, 'dom');\n  const globalDOMEventHandler = makeDOMEventHandler(triggerDOMHandler, true);\n  WINDOW.document.addEventListener('click', globalDOMEventHandler, false);\n  WINDOW.document.addEventListener('keypress', globalDOMEventHandler, false);\n\n  // After hooking into click and keypress events bubbled up to `document`, we also hook into user-handled\n  // clicks & keypresses, by adding an event listener of our own to any element to which they add a listener. That\n  // way, whenever one of their handlers is triggered, ours will be, too. (This is needed because their handler\n  // could potentially prevent the event from bubbling up to our global listeners. This way, our handler are still\n  // guaranteed to fire at least once.)\n  ['EventTarget', 'Node'].forEach((target: string) => {\n    const globalObject = WINDOW as unknown as Record<string, { prototype?: object }>;\n    const proto = globalObject[target]?.prototype;\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!proto?.hasOwnProperty?.('addEventListener')) {\n      return;\n    }\n\n    fill(proto, 'addEventListener', function (originalAddEventListener: AddEventListener): AddEventListener {\n      return function (this: InstrumentedElement, type, listener, options): AddEventListener {\n        // The browser ignores `null` listeners, so there's nothing for our handler to accompany.\n        if ((type === 'click' || type == 'keypress') && listener) {\n          try {\n            const handlers = (this.__sentry_instrumentation_handlers__ =\n              this.__sentry_instrumentation_handlers__ || {});\n\n            const handlerForType = (handlers[type] = handlers[type] || {\n              captureListeners: new WeakSet(),\n              bubbleListeners: new WeakSet(),\n              listenerCount: 0,\n            });\n\n            const capture = getCapture(options);\n\n            if (!handlerForType.handler) {\n              const handler = makeDOMEventHandler(triggerDOMHandler);\n              handlerForType.handler = handler;\n              // Track the user-set `capture` option because it changes the identity of the registration of the\n              // event listener callback function (addEL(fn, true) vs addEL(fn, false) are two different registrations).\n              // Our listener needs to have the same capture setting, so that subsequent calls or removeEventListener\n              // calls correspond to the correct handler function.\n              handlerForType.capture = capture;\n              originalAddEventListener.call(this, type, handler, handlerForType.capture);\n            }\n\n            const listeners = handlerForType[capture ? 'captureListeners' : 'bubbleListeners'];\n            // Adding the same listener twice in the same phase is a no-op in the browser.\n            if (!listeners.has(listener)) {\n              if (typeof options === 'object' && (options?.once || options?.signal)) {\n                // Not tracked to avoid retaining listeners the browser auto-removes.\n                handlerForType.sticky = true;\n              } else {\n                listeners.add(listener);\n                handlerForType.listenerCount++;\n              }\n            }\n          } catch {\n            // Accessing dom properties is always fragile.\n            // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n          }\n        }\n\n        return originalAddEventListener.call(this, type, listener, options);\n      };\n    });\n\n    fill(\n      proto,\n      'removeEventListener',\n      function (originalRemoveEventListener: RemoveEventListener): RemoveEventListener {\n        return function (this: InstrumentedElement, type, listener, options): () => void {\n          if ((type === 'click' || type == 'keypress') && listener) {\n            try {\n              const handlers = this.__sentry_instrumentation_handlers__ || {};\n              const handlerForType = handlers[type];\n\n              // Removing a listener that was never added is a no-op in the browser, so it mustn't count for ours either.\n              if (handlerForType?.[getCapture(options) ? 'captureListeners' : 'bubbleListeners'].delete(listener)) {\n                // If there are no longer any custom handlers of the current type on this element, we can remove ours, too.\n                if (!--handlerForType.listenerCount && !handlerForType.sticky) {\n                  originalRemoveEventListener.call(this, type, handlerForType.handler, handlerForType.capture);\n                  handlerForType.handler = undefined;\n                  delete handlers[type]; // eslint-disable-line @typescript-eslint/no-dynamic-delete\n                }\n\n                // If there are no longer any custom handlers of any type on this element, cleanup everything.\n                if (Object.keys(handlers).length === 0) {\n                  delete this.__sentry_instrumentation_handlers__;\n                }\n              }\n            } catch {\n              // Accessing dom properties is always fragile.\n              // Also allows us to skip `addEventListeners` calls with no proper `this` context.\n            }\n          }\n\n          return originalRemoveEventListener.call(this, type, listener, options);\n        };\n      },\n    );\n  });\n}\n\n/**\n * Check whether the event is similar to the last captured one. For example, two click events on the same button.\n */\nfunction isSimilarToLastCapturedEvent(event: Event): boolean {\n  // If both events have different type, then user definitely performed two separate actions. e.g. click + keypress.\n  if (event.type !== lastCapturedEventType) {\n    return false;\n  }\n\n  try {\n    // If both events have the same type, it's still possible that actions were performed on different targets.\n    // e.g. 2 clicks on different buttons.\n    if (!event.target || (event.target as SentryWrappedTarget)._sentryId !== lastCapturedEventTargetId) {\n      return false;\n    }\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n  }\n\n  // If both events have the same type _and_ same `target` (an element which triggered an event, _not necessarily_\n  // to which an event listener was attached), we treat them as the same action, as we want to capture\n  // only one breadcrumb. e.g. multiple clicks on the same button, or typing inside a user input box.\n  return true;\n}\n\n/**\n * Decide whether an event should be captured.\n * @param event event to be captured\n */\nfunction shouldSkipDOMEvent(eventType: string, target: SentryWrappedTarget | null): boolean {\n  // We are only interested in filtering `keypress` events for now.\n  if (eventType !== 'keypress') {\n    return false;\n  }\n\n  if (!target?.tagName) {\n    return true;\n  }\n\n  // Only consider keypress events on actual input elements. This will disregard keypresses targeting body\n  // e.g.tabbing through elements, hotkeys, etc.\n  if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Wraps addEventListener to capture UI breadcrumbs\n */\nfunction makeDOMEventHandler(\n  handler: (data: HandlerDataDom) => void,\n  globalListener: boolean = false,\n): (event: Event) => void {\n  return (event: Event & { _sentryCaptured?: true }): void => {\n    // It's possible this handler might trigger multiple times for the same\n    // event (e.g. event propagation through node ancestors).\n    // Ignore if we've already captured that event.\n    if (!event || event['_sentryCaptured']) {\n      return;\n    }\n\n    const target = getEventTarget(event);\n\n    // We always want to skip _some_ events.\n    if (shouldSkipDOMEvent(event.type, target)) {\n      return;\n    }\n\n    // Mark event as \"seen\"\n    addNonEnumerableProperty(event, '_sentryCaptured', true);\n\n    if (target && !target._sentryId) {\n      // Add UUID to event target so we can identify if\n      addNonEnumerableProperty(target, '_sentryId', uuid4());\n    }\n\n    const name = event.type === 'keypress' ? 'input' : event.type;\n\n    // If there is no last captured event, it means that we can safely capture the new event and store it for future comparisons.\n    // If there is a last captured event, see if the new event is different enough to treat it as a unique one.\n    // If that's the case, emit the previous event and store locally the newly-captured DOM event.\n    if (!isSimilarToLastCapturedEvent(event)) {\n      const handlerData: HandlerDataDom = { event, name, global: globalListener };\n      handler(handlerData);\n      lastCapturedEventType = event.type;\n      lastCapturedEventTargetId = target ? target._sentryId : undefined;\n    }\n\n    // Start a new debounce timer that will prevent us from capturing multiple events that should be grouped together.\n    clearTimeout(debounceTimerID);\n    debounceTimerID = WINDOW.setTimeout(() => {\n      lastCapturedEventTargetId = undefined;\n      lastCapturedEventType = undefined;\n    }, DEBOUNCE_DURATION);\n  };\n}\n\nfunction getEventTarget(event: Event): SentryWrappedTarget | null {\n  try {\n    return event.target as SentryWrappedTarget | null;\n  } catch {\n    // just accessing `target` property can throw an exception in some rare circumstances\n    // see: https://github.com/getsentry/sentry-javascript/issues/838\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/build/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"11.0.0","sideEffects":false}
+{"type":"module","version":"11.2.0","sideEffects":false}

package/build/esm/performance/interactions.js

@@ -1,4 +1,4 @@
-import { SENTRY_OP, SENTRY_SOURCE, SENTRY_SEGMENT_NAME_SOURCE, ROUTER_NAVIGATION_ROUTE_ID, URL_TEMPLATE, HTTP_ROUTE, URL_PATH, URL_FULL, SENTRY_SEGMENT_NAME, SENTRY_ORIGIN, SENTRY_IDLE_SPAN_FINISH_REASON, UI_COMPONENT_NAME } from '@sentry/conventions/attributes';
+import { SENTRY_OP, SENTRY_SOURCE, SENTRY_SEGMENT_NAME_SOURCE, ROUTER_NAVIGATION_ROUTE_ID, URL_TEMPLATE, HTTP_ROUTE, URL_PATH, URL_FULL, SENTRY_SEGMENT_NAME, SENTRY_ORIGIN, SENTRY_IDLE_SPAN_FINISH_REASON, BROWSER_WEB_VITAL_INP_TARGET, UI_COMPONENT_NAME } from '@sentry/conventions/attributes';
 import { UI_ACTION_CLICK, UI_INTERACTION_CLICK } from '@sentry/conventions/op';
 import { defineIntegration, getRootSpan, spanToJSON, debug, hasSpanStreamingEnabled, UI_ACTION_CLICK_SPAN_NAME_FALLBACK, filterCollectedUrl, getActiveSpan, browserPerformanceTimeOrigin, UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK } from '@sentry/core';
 import { startIdleSpan } from '@sentry/core/browser';
@@ -132,7 +132,7 @@ function trackInteractionsAsSpans(client) {
           attributes: {
             [SENTRY_OP]: UI_INTERACTION_CLICK,
             [SENTRY_ORIGIN]: "auto.browser.interactions",
-            ...selector && selector !== UNKNOWN_ELEMENT_NAME && { "browser.web_vital.inp.target": selector }
+            ...selector && selector !== UNKNOWN_ELEMENT_NAME && { [BROWSER_WEB_VITAL_INP_TARGET]: selector }
           }
         };
         if (componentName) {

package/build/esm/performance/interactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.js","sources":["../../../src/performance/interactions.ts"],"sourcesContent":["import {\n  HTTP_ROUTE,\n  ROUTER_NAVIGATION_ROUTE_ID,\n  SENTRY_IDLE_SPAN_FINISH_REASON,\n  SENTRY_OP,\n  SENTRY_ORIGIN,\n  SENTRY_SEGMENT_NAME,\n  SENTRY_SEGMENT_NAME_SOURCE,\n  SENTRY_SOURCE,\n  UI_COMPONENT_NAME,\n  URL_FULL,\n  URL_PATH,\n  URL_TEMPLATE,\n} from '@sentry/conventions/attributes';\nimport { UI_ACTION_CLICK, UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport type { Client, IntegrationFn, Span, StartSpanOptions, TransactionSource } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  defineIntegration,\n  filterCollectedUrl,\n  getActiveSpan,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  spanToJSON,\n  UI_ACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { startIdleSpan } from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { addPerformanceInstrumentationHandler } from '../instrumentation/performanceObserver';\nimport { UNKNOWN_ELEMENT_NAME } from '../web-vitals/inp';\nimport { isBotUserAgent } from '../isBotUserAgent';\nimport { WINDOW } from '../types';\nimport { msToSec, startAndEndSpan } from './utils';\nimport { getComponentName } from '../component-name';\n\nconst INTEGRATION_NAME = 'Interactions';\n\ninterface InteractionsOptions {\n  /**\n   * The time that has to pass without any span being created.\n   * If this time is exceeded, the interaction span will finish.\n   *\n   * Default: 1000 (ms)\n   */\n  idleTimeout?: number;\n\n  /**\n   * The max. time an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 30000 (ms)\n   */\n  finalTimeout?: number;\n\n  /**\n   * The max. time a child span of an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 15000 (ms)\n   */\n  childSpanTimeout?: number;\n}\n\ninterface RouteInfo {\n  name: string | undefined;\n  source: TransactionSource | undefined;\n  routeId: string | undefined;\n  urlTemplate: string | undefined;\n  httpRoute: string | undefined;\n  urlPath: string | undefined;\n  urlFull: string | undefined;\n}\n\nconst _interactionsIntegration = ((options: InteractionsOptions = {}) => {\n  return {\n    name: INTEGRATION_NAME,\n    setup(client) {\n      if (isBotUserAgent()) {\n        return;\n      }\n\n      const latestRoute: RouteInfo = {\n        name: undefined,\n        source: undefined,\n        routeId: undefined,\n        urlTemplate: undefined,\n        httpRoute: undefined,\n        urlPath: undefined,\n        urlFull: undefined,\n      };\n      // The pageload/navigation span that is currently in progress, if any. Clicks that happen while one\n      // is open are not turned into interaction spans, as they'd compete with the route span for children.\n      let inflightRouteSpan: Span | undefined;\n\n      function trackRoute(span: Span): void {\n        const { name, attributes } = spanToJSON(span);\n        latestRoute.name = name;\n        // oxlint-disable-next-line typescript/no-deprecated\n        latestRoute.source = (attributes[SENTRY_SOURCE] || attributes[SENTRY_SEGMENT_NAME_SOURCE]) as\n          | TransactionSource\n          | undefined;\n        latestRoute.routeId = attributes[ROUTER_NAVIGATION_ROUTE_ID] as string | undefined;\n        latestRoute.urlTemplate = attributes[URL_TEMPLATE] as string | undefined;\n        latestRoute.httpRoute = attributes[HTTP_ROUTE] as string | undefined;\n        latestRoute.urlPath = attributes[URL_PATH] as string | undefined;\n        latestRoute.urlFull = attributes[URL_FULL] as string | undefined;\n      }\n\n      client.on('spanStart', span => {\n        if (isRouteSpan(span)) {\n          inflightRouteSpan = span;\n          trackRoute(span);\n        }\n      });\n\n      client.on('spanEnd', span => {\n        if (span !== inflightRouteSpan) {\n          return;\n        }\n        inflightRouteSpan = undefined;\n        // Re-read the route on end: routing instrumentation frequently renames the pageload or navigation\n        // span once the route is resolved, so this is more accurate than what we saw at span start.\n        trackRoute(span);\n      });\n\n      registerInteractionListener(client, latestRoute, () => inflightRouteSpan, options);\n\n      trackInteractionsAsSpans(client);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Captures user interactions as spans.\n *\n * Important: This integration is considered experimental and might lead to noisy spans. Use at your own risk.\n *\n *\n * Clicks that happen outside of an in-progress pageload or navigation start an idle `ui.action.click` span,\n * named after the last known route, which collects everything the interaction triggers (requests, child spans,\n * …). Additionally, `ui.interaction.click` spans are recorded for the browser's own `event` timing entries.\n *\n * The integration requires `browserTracingIntegration` (or another source of pageload/navigation spans)\n * to know which route an interaction belongs to.\n *\n * @example\n * ```ts\n * Sentry.init({\n *   integrations: [Sentry.browserTracingIntegration(), Sentry.interactionsIntegration()],\n * });\n * ```\n */\nexport const interactionsIntegration = defineIntegration(_interactionsIntegration);\n\nfunction isRouteSpan(span: Span): boolean {\n  if (getRootSpan(span) !== span) {\n    return false;\n  }\n  const op = spanToJSON(span).attributes[SENTRY_OP];\n  return op === 'pageload' || op === 'navigation';\n}\n\nfunction registerInteractionListener(\n  client: Client,\n  latestRoute: RouteInfo,\n  getInflightRouteSpan: () => Span | undefined,\n  // `startIdleSpan` fills in `TRACING_DEFAULTS` for whatever is left out, which are the same defaults\n  // `browserTracingIntegration` uses for its pageload and navigation spans.\n  idleSpanOptions: InteractionsOptions,\n): void {\n  // `document` is not available in all browser environments (e.g. web workers), and without it there is\n  // nothing to click on.\n  if (!WINDOW.document) {\n    return;\n  }\n\n  let inflightInteractionSpan: Span | undefined;\n\n  addEventListener(\n    'click',\n    () => {\n      if (getInflightRouteSpan()) {\n        DEBUG_BUILD &&\n          debug.warn(\n            `[Tracing] Did not create ${UI_ACTION_CLICK} span because a pageload or navigation span is in progress.`,\n          );\n        return;\n      }\n\n      if (inflightInteractionSpan) {\n        inflightInteractionSpan.setAttribute(SENTRY_IDLE_SPAN_FINISH_REASON, 'interactionInterrupted');\n        inflightInteractionSpan.end();\n        inflightInteractionSpan = undefined;\n      }\n\n      if (!latestRoute.name) {\n        DEBUG_BUILD &&\n          debug.warn(`[Tracing] Did not create ${UI_ACTION_CLICK} span because the latest route name is missing.`);\n        return;\n      }\n\n      const hasSpanStreaming = hasSpanStreamingEnabled(client);\n      const routeName = latestRoute.routeId || latestRoute.urlTemplate || latestRoute.httpRoute;\n      const streamedName = routeName || UI_ACTION_CLICK_SPAN_NAME_FALLBACK;\n      // A route id is a name the app gave the route, so it is `custom` rather than a `route` pattern.\n      const streamedNameSource = !routeName || latestRoute.routeId ? 'custom' : 'route';\n\n      inflightInteractionSpan = startIdleSpan(\n        {\n          name: hasSpanStreaming ? streamedName : latestRoute.name,\n          attributes: {\n            [SENTRY_OP]: UI_ACTION_CLICK,\n            [SENTRY_SEGMENT_NAME_SOURCE]: hasSpanStreaming ? streamedNameSource : latestRoute.source || 'url',\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(hasSpanStreaming && { [SENTRY_SEGMENT_NAME]: streamedName }),\n            ...(latestRoute.routeId && { [ROUTER_NAVIGATION_ROUTE_ID]: latestRoute.routeId }),\n            ...(latestRoute.urlTemplate && { [URL_TEMPLATE]: latestRoute.urlTemplate }),\n            ...(latestRoute.httpRoute && { [HTTP_ROUTE]: latestRoute.httpRoute }),\n            ...(latestRoute.urlPath && { [URL_PATH]: latestRoute.urlPath }),\n            ...(latestRoute.urlFull && { [URL_FULL]: filterCollectedUrl(latestRoute.urlFull) }),\n          },\n        },\n        idleSpanOptions,\n      );\n    },\n    { capture: true },\n  );\n}\n\n/**\n * Record the browser's `event` timing entries for clicks as spans on the currently active span.\n */\nfunction trackInteractionsAsSpans(client: Client): void {\n  addPerformanceInstrumentationHandler('event', ({ entries }) => {\n    const parent = getActiveSpan();\n    if (!parent) {\n      return;\n    }\n    for (const entry of entries) {\n      if (entry.name === 'click') {\n        const startTime = msToSec((browserPerformanceTimeOrigin() as number) + entry.startTime);\n        const duration = msToSec(entry.duration);\n\n        const selector = htmlTreeAsString(entry.target);\n        const componentName = getComponentName(entry.target);\n        const hasSpanStreaming = hasSpanStreamingEnabled(client);\n\n        const spanOptions: StartSpanOptions & Required<Pick<StartSpanOptions, 'attributes'>> = {\n          name: hasSpanStreaming ? componentName || UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK : selector,\n          startTime: startTime,\n          attributes: {\n            [SENTRY_OP]: UI_INTERACTION_CLICK,\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(selector && selector !== UNKNOWN_ELEMENT_NAME && { 'browser.web_vital.inp.target': selector }),\n          },\n        };\n\n        if (componentName) {\n          spanOptions.attributes[UI_COMPONENT_NAME] = componentName;\n        }\n\n        startAndEndSpan(parent, startTime, startTime + duration, spanOptions);\n      }\n    }\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"interactions.js","sources":["../../../src/performance/interactions.ts"],"sourcesContent":["import {\n  BROWSER_WEB_VITAL_INP_TARGET,\n  HTTP_ROUTE,\n  ROUTER_NAVIGATION_ROUTE_ID,\n  SENTRY_IDLE_SPAN_FINISH_REASON,\n  SENTRY_OP,\n  SENTRY_ORIGIN,\n  SENTRY_SEGMENT_NAME,\n  SENTRY_SEGMENT_NAME_SOURCE,\n  SENTRY_SOURCE,\n  UI_COMPONENT_NAME,\n  URL_FULL,\n  URL_PATH,\n  URL_TEMPLATE,\n} from '@sentry/conventions/attributes';\nimport { UI_ACTION_CLICK, UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport type { Client, IntegrationFn, Span, StartSpanOptions, TransactionSource } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  defineIntegration,\n  filterCollectedUrl,\n  getActiveSpan,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  spanToJSON,\n  UI_ACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { startIdleSpan } from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { addPerformanceInstrumentationHandler } from '../instrumentation/performanceObserver';\nimport { UNKNOWN_ELEMENT_NAME } from '../web-vitals/inp';\nimport { isBotUserAgent } from '../isBotUserAgent';\nimport { WINDOW } from '../types';\nimport { msToSec, startAndEndSpan } from './utils';\nimport { getComponentName } from '../component-name';\n\nconst INTEGRATION_NAME = 'Interactions';\n\ninterface InteractionsOptions {\n  /**\n   * The time that has to pass without any span being created.\n   * If this time is exceeded, the interaction span will finish.\n   *\n   * Default: 1000 (ms)\n   */\n  idleTimeout?: number;\n\n  /**\n   * The max. time an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 30000 (ms)\n   */\n  finalTimeout?: number;\n\n  /**\n   * The max. time a child span of an interaction span may run.\n   * If this time is exceeded, the interaction span will finish no matter what.\n   *\n   * Default: 15000 (ms)\n   */\n  childSpanTimeout?: number;\n}\n\ninterface RouteInfo {\n  name: string | undefined;\n  source: TransactionSource | undefined;\n  routeId: string | undefined;\n  urlTemplate: string | undefined;\n  httpRoute: string | undefined;\n  urlPath: string | undefined;\n  urlFull: string | undefined;\n}\n\nconst _interactionsIntegration = ((options: InteractionsOptions = {}) => {\n  return {\n    name: INTEGRATION_NAME,\n    setup(client) {\n      if (isBotUserAgent()) {\n        return;\n      }\n\n      const latestRoute: RouteInfo = {\n        name: undefined,\n        source: undefined,\n        routeId: undefined,\n        urlTemplate: undefined,\n        httpRoute: undefined,\n        urlPath: undefined,\n        urlFull: undefined,\n      };\n      // The pageload/navigation span that is currently in progress, if any. Clicks that happen while one\n      // is open are not turned into interaction spans, as they'd compete with the route span for children.\n      let inflightRouteSpan: Span | undefined;\n\n      function trackRoute(span: Span): void {\n        const { name, attributes } = spanToJSON(span);\n        latestRoute.name = name;\n        // oxlint-disable-next-line typescript/no-deprecated\n        latestRoute.source = (attributes[SENTRY_SOURCE] || attributes[SENTRY_SEGMENT_NAME_SOURCE]) as\n          | TransactionSource\n          | undefined;\n        latestRoute.routeId = attributes[ROUTER_NAVIGATION_ROUTE_ID] as string | undefined;\n        latestRoute.urlTemplate = attributes[URL_TEMPLATE] as string | undefined;\n        latestRoute.httpRoute = attributes[HTTP_ROUTE] as string | undefined;\n        latestRoute.urlPath = attributes[URL_PATH] as string | undefined;\n        latestRoute.urlFull = attributes[URL_FULL] as string | undefined;\n      }\n\n      client.on('spanStart', span => {\n        if (isRouteSpan(span)) {\n          inflightRouteSpan = span;\n          trackRoute(span);\n        }\n      });\n\n      client.on('spanEnd', span => {\n        if (span !== inflightRouteSpan) {\n          return;\n        }\n        inflightRouteSpan = undefined;\n        // Re-read the route on end: routing instrumentation frequently renames the pageload or navigation\n        // span once the route is resolved, so this is more accurate than what we saw at span start.\n        trackRoute(span);\n      });\n\n      registerInteractionListener(client, latestRoute, () => inflightRouteSpan, options);\n\n      trackInteractionsAsSpans(client);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Captures user interactions as spans.\n *\n * Important: This integration is considered experimental and might lead to noisy spans. Use at your own risk.\n *\n *\n * Clicks that happen outside of an in-progress pageload or navigation start an idle `ui.action.click` span,\n * named after the last known route, which collects everything the interaction triggers (requests, child spans,\n * …). Additionally, `ui.interaction.click` spans are recorded for the browser's own `event` timing entries.\n *\n * The integration requires `browserTracingIntegration` (or another source of pageload/navigation spans)\n * to know which route an interaction belongs to.\n *\n * @example\n * ```ts\n * Sentry.init({\n *   integrations: [Sentry.browserTracingIntegration(), Sentry.interactionsIntegration()],\n * });\n * ```\n */\nexport const interactionsIntegration = defineIntegration(_interactionsIntegration);\n\nfunction isRouteSpan(span: Span): boolean {\n  if (getRootSpan(span) !== span) {\n    return false;\n  }\n  const op = spanToJSON(span).attributes[SENTRY_OP];\n  return op === 'pageload' || op === 'navigation';\n}\n\nfunction registerInteractionListener(\n  client: Client,\n  latestRoute: RouteInfo,\n  getInflightRouteSpan: () => Span | undefined,\n  // `startIdleSpan` fills in `TRACING_DEFAULTS` for whatever is left out, which are the same defaults\n  // `browserTracingIntegration` uses for its pageload and navigation spans.\n  idleSpanOptions: InteractionsOptions,\n): void {\n  // `document` is not available in all browser environments (e.g. web workers), and without it there is\n  // nothing to click on.\n  if (!WINDOW.document) {\n    return;\n  }\n\n  let inflightInteractionSpan: Span | undefined;\n\n  addEventListener(\n    'click',\n    () => {\n      if (getInflightRouteSpan()) {\n        DEBUG_BUILD &&\n          debug.warn(\n            `[Tracing] Did not create ${UI_ACTION_CLICK} span because a pageload or navigation span is in progress.`,\n          );\n        return;\n      }\n\n      if (inflightInteractionSpan) {\n        inflightInteractionSpan.setAttribute(SENTRY_IDLE_SPAN_FINISH_REASON, 'interactionInterrupted');\n        inflightInteractionSpan.end();\n        inflightInteractionSpan = undefined;\n      }\n\n      if (!latestRoute.name) {\n        DEBUG_BUILD &&\n          debug.warn(`[Tracing] Did not create ${UI_ACTION_CLICK} span because the latest route name is missing.`);\n        return;\n      }\n\n      const hasSpanStreaming = hasSpanStreamingEnabled(client);\n      const routeName = latestRoute.routeId || latestRoute.urlTemplate || latestRoute.httpRoute;\n      const streamedName = routeName || UI_ACTION_CLICK_SPAN_NAME_FALLBACK;\n      // A route id is a name the app gave the route, so it is `custom` rather than a `route` pattern.\n      const streamedNameSource = !routeName || latestRoute.routeId ? 'custom' : 'route';\n\n      inflightInteractionSpan = startIdleSpan(\n        {\n          name: hasSpanStreaming ? streamedName : latestRoute.name,\n          attributes: {\n            [SENTRY_OP]: UI_ACTION_CLICK,\n            [SENTRY_SEGMENT_NAME_SOURCE]: hasSpanStreaming ? streamedNameSource : latestRoute.source || 'url',\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(hasSpanStreaming && { [SENTRY_SEGMENT_NAME]: streamedName }),\n            ...(latestRoute.routeId && { [ROUTER_NAVIGATION_ROUTE_ID]: latestRoute.routeId }),\n            ...(latestRoute.urlTemplate && { [URL_TEMPLATE]: latestRoute.urlTemplate }),\n            ...(latestRoute.httpRoute && { [HTTP_ROUTE]: latestRoute.httpRoute }),\n            ...(latestRoute.urlPath && { [URL_PATH]: latestRoute.urlPath }),\n            ...(latestRoute.urlFull && { [URL_FULL]: filterCollectedUrl(latestRoute.urlFull) }),\n          },\n        },\n        idleSpanOptions,\n      );\n    },\n    { capture: true },\n  );\n}\n\n/**\n * Record the browser's `event` timing entries for clicks as spans on the currently active span.\n */\nfunction trackInteractionsAsSpans(client: Client): void {\n  addPerformanceInstrumentationHandler('event', ({ entries }) => {\n    const parent = getActiveSpan();\n    if (!parent) {\n      return;\n    }\n    for (const entry of entries) {\n      if (entry.name === 'click') {\n        const startTime = msToSec((browserPerformanceTimeOrigin() as number) + entry.startTime);\n        const duration = msToSec(entry.duration);\n\n        const selector = htmlTreeAsString(entry.target);\n        const componentName = getComponentName(entry.target);\n        const hasSpanStreaming = hasSpanStreamingEnabled(client);\n\n        const spanOptions: StartSpanOptions & Required<Pick<StartSpanOptions, 'attributes'>> = {\n          name: hasSpanStreaming ? componentName || UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK : selector,\n          startTime: startTime,\n          attributes: {\n            [SENTRY_OP]: UI_INTERACTION_CLICK,\n            [SENTRY_ORIGIN]: 'auto.browser.interactions',\n            ...(selector && selector !== UNKNOWN_ELEMENT_NAME && { [BROWSER_WEB_VITAL_INP_TARGET]: selector }),\n          },\n        };\n\n        if (componentName) {\n          spanOptions.attributes[UI_COMPONENT_NAME] = componentName;\n        }\n\n        startAndEndSpan(parent, startTime, startTime + duration, spanOptions);\n      }\n    }\n  });\n}\n"],"names":[],"mappings":"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"}

package/build/esm/web-vitals/spans.js

@@ -4,7 +4,7 @@ import { htmlTreeAsString } from '../htmlTreeAsString.js';
 import { getComponentName } from '../component-name.js';
 import { MAX_PLAUSIBLE_INP_DURATION, INP_ENTRY_MAP, getCachedInteractionContext, UNKNOWN_ELEMENT_NAME } from './inp.js';
 import { addClsInstrumentationHandler, addInpInstrumentationHandler, addLcpInstrumentationHandler } from '../instrumentation/performanceObserver.js';
-import { BROWSER_NAVIGATION_TYPE, UI_COMPONENT_NAME } from '@sentry/conventions/attributes';
+import { BROWSER_NAVIGATION_TYPE, UI_COMPONENT_NAME, BROWSER_WEB_VITAL_INP_TARGET, BROWSER_WEB_VITAL_INP_INTERACTION_TYPE } from '@sentry/conventions/attributes';
 import { _emitWebVitalSpan } from './emitSpan.js';
 import { isValidLcpMetric } from './lcp.js';
 import { listenForWebVitalReportEvents } from './reportEvents.js';
@@ -243,8 +243,8 @@ function _sendInpSpan(inpValue, entry, standalone = false, attributedSpan, softN
   const attributes = {
     [SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue
   };
-  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes["browser.web_vital.inp.target"] = selector);
-  entryInteractionType && (attributes["browser.web_vital.inp.interaction_type"] = entryInteractionType);
+  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes[BROWSER_WEB_VITAL_INP_TARGET] = selector);
+  entryInteractionType && (attributes[BROWSER_WEB_VITAL_INP_INTERACTION_TYPE] = entryInteractionType);
   if (componentName) {
     attributes[UI_COMPONENT_NAME] = componentName;
   }

package/build/esm/web-vitals/spans.js.map

@@ -1 +1 @@
-{"version":3,"file":"spans.js","sources":["../../../src/web-vitals/spans.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport type { Client, Span, SpanAttributes } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  spanToJSON,\n  timestampInSeconds,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { getComponentName } from '../component-name';\nimport type { InteractionType } from './inp';\nimport { getCachedInteractionContext, INP_ENTRY_MAP, MAX_PLAUSIBLE_INP_DURATION, UNKNOWN_ELEMENT_NAME } from './inp';\nimport type { InstrumentationHandlerCallback, MetricNavigationType } from '../instrumentation/performanceObserver';\nimport {\n  addClsInstrumentationHandler,\n  addInpInstrumentationHandler,\n  addLcpInstrumentationHandler,\n} from '../instrumentation/performanceObserver';\nimport type { LargestContentfulPaint, LayoutShift } from './emitSpan';\nimport { BROWSER_NAVIGATION_TYPE, UI_COMPONENT_NAME } from '@sentry/conventions/attributes';\nimport { _emitWebVitalSpan } from './emitSpan';\nimport { isValidLcpMetric } from './lcp';\nimport { listenForWebVitalReportEvents } from './reportEvents';\nimport { getNavigationSpanForMetric } from './softNavs';\nimport { getBrowserPerformanceAPI, msToSec, supportsWebVital } from '../performance/utils';\nimport type { PerformanceEventTiming } from '../instrumentation/performanceObserver';\nimport {\n  NAVIGATION,\n  UI_INTERACTION_CLICK,\n  UI_INTERACTION_DRAG,\n  UI_INTERACTION_HOVER,\n  UI_INTERACTION_PRESS,\n  UI_WEBVITAL_CLS,\n  UI_WEBVITAL_LCP,\n} from '@sentry/conventions/op';\n\nconst INTERACTION_TYPE_TO_SPAN_OP: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK,\n  hover: UI_INTERACTION_HOVER,\n  drag: UI_INTERACTION_DRAG,\n  press: UI_INTERACTION_PRESS,\n};\n\nconst INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  hover: UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  drag: UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  press: UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n};\n\ntype WebVitalMetric = Parameters<Parameters<typeof addLcpInstrumentationHandler>[0]>[0]['metric'];\ntype InpMetric = Parameters<InstrumentationHandlerCallback>[0]['metric'];\n\n/**\n * Reports a web vital once per navigation, rather than once per page load.\n *\n * web-vitals restarts the metric on every soft navigation and force-reports the previous one just\n * before it does (and again on pagehide), and re-reports every metric after a bfcache restore.\n * Since `reportAllChanges` is off in this mode, every value we're handed is already the final one\n * for its navigation, so there is nothing to accumulate: each report is a span.\n */\nfunction trackWebVitalPerNavigation<M extends WebVitalMetric>(\n  client: Client,\n  addInstrumentationHandler: (callback: (data: { metric: M }) => void) => unknown,\n  send: (metric: M, parentSpan: Span | undefined, softNavigationId: number | undefined) => void,\n): void {\n  let pageloadSpan: Span | undefined;\n  client.on('afterStartPageLoadSpan', span => {\n    pageloadSpan = span;\n  });\n\n  // Remembered when the restore happens rather than read back at report time: the restore\n  // navigation span is an idle span, and CLS and INP are only finalized on pagehide, by which point\n  // it has long ended and is no longer what is active.\n  let bfcacheNavigationSpan: Span | undefined;\n  client.on('spanStart', span => {\n    // The op has to be checked too: the web vital spans emitted for a restore carry the same\n    // `back-forward-cache` navigation type, so matching on that alone lets the first of them replace the\n    // navigation span, and every later vital then hangs off a sibling vital instead.\n    const attributes = spanToJSON(span).attributes;\n    if (\n      attributes?.[SEMANTIC_ATTRIBUTE_SENTRY_OP] === NAVIGATION &&\n      attributes[BROWSER_NAVIGATION_TYPE] === 'back-forward-cache'\n    ) {\n      bfcacheNavigationSpan = span;\n    }\n  });\n\n  addInstrumentationHandler(({ metric }) => {\n    const navigationSpan = getNavigationSpanForMetric(metric);\n    if (metric.navigationType === 'soft-navigation') {\n      // Reporting an uncorrelated soft navigation vital would attribute it to the wrong route, so\n      // it's dropped instead.\n      if (navigationSpan) {\n        send(metric, navigationSpan, metric.navigationId);\n      } else {\n        DEBUG_BUILD &&\n          debug.log(`[SoftNav] Dropping ${metric.name} for uncorrelated soft navigation ${metric.navigationId}`);\n      }\n      return;\n    }\n\n    if (metric.navigationType === 'back-forward-cache') {\n      // A restore reuses the frozen document, so the pageload span above belongs to the page view\n      // from before the freeze. The navigation span started for the restore is the page view these\n      // values were actually measured on.\n      send(metric, bfcacheNavigationSpan, undefined);\n      return;\n    }\n\n    send(metric, pageloadSpan, undefined);\n  });\n}\n\n/**\n * Tracks LCP as a streamed span.\n */\nexport function trackLcpAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('largest-contentful-paint')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addLcpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n      _sendLcpSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let lcpValue = 0;\n  let lcpEntry: LargestContentfulPaint | undefined;\n  let lcpNavigationType: MetricNavigationType | undefined;\n\n  const cleanupLcpHandler = addLcpInstrumentationHandler(({ metric }) => {\n    // The navigation type describes the page, not the entry, so it is worth keeping even for a\n    // report we otherwise discard.\n    lcpNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n    if (!entry || !isValidLcpMetric(metric.value)) {\n      return;\n    }\n    lcpValue = metric.value;\n    lcpEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendLcpSpan(lcpValue, lcpEntry, pageloadSpan, undefined, lcpNavigationType);\n    cleanupLcpHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendLcpSpan(\n  lcpValue: number,\n  entry: LargestContentfulPaint | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  if (!isValidLcpMetric(lcpValue)) {\n    return;\n  }\n\n  DEBUG_BUILD && debug.log(`Sending LCP span (${lcpValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin() || 0;\n  // A soft navigation's LCP is measured from the triggering interaction, not the document time\n  // origin. Starting the span there too keeps it inside the navigation span it is parented to and\n  // keeps its duration equal to the value it reports.\n  const startTime = msToSec(performanceTimeOrigin + (navigationStartTime || 0));\n  // Without an entry there is no render time to end at, so the span lasts the value it reports,\n  // like an entry-less INP does. Ending at the time origin instead would invert the span.\n  const endTime = entry ? msToSec(performanceTimeOrigin + entry.startTime) : startTime + msToSec(lcpValue);\n  const selector = entry ? htmlTreeAsString(entry.element) : undefined;\n  const componentName = entry?.element ? getComponentName(entry.element) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (selector) {\n    attributes['browser.web_vital.lcp.element'] = selector;\n  }\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n  entry?.id && (attributes['browser.web_vital.lcp.id'] = entry.id);\n  entry?.url && (attributes['browser.web_vital.lcp.url'] = entry.url);\n  entry?.loadTime != null && (attributes['browser.web_vital.lcp.load_time'] = entry.loadTime);\n  entry?.renderTime != null && (attributes['browser.web_vital.lcp.render_time'] = entry.renderTime);\n  entry?.size != null && (attributes['browser.web_vital.lcp.size'] = entry.size);\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_LCP,\n    origin: 'auto.http.browser.lcp',\n    metricName: 'lcp',\n    value: lcpValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    endTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks CLS as a streamed span.\n */\nexport function trackClsAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('layout-shift')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addClsInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n      _sendClsSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let clsValue = 0;\n  let clsEntry: LayoutShift | undefined;\n  let clsNavigationType: MetricNavigationType | undefined;\n\n  const cleanupClsHandler = addClsInstrumentationHandler(({ metric }) => {\n    // A CLS of 0 is reported with no entries and still emits a span, so the navigation type has to\n    // be captured before the entry check rather than alongside the value.\n    clsNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n    if (!entry) {\n      return;\n    }\n    clsValue = metric.value;\n    clsEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendClsSpan(clsValue, clsEntry, pageloadSpan, undefined, clsNavigationType);\n    cleanupClsHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendClsSpan(\n  clsValue: number,\n  entry: LayoutShift | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  DEBUG_BUILD && debug.log(`Sending CLS span (${clsValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin();\n  // A CLS of 0 has no shift to place the span at. It is reported when the navigation it was\n  // measured on is already over - the next soft navigation, or pagehide - so the current time would\n  // land it outside that navigation, on the route that follows it.\n  const offset = entry?.startTime ?? navigationStartTime ?? 0;\n  const startTime = performanceTimeOrigin ? msToSec(performanceTimeOrigin + offset) : timestampInSeconds();\n  const firstSourceNode = entry?.sources[0]?.node;\n  const selector = entry ? htmlTreeAsString(firstSourceNode) : undefined;\n  const componentName = firstSourceNode ? getComponentName(firstSourceNode) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  if (entry?.sources) {\n    entry.sources.forEach((source, index) => {\n      attributes[`browser.web_vital.cls.source.${index + 1}`] = htmlTreeAsString(source.node);\n    });\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_CLS,\n    origin: 'auto.http.browser.cls',\n    metricName: 'cls',\n    value: clsValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks INP and emits it as a web vital span, as a child of the interaction's root span.\n * Requires `registerInpInteractionListener()` to be called separately for cached element names and\n * root spans per interaction.\n */\nexport function trackInpAsSpan(client: Client, perNavigation = false): void {\n  const performance = getBrowserPerformanceAPI();\n  if (!performance || !browserPerformanceTimeOrigin()) {\n    return;\n  }\n\n  // INP reports late (on pagehide, after the pageload span has ended). With span streaming enabled\n  // it rides the streaming pipeline. With streaming disabled it would be dropped as a late span, so\n  // it is emitted as its own standalone v2 span instead (see `_emitWebVitalSpan`), overriding the\n  // static trace lifecycle for INP only.\n  // TODO(standalone): once the static trace lifecycle is dropped, INP always streams; drop this flag.\n  const standalone = !hasSpanStreamingEnabled(client);\n\n  if (perNavigation) {\n    // INP restarts per navigation and reports once that navigation is over, by which point the\n    // navigation span has ended and the interaction cache no longer knows about it. The metric\n    // says which navigation it belongs to, so INP is attributed exactly like LCP and CLS.\n    trackWebVitalPerNavigation(client, addInpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      if (isPlausibleInp(metric)) {\n        _sendInpSpan(metric.value, findInpEntry(metric), standalone, parentSpan, softNavigationId, metric);\n      }\n    });\n    return;\n  }\n\n  const onInp: InstrumentationHandlerCallback = ({ metric }) => {\n    if (isPlausibleInp(metric)) {\n      _sendInpSpan(metric.value, findInpEntry(metric), standalone, undefined, undefined, metric);\n    }\n  };\n\n  addInpInstrumentationHandler(onInp);\n}\n\nfunction isPlausibleInp(metric: InpMetric): boolean {\n  return metric.value != null && msToSec(metric.value) <= MAX_PLAUSIBLE_INP_DURATION;\n}\n\n/**\n * The entry an INP span is built from: the one whose duration the reported value came from.\n *\n * There isn't always one. When every interaction of a soft navigation stayed below the Event Timing\n * threshold, web-vitals reports a synthetic value with no entries at all - see\n * `_estimateP98LongestInteraction`. The span still gets reported in that case, just without the\n * element and interaction type an entry would have supplied.\n */\nfunction findInpEntry(metric: InpMetric): PerformanceEventTiming | undefined {\n  return metric.entries.find(e => e.duration === metric.value && INP_ENTRY_MAP[e.name]);\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendInpSpan(\n  inpValue: number,\n  entry: PerformanceEventTiming | undefined,\n  standalone = false,\n  attributedSpan?: Span,\n  softNavigationId?: number,\n  metric?: InpMetric,\n): void {\n  DEBUG_BUILD && debug.log(`Sending INP span (${inpValue})`);\n\n  // A web vital span carries the metric, not a real interaction timing, so an INP without an entry\n  // is still worth reporting. It just has no element or interaction type to describe, and is placed\n  // at the start of the navigation it belongs to rather than at the interaction.\n  const startTime = msToSec(\n    (browserPerformanceTimeOrigin() as number) + (entry?.startTime ?? metric?.navigationStartTime ?? 0),\n  );\n  const duration = msToSec(inpValue);\n  // An INP without an entry has no interaction type to report. It still has to land inside the\n  // `ui.interaction.*` family, because falling outside it would hide exactly the fast navigations\n  // that web-vitals synthesizes these values for (GoogleChrome/web-vitals#724), reintroducing the\n  // reporting bias they were added to remove.\n  const entryInteractionType = entry && INP_ENTRY_MAP[entry.name];\n  const interactionType = entryInteractionType || 'click';\n\n  const cachedContext = entry && getCachedInteractionContext(entry.interactionId);\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan ? getRootSpan(activeSpan) : undefined;\n\n  // With soft navigations the caller knows exactly which navigation the metric belongs to. Without\n  // them we fall back to the span that was active when the interaction was observed.\n  const spanToUse = attributedSpan || cachedContext?.span || rootSpan;\n  const selector = cachedContext?.elementName || (entry ? htmlTreeAsString(entry.target) : undefined);\n  const componentName = entry?.target ? getComponentName(entry.target) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const fallbackName = INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK[interactionType];\n  const name = hasSpanStreaming ? componentName || fallbackName : (selector ?? 'Interaction to next paint');\n\n  const attributes: SpanAttributes = {\n    [SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue,\n  };\n\n  // The span's name and op always have a value, even for an INP without an entry, so they can't\n  // say whether there was an interaction to describe. These attributes can: they are only set for\n  // what was actually observed. The name no longer holds the selector either, now that it is the\n  // component name or the op's fallback under span streaming.\n  // TODO: use the `@sentry/conventions` constants once getsentry/sentry-conventions#641 is released.\n  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes['browser.web_vital.inp.target'] = selector);\n  entryInteractionType && (attributes['browser.web_vital.inp.interaction_type'] = entryInteractionType);\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: INTERACTION_TYPE_TO_SPAN_OP[interactionType],\n    origin: 'auto.http.browser.inp',\n    metricName: 'inp',\n    value: inpValue,\n    attributes,\n    startTime,\n    endTime: startTime + duration,\n    navigationType: metric?.navigationType,\n    parentSpan: spanToUse,\n    standalone,\n    softNavigationId,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spans.js","sources":["../../../src/web-vitals/spans.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport type { Client, Span, SpanAttributes } from '@sentry/core';\nimport {\n  browserPerformanceTimeOrigin,\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  hasSpanStreamingEnabled,\n  SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  spanToJSON,\n  timestampInSeconds,\n  UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK,\n  UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK,\n} from '@sentry/core';\nimport { DEBUG_BUILD } from '../debug-build';\nimport { htmlTreeAsString } from '../htmlTreeAsString';\nimport { getComponentName } from '../component-name';\nimport type { InteractionType } from './inp';\nimport { getCachedInteractionContext, INP_ENTRY_MAP, MAX_PLAUSIBLE_INP_DURATION, UNKNOWN_ELEMENT_NAME } from './inp';\nimport type { InstrumentationHandlerCallback, MetricNavigationType } from '../instrumentation/performanceObserver';\nimport {\n  addClsInstrumentationHandler,\n  addInpInstrumentationHandler,\n  addLcpInstrumentationHandler,\n} from '../instrumentation/performanceObserver';\nimport type { LargestContentfulPaint, LayoutShift } from './emitSpan';\nimport {\n  BROWSER_NAVIGATION_TYPE,\n  BROWSER_WEB_VITAL_INP_INTERACTION_TYPE,\n  BROWSER_WEB_VITAL_INP_TARGET,\n  UI_COMPONENT_NAME,\n} from '@sentry/conventions/attributes';\nimport { _emitWebVitalSpan } from './emitSpan';\nimport { isValidLcpMetric } from './lcp';\nimport { listenForWebVitalReportEvents } from './reportEvents';\nimport { getNavigationSpanForMetric } from './softNavs';\nimport { getBrowserPerformanceAPI, msToSec, supportsWebVital } from '../performance/utils';\nimport type { PerformanceEventTiming } from '../instrumentation/performanceObserver';\nimport {\n  NAVIGATION,\n  UI_INTERACTION_CLICK,\n  UI_INTERACTION_DRAG,\n  UI_INTERACTION_HOVER,\n  UI_INTERACTION_PRESS,\n  UI_WEBVITAL_CLS,\n  UI_WEBVITAL_LCP,\n} from '@sentry/conventions/op';\n\nconst INTERACTION_TYPE_TO_SPAN_OP: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK,\n  hover: UI_INTERACTION_HOVER,\n  drag: UI_INTERACTION_DRAG,\n  press: UI_INTERACTION_PRESS,\n};\n\nconst INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK: Record<InteractionType, string> = {\n  click: UI_INTERACTION_CLICK_SPAN_NAME_FALLBACK,\n  hover: UI_INTERACTION_HOVER_SPAN_NAME_FALLBACK,\n  drag: UI_INTERACTION_DRAG_SPAN_NAME_FALLBACK,\n  press: UI_INTERACTION_PRESS_SPAN_NAME_FALLBACK,\n};\n\ntype WebVitalMetric = Parameters<Parameters<typeof addLcpInstrumentationHandler>[0]>[0]['metric'];\ntype InpMetric = Parameters<InstrumentationHandlerCallback>[0]['metric'];\n\n/**\n * Reports a web vital once per navigation, rather than once per page load.\n *\n * web-vitals restarts the metric on every soft navigation and force-reports the previous one just\n * before it does (and again on pagehide), and re-reports every metric after a bfcache restore.\n * Since `reportAllChanges` is off in this mode, every value we're handed is already the final one\n * for its navigation, so there is nothing to accumulate: each report is a span.\n */\nfunction trackWebVitalPerNavigation<M extends WebVitalMetric>(\n  client: Client,\n  addInstrumentationHandler: (callback: (data: { metric: M }) => void) => unknown,\n  send: (metric: M, parentSpan: Span | undefined, softNavigationId: number | undefined) => void,\n): void {\n  let pageloadSpan: Span | undefined;\n  client.on('afterStartPageLoadSpan', span => {\n    pageloadSpan = span;\n  });\n\n  // Remembered when the restore happens rather than read back at report time: the restore\n  // navigation span is an idle span, and CLS and INP are only finalized on pagehide, by which point\n  // it has long ended and is no longer what is active.\n  let bfcacheNavigationSpan: Span | undefined;\n  client.on('spanStart', span => {\n    // The op has to be checked too: the web vital spans emitted for a restore carry the same\n    // `back-forward-cache` navigation type, so matching on that alone lets the first of them replace the\n    // navigation span, and every later vital then hangs off a sibling vital instead.\n    const attributes = spanToJSON(span).attributes;\n    if (\n      attributes?.[SEMANTIC_ATTRIBUTE_SENTRY_OP] === NAVIGATION &&\n      attributes[BROWSER_NAVIGATION_TYPE] === 'back-forward-cache'\n    ) {\n      bfcacheNavigationSpan = span;\n    }\n  });\n\n  addInstrumentationHandler(({ metric }) => {\n    const navigationSpan = getNavigationSpanForMetric(metric);\n    if (metric.navigationType === 'soft-navigation') {\n      // Reporting an uncorrelated soft navigation vital would attribute it to the wrong route, so\n      // it's dropped instead.\n      if (navigationSpan) {\n        send(metric, navigationSpan, metric.navigationId);\n      } else {\n        DEBUG_BUILD &&\n          debug.log(`[SoftNav] Dropping ${metric.name} for uncorrelated soft navigation ${metric.navigationId}`);\n      }\n      return;\n    }\n\n    if (metric.navigationType === 'back-forward-cache') {\n      // A restore reuses the frozen document, so the pageload span above belongs to the page view\n      // from before the freeze. The navigation span started for the restore is the page view these\n      // values were actually measured on.\n      send(metric, bfcacheNavigationSpan, undefined);\n      return;\n    }\n\n    send(metric, pageloadSpan, undefined);\n  });\n}\n\n/**\n * Tracks LCP as a streamed span.\n */\nexport function trackLcpAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('largest-contentful-paint')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addLcpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n      _sendLcpSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let lcpValue = 0;\n  let lcpEntry: LargestContentfulPaint | undefined;\n  let lcpNavigationType: MetricNavigationType | undefined;\n\n  const cleanupLcpHandler = addLcpInstrumentationHandler(({ metric }) => {\n    // The navigation type describes the page, not the entry, so it is worth keeping even for a\n    // report we otherwise discard.\n    lcpNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LargestContentfulPaint | undefined;\n    if (!entry || !isValidLcpMetric(metric.value)) {\n      return;\n    }\n    lcpValue = metric.value;\n    lcpEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendLcpSpan(lcpValue, lcpEntry, pageloadSpan, undefined, lcpNavigationType);\n    cleanupLcpHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendLcpSpan(\n  lcpValue: number,\n  entry: LargestContentfulPaint | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  if (!isValidLcpMetric(lcpValue)) {\n    return;\n  }\n\n  DEBUG_BUILD && debug.log(`Sending LCP span (${lcpValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin() || 0;\n  // A soft navigation's LCP is measured from the triggering interaction, not the document time\n  // origin. Starting the span there too keeps it inside the navigation span it is parented to and\n  // keeps its duration equal to the value it reports.\n  const startTime = msToSec(performanceTimeOrigin + (navigationStartTime || 0));\n  // Without an entry there is no render time to end at, so the span lasts the value it reports,\n  // like an entry-less INP does. Ending at the time origin instead would invert the span.\n  const endTime = entry ? msToSec(performanceTimeOrigin + entry.startTime) : startTime + msToSec(lcpValue);\n  const selector = entry ? htmlTreeAsString(entry.element) : undefined;\n  const componentName = entry?.element ? getComponentName(entry.element) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_LCP_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (selector) {\n    attributes['browser.web_vital.lcp.element'] = selector;\n  }\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n  entry?.id && (attributes['browser.web_vital.lcp.id'] = entry.id);\n  entry?.url && (attributes['browser.web_vital.lcp.url'] = entry.url);\n  entry?.loadTime != null && (attributes['browser.web_vital.lcp.load_time'] = entry.loadTime);\n  entry?.renderTime != null && (attributes['browser.web_vital.lcp.render_time'] = entry.renderTime);\n  entry?.size != null && (attributes['browser.web_vital.lcp.size'] = entry.size);\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_LCP,\n    origin: 'auto.http.browser.lcp',\n    metricName: 'lcp',\n    value: lcpValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    endTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks CLS as a streamed span.\n */\nexport function trackClsAsSpan(client: Client, perNavigation = false): void {\n  if (!supportsWebVital('layout-shift')) {\n    return;\n  }\n\n  if (perNavigation) {\n    trackWebVitalPerNavigation(client, addClsInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n      _sendClsSpan(\n        metric.value,\n        entry,\n        parentSpan,\n        softNavigationId,\n        metric.navigationType,\n        metric.navigationStartTime,\n      );\n    });\n    return;\n  }\n\n  let clsValue = 0;\n  let clsEntry: LayoutShift | undefined;\n  let clsNavigationType: MetricNavigationType | undefined;\n\n  const cleanupClsHandler = addClsInstrumentationHandler(({ metric }) => {\n    // A CLS of 0 is reported with no entries and still emits a span, so the navigation type has to\n    // be captured before the entry check rather than alongside the value.\n    clsNavigationType = metric.navigationType;\n\n    const entry = metric.entries[metric.entries.length - 1] as LayoutShift | undefined;\n    if (!entry) {\n      return;\n    }\n    clsValue = metric.value;\n    clsEntry = entry;\n  }, true);\n\n  listenForWebVitalReportEvents(client, pageloadSpan => {\n    _sendClsSpan(clsValue, clsEntry, pageloadSpan, undefined, clsNavigationType);\n    cleanupClsHandler();\n  });\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendClsSpan(\n  clsValue: number,\n  entry: LayoutShift | undefined,\n  pageloadSpan?: Span,\n  softNavigationId?: number,\n  navigationType?: MetricNavigationType,\n  navigationStartTime?: number,\n): void {\n  DEBUG_BUILD && debug.log(`Sending CLS span (${clsValue})`);\n\n  const performanceTimeOrigin = browserPerformanceTimeOrigin();\n  // A CLS of 0 has no shift to place the span at. It is reported when the navigation it was\n  // measured on is already over - the next soft navigation, or pagehide - so the current time would\n  // land it outside that navigation, on the route that follows it.\n  const offset = entry?.startTime ?? navigationStartTime ?? 0;\n  const startTime = performanceTimeOrigin ? msToSec(performanceTimeOrigin + offset) : timestampInSeconds();\n  const firstSourceNode = entry?.sources[0]?.node;\n  const selector = entry ? htmlTreeAsString(firstSourceNode) : undefined;\n  const componentName = firstSourceNode ? getComponentName(firstSourceNode) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const name = hasSpanStreaming\n    ? componentName || UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK\n    : (selector ?? UI_WEBVITAL_CLS_SPAN_NAME_FALLBACK);\n\n  const attributes: SpanAttributes = {};\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  if (entry?.sources) {\n    entry.sources.forEach((source, index) => {\n      attributes[`browser.web_vital.cls.source.${index + 1}`] = htmlTreeAsString(source.node);\n    });\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: UI_WEBVITAL_CLS,\n    origin: 'auto.http.browser.cls',\n    metricName: 'cls',\n    value: clsValue,\n    attributes,\n    parentSpan: pageloadSpan,\n    startTime,\n    softNavigationId,\n    navigationType,\n  });\n}\n\n/**\n * Tracks INP and emits it as a web vital span, as a child of the interaction's root span.\n * Requires `registerInpInteractionListener()` to be called separately for cached element names and\n * root spans per interaction.\n */\nexport function trackInpAsSpan(client: Client, perNavigation = false): void {\n  const performance = getBrowserPerformanceAPI();\n  if (!performance || !browserPerformanceTimeOrigin()) {\n    return;\n  }\n\n  // INP reports late (on pagehide, after the pageload span has ended). With span streaming enabled\n  // it rides the streaming pipeline. With streaming disabled it would be dropped as a late span, so\n  // it is emitted as its own standalone v2 span instead (see `_emitWebVitalSpan`), overriding the\n  // static trace lifecycle for INP only.\n  // TODO(standalone): once the static trace lifecycle is dropped, INP always streams; drop this flag.\n  const standalone = !hasSpanStreamingEnabled(client);\n\n  if (perNavigation) {\n    // INP restarts per navigation and reports once that navigation is over, by which point the\n    // navigation span has ended and the interaction cache no longer knows about it. The metric\n    // says which navigation it belongs to, so INP is attributed exactly like LCP and CLS.\n    trackWebVitalPerNavigation(client, addInpInstrumentationHandler, (metric, parentSpan, softNavigationId) => {\n      if (isPlausibleInp(metric)) {\n        _sendInpSpan(metric.value, findInpEntry(metric), standalone, parentSpan, softNavigationId, metric);\n      }\n    });\n    return;\n  }\n\n  const onInp: InstrumentationHandlerCallback = ({ metric }) => {\n    if (isPlausibleInp(metric)) {\n      _sendInpSpan(metric.value, findInpEntry(metric), standalone, undefined, undefined, metric);\n    }\n  };\n\n  addInpInstrumentationHandler(onInp);\n}\n\nfunction isPlausibleInp(metric: InpMetric): boolean {\n  return metric.value != null && msToSec(metric.value) <= MAX_PLAUSIBLE_INP_DURATION;\n}\n\n/**\n * The entry an INP span is built from: the one whose duration the reported value came from.\n *\n * There isn't always one. When every interaction of a soft navigation stayed below the Event Timing\n * threshold, web-vitals reports a synthetic value with no entries at all - see\n * `_estimateP98LongestInteraction`. The span still gets reported in that case, just without the\n * element and interaction type an entry would have supplied.\n */\nfunction findInpEntry(metric: InpMetric): PerformanceEventTiming | undefined {\n  return metric.entries.find(e => e.duration === metric.value && INP_ENTRY_MAP[e.name]);\n}\n\n/**\n * Exported only for testing.\n */\nexport function _sendInpSpan(\n  inpValue: number,\n  entry: PerformanceEventTiming | undefined,\n  standalone = false,\n  attributedSpan?: Span,\n  softNavigationId?: number,\n  metric?: InpMetric,\n): void {\n  DEBUG_BUILD && debug.log(`Sending INP span (${inpValue})`);\n\n  // A web vital span carries the metric, not a real interaction timing, so an INP without an entry\n  // is still worth reporting. It just has no element or interaction type to describe, and is placed\n  // at the start of the navigation it belongs to rather than at the interaction.\n  const startTime = msToSec(\n    (browserPerformanceTimeOrigin() as number) + (entry?.startTime ?? metric?.navigationStartTime ?? 0),\n  );\n  const duration = msToSec(inpValue);\n  // An INP without an entry has no interaction type to report. It still has to land inside the\n  // `ui.interaction.*` family, because falling outside it would hide exactly the fast navigations\n  // that web-vitals synthesizes these values for (GoogleChrome/web-vitals#724), reintroducing the\n  // reporting bias they were added to remove.\n  const entryInteractionType = entry && INP_ENTRY_MAP[entry.name];\n  const interactionType = entryInteractionType || 'click';\n\n  const cachedContext = entry && getCachedInteractionContext(entry.interactionId);\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan ? getRootSpan(activeSpan) : undefined;\n\n  // With soft navigations the caller knows exactly which navigation the metric belongs to. Without\n  // them we fall back to the span that was active when the interaction was observed.\n  const spanToUse = attributedSpan || cachedContext?.span || rootSpan;\n  const selector = cachedContext?.elementName || (entry ? htmlTreeAsString(entry.target) : undefined);\n  const componentName = entry?.target ? getComponentName(entry.target) : null;\n  const client = getClient();\n  const hasSpanStreaming = !!client && hasSpanStreamingEnabled(client);\n  const fallbackName = INTERACTION_TYPE_TO_SPAN_NAME_FALLBACK[interactionType];\n  const name = hasSpanStreaming ? componentName || fallbackName : (selector ?? 'Interaction to next paint');\n\n  const attributes: SpanAttributes = {\n    [SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME]: entry?.duration ?? inpValue,\n  };\n\n  // The span's name and op always have a value, even for an INP without an entry, so they can't\n  // say whether there was an interaction to describe. These attributes can: they are only set for\n  // what was actually observed. The name no longer holds the selector either, now that it is the\n  // component name or the op's fallback under span streaming.\n  selector && selector !== UNKNOWN_ELEMENT_NAME && (attributes[BROWSER_WEB_VITAL_INP_TARGET] = selector);\n  entryInteractionType && (attributes[BROWSER_WEB_VITAL_INP_INTERACTION_TYPE] = entryInteractionType);\n\n  if (componentName) {\n    attributes[UI_COMPONENT_NAME] = componentName;\n  }\n\n  _emitWebVitalSpan({\n    name,\n    op: INTERACTION_TYPE_TO_SPAN_OP[interactionType],\n    origin: 'auto.http.browser.inp',\n    metricName: 'inp',\n    value: inpValue,\n    attributes,\n    startTime,\n    endTime: startTime + duration,\n    navigationType: metric?.navigationType,\n    parentSpan: spanToUse,\n    standalone,\n    softNavigationId,\n  });\n}\n"],"names":[],"mappings":"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"}

package/build/types/instrumentation/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/dom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAgC/C;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,GAAG,IAAI,CAIpG;AAED,+BAA+B;AAC/B,wBAAgB,aAAa,IAAI,IAAI,CAuFpC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/dom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA+C/C;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,GAAG,IAAI,CAIpG;AAED,+BAA+B;AAC/B,wBAAgB,aAAa,IAAI,IAAI,CA8GpC"}

package/build/types/performance/interactions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/performance/interactions.ts"],"names":[],"mappings":"AAwCA,UAAU,mBAAmB;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAuED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,uBAAuB;;CAA8C,CAAC"}
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/performance/interactions.ts"],"names":[],"mappings":"AAyCA,UAAU,mBAAmB;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAuED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,uBAAuB;;CAA8C,CAAC"}

package/build/types/web-vitals/spans.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spans.d.ts","sourceRoot":"","sources":["../../../src/web-vitals/spans.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAwBjE,OAAO,KAAK,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAMnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAOtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AA0BrF,KAAK,SAAS,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AA+DzE;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAyC1E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,sBAAsB,GAAG,SAAS,EACzC,YAAY,CAAC,EAAE,IAAI,EACnB,gBAAgB,CAAC,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,oBAAoB,EACrC,mBAAmB,CAAC,EAAE,MAAM,GAC3B,IAAI,CAkDN;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAyC1E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,YAAY,CAAC,EAAE,IAAI,EACnB,gBAAgB,CAAC,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,oBAAoB,EACrC,mBAAmB,CAAC,EAAE,MAAM,GAC3B,IAAI,CA0CN;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAgC1E;AAkBD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,sBAAsB,GAAG,SAAS,EACzC,UAAU,UAAQ,EAClB,cAAc,CAAC,EAAE,IAAI,EACrB,gBAAgB,CAAC,EAAE,MAAM,EACzB,MAAM,CAAC,EAAE,SAAS,GACjB,IAAI,CA6DN"}
+{"version":3,"file":"spans.d.ts","sourceRoot":"","sources":["../../../src/web-vitals/spans.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAwBjE,OAAO,KAAK,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAMnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAYtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AA0BrF,KAAK,SAAS,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AA+DzE;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAyC1E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,sBAAsB,GAAG,SAAS,EACzC,YAAY,CAAC,EAAE,IAAI,EACnB,gBAAgB,CAAC,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,oBAAoB,EACrC,mBAAmB,CAAC,EAAE,MAAM,GAC3B,IAAI,CAkDN;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAyC1E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,YAAY,CAAC,EAAE,IAAI,EACnB,gBAAgB,CAAC,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,oBAAoB,EACrC,mBAAmB,CAAC,EAAE,MAAM,GAC3B,IAAI,CA0CN;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,UAAQ,GAAG,IAAI,CAgC1E;AAkBD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,sBAAsB,GAAG,SAAS,EACzC,UAAU,UAAQ,EAClB,cAAc,CAAC,EAAE,IAAI,EACrB,gBAAgB,CAAC,EAAE,MAAM,EACzB,MAAM,CAAC,EAAE,SAAS,GACjB,IAAI,CA4DN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/browser-utils",
-  "version": "11.0.0",
+  "version": "11.2.0",
   "description": "Browser Utilities for all Sentry JavaScript SDKs",
   "repository": "git://github.com/getsentry/sentry-javascript.git",
   "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/browser-utils",
@@ -33,8 +33,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/core": "11.0.0",
-    "@sentry/conventions": "^0.23.0",
+    "@sentry/core": "11.2.0",
+    "@sentry/conventions": "^0.24.0",
     "web-vitals": "^6.1.1"
   },
   "scripts": {