feat: integrate bb opentelemetry observability connector (#222)

* chore: test otel connector * chore: update otel init * chore: update otel config * chore: add env for otel * chore: fix path for package.json * fix: package.json import issue * chore: bump ui-ang version
Backbase · Sep 21, 2023 · ab41cfd · ab41cfd
1 parent 94c8d2f
commit ab41cfd
Show file tree

Hide file tree

Showing 8 changed files with 654 additions and 27 deletions.
diff --git a/apps/golden-sample-app/src/app/app.module.ts b/apps/golden-sample-app/src/app/app.module.ts
@@ -44,6 +44,7 @@ import { LocaleSelectorModule } from './locale-selector/locale-selector.module';
 import { TrackerModule } from '@backbase/foundation-ang/observability';
 import { UserContextInterceptor } from './user-context/user-context.interceptor';
 import { ActivityMonitorModule } from './auth/activity-monitor';
+import packageInfo from 'package-json';
 
 @NgModule({
   declarations: [AppComponent],
@@ -70,6 +71,15 @@ import { ActivityMonitorModule } from './auth/activity-monitor';
     TransactionSigningModule,
     TrackerModule.forRoot({
       handler: AnalyticsService,
+      openTelemetryConfig: {
+        appName: packageInfo.name,
+        appVersion: packageInfo.version,
+        apiKey: environment.bbApiKey,
+        env: 'local',
+        isProduction: environment.production,
+        isEnabled: environment.isTelemetryTracerEnabled,
+        url: environment.telemetryCollectorURL,
+      },
     }),
     ActivityMonitorModule,
   ],

diff --git a/apps/golden-sample-app/src/app/services/analytics.service.ts b/apps/golden-sample-app/src/app/services/analytics.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { TrackerHandler } from '@backbase/foundation-ang/observability';
 
-/* 
+/*
 This service will receive all the analytics events from your application and from here you can
 send all your tracker events to the analytics system (eg: google analytics/segment stc)
  */
@@ -11,9 +11,5 @@ export class AnalyticsService extends TrackerHandler {
     this.tracker.subscribeAll((event) => {
       console.log('EVENT TRACKER', event);
     });
-
-    // this.tracker.subscribe(ScreenResizeEvent, event => {
-    //   console.log(event);
-    // });
   }
 }
diff --git a/apps/golden-sample-app/src/environments/environment.mocks.ts b/apps/golden-sample-app/src/environments/environment.mocks.ts
@@ -21,6 +21,10 @@ export const environment: Environment = {
     designSlimMode: false,
   },
   mockEnabled: true,
+  isTelemetryTracerEnabled: true,
+  bbApiKey: '27d4d4ee-afc1-4190-adc4-b9d30d39badb',
+  telemetryCollectorURL: 'https://botel.bartbase.com/v1/traces',
+  env: 'mock',
 };
 
 export const authConfig: AuthConfig = {

diff --git a/apps/golden-sample-app/src/environments/environment.ts b/apps/golden-sample-app/src/environments/environment.ts
@@ -24,6 +24,10 @@ export const environment: Environment = {
   common: {
     designSlimMode: false,
   },
+  isTelemetryTracerEnabled: true,
+  bbApiKey: '27d4d4ee-afc1-4190-adc4-b9d30d39badb',
+  telemetryCollectorURL: 'https://botel.bartbase.com/v1/traces',
+  env: 'local',
 };
 
 export const authConfig: AuthConfig = {

diff --git a/apps/golden-sample-app/src/environments/type.ts b/apps/golden-sample-app/src/environments/type.ts
@@ -11,4 +11,8 @@ export interface Environment {
   mockProviders?: Provider[];
   mockEnabled?: boolean;
   common: sharedJourneyConfiguration;
+  isTelemetryTracerEnabled?: boolean;
+  bbApiKey?: string;
+  telemetryCollectorURL?: string;
+  env?: string;
 }