Sentry.io initial integration

Author: maciejka

config/versionFilePlugin.js

@@ -4,6 +4,7 @@ const WebpackVersionFilePlugin = require('webpack-version-file-plugin');
 const execa = require('execa');
 const path = require('path');
 
+const env = process.env.NODE_ENV;
 const gitHash = execa.sync('git', ['rev-parse', '--short', 'HEAD']).stdout;
 const gitNumCommits = Number(execa.sync('git', ['rev-list', 'HEAD', '--count']).stdout);
 const gitDirty = execa.sync('git', ['status', '-s', '-uall']).stdout.length > 0;
@@ -14,6 +15,7 @@ const webpackVersionFilePlugin = new WebpackVersionFilePlugin({
   template: path.join(__dirname, '..', 'src', 'version.ejs'),
   outputFile: path.join('src', 'version.js'),
   extras: {
+    'env': env,
     'githash': gitHash,
     'gitNumCommits': gitNumCommits,
     'timestamp': Date.now(),

package.json

@@ -38,6 +38,7 @@
     "postcss-loader": "2.0.6",
     "promise": "8.0.1",
     "prop-types": "^15.6.1",
+    "raven-js": "^3.25.2",
     "react": "^16.2.0",
     "react-chartjs-2": "^2.7.2",
     "react-css-modules": "^4.7.1",

src/index.js

@@ -19,6 +19,21 @@ import period from './utils/period';
 import conversion from './utils/conversion';
 import { errorHandler } from './utils/errorHandlers';
 import sak from './utils/sak';
+import Raven from 'raven-js';
+import version from './version';
+import network from "./store/selectors/network";
+
+//sentry.io configuration
+if(version.env === 'production') {
+  console.log('sentry.io configured!');
+  Raven.config(
+    'https://[email protected]/1208618',
+    {
+      release: version.hash,
+      environment: version.env
+    }
+  ).install();
+}
 
 const { store, history } = configureStore();
 
@@ -34,6 +49,14 @@ const healthCheck = (dispatch, getState, isInitialHealthcheck = false) => {
   Promise.all([Network.checkConnectivity()])
     .then(async (providerType) => {
       const connectedNetworkId = await dispatch(networkReducer.actions.getConnectedNetworkId());
+
+      if(isInitialHealthcheck) {
+        // console.log("connectedTo:", network.activeNetworkMeta(getState()).get('name'));
+        Raven.setTagsContext({
+          network: network.activeNetworkMeta(getState()).get('name')
+        });
+      }
+
       dispatch(networkReducer.actions.connected());
       if(isInitialHealthcheck) {
         /**
@@ -86,13 +109,15 @@ const bootstrap = async () => {
   setInterval(await healthCheck.bind(null, dispatch, getState), HEALTHCHECK_INTERVAL_MS);
 };
 
-(async () => {
-  await bootstrap();
-  ReactDOM.render(
-    <Provider store={store}>
-      <ConnectedRouter history={history}>
-        <OasisAppWrapper/>
-      </ConnectedRouter>
-    </Provider>
-    , document.getElementById('root'));
-})();
+Raven.context(function () {
+  (async () => {
+    await bootstrap();
+    ReactDOM.render(
+      <Provider store={store}>
+        <ConnectedRouter history={history}>
+          <OasisAppWrapper/>
+        </ConnectedRouter>
+      </Provider>
+      , document.getElementById('root'));
+  })()
+});

src/version.ejs

@@ -1,5 +1,6 @@
 export default {
 name:       '<%= package.name %>',
+env:       '<%= extras.env %>',
 buildDate:  new Date(<%= extras.timestamp %>),
 version:    '<%= package.version %>',
 numCommits: <%= extras.gitNumCommits %>,

yarn.lock

@@ -6053,6 +6053,10 @@ range-parser@^1.0.3, range-parser@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
 
+raven-js@^3.25.2:
+  version "3.25.2"
+  resolved "https://registry.yarnpkg.com/raven-js/-/raven-js-3.25.2.tgz#d3ad1c694f70855dda6f705204ee6ab76ba62884"
+
 [email protected]:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.3.2.tgz#bcd60c77d3eb93cde0050295c3f379389bc88f89"