chore: Capture and process order errors properly in Sentry (#4173)

Author: iamareebjamal

app/controllers/public/index.js

@@ -133,13 +133,19 @@ export default Controller.extend({
             this.transitionToRoute('orders.new', order.identifier);
           })
           .catch(async e => {
-            await Promise.all((attendees ? attendees.toArray() : []).map(attendee => attendee.destroyRecord()));
+            console.error('Error while saving order', e);
+            try {
+              await Promise.allSettled((attendees ? attendees.toArray() : []).map(attendee => attendee.destroyRecord()));
+            } catch (error) {
+              console.error('Error while deleting attendees after order failure', error);
+            }
             this.notify.error(this.l10n.t(e.errors[0].detail));
           })
           .finally(() => {
             this.set('isLoading', false);
           });
       } catch (e) {
+        console.error('Error while creating order', e);
         this.notify.error(this.l10n.t(e));
       }
     }

app/sentry.ts

@@ -1,17 +1,24 @@
 import * as Sentry from '@sentry/browser';
-import { Ember } from '@sentry/integrations';
+import { CaptureConsole, Dedupe, Ember } from '@sentry/integrations';
 import config from 'open-event-frontend/config/environment';
 
 Sentry.init({
-    integrations: [new Ember()],
+    integrations: [
+        new Ember(),
+        new Dedupe(),
+        new CaptureConsole({
+            levels: ['error']
+        })
+    ],
     beforeSend(event: Sentry.Event) {
         const exception = event.exception?.values?.[0];
         const errorValue = exception?.value;
-        if (errorValue?.includes("Ember Data Request") && 
-            errorValue?.includes("404")) {
-            // Ignore 404 errors from Ember Data because 
-            // I don't know how to turn them off
-            return null;
+        if (errorValue?.includes("Ember Data Request")) {
+            if (errorValue?.includes("404")) {
+                // Ignore 404 errors from Ember Data because 
+                // I don't know how to turn them off
+                return null;
+            }
         }
 
         if (errorValue?.includes("TransitionAborted") && 
@@ -24,3 +31,25 @@ Sentry.init({
     },
     ...config.sentry
 });
+
+Sentry.configureScope(function(scope) {
+    function addAdapterError(error: any, event: Sentry.Event) {
+        if (error.isAdapterError) {
+            event.extra = {
+                ...event.extra,
+                adapter_errors: error.errors,
+                adapter_errors_json: JSON.stringify(error.errors)
+            }
+        }
+    }
+
+    scope.addEventProcessor(function(event: Sentry.Event, hints: Sentry.EventHint) {
+        addAdapterError(hints.originalException, event);
+
+        const args: any[] = event.extra?.arguments || [];
+        for (const arg of args) {
+            addAdapterError(arg, event);
+        }
+      return event;
+    });
+});

ember-cli-build.js

@@ -13,7 +13,7 @@ module.exports = function(defaults) {
       includePolyfill: true
     },
     storeConfigInMeta : true,
-    sassOptions : {
+    sassOptions       : {
       sourceMapEmbed: true
     },
     autoprefixer: {