fix: Wrap all console log instances in console sandbox

Author: Luca Forstner

packages/core/src/hub.ts

@@ -376,13 +376,11 @@ export class Hub implements HubInterface {
     if (__DEBUG_BUILD__ && !result) {
       const client = this.getClient();
       if (!client) {
-        // eslint-disable-next-line no-console
-        console.warn(
+        logger.warn(
           "Tracing extension 'startTransaction' is missing. You should 'init' the SDK before calling 'startTransaction'",
         );
       } else {
-        // eslint-disable-next-line no-console
-        console.warn(`Tracing extension 'startTransaction' has not been added. Call 'addTracingExtensions' before calling 'init':
+        logger.warn(`Tracing extension 'startTransaction' has not been added. Call 'addTracingExtensions' before calling 'init':
 Sentry.addTracingExtensions();
 Sentry.init({...});
 `);

packages/core/src/sdk.ts

@@ -1,5 +1,5 @@
 import type { Client, ClientOptions } from '@sentry/types';
-import { logger } from '@sentry/utils';
+import { consoleSandbox, logger } from '@sentry/utils';
 
 import { getCurrentHub } from './hub';
 
@@ -22,8 +22,10 @@ export function initAndBind<F extends Client, O extends ClientOptions>(
       logger.enable();
     } else {
       // use `console.warn` rather than `logger.warn` since by non-debug bundles have all `logger.x` statements stripped
-      // eslint-disable-next-line no-console
-      console.warn('[Sentry] Cannot initialize SDK with `debug` option using a non-debug bundle.');
+      consoleSandbox(() => {
+        // eslint-disable-next-line no-console
+        console.warn('[Sentry] Cannot initialize SDK with `debug` option using a non-debug bundle.');
+      });
     }
   }
   const hub = getCurrentHub();

packages/deno/src/transports/index.ts

@@ -1,6 +1,6 @@
 import { createTransport } from '@sentry/core';
 import type { BaseTransportOptions, Transport, TransportMakeRequestResponse, TransportRequest } from '@sentry/types';
-import { rejectedSyncPromise } from '@sentry/utils';
+import { consoleSandbox, rejectedSyncPromise } from '@sentry/utils';
 
 export interface DenoTransportOptions extends BaseTransportOptions {
   /** Custom headers for the transport. Used by the XHRTransport and FetchTransport */
@@ -14,9 +14,11 @@ export function makeFetchTransport(options: DenoTransportOptions): Transport {
   const url = new URL(options.url);
 
   if (Deno.permissions.querySync({ name: 'net', host: url.host }).state !== 'granted') {
-    // eslint-disable-next-line no-console
-    console.warn(`Sentry SDK requires 'net' permission to send events.
-Run with '--allow-net=${url.host}' to grant the requires permissions.`);
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn(`Sentry SDK requires 'net' permission to send events.
+  Run with '--allow-net=${url.host}' to grant the requires permissions.`);
+    });
   }
 
   function makeRequest(request: TransportRequest): PromiseLike<TransportMakeRequestResponse> {

packages/integration-shims/package.json

@@ -43,7 +43,8 @@
     "url": "https://github.com/getsentry/sentry-javascript/issues"
   },
   "dependencies": {
-    "@sentry/types": "7.81.1"
+    "@sentry/types": "7.81.1",
+    "@sentry/utils": "7.81.1"
   },
   "engines": {
     "node": ">=12"

packages/integration-shims/src/BrowserTracing.ts

@@ -1,4 +1,5 @@
 import type { Integration } from '@sentry/types';
+import { consoleSandbox } from '@sentry/utils';
 
 /**
  * This is a shim for the BrowserTracing integration.
@@ -20,8 +21,10 @@ class BrowserTracingShim implements Integration {
   public constructor(_options: any) {
     this.name = BrowserTracingShim.id;
 
-    // eslint-disable-next-line no-console
-    console.error('You are using new BrowserTracing() even though this bundle does not include tracing.');
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.error('You are using new BrowserTracing() even though this bundle does not include tracing.');
+    });
   }
 
   /** jsdoc */

packages/integration-shims/src/Replay.ts

@@ -1,4 +1,5 @@
 import type { Integration } from '@sentry/types';
+import { consoleSandbox } from '@sentry/utils';
 
 /**
  * This is a shim for the Replay integration.
@@ -20,8 +21,10 @@ class ReplayShim implements Integration {
   public constructor(_options: any) {
     this.name = ReplayShim.id;
 
-    // eslint-disable-next-line no-console
-    console.error('You are using new Replay() even though this bundle does not include replay.');
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.error('You are using new Replay() even though this bundle does not include replay.');
+    });
   }
 
   /** jsdoc */

packages/nextjs/src/common/wrapApiHandlerWithSentry.ts

@@ -6,7 +6,14 @@ import {
   startTransaction,
 } from '@sentry/core';
 import type { Transaction } from '@sentry/types';
-import { isString, logger, objectify, stripUrlQueryAndFragment, tracingContextFromHeaders } from '@sentry/utils';
+import {
+  consoleSandbox,
+  isString,
+  logger,
+  objectify,
+  stripUrlQueryAndFragment,
+  tracingContextFromHeaders,
+} from '@sentry/utils';
 
 import type { AugmentedNextApiRequest, AugmentedNextApiResponse, NextApiHandler } from './types';
 import { platformSupportsStreaming } from './utils/platformSupportsStreaming';
@@ -164,12 +171,14 @@ export function withSentry(apiHandler: NextApiHandler, parameterizedRoute?: stri
               // This can only happen (not always) when the user is using `withSentry` manually, which we're deprecating.
               // Warning suppression on Next.JS is only necessary in that case.
             ) {
-              // eslint-disable-next-line no-console
-              console.warn(
-                `[sentry] If Next.js logs a warning "API resolved without sending a response", it's a false positive, which may happen when you use \`withSentry\` manually to wrap your routes.
-              To suppress this warning, set \`SENTRY_IGNORE_API_RESOLUTION_ERROR\` to 1 in your env.
-              To suppress the nextjs warning, use the \`externalResolver\` API route option (see https://nextjs.org/docs/api-routes/api-middlewares#custom-config for details).`,
-              );
+              consoleSandbox(() => {
+                // eslint-disable-next-line no-console
+                console.warn(
+                  `[sentry] If Next.js logs a warning "API resolved without sending a response", it's a false positive, which may happen when you use \`withSentry\` manually to wrap your routes.
+                To suppress this warning, set \`SENTRY_IGNORE_API_RESOLUTION_ERROR\` to 1 in your env.
+                To suppress the nextjs warning, use the \`externalResolver\` API route option (see https://nextjs.org/docs/api-routes/api-middlewares#custom-config for details).`,
+                );
+              });
             }
 
             return handlerResult;

packages/nextjs/src/config/webpack.ts

@@ -1070,7 +1070,7 @@ class SentryCliDownloadPlugin implements WebpackPluginInstance {
       if (!downloadingCliAttempted) {
         downloadingCliAttempted = true;
         // eslint-disable-next-line no-console
-        console.log(
+        logger.info(
           `\n${chalk.cyan('info')}  - ${chalk.bold(
             'Sentry binary to upload source maps not found.',
           )} Package manager post-install scripts are likely disabled or there is a caching issue. Manually downloading instead...`,
@@ -1086,12 +1086,12 @@ class SentryCliDownloadPlugin implements WebpackPluginInstance {
         cliDownloadPromise.then(
           () => {
             // eslint-disable-next-line no-console
-            console.log(`${chalk.cyan('info')}  - Sentry binary was successfully downloaded.\n`);
+            logger.info(`${chalk.cyan('info')}  - Sentry binary was successfully downloaded.\n`);
             return callback();
           },
           e => {
             // eslint-disable-next-line no-console
-            console.error(`${chalk.red('error')} - Sentry binary download failed:`, e);
+            logger.error(`${chalk.red('error')} - Sentry binary download failed:`, e);
             return callback();
           },
         );

packages/node/src/integrations/utils/errorhandling.ts

@@ -1,5 +1,5 @@
 import { getClient } from '@sentry/core';
-import { logger } from '@sentry/utils';
+import { consoleSandbox, logger } from '@sentry/utils';
 
 import type { NodeClient } from '../../client';
 
@@ -9,8 +9,10 @@ const DEFAULT_SHUTDOWN_TIMEOUT = 2000;
  * @hidden
  */
 export function logAndExitProcess(error: Error): void {
-  // eslint-disable-next-line no-console
-  console.error(error);
+  consoleSandbox(() => {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  });
 
   const client = getClient<NodeClient>();
 

packages/node/src/transports/http.ts

@@ -6,6 +6,7 @@ import type {
   TransportRequest,
   TransportRequestExecutor,
 } from '@sentry/types';
+import { consoleSandbox } from '@sentry/utils';
 import * as http from 'http';
 import * as https from 'https';
 import { HttpsProxyAgent } from 'https-proxy-agent';
@@ -53,10 +54,12 @@ export function makeNodeTransport(options: NodeTransportOptions): Transport {
   try {
     urlSegments = new URL(options.url);
   } catch (e) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      '[@sentry/node]: Invalid dsn or tunnel option, will not send any events. The tunnel option must be a full URL when used.',
-    );
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn(
+        '[@sentry/node]: Invalid dsn or tunnel option, will not send any events. The tunnel option must be a full URL when used.',
+      );
+    });
     return createTransport(options, () => Promise.resolve({}));
   }
 

packages/opentelemetry/src/custom/hubextensions.ts

@@ -1,5 +1,6 @@
 import { addTracingExtensions as _addTracingExtensions, getMainCarrier } from '@sentry/core';
 import type { CustomSamplingContext, TransactionContext } from '@sentry/types';
+import { consoleSandbox } from '@sentry/utils';
 
 /**
  * Add tracing extensions, ensuring a patched `startTransaction` to work with OTEL.
@@ -22,8 +23,10 @@ function startTransactionNoop(
   _transactionContext: TransactionContext,
   _customSamplingContext?: CustomSamplingContext,
 ): unknown {
-  // eslint-disable-next-line no-console
-  console.warn('startTransaction is a noop in @sentry/opentelemetry. Use `startSpan` instead.');
+  consoleSandbox(() => {
+    // eslint-disable-next-line no-console
+    console.warn('startTransaction is a noop in @sentry/opentelemetry. Use `startSpan` instead.');
+  });
   // We return an object here as hub.ts checks for the result of this
   // and renders a different warning if this is empty
   return {};

packages/replay/src/integration.ts

@@ -1,6 +1,6 @@
 import { getClient } from '@sentry/core';
 import type { BrowserClientReplayOptions, Integration } from '@sentry/types';
-import { dropUndefinedKeys, isBrowser } from '@sentry/utils';
+import { consoleSandbox, dropUndefinedKeys, isBrowser } from '@sentry/utils';
 
 import {
   DEFAULT_FLUSH_MAX_DELAY,
@@ -349,8 +349,10 @@ function loadReplayOptionsFromClient(initialOptions: InitialReplayPluginOptions)
   const finalOptions = { sessionSampleRate: 0, errorSampleRate: 0, ...dropUndefinedKeys(initialOptions) };
 
   if (!opt) {
-    // eslint-disable-next-line no-console
-    console.warn('SDK client is not available.');
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn('SDK client is not available.');
+    });
     return finalOptions;
   }
 
@@ -360,10 +362,12 @@ function loadReplayOptionsFromClient(initialOptions: InitialReplayPluginOptions)
     opt.replaysSessionSampleRate == null &&
     opt.replaysOnErrorSampleRate == null
   ) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Replay is disabled because neither `replaysSessionSampleRate` nor `replaysOnErrorSampleRate` are set.',
-    );
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn(
+        'Replay is disabled because neither `replaysSessionSampleRate` nor `replaysOnErrorSampleRate` are set.',
+      );
+    });
   }
 
   if (typeof opt.replaysSessionSampleRate === 'number') {

packages/replay/src/util/getPrivacyOptions.ts

@@ -1,3 +1,5 @@
+import { consoleSandbox } from '@sentry/utils';
+
 import type { DeprecatedPrivacyOptions, ReplayIntegrationPrivacyOptions } from '../types';
 
 type GetPrivacyOptions = Required<Omit<ReplayIntegrationPrivacyOptions, 'maskFn'>> &
@@ -37,10 +39,12 @@ function getOption(
       allSelectors.push(`.${deprecatedClassOption}`);
     }
 
-    // eslint-disable-next-line no-console
-    console.warn(
-      '[Replay] You are using a deprecated configuration item for privacy. Read the documentation on how to use the new privacy configuration.',
-    );
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn(
+        '[Replay] You are using a deprecated configuration item for privacy. Read the documentation on how to use the new privacy configuration.',
+      );
+    });
   }
 
   return allSelectors.join(',');

packages/sveltekit/src/client/handleError.ts

@@ -1,4 +1,5 @@
 import { captureException } from '@sentry/svelte';
+import { consoleSandbox } from '@sentry/utils';
 // For now disable the import/no-unresolved rule, because we don't have a way to
 // tell eslint that we are only importing types from the @sveltejs/kit package without
 // adding a custom resolver, which will take too much time.
@@ -8,8 +9,10 @@ import type { HandleClientError, NavigationEvent } from '@sveltejs/kit';
 // The SvelteKit default error handler just logs the error to the console
 // see: https://github.com/sveltejs/kit/blob/369e7d6851f543a40c947e033bfc4a9506fdc0a8/packages/kit/src/core/sync/write_client_manifest.js#LL127C2-L127C2
 function defaultErrorHandler({ error }: Parameters<HandleClientError>[0]): ReturnType<HandleClientError> {
-  // eslint-disable-next-line no-console
-  console.error(error);
+  consoleSandbox(() => {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  });
 }
 
 /**

packages/utils/src/dsn.ts

@@ -1,6 +1,6 @@
 import type { DsnComponents, DsnLike, DsnProtocol } from '@sentry/types';
 
-import { logger } from './logger';
+import { consoleSandbox, logger } from './logger';
 
 /** Regular expression used to parse a Dsn. */
 const DSN_REGEX = /^(?:(\w+):)\/\/(?:(\w+)(?::(\w+)?)?@)([\w.-]+)(?::(\d+))?\/(.+)/;
@@ -37,8 +37,10 @@ export function dsnFromString(str: string): DsnComponents | undefined {
 
   if (!match) {
     // This should be logged to the console
-    // eslint-disable-next-line no-console
-    console.error(`Invalid Sentry Dsn: ${str}`);
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.error(`Invalid Sentry Dsn: ${str}`);
+    });
     return undefined;
   }
 

packages/vue/src/errorhandler.ts

@@ -1,4 +1,5 @@
 import { getCurrentHub } from '@sentry/browser';
+import { consoleSandbox } from '@sentry/utils';
 
 import type { ViewModel, Vue, VueOptions } from './types';
 import { formatComponentName, generateComponentTrace } from './vendor/components';
@@ -46,8 +47,10 @@ export const attachErrorHandler = (app: Vue, options: VueOptions): void => {
       if (warnHandler) {
         (warnHandler as UnknownFunc).call(null, message, vm, trace);
       } else if (hasConsole && !silent) {
-        // eslint-disable-next-line no-console
-        console.error(`[Vue warn]: ${message}${trace}`);
+        consoleSandbox(() => {
+          // eslint-disable-next-line no-console
+          console.error(`[Vue warn]: ${message}${trace}`);
+        });
       }
     }
   };

packages/vue/src/integration.ts

@@ -1,6 +1,6 @@
 import { hasTracingEnabled } from '@sentry/core';
 import type { Hub, Integration } from '@sentry/types';
-import { arrayify, GLOBAL_OBJ } from '@sentry/utils';
+import { arrayify, consoleSandbox, GLOBAL_OBJ } from '@sentry/utils';
 
 import { DEFAULT_HOOKS } from './constants';
 import { attachErrorHandler } from './errorhandler';
@@ -50,12 +50,14 @@ export class VueIntegration implements Integration {
     const options: Options = { ...DEFAULT_CONFIG, ...(client && client.getOptions()), ...this._options };
 
     if (!options.Vue && !options.app) {
-      // eslint-disable-next-line no-console
-      console.warn(
-        `[@sentry/vue]: Misconfigured SDK. Vue specific errors will not be captured.
-Update your \`Sentry.init\` call with an appropriate config option:
-\`app\` (Application Instance - Vue 3) or \`Vue\` (Vue Constructor - Vue 2).`,
-      );
+      consoleSandbox(() => {
+        // eslint-disable-next-line no-console
+        console.warn(
+          `[@sentry/vue]: Misconfigured SDK. Vue specific errors will not be captured.
+  Update your \`Sentry.init\` call with an appropriate config option:
+  \`app\` (Application Instance - Vue 3) or \`Vue\` (Vue Constructor - Vue 2).`,
+        );
+      });
       return;
     }
 
@@ -80,10 +82,12 @@ const vueInit = (app: Vue, options: Options): void => {
 
   const isMounted = appWithInstance._instance && appWithInstance._instance.isMounted;
   if (isMounted === true) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      '[@sentry/vue]: Misconfigured SDK. Vue app is already mounted. Make sure to call `app.mount()` after `Sentry.init()`.',
-    );
+    consoleSandbox(() => {
+      // eslint-disable-next-line no-console
+      console.warn(
+        '[@sentry/vue]: Misconfigured SDK. Vue app is already mounted. Make sure to call `app.mount()` after `Sentry.init()`.',
+      );
+    });
   }
 
   attachErrorHandler(app, options);