refactor: Implements global error catching

Author: Lissy93

src/app/app.component.ts

@@ -106,6 +106,7 @@ export class AppComponent implements OnInit, OnDestroy {
   ngOnInit() {
     this.errorHandler.printInitialDetails();
     this.errorHandler.initializeGlitchTip();
+    this.errorHandler.initializeWindowCatching();
 
     // Set meta tags on route change
     this.router.events

src/app/services/error-handler.service.ts

@@ -92,14 +92,24 @@ export class ErrorHandlerService {
     this.glitchTipEnabled = this.shouldEnableGlitchTip();
     if (!this.glitchTipEnabled) return;
     const glitchTipDsn = this.envService.getGlitchTipDsn();
-    Sentry.init({
-      dsn: glitchTipDsn,
-      integrations: [ Sentry.browserTracingIntegration() ],
-      tracesSampleRate: 1.0,
-      release: __APP_VERSION__,
-      environment: this.envService.getEnvironmentType(),
-      denyUrls: ['localhost'],
-    });
+    try {
+      Sentry.init({
+        dsn: glitchTipDsn,
+        integrations: [ Sentry.browserTracingIntegration() ],
+        tracesSampleRate: 1.0,
+        release: __APP_VERSION__,
+        environment: this.envService.getEnvironmentType(),
+        denyUrls: ['localhost'],
+      });
+    } catch (e) {
+      this.handleError({
+        error: e,
+        message: 'Unable to initialize GlitchTip. Possibly due to adblock, invalid DSN, or user\'s privacy preferences',
+        location: 'ErrorHandlerService.initializeGlitchTip',
+        showToast: false,
+      });
+      this.glitchTipEnabled = false;
+    }
   }
 
   /* Gets the user ID from local storage (if available) */
@@ -165,6 +175,29 @@ export class ErrorHandlerService {
     return JSON.parse(localStorage.getItem('DL_error_log') || '[]').reverse();
   }
 
+  public initializeWindowCatching() {
+    if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
+      window.onerror = (message, source, lineno, colno, error) => {
+        this.handleError({
+          message: String(message),
+          location: `window (${source}:${lineno}:${colno})`,
+          error,
+          showToast: false,
+        });
+      };
+
+      window.onunhandledrejection = (event) => {
+        this.handleError({
+          message: 'Unhandled Promise Rejection',
+          location: 'window.onunhandledrejection',
+          error: event.reason,
+          showToast: false,
+        });
+      };
+    }
+    
+  }
+
   public printInitialDetails(): void {
     if (!isPlatformBrowser(this.platformId)) return;
     const environment = this.envService.getEnvironmentType();