sentry setup progress

Author: ShMcK

package-lock.json

@@ -31,6 +31,7 @@
     "watch": "tsc -watch -p ./"
   },
   "dependencies": {
+    "@sentry/electron": "^1.2.0",
     "@sentry/node": "^5.11.0",
     "chokidar": "^3.3.0",
     "dotenv": "^8.2.0",
@@ -49,6 +50,7 @@
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.9.0",
     "eslint-plugin-prettier": "^3.1.2",
+    "graphql": "^14.5.8",
     "prettier": "^1.19.1",
     "ts-jest": "^24.3.0",
     "typescript": "^3.7.4",

package.json

@@ -4,7 +4,7 @@ import * as vscode from 'vscode'
 import { COMMANDS } from '../editor/commands'
 import languageMap from '../editor/languageMap'
 import * as git from '../services/git'
-import onError from 'services/sentry/onError'
+import onError from '../services/sentry/onError'
 
 interface TutorialConfigParams {
   config: T.TutorialConfig

src/actions/tutorialConfig.ts

@@ -1,6 +1,6 @@
 import node from '../node'
 import logger from '../logger'
-import onError from 'services/sentry/onError'
+import onError from '../sentry/onError'
 
 const gitOrigin = 'coderoad'
 

src/services/git/index.ts

@@ -3,7 +3,7 @@ import * as fs from 'fs'
 import { join } from 'path'
 import { promisify } from 'util'
 import * as vscode from 'vscode'
-import onError from 'services/sentry/onError'
+import onError from '../sentry/onError'
 
 const asyncExec = promisify(cpExec)
 

src/services/node/index.ts

@@ -1,7 +1,7 @@
-import * as sentry from '@sentry/node'
+import { init } from '@sentry/node'
 import environment from '../../environment'
 
-sentry.init({
+init({
   dsn: 'https://df4a6ae19e8b44ed9a87ae4432dab9df@sentry.io/1889368',
   environment: environment.NODE_ENV,
 })

src/services/sentry/init.ts

@@ -1,10 +1,10 @@
 import * as sentry from '@sentry/node'
-import { Scope } from '@sentry/hub'
+// import { Scope } from '@sentry/hub'
 import environment from '../../environment'
 
 const onError = (error: Error) => {
   // set user scope https://docs.sentry.io/enriching-error-data/scopes/?platform=node
-  sentry.withScope((scope: Scope) => {
+  sentry.withScope((scope: any) => {
     scope.setTag('VERSION', environment.VERSION)
     // if (user) {
     //   scope.setUser({

src/services/sentry/onError.ts

@@ -3,7 +3,7 @@ import node from '../../services/node'
 import logger from '../../services/logger'
 import parser from './parser'
 import { debounce, throttle } from './throttle'
-import onError from 'services/sentry/onError'
+import onError from '../sentry/onError'
 
 export interface Payload {
   stepId: string

src/services/testRunner/index.ts

@@ -1,7 +1,7 @@
 import { JSDOM } from 'jsdom'
 import * as path from 'path'
 import * as vscode from 'vscode'
-import onError from 'services/sentry/onError'
+import onError from '../services/sentry/onError'
 
 const getNonce = (): string => {
   let text = ''
@@ -29,11 +29,14 @@ async function render(panel: vscode.WebviewPanel, rootPath: string) {
 
     // generate vscode-resource build path uri
     const createUri = (filePath: string): any => {
-      return panel.webview
-        .asWebviewUri(vscode.Uri.file(filePath))
-        .toString()
-        .replace(/^\/+/g, '') // remove leading '/'
-        .replace('/vscode-resource%3A', rootPath) // replace mangled resource path with root
+      return (
+        panel.webview
+          // @ts-ignore
+          .asWebviewUri(vscode.Uri.file(filePath))
+          .toString()
+          .replace(/^\/+/g, '') // remove leading '/'
+          .replace('/vscode-resource%3A', rootPath)
+      ) // replace mangled resource path with root
     }
 
     // fix paths for scripts
@@ -70,9 +73,12 @@ async function render(panel: vscode.WebviewPanel, rootPath: string) {
       [
         `default-src 'self'`,
         `connect-src https: http:`,
+        // @ts-ignore
         `font-src ${panel.webview.cspSource} http: https: data:`,
+        // @ts-ignore
         `img-src ${panel.webview.cspSource} https:`,
         `script-src ${nonces.map(nonce => `'nonce-${nonce}'`).join(' ')} data:`,
+        // @ts-ignore
         `style-src ${panel.webview.cspSource} https: 'self' 'unsafe-inline'`,
       ].join('; ') + ';'
     document.head.appendChild(cspMeta)

src/webview/render.ts

@@ -2,7 +2,7 @@ import { ApolloError } from 'apollo-boost'
 import { GraphQLError } from 'graphql'
 import * as React from 'react'
 import { css, jsx } from '@emotion/core'
-import onError from 'services/sentry/onError'
+import onError from '../../services/sentry/onError'
 
 const styles = {
   container: {