fix: Remove sentry/vue in favor of sentry/browser and try to load deps fine granularly

Signed-off-by: Marcel Klehr <[email protected]>

Author: marcelklehr

package-lock.json

@@ -92,7 +92,7 @@
     "@capacitor/status-bar": "7.x",
     "@isomorphic-git/lightning-fs": "4.x",
     "@jcoreio/async-throttle": "^1.6.1",
-    "@sentry/vue": "10.x",
+    "@sentry/browser": "10.x",
     "@sentry/webpack-plugin": "2.x",
     "async-lock": "^1.2.8",
     "async-parallel": "^1.2.3",

package.json

@@ -11,7 +11,7 @@ import { Capacitor } from '@capacitor/core'
 import IAccount from './interfaces/Account'
 import Mappings from './Mappings'
 import { isTest } from './isTest'
-import * as Sentry from '@sentry/vue'
+import { setUser, setContext, withScope, captureException } from '@sentry/browser'
 import AsyncLock from 'async-lock'
 import CachingTreeWrapper from './CachingTreeWrapper'
 
@@ -172,7 +172,7 @@ export default class Account {
       this.localCachingResource = new CachingTreeWrapper(await this.getResource())
 
       Logger.log('Starting sync process for account ' + this.getLabel())
-      Sentry.setUser({ id: this.id })
+      setUser({ id: this.id })
       this.syncing = true
       await this.setData({ syncing: 0.05, scheduled: false, error: null })
 
@@ -322,18 +322,18 @@ export default class Account {
       const message = await Account.stringifyError(e)
       console.error('Syncing failed with', message)
       Logger.log('Syncing failed with', message)
-      Sentry.setContext('accountData', {
+      setContext('accountData', {
         ...this.getData(),
         username: 'SENSITIVEVALUEHIDDEN',
         password: 'SENSITIVEVALUVALUEHIDDEN',
         passphrase: 'SENSITIVEVALUVALUEHIDDEN'
       })
-      Sentry.withScope((scope) => {
+      withScope((scope) => {
         scope.setTag('adapter', this.getData().type)
         if (e.list) {
-          Sentry.captureException(message)
+          captureException(message)
         } else {
-          Sentry.captureException(e)
+          captureException(e)
         }
       })
 

src/lib/Account.ts

@@ -1,13 +1,13 @@
 import packageJson from '../../package.json'
-import * as Sentry from '@sentry/browser'
+import { setTag, init } from '@sentry/browser'
 import { Capacitor } from '@capacitor/core'
 
-Sentry.setTag('platform', Capacitor.getPlatform())
+setTag('platform', Capacitor.getPlatform())
 
 export const dsn = 'https://836f0f772fbf2e12b9dd651b8e6b6338@o4507214911307776.ingest.de.sentry.io/4507216408870992'
 
 export function initEmpty() {
-  Sentry.init({
+  init({
     dsn: dsn,
     integrations: [],
     sampleRate: 0,
@@ -17,7 +17,7 @@ export function initEmpty() {
 }
 
 export function initSharp() {
-  Sentry.init({
+  init({
     dsn: dsn,
     integrations: [],
     sampleRate: 0.15,

src/lib/sentry.ts

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import * as Sentry from '@sentry/browser'
+import { isInitialized, captureFeedback } from '@sentry/browser'
 import { initEmpty } from '../../lib/sentry'
 
 export default {
@@ -61,10 +61,10 @@ export default {
       if (!this.submitEnabled) {
         return
       }
-      if (!(await Sentry.isInitialized())) {
+      if (!(await isInitialized())) {
         initEmpty()
       }
-      Sentry.captureFeedback({
+      captureFeedback({
         name: this.name,
         email: this.email,
         message: this.message,