add web Sentry

ShMcK · ShMcK · commit ca07f5c9748c · 2020-01-20T20:35:54.000-08:00
diff --git a/src/extension.ts b/src/extension.ts
@@ -1,3 +1,6 @@
+// init error logging
+import './services/sentry/init'
+
 import Editor from './editor'
 
 // vscode editor
diff --git a/src/services/sentry/onError.ts b/src/services/sentry/onError.ts
@@ -2,7 +2,7 @@ import * as sentry from '@sentry/node'
 import { Scope } from '@sentry/hub'
 import environment from '../../environment'
 
-const onError = error => {
+const onError = (error: Error) => {
   // set user scope https://docs.sentry.io/enriching-error-data/scopes/?platform=node
   sentry.withScope((scope: Scope) => {
     scope.setTag('VERSION', environment.VERSION)
diff --git a/web-app/package-lock.json b/web-app/package-lock.json
diff --git a/web-app/package.json b/web-app/package.json
@@ -29,6 +29,7 @@
     "@alifd/theme-4": "^0.2.3",
     "@apollo/react-hooks": "^3.1.3",
     "@emotion/core": "^10.0.27",
+    "@sentry/browser": "^5.11.1",
     "apollo-boost": "^0.4.7",
     "graphql": "^14.5.8",
     "markdown-it": "^10.0.0",
diff --git a/web-app/src/environment.ts b/web-app/src/environment.ts
@@ -6,5 +6,8 @@
 //   }
 // }
 
-export const GQL_URI: string = process.env.REACT_APP_GQL_URI || 'https://33mf420q4m.execute-api.us-west-2.amazonaws.com/stage/api-stage'
+export const GQL_URI: string =
+  process.env.REACT_APP_GQL_URI || 'https://33mf420q4m.execute-api.us-west-2.amazonaws.com/stage/api-stage'
 export const DEBUG: boolean = (process.env.REACT_APP_DEBUG || '').toLowerCase() === 'true'
+export const VERSION: string = process.env.VERSION || 'unknown'
+export const NODE_ENV: string = process.env.NODE_ENV || 'producton'
diff --git a/web-app/src/index.tsx b/web-app/src/index.tsx
@@ -1,7 +1,12 @@
 import * as React from 'react'
 import ReactDOM from 'react-dom'
 import App from './App'
+
+// init error logging
+import './services/sentry/init'
+// init initial styles
 import './styles/index.css'
+// init listeners
 import './services/listeners'
 
 ReactDOM.render(<App />, document.getElementById('root') as HTMLElement)
diff --git a/web-app/src/services/sentry/init.tsx b/web-app/src/services/sentry/init.tsx
@@ -0,0 +1,7 @@
+import * as sentry from '@sentry/browser'
+import { NODE_ENV } from '../../environment'
+
+sentry.init({
+  dsn: 'https://701cee76c32a4408b2fcb6af3e139d46@sentry.io/1889371',
+  environment: NODE_ENV,
+})
diff --git a/web-app/src/services/sentry/onError.ts b/web-app/src/services/sentry/onError.ts
@@ -0,0 +1,19 @@
+import * as sentry from '@sentry/node'
+import { Scope } from '@sentry/hub'
+import { VERSION } from '../../environment'
+
+const onError = (error: Error) => {
+  // set user scope https://docs.sentry.io/enriching-error-data/scopes/?platform=node
+  sentry.withScope((scope: Scope) => {
+    scope.setTag('VERSION', VERSION)
+    // if (user) {
+    //   scope.setUser({
+    //     id: user.id,
+    //     email: user.email || 'unknown',
+    //   })
+    // }
+    sentry.captureException(error)
+  })
+}
+
+export default onError
