web: Filter Sentry errors from third party scripts

web/config.ts

@@ -27,3 +27,5 @@ export const config: Config = {
   sentryDsn: process.env.SENTRY_DSN ?? '',
   traduora: undefined,
 }
+
+export const SENTRY_APPLICATION_KEY = 'brawltime'

web/renderer/sentry.ts

@@ -7,6 +7,7 @@ import {
   reportingObserverIntegration,
   rewriteFramesIntegration,
 } from '@sentry/browser'
+import { SENTRY_APPLICATION_KEY } from "~/config"
 
 export const SentryInjectionKey = Symbol('sentry') as InjectionKey<typeof Sentry>
 
@@ -31,18 +32,12 @@ export function initSentry(dsn: string, app: App<Element>, router?: Router) {
         maskAllInputs: false,
         blockAllMedia: false,
       }),
+      Sentry.thirdPartyErrorFilterIntegration({
+        filterKeys: [SENTRY_APPLICATION_KEY],
+        behaviour: 'drop-error-if-exclusively-contains-third-party-frames',
+      }),
     ],
     ignoreErrors: [
-      // ignore common errors triggered by ads
-      'ReportingObserver [deprecation]',
-      '[GPT] ',
-      'SYNC.JS',
-      'ox_esp',
-      'Tyche blocked',
-      'fun-hooks: hooked function not ready',
-      'The play() request was interrupted',
-      'Geo location is undefined or empty',
-      '33Across Lexicon ID Mappings Provider: PID not found',
       // ignore errors that are not actionable
       'Already on path:',
       'Unable to preload CSS',

web/vite.config.ts

@@ -11,6 +11,7 @@ import { sentryVitePlugin } from '@sentry/vite-plugin'
 import { vavite } from 'vavite'
 import legacy from '@vitejs/plugin-legacy'
 import manifest from './manifest'
+import { SENTRY_APPLICATION_KEY } from './config'
 
 const config: UserConfig = {
   buildSteps: [
@@ -57,6 +58,7 @@ const config: UserConfig = {
     ssr({ disableAutoFullBuild: true }),
     legacy(),
     process.env.VITE_GIT_REV != undefined ? sentryVitePlugin({
+      applicationKey: SENTRY_APPLICATION_KEY,
       release: {
         name: `brawltimeninja@${process.env.VITE_GIT_REV}`,
         setCommits: {