Implement versioning

Update sentry

Components/Site/ErrorBoundary.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Raven from 'raven-js';
+import * as Sentry from '@sentry/browser';
 
 class ErrorBoundary extends React.Component {
     constructor(props) {
@@ -23,7 +23,11 @@ class ErrorBoundary extends React.Component {
     componentDidCatch(error, info) {
         this.setState({ error });
 
-        Raven.captureException(error, { extra: info });
+        Sentry.withScope((scope) => {
+            scope.setExtras(info);
+            const eventId = Sentry.captureException(error);
+            this.setState({ eventId });
+        });    
     }
 
     onReturnClick(event) {
@@ -38,7 +42,7 @@ class ErrorBoundary extends React.Component {
         if(this.state.error) {
             return (<div
                 className='alert alert-danger'
-                onClick={ () => Raven.lastEventId() && Raven.showReportDialog() }>
+                onClick={ () => Sentry.showReportDialog({ eventId: this.state.eventId }) }>
                 <p>{ this.props.message }</p>
                 <p>There error has been logged, please click anywhere in this red box to fill out a more detailed report.</p>
 

ReduxActions/socket.js

@@ -1,6 +1,5 @@
 import io from 'socket.io-client';
 
-import version from '../version';
 import * as actions from '../actions';
 
 export function socketMessageSent(message) {
@@ -116,7 +115,7 @@ export function connectLobby() {
     return (dispatch, getState) => {
         let state = getState();
         let queryString = state.auth.token ? 'token=' + state.auth.token + '&' : '';
-        queryString += 'version=' + version.releaseDate;
+        queryString += 'version=' + process.env.VERSION || 'Local build';
 
         let socket = io.connect(window.location.origin, {
             reconnection: true,

index.prod.jsx

@@ -6,39 +6,15 @@ import configureStore from './configureStore';
 import { navigate } from './actions';
 import 'bootstrap/dist/js/bootstrap';
 import ReduxToastr from 'react-redux-toastr';
-import Raven from 'raven-js';
+import * as Sentry from '@sentry/browser';
 import { DragDropContext } from 'react-dnd';
 import { default as TouchBackend } from 'react-dnd-touch-backend';
 
-import version from './version';
 import ErrorBoundary from './Components/Site/ErrorBoundary';
 
-const ravenOptions = {
-    ignoreErrors: [
-        // Random plugins/extensions
-        'top.GLOBALS',
-        // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error. html
-        'originalCreateNotification',
-        'canvas.contentDocument',
-        'MyApp_RemoveAllHighlights',
-        'http://tt.epicplay.com',
-        'Can\'t find variable: ZiteReader',
-        'jigsaw is not defined',
-        'ComboSearch is not defined',
-        'http://loading.retry.widdit.com/',
-        'atomicFindClose',
-        // Facebook borked
-        'fb_xd_fragment',
-        // ISP "optimizing" proxy - `Cache-Control: no-transform` seems to
-        // reduce this. (thanks @acdha)
-        // See http://stackoverflow.com/questions/4113268
-        'bmi_SafeAddOnload',
-        'EBCallBackMessageReceived',
-        // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx
-        'conduitPage',
-        'YoukuAntiAds.eval'
-    ],
-    ignoreUrls: [
+const sentryOptions = {
+    dsn: 'https://[email protected]/1515148',
+    denyUrls: [
         // Facebook flakiness
         /graph\.facebook\.com/i,
         // Facebook blocked
@@ -49,17 +25,32 @@ const ravenOptions = {
         // Chrome extensions
         /extensions\//i,
         /^chrome:\/\//i,
+        /chrome-extension:/i,
         // Other plugins
         /127\.0\.0\.1:4001\/isrunning/i, // Cacaoweb
         /webappstoolbarba\.texthelp\.com\//i,
         /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
         /YoukuAntiAds\.eval/i
     ],
-    release: version.build
+    beforeSend(event, hint) {
+        if(
+            event.message &&
+            event.message.startsWith('Non-Error exception captured') &&
+            hint.originalException.error
+        ) {
+            Sentry.withScope((scope) => {
+                scope.setExtra('nonErrorException', true);
+                Sentry.captureException(hint.originalException.error);
+            });
+            return null;
+        }
+
+        return event;
+    },
+    release: process.env.VERSION || 'Local build'
 };
 
-Raven.config('https://[email protected]/123019', ravenOptions)
-    .install();
+Sentry.init(sentryOptions);
 
 const store = configureStore();