Improve

Author: timfish

dev-packages/rollup-utils/plugins/npmPlugins.mjs

@@ -126,7 +126,7 @@ export function makeDebugBuildStatementReplacePlugin() {
 }
 
 export function makeProductionReplacePlugin() {
-  const pattern = /\/\* development-only \*\/[\s\S]*?\/\* end-development-only \*\//g;
+  const pattern = /\/\* rollup-include-development-only \*\/[\s\S]*?\/\* end-rollup-include-development-only \*\//g;
 
   function stripDevBlocks(code) {
     if (!code) return null;

packages/browser/src/client.ts

@@ -63,6 +63,18 @@ type BrowserSpecificOptions = BrowserClientReplayOptions &
      * @default false
      */
     propagateTraceparent?: boolean;
+
+    /**
+     * If you use Spotlight by Sentry during development, use
+     * this option to forward captured Sentry events to Spotlight.
+     *
+     * Either set it to true, or provide a specific Spotlight Sidecar URL.
+     *
+     * More details: https://spotlightjs.com/
+     *
+     * IMPORTANT: Only set this option to `true` while developing, not in production!
+     */
+    spotlight?: boolean | string;
   };
 /**
  * Configuration options for the Sentry Browser SDK.

packages/browser/src/sdk.ts

@@ -38,9 +38,6 @@ export function getDefaultIntegrations(_options: Options): Integration[] {
     dedupeIntegration(),
     httpContextIntegration(),
     browserSessionIntegration(),
-    /* development-only */
-    spotlightBrowserIntegration(),
-    /* end-development-only */
   ];
 }
 
@@ -94,14 +91,25 @@ export function init(options: BrowserOptions = {}): Client | undefined {
   const shouldDisableBecauseIsBrowserExtenstion =
     !options.skipBrowserExtensionCheck && checkAndWarnIfIsEmbeddedBrowserExtension();
 
+  let defaultIntegrations =
+    options.defaultIntegrations == null ? getDefaultIntegrations(options) : options.defaultIntegrations;
+
+  /* rollup-include-development-only */
+  if (options.spotlight) {
+    if (!defaultIntegrations) {
+      defaultIntegrations = [];
+    }
+    defaultIntegrations.push(spotlightBrowserIntegration());
+  }
+  /* end-rollup-include-development-only */
+
   const clientOptions: BrowserClientOptions = {
     ...options,
     enabled: shouldDisableBecauseIsBrowserExtenstion ? false : options.enabled,
     stackParser: stackParserFromStackParserOptions(options.stackParser || defaultStackParser),
     integrations: getIntegrationsToSetup({
       integrations: options.integrations,
-      defaultIntegrations:
-        options.defaultIntegrations == null ? getDefaultIntegrations(options) : options.defaultIntegrations,
+      defaultIntegrations,
     }),
     transport: options.transport || makeFetchTransport,
   };