feat: sentry integration

Author: MitanOmar

app/app.js

@@ -1,13 +1,61 @@
 import Application from "@ember/application";
+import * as Sentry from "@sentry/ember";
 import loadInitializers from "ember-load-initializers";
 import Resolver from "ember-resolver";
+import fastRedact from "fast-redact";
 import ResizeObserver from "resize-observer-polyfill";
 import config from "timed/config/environment";
 // simplebar setup
 // see components/scroll-container for further usage
 import "simplebar";
 import "simplebar/dist/simplebar.css";
 
+const redact = fastRedact({
+  paths: [
+    "user.email",
+    "user.family_name",
+    "user.given_name",
+    "user.address",
+    "user.postalCode",
+    "user.city",
+  ],
+  serialize: false,
+});
+
+if (config["@sentry/ember"]) {
+  const sentryConfig = config["@sentry/ember"].sentry;
+  Sentry.init({
+    ...sentryConfig,
+    transport: Sentry.makeBrowserOfflineTransport(Sentry.makeFetchTransport),
+    beforeSend(_event, hint) {
+      const event = redact(_event);
+      // ignore this differentiation in dev environment
+      if (event.environment === "production") {
+        if (window.location.hostname === "test.timed.adfinis.com") {
+          event.environment = "staging";
+        }
+      }
+
+      const exception = hint.originalException;
+      if (
+        exception &&
+        Array.isArray(exception.errors) &&
+        exception.errors.every((e) => e.status === 401)
+      ) {
+        event.level = "info";
+      }
+
+      if (
+        config.SENTRY_IGNORE &&
+        config.SENTRY_IGNORE.includes(hint.originalException.name)
+      ) {
+        return null;
+      }
+      return event;
+    },
+  });
+}
+
 if (!window.ResizeObserver) {
   window.ResizeObserver = ResizeObserver;
 }

config/environment.js

@@ -1,5 +1,4 @@
 /* jshint node: true */
-
 module.exports = function (environment) {
   const ENV = {
     modulePrefix: "timed",
@@ -62,6 +61,33 @@ module.exports = function (environment) {
     },
   };
 
+  if (process.env.SENTRY_DSN) {
+    ENV["@sentry/ember"] = {
+      // Will silence Ember.onError warning without the need of using Ember debugging tools.
+      ignoreEmberOnErrorWarning: false,
+
+      // All runloop queue durations will be added as spans.
+      minimumRunloopQueueDuration: 0,
+
+      // Will disable automatic instrumentation for components.
+      // disableInstrumentComponents: true,
+
+      // All (non-glimmer) component render durations will be added as spans.
+      minimumComponentRenderDuration: 0,
+
+      // All component definitions will be added as spans.
+      enableComponentDefinition: true,
+      sentry: {
+        environment,
+        dsn: process.env.SENTRY_DSN,
+        debug: environment !== "production",
+        tracesSampleRate: 0.01,
+        maxBreadcrumbs: 20,
+      },
+    };
+    ENV.SENTRY_IGNORE = ["TransitionAborted"];
+  }
+
   if (environment === "development") {
     ENV["ember-simple-auth-oidc"].host =
       "http://timed.local/auth/realms/timed/protocol/openid-connect";

package.json

@@ -61,6 +61,7 @@
     "@html-next/vertical-collection": "4.0.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@sentry/ember": "^7.98.0",
     "broccoli-asset-rev": "3.0.0",
     "broccoli-funnel": "^3.0.8",
     "downloadjs": "1.4.7",
@@ -88,7 +89,7 @@
     "ember-cli-update": "1.0.1",
     "ember-component-css": "0.8.1",
     "ember-composable-helpers": "5.0.0",
-    "ember-concurrency": "2.3.4",
+    "ember-concurrency": "^2.3.7",
     "ember-data": "4.4.0",
     "ember-decorators": "6.1.1",
     "ember-event-helpers": "^0.1.1",
@@ -139,7 +140,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "sass": "1.58.3",
     "semantic-release": "21.0.7",
-    "shepherd.js": "^11.1.1",
+    "shepherd.js": "^11.2.0",
     "simplebar": "^6.2.5",
     "tracked-built-ins": "3.1.1",
     "tracked-toolbox": "2.0.0",
@@ -165,5 +166,8 @@
         "marked"
       ]
     }
+  },
+  "dependencies": {
+    "fast-redact": "^3.3.0"
   }
 }