Make user feedback tree shakable

Author: krystofwoldrich

packages/browser/src/client.ts

@@ -8,7 +8,6 @@ import type {
   Options,
   Severity,
   SeverityLevel,
-  UserFeedback,
 } from '@sentry/types';
 import { createClientReportEnvelope, dsnToString, getSDKSource, logger } from '@sentry/utils';
 
@@ -17,7 +16,6 @@ import { WINDOW } from './helpers';
 import type { Breadcrumbs } from './integrations';
 import { BREADCRUMB_INTEGRATION_ID } from './integrations/breadcrumbs';
 import type { BrowserTransportOptions } from './transports/types';
-import { createUserFeedbackEnvelope } from './userfeedback';
 
 /**
  * Configuration options for the Sentry Browser SDK.
@@ -108,18 +106,6 @@ export class BrowserClient extends BaseClient<BrowserClientOptions> {
     super.sendEvent(event, hint);
   }
 
-  /**
-   * Sends user feedback to Sentry.
-   */
-  public captureUserFeedback(feedback: UserFeedback): void {
-    const envelope = createUserFeedbackEnvelope(feedback, {
-      metadata: this.getSdkMetadata(),
-      dsn: this.getDsn(),
-      tunnel: this.getOptions().tunnel,
-    });
-    void this._sendEnvelope(envelope);
-  }
-
   /**
    * @inheritDoc
    */

packages/browser/src/exports.ts

@@ -59,16 +59,6 @@ export {
   winjsStackLineParser,
 } from './stack-parsers';
 export { eventFromException, eventFromMessage } from './eventbuilder';
-export {
-  defaultIntegrations,
-  forceLoad,
-  init,
-  lastEventId,
-  onLoad,
-  showReportDialog,
-  flush,
-  close,
-  wrap,
-  captureUserFeedback,
-} from './sdk';
+export { defaultIntegrations, forceLoad, init, lastEventId, onLoad, showReportDialog, flush, close, wrap } from './sdk';
+export { captureUserFeedback } from './userfeedback';
 export { GlobalHandlers, TryCatch, Breadcrumbs, LinkedErrors, HttpContext, Dedupe } from './integrations';

packages/browser/src/sdk.ts

@@ -6,7 +6,6 @@ import {
   initAndBind,
   Integrations as CoreIntegrations,
 } from '@sentry/core';
-import type { UserFeedback } from '@sentry/types';
 import {
   addInstrumentationHandler,
   logger,
@@ -290,13 +289,3 @@ function startSessionTracking(): void {
     }
   });
 }
-
-/**
- * Captures user feedback and sends it to Sentry.
- */
-export function captureUserFeedback(feedback: UserFeedback): void {
-  const client = getCurrentHub().getClient<BrowserClient>();
-  if (client) {
-    client.captureUserFeedback(feedback);
-  }
-}

packages/browser/src/userfeedback.ts

@@ -1,5 +1,30 @@
+import { getCurrentHub } from '@sentry/core';
 import type { DsnComponents, EventEnvelope, SdkMetadata, UserFeedback, UserFeedbackItem } from '@sentry/types';
-import { createEnvelope, dsnToString } from '@sentry/utils';
+import { createEnvelope, dsnToString, logger } from '@sentry/utils';
+
+/**
+ * Sends user feedback to Sentry.
+ */
+export function captureUserFeedback(feedback: UserFeedback): void {
+  const hub = getCurrentHub();
+  const client = hub.getClient();
+  const transport = client && client.getTransport();
+
+  if (!transport) {
+    if (__DEBUG_BUILD__) {
+      logger.log('[UserFeedback] getTransport did not return a Transport, user feedback will not be sent.');
+    }
+    return;
+  }
+
+  const envelope = createUserFeedbackEnvelope(feedback, {
+    metadata: client.getSdkMetadata && client.getSdkMetadata(),
+    dsn: client.getDsn(),
+    tunnel: client.getOptions().tunnel,
+  });
+
+  void transport.send(envelope);
+}
 
 /**
  * Creates an envelope from a user feedback.