Migrate raven to sentry in frontend

Author: mxmeinhold

frontend/javascript/app.js

@@ -1,12 +1,14 @@
-// Install Raven to send errors to Sentry
-import Raven from 'raven-js';
-Raven
-    .config('https://151ecfab1a8242009012d45a19064cfd@sentry.io/133175')
-    .install();
+// Install Sentry to send errors to Sentry
+import * as Sentry from '@sentry/browser';
+Sentry.init(
+  {
+    dsn: 'https://151ecfab1a8242009012d45a19064cfd@sentry.io/133175'
+  }
+);
 
 // Capture unhandled exceptions in promises
 window.addEventListener('unhandledrejection', err => {
-  Raven.captureException(err.reason);
+  Sentry.captureException(err.reason);
 });
 
 // Load the rest of the modules

frontend/javascript/modules/errorReport.js

@@ -1,4 +1,4 @@
-import Raven from 'raven-js';
+import * as Sentry from '@sentry/browser';
 
 export default class ErrorReport {
   constructor(btn) {
@@ -8,11 +8,11 @@ export default class ErrorReport {
   }
 
   render() {
-    this.btn.addEventListener('click', () => this._invokeRavenModal());
+    this.btn.addEventListener('click', () => this._invokeSentryModal());
   }
 
-  _invokeRavenModal() {
-    Raven.showReportDialog({
+  _invokeSentryModal() {
+    Sentry.showReportDialog({
       eventId: this.eventId
     });
   }

package.json

@@ -25,6 +25,7 @@
     "demo": "gulp production"
   },
   "dependencies": {
+    "@sentry/browser": "^5.29.2",
     "bootstrap": "^3.3.6",
     "bootstrap-material-datetimepicker": "https://github.com/T00rk/bootstrap-material-datetimepicker.git#gh-pages",
     "bootstrap-sass": "^3.4.1",
@@ -89,7 +90,6 @@
     "object-assign": "4.1.0",
     "open": "0.0.5",
     "pretty-hrtime": "1.0.2",
-    "raven-js": "^3.27.2",
     "require-dir": "1.2.0",
     "sinon": "1.17.4",
     "sinon-chai": "2.8.0",