@sentry/browser 11.0.0 → 11.1.0

package/README.md

@@ -11,48 +11,14 @@
 [![npm dm](https://img.shields.io/npm/dm/@sentry/browser.svg)](https://www.npmjs.com/package/@sentry/browser)
 [![npm dt](https://img.shields.io/npm/dt/@sentry/browser.svg)](https://www.npmjs.com/package/@sentry/browser)
 
-## Links
+The official Sentry SDK for monitoring JavaScript applications in the browser.
 
-- [Official SDK Docs](https://docs.sentry.io/quickstart/)
+## Documentation
 
-## Usage
+- [Getting started](https://docs.sentry.io/platforms/javascript/)
+- [Configuration](https://docs.sentry.io/platforms/javascript/configuration/)
 
-To use this SDK, call `Sentry.init(options)` as early as possible after loading the page. This will initialize the SDK
-and hook into the environment. Note that you can turn off almost all side effects using the respective options.
+## Support
 
-```javascript
-import * as Sentry from '@sentry/browser';
-
-Sentry.init({
-  dsn: '__DSN__',
-  // ...
-});
-```
-
-To set context information or send manual events, use the exported functions of `@sentry/browser`. Note that these
-functions will not perform any action before you have called `Sentry.init()`:
-
-```javascript
-import * as Sentry from '@sentry/browser';
-
-// Set user information, as well as tags and further extras
-Sentry.setExtra('battery', 0.7);
-Sentry.setTag('user_mode', 'admin');
-Sentry.setUser({ id: '4711' });
-
-// Add a breadcrumb for future events
-Sentry.addBreadcrumb({
-  message: 'My Breadcrumb',
-  // ...
-});
-
-// Capture exceptions, messages or manual events
-Sentry.captureMessage('Hello, world!');
-Sentry.captureException(new Error('Good bye'));
-Sentry.captureEvent({
-  message: 'Manual',
-  stacktrace: [
-    // ...
-  ],
-});
-```
+- [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/npm/cjs/dev/integrations/httpcontext.js

@@ -43,7 +43,7 @@ const httpContextIntegration = core.defineIntegration(() => {
         // Likewise for the "Filter out localhost events" feature. Deliberately inlined rather than
         // sharing the server-side helper, which costs bundle size for request headers and IPs that
         // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).
-        "sentry.is_localhost": protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
+        [attributes.SENTRY_IS_LOCALHOST]: protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
         hostname === "[::1]" || !!hostname?.endsWith(".localhost"),
         // These attributes, we only need on the segment span (analogous to the `request` context for events)
         ...span.is_segment && {

package/build/npm/cjs/dev/integrations/httpcontext.js.map

@@ -1 +1 @@
-{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport { HTTP_REQUEST_HEADER_KEY_BASE, SENTRY_OP, URL_FULL, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        'sentry.is_localhost':\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":["defineIntegration","WINDOW","getHttpRequestData","_INTERNAL_filterKeyValueData","safeSetSpanJSONAttributes","USER_AGENT_ORIGINAL","URL_FULL","SENTRY_OP","filterCollectedUrl","HTTP_REQUEST_HEADER_KEY_BASE"],"mappings":";;;;;;AASO,MAAM,sBAAA,GAAyBA,uBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAACC,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqBC,0BAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAGC,iCAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAACF,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAUC,0BAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAUC,iCAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAIF,cAAA,CAAO,YAAY,EAAC;AAEnD,MAAAG,8BAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAACC,8BAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,qBAAA,EACE,QAAA,KAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAACC,mBAAQ,GAAG,IAAA,CAAK,UAAA,GAAaC,oBAAS,CAAA,KAAM,aAAA,GAAgBC,uBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAGC,uCAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport {\n  HTTP_REQUEST_HEADER_KEY_BASE,\n  SENTRY_IS_LOCALHOST,\n  SENTRY_OP,\n  URL_FULL,\n  USER_AGENT_ORIGINAL,\n} from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        [SENTRY_IS_LOCALHOST]:\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":["defineIntegration","WINDOW","getHttpRequestData","_INTERNAL_filterKeyValueData","safeSetSpanJSONAttributes","USER_AGENT_ORIGINAL","SENTRY_IS_LOCALHOST","URL_FULL","SENTRY_OP","filterCollectedUrl","HTTP_REQUEST_HEADER_KEY_BASE"],"mappings":";;;;;;AAeO,MAAM,sBAAA,GAAyBA,uBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAACC,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqBC,0BAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAGC,iCAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAACF,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAUC,0BAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAUC,iCAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAIF,cAAA,CAAO,YAAY,EAAC;AAEnD,MAAAG,8BAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAACC,8BAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,CAACC,8BAAmB,GAClB,aAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAACC,mBAAQ,GAAG,IAAA,CAAK,UAAA,GAAaC,oBAAS,CAAA,KAAM,aAAA,GAAgBC,uBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAGC,uCAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}

package/build/npm/cjs/dev/integrations/spotlight.js

@@ -2,13 +2,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const core = require('@sentry/core');
 const browserUtils = require('@sentry/browser-utils');
+const attributes = require('@sentry/conventions/attributes');
 const op = require('@sentry/conventions/op');
 const debugBuild = require('../debug-build.js');
 
 const INTEGRATION_NAME = "SpotlightBrowser";
 const SPOTLIGHT_IGNORE_SPANS = [
   { op: op.UI_INTERACTION_CLICK, name: "#sentry-spotlight" },
-  { op: op.UI_INTERACTION_CLICK, attributes: { "browser.web_vital.inp.target": "#sentry-spotlight" } }
+  { op: op.UI_INTERACTION_CLICK, attributes: { [attributes.BROWSER_WEB_VITAL_INP_TARGET]: "#sentry-spotlight" } }
 ];
 const _spotlightIntegration = ((options = {}) => {
   const sidecarUrl = options.sidecarUrl || "http://localhost:8969/stream";

package/build/npm/cjs/dev/integrations/spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { 'browser.web_vital.inp.target': '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":["UI_INTERACTION_CLICK","DEBUG_BUILD","debug","getNativeImplementation","serializeEnvelope","defineIntegration"],"mappings":";;;;;;;AAeO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAIA,uBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,EAAA,EAAIA,uBAAA,EAAsB,YAAY,EAAE,8BAAA,EAAgC,qBAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAAC,sBAAA,IAAeC,UAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6CC,qCAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAAD,UAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAME,uBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAAF,UAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8BG,uBAAkB,qBAAqB;;;;;;"}
+{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":["UI_INTERACTION_CLICK","BROWSER_WEB_VITAL_INP_TARGET","DEBUG_BUILD","debug","getNativeImplementation","serializeEnvelope","defineIntegration"],"mappings":";;;;;;;;AAgBO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAIA,uBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,IAAIA,uBAAA,EAAsB,UAAA,EAAY,EAAE,CAACC,uCAA4B,GAAG,mBAAA,EAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAAC,sBAAA,IAAeC,UAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6CC,qCAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAAD,UAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAME,uBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAAF,UAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8BG,uBAAkB,qBAAqB;;;;;;"}

package/build/npm/cjs/dev/report-dialog.js

@@ -26,14 +26,24 @@ function showReportDialog(options = {}) {
     },
     eventId: options.eventId || core.lastEventId()
   };
+  const { onLoad, onClose, onError } = mergedOptions;
+  if (!mergedOptions.eventId) {
+    debugBuild.DEBUG_BUILD && core.debug.error("[showReportDialog] No event ID");
+    onError?.(new Error("No event ID to show the report dialog for"));
+    return;
+  }
   const script = helpers.WINDOW.document.createElement("script");
   script.async = true;
   script.crossOrigin = "anonymous";
   script.src = core.getReportDialogEndpoint(dsn, mergedOptions);
-  const { onLoad, onClose } = mergedOptions;
   if (onLoad) {
     script.onload = onLoad;
   }
+  if (onError) {
+    script.onerror = () => {
+      onError(new Error("Failed to load the report dialog script"));
+    };
+  }
   if (onClose) {
     const reportDialogClosedMessageHandler = (event) => {
       if (event.data === "__sentry_reportdialog_closed__") {
@@ -45,6 +55,9 @@ function showReportDialog(options = {}) {
       }
     };
     helpers.WINDOW.addEventListener("message", reportDialogClosedMessageHandler);
+    script.addEventListener("error", () => {
+      helpers.WINDOW.removeEventListener("message", reportDialogClosedMessageHandler);
+    });
   }
   injectionPoint.appendChild(script);
 }

package/build/npm/cjs/dev/report-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  const { onLoad, onClose } = mergedOptions;\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":["WINDOW","DEBUG_BUILD","debug","getCurrentScope","getClient","lastEventId","getReportDialogEndpoint"],"mappings":";;;;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmBA,cAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAAC,sBAAA,IAAeC,UAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQC,oBAAA,EAAgB;AAC9B,EAAA,MAAM,SAASC,cAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAAH,sBAAA,IAAeC,UAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAWG,gBAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,MAAA,GAASL,cAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAMM,4BAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,aAAA;AAE5B,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAAN,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAAA,cAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAAA,EACrE;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}
+{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const { onLoad, onClose, onError } = mergedOptions;\n\n  // The endpoint rejects requests without an event ID, and a failed script load hides the reason\n  if (!mergedOptions.eventId) {\n    DEBUG_BUILD && debug.error('[showReportDialog] No event ID');\n    onError?.(new Error('No event ID to show the report dialog for'));\n    return;\n  }\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onError) {\n    script.onerror = () => {\n      onError(new Error('Failed to load the report dialog script'));\n    };\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n    // A dialog that never loads never closes, so the listener would stay forever\n    script.addEventListener('error', () => {\n      WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n    });\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":["WINDOW","DEBUG_BUILD","debug","getCurrentScope","getClient","lastEventId","getReportDialogEndpoint"],"mappings":";;;;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmBA,cAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAAC,sBAAA,IAAeC,UAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQC,oBAAA,EAAgB;AAC9B,EAAA,MAAM,SAASC,cAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAAH,sBAAA,IAAeC,UAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAWG,gBAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAQ,GAAI,aAAA;AAGrC,EAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,IAAAJ,sBAAA,IAAeC,UAAA,CAAM,MAAM,gCAAgC,CAAA;AAC3D,IAAA,OAAA,GAAU,IAAI,KAAA,CAAM,2CAA2C,CAAC,CAAA;AAChE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,MAAA,GAASF,cAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAMM,4BAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,CAAO,UAAU,MAAM;AACrB,MAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,yCAAyC,CAAC,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAAN,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAAA,cAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAEnE,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,MAAM;AACrC,MAAAA,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,IACxE,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}

package/build/npm/cjs/prod/integrations/httpcontext.js

@@ -43,7 +43,7 @@ const httpContextIntegration = core.defineIntegration(() => {
         // Likewise for the "Filter out localhost events" feature. Deliberately inlined rather than
         // sharing the server-side helper, which costs bundle size for request headers and IPs that
         // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).
-        "sentry.is_localhost": protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
+        [attributes.SENTRY_IS_LOCALHOST]: protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
         hostname === "[::1]" || !!hostname?.endsWith(".localhost"),
         // These attributes, we only need on the segment span (analogous to the `request` context for events)
         ...span.is_segment && {

package/build/npm/cjs/prod/integrations/httpcontext.js.map

@@ -1 +1 @@
-{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport { HTTP_REQUEST_HEADER_KEY_BASE, SENTRY_OP, URL_FULL, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        'sentry.is_localhost':\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":["defineIntegration","WINDOW","getHttpRequestData","_INTERNAL_filterKeyValueData","safeSetSpanJSONAttributes","USER_AGENT_ORIGINAL","URL_FULL","SENTRY_OP","filterCollectedUrl","HTTP_REQUEST_HEADER_KEY_BASE"],"mappings":";;;;;;AASO,MAAM,sBAAA,GAAyBA,uBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAACC,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqBC,0BAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAGC,iCAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAACF,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAUC,0BAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAUC,iCAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAIF,cAAA,CAAO,YAAY,EAAC;AAEnD,MAAAG,8BAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAACC,8BAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,qBAAA,EACE,QAAA,KAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAACC,mBAAQ,GAAG,IAAA,CAAK,UAAA,GAAaC,oBAAS,CAAA,KAAM,aAAA,GAAgBC,uBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAGC,uCAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport {\n  HTTP_REQUEST_HEADER_KEY_BASE,\n  SENTRY_IS_LOCALHOST,\n  SENTRY_OP,\n  URL_FULL,\n  USER_AGENT_ORIGINAL,\n} from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        [SENTRY_IS_LOCALHOST]:\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":["defineIntegration","WINDOW","getHttpRequestData","_INTERNAL_filterKeyValueData","safeSetSpanJSONAttributes","USER_AGENT_ORIGINAL","SENTRY_IS_LOCALHOST","URL_FULL","SENTRY_OP","filterCollectedUrl","HTTP_REQUEST_HEADER_KEY_BASE"],"mappings":";;;;;;AAeO,MAAM,sBAAA,GAAyBA,uBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAACC,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqBC,0BAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAGC,iCAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAACF,eAAO,SAAA,IAAa,CAACA,eAAO,QAAA,IAAY,CAACA,eAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAUC,0BAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAUC,iCAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAIF,cAAA,CAAO,YAAY,EAAC;AAEnD,MAAAG,8BAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAACC,8BAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,CAACC,8BAAmB,GAClB,aAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAACC,mBAAQ,GAAG,IAAA,CAAK,UAAA,GAAaC,oBAAS,CAAA,KAAM,aAAA,GAAgBC,uBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAGC,uCAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}

package/build/npm/cjs/prod/integrations/spotlight.js

@@ -2,13 +2,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const core = require('@sentry/core');
 const browserUtils = require('@sentry/browser-utils');
+const attributes = require('@sentry/conventions/attributes');
 const op = require('@sentry/conventions/op');
 const debugBuild = require('../debug-build.js');
 
 const INTEGRATION_NAME = "SpotlightBrowser";
 const SPOTLIGHT_IGNORE_SPANS = [
   { op: op.UI_INTERACTION_CLICK, name: "#sentry-spotlight" },
-  { op: op.UI_INTERACTION_CLICK, attributes: { "browser.web_vital.inp.target": "#sentry-spotlight" } }
+  { op: op.UI_INTERACTION_CLICK, attributes: { [attributes.BROWSER_WEB_VITAL_INP_TARGET]: "#sentry-spotlight" } }
 ];
 const _spotlightIntegration = ((options = {}) => {
   const sidecarUrl = options.sidecarUrl || "http://localhost:8969/stream";

package/build/npm/cjs/prod/integrations/spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { 'browser.web_vital.inp.target': '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":["UI_INTERACTION_CLICK","DEBUG_BUILD","debug","getNativeImplementation","serializeEnvelope","defineIntegration"],"mappings":";;;;;;;AAeO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAIA,uBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,EAAA,EAAIA,uBAAA,EAAsB,YAAY,EAAE,8BAAA,EAAgC,qBAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAAC,sBAAA,IAAeC,UAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6CC,qCAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAAD,UAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAME,uBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAAF,UAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8BG,uBAAkB,qBAAqB;;;;;;"}
+{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":["UI_INTERACTION_CLICK","BROWSER_WEB_VITAL_INP_TARGET","DEBUG_BUILD","debug","getNativeImplementation","serializeEnvelope","defineIntegration"],"mappings":";;;;;;;;AAgBO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAIA,uBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,IAAIA,uBAAA,EAAsB,UAAA,EAAY,EAAE,CAACC,uCAA4B,GAAG,mBAAA,EAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAAC,sBAAA,IAAeC,UAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6CC,qCAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAAD,UAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAME,uBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAAF,UAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8BG,uBAAkB,qBAAqB;;;;;;"}

package/build/npm/cjs/prod/report-dialog.js

@@ -26,14 +26,24 @@ function showReportDialog(options = {}) {
     },
     eventId: options.eventId || core.lastEventId()
   };
+  const { onLoad, onClose, onError } = mergedOptions;
+  if (!mergedOptions.eventId) {
+    debugBuild.DEBUG_BUILD && core.debug.error("[showReportDialog] No event ID");
+    onError?.(new Error("No event ID to show the report dialog for"));
+    return;
+  }
   const script = helpers.WINDOW.document.createElement("script");
   script.async = true;
   script.crossOrigin = "anonymous";
   script.src = core.getReportDialogEndpoint(dsn, mergedOptions);
-  const { onLoad, onClose } = mergedOptions;
   if (onLoad) {
     script.onload = onLoad;
   }
+  if (onError) {
+    script.onerror = () => {
+      onError(new Error("Failed to load the report dialog script"));
+    };
+  }
   if (onClose) {
     const reportDialogClosedMessageHandler = (event) => {
       if (event.data === "__sentry_reportdialog_closed__") {
@@ -45,6 +55,9 @@ function showReportDialog(options = {}) {
       }
     };
     helpers.WINDOW.addEventListener("message", reportDialogClosedMessageHandler);
+    script.addEventListener("error", () => {
+      helpers.WINDOW.removeEventListener("message", reportDialogClosedMessageHandler);
+    });
   }
   injectionPoint.appendChild(script);
 }

package/build/npm/cjs/prod/report-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  const { onLoad, onClose } = mergedOptions;\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":["WINDOW","DEBUG_BUILD","debug","getCurrentScope","getClient","lastEventId","getReportDialogEndpoint"],"mappings":";;;;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmBA,cAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAAC,sBAAA,IAAeC,UAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQC,oBAAA,EAAgB;AAC9B,EAAA,MAAM,SAASC,cAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAAH,sBAAA,IAAeC,UAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAWG,gBAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,MAAA,GAASL,cAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAMM,4BAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,aAAA;AAE5B,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAAN,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAAA,cAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAAA,EACrE;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}
+{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const { onLoad, onClose, onError } = mergedOptions;\n\n  // The endpoint rejects requests without an event ID, and a failed script load hides the reason\n  if (!mergedOptions.eventId) {\n    DEBUG_BUILD && debug.error('[showReportDialog] No event ID');\n    onError?.(new Error('No event ID to show the report dialog for'));\n    return;\n  }\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onError) {\n    script.onerror = () => {\n      onError(new Error('Failed to load the report dialog script'));\n    };\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n    // A dialog that never loads never closes, so the listener would stay forever\n    script.addEventListener('error', () => {\n      WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n    });\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":["WINDOW","DEBUG_BUILD","debug","getCurrentScope","getClient","lastEventId","getReportDialogEndpoint"],"mappings":";;;;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmBA,cAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAAC,sBAAA,IAAeC,UAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQC,oBAAA,EAAgB;AAC9B,EAAA,MAAM,SAASC,cAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAAH,sBAAA,IAAeC,UAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAWG,gBAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAQ,GAAI,aAAA;AAGrC,EAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,IAAAJ,sBAAA,IAAeC,UAAA,CAAM,MAAM,gCAAgC,CAAA;AAC3D,IAAA,OAAA,GAAU,IAAI,KAAA,CAAM,2CAA2C,CAAC,CAAA;AAChE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,MAAA,GAASF,cAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAMM,4BAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,CAAO,UAAU,MAAM;AACrB,MAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,yCAAyC,CAAC,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAAN,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAAA,cAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAEnE,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,MAAM;AACrC,MAAAA,cAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,IACxE,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}

package/build/npm/esm/dev/integrations/httpcontext.js

@@ -1,6 +1,6 @@
 import { defineIntegration, _INTERNAL_filterKeyValueData, safeSetSpanJSONAttributes, filterCollectedUrl } from '@sentry/core';
 import { WINDOW, getHttpRequestData } from '../helpers.js';
-import { HTTP_REQUEST_HEADER_KEY_BASE, URL_FULL, SENTRY_OP, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';
+import { HTTP_REQUEST_HEADER_KEY_BASE, URL_FULL, SENTRY_OP, SENTRY_IS_LOCALHOST, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';
 
 const httpContextIntegration = defineIntegration(() => {
   return {
@@ -41,7 +41,7 @@ const httpContextIntegration = defineIntegration(() => {
         // Likewise for the "Filter out localhost events" feature. Deliberately inlined rather than
         // sharing the server-side helper, which costs bundle size for request headers and IPs that
         // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).
-        "sentry.is_localhost": protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
+        [SENTRY_IS_LOCALHOST]: protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
         hostname === "[::1]" || !!hostname?.endsWith(".localhost"),
         // These attributes, we only need on the segment span (analogous to the `request` context for events)
         ...span.is_segment && {

package/build/npm/esm/dev/integrations/httpcontext.js.map

@@ -1 +1 @@
-{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport { HTTP_REQUEST_HEADER_KEY_BASE, SENTRY_OP, URL_FULL, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        'sentry.is_localhost':\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAAA,GAAyB,kBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqB,kBAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAG,4BAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAU,kBAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAU,4BAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAI,MAAA,CAAO,YAAY,EAAC;AAEnD,MAAA,yBAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAAC,mBAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,qBAAA,EACE,QAAA,KAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAAC,QAAQ,GAAG,IAAA,CAAK,UAAA,GAAa,SAAS,CAAA,KAAM,aAAA,GAAgB,kBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAG,4BAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport {\n  HTTP_REQUEST_HEADER_KEY_BASE,\n  SENTRY_IS_LOCALHOST,\n  SENTRY_OP,\n  URL_FULL,\n  USER_AGENT_ORIGINAL,\n} from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        [SENTRY_IS_LOCALHOST]:\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":[],"mappings":";;;;AAeO,MAAM,sBAAA,GAAyB,kBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqB,kBAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAG,4BAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAU,kBAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAU,4BAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAI,MAAA,CAAO,YAAY,EAAC;AAEnD,MAAA,yBAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAAC,mBAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,CAAC,mBAAmB,GAClB,aAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAAC,QAAQ,GAAG,IAAA,CAAK,UAAA,GAAa,SAAS,CAAA,KAAM,aAAA,GAAgB,kBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAG,4BAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}

package/build/npm/esm/dev/integrations/spotlight.js

@@ -1,12 +1,13 @@
 import { defineIntegration, debug, serializeEnvelope } from '@sentry/core';
 import { getNativeImplementation } from '@sentry/browser-utils';
+import { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';
 import { UI_INTERACTION_CLICK } from '@sentry/conventions/op';
 import { DEBUG_BUILD } from '../debug-build.js';
 
 const INTEGRATION_NAME = "SpotlightBrowser";
 const SPOTLIGHT_IGNORE_SPANS = [
   { op: UI_INTERACTION_CLICK, name: "#sentry-spotlight" },
-  { op: UI_INTERACTION_CLICK, attributes: { "browser.web_vital.inp.target": "#sentry-spotlight" } }
+  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: "#sentry-spotlight" } }
 ];
 const _spotlightIntegration = ((options = {}) => {
   const sidecarUrl = options.sidecarUrl || "http://localhost:8969/stream";

package/build/npm/esm/dev/integrations/spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { 'browser.web_vital.inp.target': '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;;AAeO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAI,oBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,EAAA,EAAI,oBAAA,EAAsB,YAAY,EAAE,8BAAA,EAAgC,qBAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAA,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6C,wBAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,KAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8B,kBAAkB,qBAAqB;;;;"}
+{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAI,oBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,IAAI,oBAAA,EAAsB,UAAA,EAAY,EAAE,CAAC,4BAA4B,GAAG,mBAAA,EAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAA,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6C,wBAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,KAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8B,kBAAkB,qBAAqB;;;;"}

package/build/npm/esm/dev/package.json

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

package/build/npm/esm/dev/report-dialog.js

@@ -24,14 +24,24 @@ function showReportDialog(options = {}) {
     },
     eventId: options.eventId || lastEventId()
   };
+  const { onLoad, onClose, onError } = mergedOptions;
+  if (!mergedOptions.eventId) {
+    DEBUG_BUILD && debug.error("[showReportDialog] No event ID");
+    onError?.(new Error("No event ID to show the report dialog for"));
+    return;
+  }
   const script = WINDOW.document.createElement("script");
   script.async = true;
   script.crossOrigin = "anonymous";
   script.src = getReportDialogEndpoint(dsn, mergedOptions);
-  const { onLoad, onClose } = mergedOptions;
   if (onLoad) {
     script.onload = onLoad;
   }
+  if (onError) {
+    script.onerror = () => {
+      onError(new Error("Failed to load the report dialog script"));
+    };
+  }
   if (onClose) {
     const reportDialogClosedMessageHandler = (event) => {
       if (event.data === "__sentry_reportdialog_closed__") {
@@ -43,6 +53,9 @@ function showReportDialog(options = {}) {
       }
     };
     WINDOW.addEventListener("message", reportDialogClosedMessageHandler);
+    script.addEventListener("error", () => {
+      WINDOW.removeEventListener("message", reportDialogClosedMessageHandler);
+    });
   }
   injectionPoint.appendChild(script);
 }

package/build/npm/esm/dev/report-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  const { onLoad, onClose } = mergedOptions;\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmB,MAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQ,eAAA,EAAgB;AAC9B,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAW,WAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAM,uBAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,aAAA;AAE5B,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAAA,EACrE;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}
+{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const { onLoad, onClose, onError } = mergedOptions;\n\n  // The endpoint rejects requests without an event ID, and a failed script load hides the reason\n  if (!mergedOptions.eventId) {\n    DEBUG_BUILD && debug.error('[showReportDialog] No event ID');\n    onError?.(new Error('No event ID to show the report dialog for'));\n    return;\n  }\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onError) {\n    script.onerror = () => {\n      onError(new Error('Failed to load the report dialog script'));\n    };\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n    // A dialog that never loads never closes, so the listener would stay forever\n    script.addEventListener('error', () => {\n      WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n    });\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmB,MAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQ,eAAA,EAAgB;AAC9B,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAW,WAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAQ,GAAI,aAAA;AAGrC,EAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gCAAgC,CAAA;AAC3D,IAAA,OAAA,GAAU,IAAI,KAAA,CAAM,2CAA2C,CAAC,CAAA;AAChE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAM,uBAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,CAAO,UAAU,MAAM;AACrB,MAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,yCAAyC,CAAC,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAEnE,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,MAAM;AACrC,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,IACxE,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}

package/build/npm/esm/prod/integrations/httpcontext.js

@@ -1,6 +1,6 @@
 import { defineIntegration, _INTERNAL_filterKeyValueData, safeSetSpanJSONAttributes, filterCollectedUrl } from '@sentry/core';
 import { WINDOW, getHttpRequestData } from '../helpers.js';
-import { HTTP_REQUEST_HEADER_KEY_BASE, URL_FULL, SENTRY_OP, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';
+import { HTTP_REQUEST_HEADER_KEY_BASE, URL_FULL, SENTRY_OP, SENTRY_IS_LOCALHOST, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';
 
 const httpContextIntegration = defineIntegration(() => {
   return {
@@ -41,7 +41,7 @@ const httpContextIntegration = defineIntegration(() => {
         // Likewise for the "Filter out localhost events" feature. Deliberately inlined rather than
         // sharing the server-side helper, which costs bundle size for request headers and IPs that
         // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).
-        "sentry.is_localhost": protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
+        [SENTRY_IS_LOCALHOST]: protocol === "file:" || hostname === "localhost" || hostname === "127.0.0.1" || // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.
         hostname === "[::1]" || !!hostname?.endsWith(".localhost"),
         // These attributes, we only need on the segment span (analogous to the `request` context for events)
         ...span.is_segment && {

package/build/npm/esm/prod/integrations/httpcontext.js.map

@@ -1 +1 @@
-{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport { HTTP_REQUEST_HEADER_KEY_BASE, SENTRY_OP, URL_FULL, USER_AGENT_ORIGINAL } from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        'sentry.is_localhost':\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAAA,GAAyB,kBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqB,kBAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAG,4BAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAU,kBAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAU,4BAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAI,MAAA,CAAO,YAAY,EAAC;AAEnD,MAAA,yBAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAAC,mBAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,qBAAA,EACE,QAAA,KAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAAC,QAAQ,GAAG,IAAA,CAAK,UAAA,GAAa,SAAS,CAAA,KAAM,aAAA,GAAgB,kBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAG,4BAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"httpcontext.js","sources":["../../../../../src/integrations/httpcontext.ts"],"sourcesContent":["import { _INTERNAL_filterKeyValueData, defineIntegration, safeSetSpanJSONAttributes } from '@sentry/core';\nimport { getHttpRequestData, WINDOW } from '../helpers';\nimport { filterCollectedUrl } from '@sentry/core';\nimport {\n  HTTP_REQUEST_HEADER_KEY_BASE,\n  SENTRY_IS_LOCALHOST,\n  SENTRY_OP,\n  URL_FULL,\n  USER_AGENT_ORIGINAL,\n} from '@sentry/conventions/attributes';\n\n/**\n * Collects information about HTTP request headers and\n * attaches them to the event.\n */\nexport const httpContextIntegration = defineIntegration(() => {\n  return {\n    name: 'HttpContext' as const,\n    preprocessEvent(event, _hint, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const { url, headers: collectedHeaders } = getHttpRequestData();\n\n      // We only filter the headers we collected ourselves, so headers the user set are left alone. Going by key\n      // means we also catch these headers when `browserTracingIntegration` already put them on the event.\n      const behavior = client.getDataCollectionOptions().httpHeaders.request;\n      const userHeaders = Object.entries(event.request?.headers ?? {}).filter(([key]) => !(key in collectedHeaders));\n\n      const headers = {\n        ..._INTERNAL_filterKeyValueData(collectedHeaders, behavior),\n        ...Object.fromEntries(userHeaders),\n      };\n\n      event.request = {\n        // The URL isn't gated by `dataCollection`, same as on the server.\n        url,\n        ...event.request,\n        ...(Object.keys(headers).length > 0 ? { headers } : { headers: undefined }),\n      };\n    },\n\n    processSpan(span, client) {\n      // if none of the information we want exists, don't bother\n      if (!WINDOW.navigator && !WINDOW.location && !WINDOW.document) {\n        return;\n      }\n\n      const reqData = getHttpRequestData();\n\n      // `httpHeadersToSpanAttributes` would also work here, but its cookie and array handling never runs for these\n      // two headers and costs every browser bundle ~400B gzip.\n      const headers = _INTERNAL_filterKeyValueData(\n        reqData.headers,\n        client.getDataCollectionOptions().httpHeaders.request,\n      );\n      const referer = headers['Referer'];\n      const { hostname, protocol } = WINDOW.location || {};\n\n      safeSetSpanJSONAttributes(span, {\n        // This attribute is used by the \"Filter out events from legacy browsers and crawlers\" features on the Sentry backend.\n        // Therefore, it's set on every span.\n        [USER_AGENT_ORIGINAL]: headers['User-Agent'],\n\n        // Likewise for the \"Filter out localhost events\" feature. Deliberately inlined rather than\n        // sharing the server-side helper, which costs bundle size for request headers and IPs that\n        // don't exist here. Mirrors Relay's localhost filter (relay-filter/src/localhost.rs).\n        [SENTRY_IS_LOCALHOST]:\n          protocol === 'file:' ||\n          hostname === 'localhost' ||\n          hostname === '127.0.0.1' ||\n          // `location.hostname` keeps the brackets for IPv6 hosts, so this is `[::1]`, not `::1`.\n          hostname === '[::1]' ||\n          !!hostname?.endsWith('.localhost'),\n\n        // These attributes, we only need on the segment span (analogous to the `request` context for events)\n        ...(span.is_segment && {\n          // Coerce empty string to undefined so the helper's nullish check drops it,\n          // rather than writing an empty `url.full` attribute onto the span.\n          [URL_FULL]: span.attributes?.[SENTRY_OP] !== 'http.client' ? filterCollectedUrl(reqData.url) : undefined,\n          [`${HTTP_REQUEST_HEADER_KEY_BASE}.referer`]: referer ? [referer] : undefined,\n        }),\n      });\n    },\n  };\n});\n"],"names":[],"mappings":";;;;AAeO,MAAM,sBAAA,GAAyB,kBAAkB,MAAM;AAC5D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,aAAA;AAAA,IACN,eAAA,CAAgB,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ;AAEpC,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAS,gBAAA,KAAqB,kBAAA,EAAmB;AAI9D,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY,OAAA;AAC/D,MAAA,MAAM,cAAc,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,WAAW,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,CAAA,KAAM,EAAE,OAAO,gBAAA,CAAiB,CAAA;AAE7G,MAAA,MAAM,OAAA,GAAU;AAAA,QACd,GAAG,4BAAA,CAA6B,gBAAA,EAAkB,QAAQ,CAAA;AAAA,QAC1D,GAAG,MAAA,CAAO,WAAA,CAAY,WAAW;AAAA,OACnC;AAEA,MAAA,KAAA,CAAM,OAAA,GAAU;AAAA;AAAA,QAEd,GAAA;AAAA,QACA,GAAG,KAAA,CAAM,OAAA;AAAA,QACT,GAAI,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAQ,GAAI,EAAE,OAAA,EAAS,MAAA;AAAU,OAC3E;AAAA,IACF,CAAA;AAAA,IAEA,WAAA,CAAY,MAAM,MAAA,EAAQ;AAExB,MAAA,IAAI,CAAC,OAAO,SAAA,IAAa,CAAC,OAAO,QAAA,IAAY,CAAC,OAAO,QAAA,EAAU;AAC7D,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAU,kBAAA,EAAmB;AAInC,MAAA,MAAM,OAAA,GAAU,4BAAA;AAAA,QACd,OAAA,CAAQ,OAAA;AAAA,QACR,MAAA,CAAO,wBAAA,EAAyB,CAAE,WAAA,CAAY;AAAA,OAChD;AACA,MAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AACjC,MAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAS,GAAI,MAAA,CAAO,YAAY,EAAC;AAEnD,MAAA,yBAAA,CAA0B,IAAA,EAAM;AAAA;AAAA;AAAA,QAG9B,CAAC,mBAAmB,GAAG,OAAA,CAAQ,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,CAAC,mBAAmB,GAClB,aAAa,OAAA,IACb,QAAA,KAAa,eACb,QAAA,KAAa,WAAA;AAAA,QAEb,aAAa,OAAA,IACb,CAAC,CAAC,QAAA,EAAU,SAAS,YAAY,CAAA;AAAA;AAAA,QAGnC,GAAI,KAAK,UAAA,IAAc;AAAA;AAAA;AAAA,UAGrB,CAAC,QAAQ,GAAG,IAAA,CAAK,UAAA,GAAa,SAAS,CAAA,KAAM,aAAA,GAAgB,kBAAA,CAAmB,OAAA,CAAQ,GAAG,CAAA,GAAI,MAAA;AAAA,UAC/F,CAAC,GAAG,4BAA4B,CAAA,QAAA,CAAU,GAAG,OAAA,GAAU,CAAC,OAAO,CAAA,GAAI;AAAA;AACrE,OACD,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}

package/build/npm/esm/prod/integrations/spotlight.js

@@ -1,12 +1,13 @@
 import { defineIntegration, debug, serializeEnvelope } from '@sentry/core';
 import { getNativeImplementation } from '@sentry/browser-utils';
+import { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';
 import { UI_INTERACTION_CLICK } from '@sentry/conventions/op';
 import { DEBUG_BUILD } from '../debug-build.js';
 
 const INTEGRATION_NAME = "SpotlightBrowser";
 const SPOTLIGHT_IGNORE_SPANS = [
   { op: UI_INTERACTION_CLICK, name: "#sentry-spotlight" },
-  { op: UI_INTERACTION_CLICK, attributes: { "browser.web_vital.inp.target": "#sentry-spotlight" } }
+  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: "#sentry-spotlight" } }
 ];
 const _spotlightIntegration = ((options = {}) => {
   const sidecarUrl = options.sidecarUrl || "http://localhost:8969/stream";

package/build/npm/esm/prod/integrations/spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { 'browser.web_vital.inp.target': '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;;AAeO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAI,oBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,EAAA,EAAI,oBAAA,EAAsB,YAAY,EAAE,8BAAA,EAAgC,qBAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAA,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6C,wBAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,KAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8B,kBAAkB,qBAAqB;;;;"}
+{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core';\nimport { getNativeImplementation } from '@sentry/browser-utils';\nimport { BROWSER_WEB_VITAL_INP_TARGET } from '@sentry/conventions/attributes';\nimport { UI_INTERACTION_CLICK } from '@sentry/conventions/op';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser' as const;\n\nexport const SPOTLIGHT_IGNORE_SPANS = [\n  { op: UI_INTERACTION_CLICK, name: '#sentry-spotlight' },\n  { op: UI_INTERACTION_CLICK, attributes: { [BROWSER_WEB_VITAL_INP_TARGET]: '#sentry-spotlight' } },\n];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope) as BodyInit,\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,sBAAA,GAAyB;AAAA,EACpC,EAAE,EAAA,EAAI,oBAAA,EAAsB,IAAA,EAAM,mBAAA,EAAoB;AAAA,EACtD,EAAE,IAAI,oBAAA,EAAsB,UAAA,EAAY,EAAE,CAAC,4BAA4B,GAAG,mBAAA,EAAoB;AAChG;AAEA,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAA,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6C,wBAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,KAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8B,kBAAkB,qBAAqB;;;;"}

package/build/npm/esm/prod/package.json

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

package/build/npm/esm/prod/report-dialog.js

@@ -24,14 +24,24 @@ function showReportDialog(options = {}) {
     },
     eventId: options.eventId || lastEventId()
   };
+  const { onLoad, onClose, onError } = mergedOptions;
+  if (!mergedOptions.eventId) {
+    DEBUG_BUILD && debug.error("[showReportDialog] No event ID");
+    onError?.(new Error("No event ID to show the report dialog for"));
+    return;
+  }
   const script = WINDOW.document.createElement("script");
   script.async = true;
   script.crossOrigin = "anonymous";
   script.src = getReportDialogEndpoint(dsn, mergedOptions);
-  const { onLoad, onClose } = mergedOptions;
   if (onLoad) {
     script.onload = onLoad;
   }
+  if (onError) {
+    script.onerror = () => {
+      onError(new Error("Failed to load the report dialog script"));
+    };
+  }
   if (onClose) {
     const reportDialogClosedMessageHandler = (event) => {
       if (event.data === "__sentry_reportdialog_closed__") {
@@ -43,6 +53,9 @@ function showReportDialog(options = {}) {
       }
     };
     WINDOW.addEventListener("message", reportDialogClosedMessageHandler);
+    script.addEventListener("error", () => {
+      WINDOW.removeEventListener("message", reportDialogClosedMessageHandler);
+    });
   }
   injectionPoint.appendChild(script);
 }

package/build/npm/esm/prod/report-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  const { onLoad, onClose } = mergedOptions;\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmB,MAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQ,eAAA,EAAgB;AAC9B,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAW,WAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAM,uBAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,aAAA;AAE5B,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAAA,EACrE;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}
+{"version":3,"file":"report-dialog.js","sources":["../../../../src/report-dialog.ts"],"sourcesContent":["import type { ReportDialogOptions } from '@sentry/core';\nimport { debug, getClient, getCurrentScope, getReportDialogEndpoint, lastEventId } from '@sentry/core';\nimport { DEBUG_BUILD } from './debug-build';\nimport { WINDOW } from './helpers';\n\n/**\n * Present the user with a report dialog.\n *\n * @param options Everything is optional, we try to fetch all info need from the current scope.\n */\nexport function showReportDialog(options: ReportDialogOptions = {}): void {\n  const optionalDocument = WINDOW.document as Document | undefined;\n  const injectionPoint = optionalDocument?.head || optionalDocument?.body;\n\n  // doesn't work without a document (React Native)\n  if (!injectionPoint) {\n    DEBUG_BUILD && debug.error('[showReportDialog] Global document not defined');\n    return;\n  }\n\n  const scope = getCurrentScope();\n  const client = getClient();\n  const dsn = client?.getDsn();\n\n  if (!dsn) {\n    DEBUG_BUILD && debug.error('[showReportDialog] DSN not configured');\n    return;\n  }\n\n  const mergedOptions = {\n    ...options,\n    user: {\n      ...scope.getUser(),\n      ...options.user,\n    },\n    eventId: options.eventId || lastEventId(),\n  };\n\n  const { onLoad, onClose, onError } = mergedOptions;\n\n  // The endpoint rejects requests without an event ID, and a failed script load hides the reason\n  if (!mergedOptions.eventId) {\n    DEBUG_BUILD && debug.error('[showReportDialog] No event ID');\n    onError?.(new Error('No event ID to show the report dialog for'));\n    return;\n  }\n\n  const script = WINDOW.document.createElement('script');\n  script.async = true;\n  script.crossOrigin = 'anonymous';\n  script.src = getReportDialogEndpoint(dsn, mergedOptions);\n\n  if (onLoad) {\n    script.onload = onLoad;\n  }\n\n  if (onError) {\n    script.onerror = () => {\n      onError(new Error('Failed to load the report dialog script'));\n    };\n  }\n\n  if (onClose) {\n    const reportDialogClosedMessageHandler = (event: MessageEvent): void => {\n      if (event.data === '__sentry_reportdialog_closed__') {\n        try {\n          onClose();\n        } finally {\n          WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n        }\n      }\n    };\n    WINDOW.addEventListener('message', reportDialogClosedMessageHandler);\n    // A dialog that never loads never closes, so the listener would stay forever\n    script.addEventListener('error', () => {\n      WINDOW.removeEventListener('message', reportDialogClosedMessageHandler);\n    });\n  }\n\n  injectionPoint.appendChild(script);\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,gBAAA,CAAiB,OAAA,GAA+B,EAAC,EAAS;AACxE,EAAA,MAAM,mBAAmB,MAAA,CAAO,QAAA;AAChC,EAAA,MAAM,cAAA,GAAiB,gBAAA,EAAkB,IAAA,IAAQ,gBAAA,EAAkB,IAAA;AAGnE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gDAAgD,CAAA;AAC3E,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,QAAQ,eAAA,EAAgB;AAC9B,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,GAAA,GAAM,QAAQ,MAAA,EAAO;AAE3B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,uCAAuC,CAAA;AAClE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,OAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAG,MAAM,OAAA,EAAQ;AAAA,MACjB,GAAG,OAAA,CAAQ;AAAA,KACb;AAAA,IACA,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAW,WAAA;AAAY,GAC1C;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAQ,GAAI,aAAA;AAGrC,EAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,IAAA,WAAA,IAAe,KAAA,CAAM,MAAM,gCAAgC,CAAA;AAC3D,IAAA,OAAA,GAAU,IAAI,KAAA,CAAM,2CAA2C,CAAC,CAAA;AAChE,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACrD,EAAA,MAAA,CAAO,KAAA,GAAQ,IAAA;AACf,EAAA,MAAA,CAAO,WAAA,GAAc,WAAA;AACrB,EAAA,MAAA,CAAO,GAAA,GAAM,uBAAA,CAAwB,GAAA,EAAK,aAAa,CAAA;AAEvD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,EAClB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,CAAO,UAAU,MAAM;AACrB,MAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,yCAAyC,CAAC,CAAA;AAAA,IAC9D,CAAA;AAAA,EACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,gCAAA,GAAmC,CAAC,KAAA,KAA8B;AACtE,MAAA,IAAI,KAAA,CAAM,SAAS,gCAAA,EAAkC;AACnD,QAAA,IAAI;AACF,UAAA,OAAA,EAAQ;AAAA,QACV,CAAA,SAAE;AACA,UAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,QACxE;AAAA,MACF;AAAA,IACF,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,gCAAgC,CAAA;AAEnE,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,MAAM;AACrC,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,gCAAgC,CAAA;AAAA,IACxE,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,cAAA,CAAe,YAAY,MAAM,CAAA;AACnC;;;;"}

package/build/npm/types/integrations/httpcontext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpcontext.d.ts","sourceRoot":"","sources":["../../../../src/integrations/httpcontext.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;CAwEjC,CAAC"}
+{"version":3,"file":"httpcontext.d.ts","sourceRoot":"","sources":["../../../../src/integrations/httpcontext.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;CAwEjC,CAAC"}

package/build/npm/types/integrations/spotlight.d.ts

@@ -14,7 +14,7 @@ export declare const SPOTLIGHT_IGNORE_SPANS: ({
     name?: undefined;
     op: string;
     attributes: {
-        'browser.web_vital.inp.target': string;
+        "browser.web_vital.inp.target": string;
     };
 })[];
 /**

package/build/npm/types/integrations/spotlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.d.ts","sourceRoot":"","sources":["../../../../src/integrations/spotlight.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC;AAE5D,eAAO,MAAM,sBAAsB;;;;;;;;QAES,8BAA8B;;IACzE,CAAC;AAuDF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;CAA2C,CAAC"}
+{"version":3,"file":"spotlight.d.ts","sourceRoot":"","sources":["../../../../src/integrations/spotlight.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC;AAE5D,eAAO,MAAM,sBAAsB;;;;;;;;;;IAGlC,CAAC;AAuDF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;CAA2C,CAAC"}

package/build/npm/types/report-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"report-dialog.d.ts","sourceRoot":"","sources":["../../../src/report-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKxD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAqDxE"}
+{"version":3,"file":"report-dialog.d.ts","sourceRoot":"","sources":["../../../src/report-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKxD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAsExE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/browser",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "description": "Official Sentry SDK for browsers",
   "repository": "git://github.com/getsentry/sentry-javascript.git",
   "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/browser",
@@ -38,15 +38,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/browser-utils": "11.0.0",
-    "@sentry/conventions": "^0.23.0",
-    "@sentry/feedback": "11.0.0",
-    "@sentry/replay": "11.0.0",
-    "@sentry/replay-canvas": "11.0.0",
-    "@sentry/core": "11.0.0"
+    "@sentry/browser-utils": "11.1.0",
+    "@sentry/conventions": "^0.24.0",
+    "@sentry/feedback": "11.1.0",
+    "@sentry/replay": "11.1.0",
+    "@sentry/replay-canvas": "11.1.0",
+    "@sentry/core": "11.1.0"
   },
   "devDependencies": {
-    "@sentry-internal/integration-shims": "11.0.0",
+    "@sentry-internal/integration-shims": "11.1.0",
     "fake-indexeddb": "^6.2.5"
   },
   "scripts": {