@sentry/vue Doesn't export all the @sentry/browser exports

[Tofandel]

The @sentry/vue package doesn't export all the @sentry/browser exports like @sentry/react does

Vue package

export {
  addGlobalEventProcessor,
  addBreadcrumb,
  captureException,
  captureEvent,
  captureMessage,
  configureScope,
  getHubFromCarrier,
  getCurrentHub,
  Hub,
  Scope,
  setContext,
  setExtra,
  setExtras,
  setTag,
  setTags,
  setUser,
  startTransaction,
  withScope,
} from '@sentry/browser';

React package

export * from '@sentry/browser';

As a result following the doc, the following will throw an error (because showReportDialog is not exported)

import Vue from "vue";
import * as Sentry from "@sentry/vue";


Sentry.init({
    Vue,
    environment: process.env.NODE_ENV,
    dsn: process.env.VUE_APP_SENTRY_DSN,
    beforeSend(event) {
      // Check if it is an exception, and if so, show the report dialog
      if (event.exception) {
        Sentry.showReportDialog({ eventId: event.event_id, user: event.user });
      }
      return event;
    },
  });

While it's possible to import it from the other package

import { showReportDialog } from "@sentry/browser";

It would be best to keep the packages coherent

[lsmith77]

I am having trouble updating from 6.2.1 to 6.5.1 but the work around with import { showReportDialog } from "@sentry/browser"; doesn't seem to be working for me .. at least the following code does not seem to change the dialog text:

    Sentry.init({
        dsn: window.sentry_dns,
        integrations: [new Integrations.BrowserTracing()],
        beforeSend(event, hint) {
            // Check if it is an exception, and if so, show the report dialog
            if (event.exception) {
                showReportDialog({
                    eventId: event.event_id,
                    title: 'Sorry, it looks like we have an internal issue!',
                    subtitle: 'The Witty Works Diversifier team has been notified.',
                    subtitle2: 'We would appreciate if you could describe the last steps before the error appeared.'
                });
            }
console.log(event);
            return event;
        },
        tracesSampleRate: window.sentry_sample_rate,
        tracingOptions: {
            trackComponents: true,
        },
    });

[Tofandel]

This has nothing to do with the import if the dialog shows, it's only to do with the modal not taking your parameters, but the point is this is just a wrapper that generates a url for the dialog, so check the url of the script added to the body, and if the params are there then probably this issue should be directed to https://github.com/getsentry/sentry

If not then open a new issue here