add web Sentry

Author: ShMcK

src/extension.ts

@@ -1,3 +1,6 @@
+// init error logging
+import './services/sentry/init'
+
 import Editor from './editor'
 
 // vscode editor

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)

web-app/package-lock.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",

web-app/package.json

@@ -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'

web-app/src/environment.ts

@@ -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)

web-app/src/index.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,
+})

web-app/src/services/sentry/init.tsx

@@ -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