make usertiming a pluggable integration

Author: msonnb

dev-packages/browser-integration-tests/suites/tracing/user-timing-spans/init.js

@@ -1,13 +1,11 @@
 import * as Sentry from '@sentry/browser';
+import { userTimingIntegration } from '@sentry/browser';
 
 window.Sentry = Sentry;
 
 Sentry.init({
   dsn: 'https://public@dsn.ingest.sentry.io/1337',
-  integrations: [
-    Sentry.browserTracingIntegration(),
-    Sentry.userTimingIntegration({ ignore: ['measure-ignore', /mark-i/] }),
-  ],
+  integrations: [Sentry.browserTracingIntegration(), userTimingIntegration({ ignore: ['measure-ignore', /mark-i/] })],
   tracesSampleRate: 1,
 });
 

dev-packages/browser-integration-tests/utils/generatePlugin.ts

@@ -33,6 +33,7 @@ const IMPORTED_INTEGRATION_CDN_BUNDLE_PATHS: Record<string, string> = {
   contextLinesIntegration: 'contextlines',
   extraErrorDataIntegration: 'extraerrordata',
   reportingObserverIntegration: 'reportingobserver',
+  userTimingIntegration: 'usertiming',
   feedbackIntegration: 'feedback',
   moduleMetadataIntegration: 'modulemetadata',
   graphqlClientIntegration: 'graphqlclient',

packages/browser/rollup.bundle.config.mjs

@@ -2,7 +2,13 @@ import { makeBaseBundleConfig, makeBundleConfigVariants } from '@sentry-internal
 
 const builds = [];
 
-const browserPluggableIntegrationFiles = ['contextlines', 'httpclient', 'reportingobserver', 'browserprofiling'];
+const browserPluggableIntegrationFiles = [
+  'contextlines',
+  'httpclient',
+  'reportingobserver',
+  'browserprofiling',
+  'usertiming',
+];
 
 const reexportedPluggableIntegrationFiles = [
   'captureconsole',

packages/browser/src/index.ts

@@ -48,7 +48,7 @@ export { setActiveSpanInBrowser } from './tracing/setActiveSpan';
 export { spanStreamingIntegration } from './integrations/spanstreaming';
 export { fetchStreamPerformanceIntegration } from './integrations/fetchStreamPerformance';
 export { webVitalsIntegration } from './integrations/webVitals';
-export { userTimingIntegration } from '@sentry/browser-utils';
+export { userTimingIntegration } from './integrations/usertiming';
 
 export type { RequestInstrumentationOptions } from './tracing/request';
 export {

packages/browser/src/integrations/usertiming.ts

@@ -0,0 +1 @@
+export { userTimingIntegration } from '@sentry/browser-utils';

packages/browser/src/utils/lazyLoadIntegration.ts

@@ -22,6 +22,7 @@ const LAZY_LOADABLE_NAMES = [
   'reportingObserverIntegration',
   'rewriteFramesIntegration',
   'browserProfilingIntegration',
+  'userTimingIntegration',
   'moduleMetadataIntegration',
 ] as const;