lazyload sentry preventing unauthorized connections

src/app.js

@@ -15,11 +15,12 @@ import {
     initRouter,
     initSentry
 } from './plugin';
-import { pinia } from './stores';
+import { initPiniaPlugins, pinia } from './stores';
 
 import App from './App.vue';
 
 await initPlugins();
+await initPiniaPlugins();
 
 // #region | Hey look it's most of VRCX!
 

src/components/NavMenu.vue

@@ -215,8 +215,6 @@
     import { THEME_CONFIG } from '../shared/constants';
     import { openExternalLink } from '../shared/utils';
 
-    import * as Sentry from '@sentry/vue';
-
     const { t } = useI18n();
     const router = useRouter();
 
@@ -457,8 +455,10 @@
     onMounted(() => {
         if (!sentryErrorReporting.value) return;
         try {
-            const feedback = Sentry.getFeedback();
+            import('@sentry/vue').then((Sentry) => {
-            feedback?.attachTo(document.getElementById('feedback'));
+                const feedback = Sentry.getFeedback();
+                feedback?.attachTo(document.getElementById('feedback'));
+            });
             window.addEventListener('keydown', handleKeydown);
         } catch (error) {
             console.error('Error setting up Sentry feedback:', error);

src/plugin/sentry.js

@@ -2,17 +2,24 @@ import { router } from './router';
 
 import configRepository from '../service/config';
 
-import * as Sentry from '@sentry/vue';
+let version = '';
+
+export async function isSentryEnabled() {
+    const enabled = await configRepository.getString(
+        'VRCX_SentryEnabled',
+        'false'
+    );
+    version = await AppApi.GetVersion();
+    const isNightly = version.includes('Nightly');
+    if (enabled !== 'true' || !isNightly) {
+        return false;
+    }
+    return true;
+}
 
 export async function initSentry(app) {
     try {
-        const enabled = await configRepository.getString(
+        if (!(await isSentryEnabled())) {
-            'VRCX_SentryEnabled',
-            'false'
-        );
-        const version = await AppApi.GetVersion();
-        const isNightly = version.includes('Nightly');
-        if (enabled !== 'true' || !isNightly) {
             return;
         }
         const vrcxId = await configRepository.getString('VRCX_id', '');
@@ -33,6 +40,7 @@ export async function initSentry(app) {
             return;
         }
         const dsn = atob(response.data);
+        const Sentry = await import('@sentry/vue');
         Sentry.init({
             app,
             dsn,

src/stores/index.js

@@ -1,6 +1,7 @@
 import { createPinia } from 'pinia';
 import { createSentryPiniaPlugin } from '@sentry/vue';
 
+import { isSentryEnabled } from '../plugin';
 import { useAdvancedSettingsStore } from './settings/advanced';
 import { useAppearanceSettingsStore } from './settings/appearance';
 import { useAuthStore } from './auth';
@@ -37,74 +38,85 @@ import { useWristOverlaySettingsStore } from './settings/wristOverlay';
 
 export const pinia = createPinia();
 
-pinia.use(
+async function registerSentryPiniaPlugin() {
-    createSentryPiniaPlugin({
+    if (!(await isSentryEnabled())) {
-        stateTransformer: (state) => ({
+        return;
-            ...state,
+    }
-            Auth: null,
+
-            Feed: null,
+    const Sentry = await import('@sentry/vue');
-            Favorite: null,
+    pinia.use(
-            Friend: null,
+        Sentry.createSentryPiniaPlugin({
-            User: {
+            stateTransformer: (state) => ({
-                // @ts-ignore
+                ...state,
-                ...state.User,
+                Auth: null,
-                currentUser: null,
+                Feed: null,
-                subsetOfLanguages: null,
+                Favorite: null,
-                languageDialog: {
+                Friend: null,
+                User: {
                     // @ts-ignore
-                    ...state.User.languageDialog,
+                    ...state.User,
-                    languages: null
+                    currentUser: null,
+                    subsetOfLanguages: null,
+                    languageDialog: {
+                        // @ts-ignore
+                        ...state.User.languageDialog,
+                        languages: null
+                    }
+                },
+                GameLog: {
+                    // @ts-ignore
+                    ...state.GameLog,
+                    gameLogTable: null,
+                    gameLogSessionTable: null
+                },
+                Notification: {
+                    // @ts-ignore
+                    ...state.Notification,
+                    notificationTable: null
+                },
+                Moderation: {
+                    // @ts-ignore
+                    ...state.Moderation,
+                    playerModerationTable: null,
+                    cachedPlayerModerations: null,
+                    cachedPlayerModerationsUserIds: null
+                },
+                Photon: null,
+                SharedFeed: {
+                    // @ts-ignore
+                    ...state.SharedFeed,
+                    sharedFeed: null
+                },
+                Group: {
+                    // @ts-ignore
+                    ...state.Group,
+                    groupInstances: null,
+                    inGameGroupOrder: null
+                },
+                Avatar: {
+                    // @ts-ignore
+                    ...state.Avatar,
+                    avatarHistory: null
+                },
+                Gallery: {
+                    // @ts-ignore
+                    ...state.Gallery,
+                    emojiTable: null,
+                    galleryTable: null,
+                    instanceStickersCache: null,
+                    inventoryTable: null,
+                    printTable: null,
+                    stickerTable: null,
+                    VRCPlusIconsTable: null
                 }
-            },
+            })
-            GameLog: {
-                // @ts-ignore
-                ...state.GameLog,
-                gameLogTable: null,
-                gameLogSessionTable: null
-            },
-            Notification: {
-                // @ts-ignore
-                ...state.Notification,
-                notificationTable: null
-            },
-            Moderation: {
-                // @ts-ignore
-                ...state.Moderation,
-                playerModerationTable: null,
-                cachedPlayerModerations: null,
-                cachedPlayerModerationsUserIds: null
-            },
-            Photon: null,
-            SharedFeed: {
-                // @ts-ignore
-                ...state.SharedFeed,
-                sharedFeed: null
-            },
-            Group: {
-                // @ts-ignore
-                ...state.Group,
-                groupInstances: null,
-                inGameGroupOrder: null
-            },
-            Avatar: {
-                // @ts-ignore
-                ...state.Avatar,
-                avatarHistory: null
-            },
-            Gallery: {
-                // @ts-ignore
-                ...state.Gallery,
-                emojiTable: null,
-                galleryTable: null,
-                instanceStickersCache: null,
-                inventoryTable: null,
-                printTable: null,
-                stickerTable: null,
-                VRCPlusIconsTable: null
-            }
         })
-    })
+    );
-);
+}
+
+export async function initPiniaPlugins() {
+    await registerSentryPiniaPlugin();
+}
 
 export function createGlobalStores() {
     return {