feat(tracing): Add tracePropagationTargets option to browser routing instrumentation (#6080)

As part of the work on #5285, this adds a new option, `tracePropagationTargets`, to our browser-side tracing instrumentation, to live alongside (and eventually take the place of) `tracingOrigins`. Its behavior matches that of `tracingOrigins`, but it has a much clearer name.

Switching from internal use of `tracingOrigins` to `tracePropagationTargets` to come in future PRs.

Note: This is what remained of #6041 after the fix in #6079 was split off. h/t @timfish for the initial work in that PR.

Author: lobsterkatie

packages/tracing/src/browser/request.ts

@@ -10,7 +10,9 @@ import {
 
 import { getActiveTransaction, hasTracingEnabled } from '../utils';
 
+// TODO (v8): Remove `tracingOrigins`
 export const DEFAULT_TRACING_ORIGINS = ['localhost', /^\//];
+export const DEFAULT_TRACE_PROPAGATION_TARGETS = ['localhost', /^\//];
 
 /** Options for Request Instrumentation */
 export interface RequestInstrumentationOptions {
@@ -22,6 +24,14 @@ export interface RequestInstrumentationOptions {
    */
   tracingOrigins: Array<string | RegExp>;
 
+  /**
+   * List of strings and/or regexes used to determine which outgoing requests will have `sentry-trace` and `baggage`
+   * headers attached.
+   *
+   * Default: ['localhost', /^\//] {@see DEFAULT_TRACE_PROPAGATION_TARGETS}
+   */
+  tracePropagationTargets: Array<string | RegExp>;
+
   /**
    * Flag to disable patching all together for fetch requests.
    *
@@ -99,19 +109,22 @@ export const defaultRequestInstrumentationOptions: RequestInstrumentationOptions
   traceFetch: true,
   traceXHR: true,
   tracingOrigins: DEFAULT_TRACING_ORIGINS,
+  tracePropagationTargets: DEFAULT_TRACE_PROPAGATION_TARGETS,
 };
 
 /** Registers span creators for xhr and fetch requests  */
 export function instrumentOutgoingRequests(_options?: Partial<RequestInstrumentationOptions>): void {
-  const { traceFetch, traceXHR, tracingOrigins, shouldCreateSpanForRequest } = {
+  const { traceFetch, traceXHR, tracingOrigins, tracePropagationTargets, shouldCreateSpanForRequest } = {
     ...defaultRequestInstrumentationOptions,
     ..._options,
   };
 
   const shouldCreateSpan =
     typeof shouldCreateSpanForRequest === 'function' ? shouldCreateSpanForRequest : (_: string) => true;
 
-  const shouldAttachHeaders = (url: string): boolean => tracingOrigins.some(origin => isMatchingPattern(url, origin));
+  const shouldAttachHeaders = (url: string): boolean =>
+    tracingOrigins.some(origin => isMatchingPattern(url, origin)) ||
+    tracePropagationTargets.some(origin => isMatchingPattern(url, origin));
 
   const spans: Record<string, Span> = {};