initial spike

src/components/structures/MatrixChat.tsx

@@ -108,6 +108,7 @@ import SoftLogout from './auth/SoftLogout';
 import { makeRoomPermalink } from "../../utils/permalinks/Permalinks";
 import { copyPlaintext } from "../../utils/strings";
 import { PosthogAnalytics } from '../../PosthogAnalytics';
+import {initSentry, sendSentryReport} from "../../sentry";
 
 /** constants for MatrixChat.state.view */
 export enum Views {
@@ -393,6 +394,16 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
         PosthogAnalytics.instance.updatePlatformSuperProperties();
 
         CountlyAnalytics.instance.enable(/* anonymous = */ true);
+
+        initSentry(SdkConfig.get()["sentry"]);
+        setTimeout(() => {
+            try {
+                const e = new Error("whoops");
+                throw(e);
+            } catch (e) {
+                sendSentryReport("user text", "label", e);
+            }
+        }, 4000);
     }
 
     private async postLoginSetup() {

src/components/views/dialogs/BugReportDialog.tsx

@@ -29,11 +29,13 @@ import BaseDialog from "./BaseDialog";
 import Field from '../elements/Field';
 import Spinner from "../elements/Spinner";
 import DialogButtons from "../elements/DialogButtons";
+import {sendSentryReport} from "../../../sentry";
 
 interface IProps {
     onFinished: (success: boolean) => void;
     initialText?: string;
     label?: string;
+    error?: Error;
 }
 
 interface IState {
@@ -113,6 +115,12 @@ export default class BugReportDialog extends React.Component<IProps, IState> {
                 });
             }
         });
+
+        // Send a Sentry report if the user agreed to send logs and if there's an error object (Sentry won't be very
+        // useful for grouping errors without exception information to aggregate with)
+        if (sendLogs) {
+            sendSentryReport(userText, this.props.label, this.props.error);
+        }
     };
 
     private onDownload = async (): Promise<void> => {

src/components/views/elements/ErrorBoundary.tsx

@@ -71,6 +71,7 @@ export default class ErrorBoundary extends React.PureComponent<{}, IState> {
     private onBugReport = (): void => {
         Modal.createTrackedDialog('Bug Report Dialog', '', BugReportDialog, {
             label: 'react-soft-crash',
+            error: this.state.error
         });
     };
 

src/rageshake/rageshake.js

@@ -84,7 +84,7 @@ class ConsoleLogger {
                     // In development, it can be useful to log complex cyclic
                     // objects to the console for inspection. This is fine for
                     // the console, but default `stringify` can't handle that.
-                    // We workaround this by using a special replacer function
+                    // We w orkaround this by using a special replacer function
                     // to only log values of the root object and avoid cycles.
                     return JSON.stringify(arg, (key, value) => {
                         if (key && typeof value === "object") {

src/sentry.ts

@@ -0,0 +1,48 @@
+import * as Sentry from "@sentry/browser";
+import { Integrations } from "@sentry/tracing";
+import PlatformPeg from "./PlatformPeg";
+import SdkConfig from "./SdkConfig";
+
+export function sendSentryReport(userText: string, label: string, error: Error): void {
+    if (!SdkConfig.get()["sentry"]) return;
+
+    // Ignore reports without errors, as they're not useful in sentry and can't easily be aggregated
+    if (error) {
+        Sentry.captureException(error);
+    }
+}
+
+interface ISentryConfig {
+    dsn: string;
+    environment?: string;
+}
+
+export async function initSentry(sentryConfig: ISentryConfig): Promise<void> {
+    if (!sentryConfig) return;
+    const platform = PlatformPeg.get();
+    let appVersion = "unknown";
+    try {
+        appVersion = await platform.getAppVersion();
+    } catch (e) {}
+
+    Sentry.init({
+        dsn: sentryConfig.dsn,
+        release: `${platform.getHumanReadableName()}@${appVersion}`,
+        environment: sentryConfig.environment,
+        defaultIntegrations: false,
+        autoSessionTracking: false,
+        debug: true,
+        integrations: [
+            // specifically disable Integrations.GlobalHandlers, which hooks uncaught exceptions - we don't
+            // want to capture those at this stage, just explicit rageshakes
+            new Sentry.Integrations.InboundFilters(),
+            new Sentry.Integrations.FunctionToString(),
+            new Sentry.Integrations.Breadcrumbs(),
+            new Sentry.Integrations.UserAgent(),
+            new Sentry.Integrations.Dedupe(),
+        ],
+        // Set to 1.0 which is reasonable if we're only submitting Rageshakes; will need to be set < 1.0
+        // if we collect more frequently.
+        tracesSampleRate: 1.0,
+    });
+}