Merge pull request #98 from glific/sentry-setup

added sentry support

.env.example

@@ -1,2 +1,3 @@
 REACT_APP_GLIFIC_API="http://localhost:4000/api"
 REACT_APP_WEB_SOCKET="ws://localhost:4000/socket"
+SENTRY_DSN=""

package.json

@@ -12,6 +12,7 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.56",
     "@material-ui/styles": "^4.10.0",
+    "@sentry/browser": "^5.18.1",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",

src/config/absinthe.ts

@@ -1,4 +1,4 @@
-import { SOCKET } from './config';
+import { SOCKET } from '.';
 const AbsintheSocket = require('@absinthe/socket');
 const SocketApolloLink = require('@absinthe/socket-apollo-link');
 const Socket = require('phoenix');

src/config/apolloclient.ts

@@ -1,6 +1,6 @@
 import { ApolloClient, InMemoryCache, createHttpLink, split } from '@apollo/client';
 import absinthe from './absinthe';
-import { URI } from './config';
+import { URI } from '.';
 
 const subscribe = require('@jumpn/utils-graphql');
 

src/config/config.ts → src/config/index.ts

@@ -2,3 +2,4 @@ const envVariables = process.env;
 
 export const URI = envVariables.REACT_APP_GLIFIC_API;
 export const SOCKET = envVariables.REACT_APP_WEB_SOCKET;
+export const SENTRY_DSN = envVariables.SENTRY_DSN;

src/index.tsx

@@ -3,14 +3,21 @@ import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import { ThemeProvider, CssBaseline } from '@material-ui/core';
 import { ApolloProvider } from '@apollo/client';
+import * as Sentry from '@sentry/browser';
 
 import theme from './config/theme';
 import gqlClient from './config/apolloclient';
+import { SENTRY_DSN } from './config/';
 
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 
+// setup data source for sentry
+if (SENTRY_DSN) {
+  Sentry.init({ dsn: SENTRY_DSN });
+}
+
 ReactDOM.render(
   <React.StrictMode>
     <CssBaseline />