Add Sentry.io monitoring without PII reporting.

Author: grosscol

.env

@@ -13,3 +13,6 @@ VUE_APP_SUBTITLE2="Variants from Chr11 Data Vignette"
 VUE_APP_LINK_TERMS_IN_ABOUT=false
 
 VUE_APP_GOOGLE_OAUTH_CLIENT_ID="681537921273-i0odfloiqlq0iv5dodckg0pgt643hers.apps.googleusercontent.com"
+
+# Do not define the Sentry DSN for anything but production
+# VUE_SENTRY_DSN=""

src/pages/about/main.js

@@ -5,8 +5,14 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import '@/assets/bravo.css'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/gene/main.js

@@ -9,8 +9,14 @@ import '@/assets/snv_tabulator_table.css'
 import {clickOutside} from '@/CustomDirectives'
 import { agreementExpectedMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/home/main.js

@@ -5,10 +5,15 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import '@/assets/bravo.css'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
-console.log('Debugging:' + api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id
 if(process.env.VUE_APP_GA_ID){

src/pages/login/main.js

@@ -9,8 +9,14 @@ import '@/assets/snv_tabulator_table.css'
 import { clickOutside } from '@/CustomDirectives'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/logout/main.js

@@ -9,8 +9,14 @@ import '@/assets/snv_tabulator_table.css'
 import { clickOutside } from '@/CustomDirectives'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/privacy/main.js

@@ -5,8 +5,14 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import '@/assets/bravo.css'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/region/main.js

@@ -9,8 +9,14 @@ import '@/assets/snv_tabulator_table.css'
 import {clickOutside} from '@/CustomDirectives'
 import { agreementExpectedMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/terms/main.js

@@ -4,8 +4,14 @@ import VueGtag from 'vue-gtag'
 import 'bootstrap/dist/css/bootstrap.min.css'
 import { authAwareMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id

src/pages/variant/main.js

@@ -6,8 +6,14 @@ import '@/assets/bravo.css'
 import {clickOutside} from '@/CustomDirectives'
 import { agreementExpectedMount } from '@/AuthAwareMount'
 import { api_url } from '@/ApiUrlResolution'
+import * as Sentry from '@sentry/vue'
 
 const app = createApp(App)
+if("VUE_SENTRY_DSN" in process.env){
+  Sentry.init({ app, dsn: process.env.VUE_SENTRY_DSN, sendDefaultPii: false })
+}else{
+  console.log("Sentry.io not enabled for non-production build")
+}
 app.provide('api', api_url())
 
 // Inject gtag header if config includes a non-blank google analyitics id