telemetry: Allow user to opt out of sending usage statistics

src/main.ts

@@ -22,16 +22,19 @@ loadFonts()
 
 const app = createApp(App)
 
-Sentry.init({
-  app,
-  dsn: 'https://5176a29493da4d31a6384c55d291cd3d@o4507692193415168.ingest.us.sentry.io/4507692196036608',
-  integrations: [Sentry.browserTracingIntegration(), Sentry.replayIntegration()],
-  tracesSampleRate: 0.1, //  Capture 10% of the transactions
-  tracePropagationTargets: [],
-  replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-  replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-  transport: Sentry.makeBrowserOfflineTransport(Sentry.makeFetchTransport),
-})
+// Only track usage statistics if the user has not opted out
+if (window.localStorage.getItem('cockpit-enable-usage-statistics-telemetry')) {
+  Sentry.init({
+    app,
+    dsn: 'https://5176a29493da4d31a6384c55d291cd3d@o4507692193415168.ingest.us.sentry.io/4507692196036608',
+    integrations: [Sentry.browserTracingIntegration(), Sentry.replayIntegration()],
+    tracesSampleRate: 0.1, //  Capture 10% of the transactions
+    tracePropagationTargets: [],
+    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+    transport: Sentry.makeBrowserOfflineTransport(Sentry.makeFetchTransport), // Cache events and send them when the user comes back online
+  })
+}
 
 app.component('FontAwesomeIcon', FontAwesomeIcon)
 app.use(router).use(vuetify).use(createPinia()).use(FloatingVue).use(VueVirtualScroller)

src/stores/development.ts

@@ -6,12 +6,20 @@ import { useBlueOsStorage } from '@/composables/settingsSyncer'
 
 export const systemLoggingEnablingKey = 'cockpit-enable-system-logging'
 export const blueOsSettingsSyncEnablingKey = 'cockpit-enable-blueos-settings-sync'
+export const enableUsageStatisticsTelemetryKey = 'cockpit-enable-usage-statistics-telemetry'
 
 export const useDevelopmentStore = defineStore('development', () => {
   const developmentMode = ref(false)
   const widgetDevInfoBlurLevel = ref(3)
   const enableSystemLogging = useBlueOsStorage(systemLoggingEnablingKey, true)
   const enableBlueOsSettingsSync = useStorage(blueOsSettingsSyncEnablingKey, true)
+  const enableUsageStatisticsTelemetry = useStorage(enableUsageStatisticsTelemetryKey, true)
 
-  return { developmentMode, widgetDevInfoBlurLevel, enableSystemLogging, enableBlueOsSettingsSync }
+  return {
+    developmentMode,
+    widgetDevInfoBlurLevel,
+    enableSystemLogging,
+    enableBlueOsSettingsSync,
+    enableUsageStatisticsTelemetry,
+  }
 })

src/views/ConfigurationDevelopmentView.vue

@@ -4,7 +4,7 @@
     <template #content>
       <div
         class="max-h-[80vh] overflow-y-auto -mr-4"
-        :class="interfaceStore.isOnSmallScreen ? 'max-w-[85vw]' : 'max-w-[50vw]'"
+        :class="interfaceStore.isOnSmallScreen ? 'max-w-[85vw]' : 'max-w-[60vw]'"
       >
         <div
           class="flex flex-col justify-between items-center w-full"
@@ -26,6 +26,14 @@
               class="min-w-[155px]"
               @update:model-value="reloadCockpit"
             />
+            <v-switch
+              v-model="devStore.enableUsageStatisticsTelemetry"
+              label="Usage statistics telemetry"
+              color="white"
+              hide-details
+              class="min-w-[155px]"
+              @update:model-value="reloadCockpit"
+            />
             <v-switch
               v-model="devStore.enableSystemLogging"
               label="Enable system logging"