Load sentry if dsn is setup

docker/config.js

@@ -10,3 +10,4 @@ window.srConfig.BILLING_ENABLED = "$BILLING_ENABLED" === 'true';
 window.srConfig.BILLING_ENV = "$BILLING_ENV";
 window.srConfig.ANALYTICS_HOST = "$ANALYTICS_HOST";
 window.srConfig.ALLOW_REGISTRATION = "$ALLOW_REGISTRATION";
+window.srConfig.SENTRY_DSN = "$SENTRY_DSN";

package.json

@@ -14,6 +14,7 @@
     "@floating-ui/vue": "^1.1.5",
     "@meilisearch/instant-meilisearch": "^1.0.0",
     "@paddle/paddle-js": "^1.2.1",
+    "@sentry/vue": "^8.47.0",
     "@types/sortablejs": "^1.15.8",
     "@vueuse/core": "^11.0.3",
     "cropperjs": "^1.6.1",

src/main.js

@@ -10,6 +10,7 @@ import AppState from './AppState.js'
 import Plausible from 'plausible-tracker'
 import { registerSW } from 'virtual:pwa-register'
 import { register as registerSwiperElements } from 'swiper/element/bundle'
+import * as Sentry from "@sentry/vue";
 
 import en_US from './locales/en-US'
 import hr_HR from './locales/hr-HR'
@@ -45,6 +46,16 @@ if (userSelectedTheme == 'dark' && !document.body.classList.contains('dark-theme
 }
 
 const app = createApp(App)
+
+if (window.srConfig.SENTRY_DSN && window.srConfig.SENTRY_DSN != '') {
+    Sentry.init({
+        app,
+        release: window.srConfig.VERSION,
+        dsn: window.srConfig.SENTRY_DSN,
+        integrations: [],
+    });
+}
+
 const i18n = createI18n({
     legacy: false,
     locale: userSelectedLocale,