sentry init

android/app/capacitor.build.gradle

@@ -23,6 +23,7 @@ dependencies {
     implementation project(':capacitor-push-notifications')
     implementation project(':capacitor-share')
     implementation project(':capacitor-storage')
+    implementation project(':sentry-capacitor')
     implementation project(':capacitor-voice-recorder')
     implementation project(':capacitor2-file-picker')
     implementation "com.soundcloud.android:android-crop:1.0.0@aar"

android/app/src/main/assets/capacitor.plugins.json

@@ -55,6 +55,10 @@
 		"pkg": "@capacitor/storage",
 		"classpath": "com.capacitorjs.plugins.storage.StoragePlugin"
 	},
+	{
+		"pkg": "@sentry/capacitor",
+		"classpath": "io.sentry.capacitor.SentryCapacitor"
+	},
 	{
 		"pkg": "capacitor-voice-recorder",
 		"classpath": "com.tchvu3.capacitorvoicerecorder.VoiceRecorder"

android/capacitor.settings.gradle

@@ -44,6 +44,9 @@ project(':capacitor-share').projectDir = new File('../node_modules/@capacitor/sh
 include ':capacitor-storage'
 project(':capacitor-storage').projectDir = new File('../node_modules/@capacitor/storage/android')
 
+include ':sentry-capacitor'
+project(':sentry-capacitor').projectDir = new File('../node_modules/@sentry/capacitor/android')
+
 include ':capacitor-voice-recorder'
 project(':capacitor-voice-recorder').projectDir = new File('../node_modules/capacitor-voice-recorder/android')
 

package.json

@@ -96,6 +96,10 @@
     "@ng-bootstrap/ng-bootstrap": "^9.1.2",
     "@ngx-translate/core": "^13.0.0",
     "@pdftron/pdfjs-express": "^8.0.1",
+    "@sentry/angular": "^7.13.0",
+    "@sentry/capacitor": "^0.10.1",
+    "@sentry/cli": "^2.10.0",
+    "@sentry/tracing": "^7.27.0",
     "@types/jest-environment-puppeteer": "^4.4.1",
     "@types/puppeteer": "^5.4.4",
     "alasql": "^1.7.3",

src/app/app.module.ts

@@ -1,4 +1,4 @@
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ErrorHandler } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { RouteReuseStrategy } from '@angular/router';
 
@@ -67,10 +67,37 @@ import { IonicImageLoaderComponent, IonicImageLoaderModule } from 'ionic-image-l
 import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
 
+
+// The example is using Angular, Import '@sentry/vue' or '@sentry/react' when using a Sibling different than Angular.
+import * as SentrySibling from '@sentry/angular';
+import * as Sentry from '@sentry/capacitor';
+// The example is using Angular, Import '@sentry/vue' or '@sentry/react' when using a Sibling different than Angular.
+// For automatic instrumentation (highly recommended)
+import { Integration } from '@sentry/types';
+import { BrowserTracing } from '@sentry/tracing';
+
 /* import { FCM } from '@ionic-native/fcm/ngx';
 import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
 //import { FCM } from 'cordova-plugin-fcm-with-dependecy-updated/ionic/ngx';
 
+Sentry.init(
+  {
+    dsn: 'https://9920cc36f1d740b987426ee8d80cf588@o4504340905525248.ingest.sentry.io/4504340946419712',
+    // To set your release and dist versions
+    release: 'gabinetedigital@1.0.0',
+    dist: '1',
+    // Set tracesSampleRate to 1.0 to capture 100% of transactions for performance monitoring.
+    // We recommend adjusting this value in production.
+    tracesSampleRate: 1.0,
+    integrations: [
+      new BrowserTracing({
+        tracingOrigins: ['localhost', 'https://gd-api.oapr.gov.ao/api/'],
+      }) as Integration,
+    ]
+  },
+  // Forward the init method to the sibling Framework.
+  SentrySibling.init
+);
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
@@ -115,6 +142,11 @@ import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
     ],
   providers: [
     { provide: MAT_DATE_LOCALE, useValue: 'pt' },
+    {
+      provide: ErrorHandler,
+      // Attach the Sentry ErrorHandler
+      useValue: SentrySibling.createErrorHandler(),
+    },
     StatusBar,
     //SplashScreen,
     HttpClient,

src/app/home/home.page.ts

@@ -20,6 +20,7 @@ import { RouteService } from 'src/app/services/route.service';
 import { NativeNotificationService } from 'src/app/services/native-notification.service';
 import { UserSession } from '../models/user.model';
 import { PermissionList } from '../models/permission/permissionList';
+import * as Sentry from "@sentry/capacitor";
 
 
 
@@ -132,6 +133,10 @@ export class HomePage implements OnInit {
 
   ngOnInit() {
 
+    Sentry.captureException('Test Captured Exception');
+    throw new Error('Test Thrown Error');
+    Sentry.nativeCrash();
+
     this.logDeviceInfo();
 
     this.notificationsService.onReciveForeground();

src/environments/environment.prod.ts

@@ -15,5 +15,6 @@ export const environment = {
   defaultuserpwd: '', //tabteste@006,
   chatOffline: true,
   presidencia: false,
-  version: '1.0.1'
+  version: '1.0.1',
+  sentryUrl: 'https://9920cc36f1d740b987426ee8d80cf588@o4504340905525248.ingest.sentry.io/4504340946419712'
 };

src/environments/environment.ts

@@ -15,4 +15,5 @@ export const environment = {
   defaultuserpwd: 'M@p2022', //tabteste@006,
   chatOffline: true,
   presidencia: false,
+  sentryUrl: 'https://9920cc36f1d740b987426ee8d80cf588@o4504340905525248.ingest.sentry.io/4504340946419712'
 };

src/main.ts

@@ -8,10 +8,36 @@ import { defineCustomElements } from '@ionic/pwa-elements/loader';
 
 import "hammerjs"; // HAMMER TIME
 
+import * as Sentry from '@sentry/capacitor';
+// The example is using Angular, Import '@sentry/vue' or '@sentry/react' when using a Sibling different than Angular.
+import * as SentrySibling from '@sentry/angular';
+// For automatic instrumentation (highly recommended)
+import { Integration } from '@sentry/types';
+import { BrowserTracing } from '@sentry/tracing';
+
 if (environment.production) {
   enableProdMode();
 }
 
+Sentry.init(
+  {
+    dsn: 'https://9920cc36f1d740b987426ee8d80cf588@o4504340905525248.ingest.sentry.io/4504340946419712',
+    // To set your release and dist versions
+    release: 'gabinetedigital@1.0.0',
+    dist: '1',
+    // Set tracesSampleRate to 1.0 to capture 100% of transactions for performance monitoring.
+    // We recommend adjusting this value in production.
+    tracesSampleRate: 1.0,
+    integrations: [
+      new BrowserTracing({
+        tracingOrigins: ['localhost', 'https://gd-api.oapr.gov.ao/api/'],
+      }) as Integration,
+    ]
+  },
+  // Forward the init method to the sibling Framework.
+  SentrySibling.init
+);
+
 platformBrowserDynamic().bootstrapModule(AppModule)
   .catch(err => console.log(err));