Added RudderStack Telemetry Provider

package.json

@@ -65,6 +65,7 @@
     "lodash-es": "^4.17.21",
     "mixpanel-browser": "^2.45.0",
     "ngx-color": "7.0.0",
+    "rudder-sdk-js": "^2.3.0",
     "rxjs": "~6.6.7",
     "tslib": "^2.3.1",
     "uuid": "^8.3.2",

projects/common/package.json

@@ -22,7 +22,8 @@
     "d3-interpolate": "^2.0.1",
     "d3-color": "^1.4.0",
     "@fullstory/browser": "^1.4.9",
-    "mixpanel-browser": "^2.41.0"
+    "mixpanel-browser": "^2.41.0",
+    "rudder-sdk-js": "^2.3.0"
   },
   "devDependencies": {
     "@hypertrace/test-utils": "^0.0.0"

projects/common/src/public-api.ts

@@ -107,6 +107,7 @@ export * from './telemetry/telemetry';
 export { FullStoryTelemetry } from './telemetry/providers/fullstory/full-story-provider';
 export { FreshPaintTelemetry } from './telemetry/providers/freshpaint/freshpaint-provider';
 export { MixPanelTelemetry } from './telemetry/providers/mixpanel/mixpanel-provider';
+export { RudderStackTelemetry } from './telemetry/providers/rudderstack/rudderstack-provider';
 export { TrackDirective } from './telemetry/track/track.directive';
 
 // Time

projects/common/src/telemetry/providers/rudderstack/rudderstack-provider.ts

@@ -0,0 +1,32 @@
+import { Injectable } from '@angular/core';
+import { Dictionary } from '../../../utilities/types/types';
+
+import { apiObject, identify, load, page, track } from 'rudder-sdk-js';
+import { TelemetryProviderConfig, UserTelemetryProvider, UserTraits } from '../../telemetry';
+
+export interface RudderStackConfig extends TelemetryProviderConfig {
+  writeKey: string;
+}
+
+@Injectable({ providedIn: 'root' })
+export class RudderStackTelemetry implements UserTelemetryProvider<RudderStackConfig> {
+  public initialize(config: RudderStackConfig): void {
+    load(config.writeKey, config.orgId, { configUrl: config.orgId });
+  }
+
+  public identify(userTraits: UserTraits): void {
+    identify(undefined, userTraits as apiObject);
+  }
+
+  public trackEvent(name: string, eventData: Dictionary<unknown>): void {
+    track(name, eventData as apiObject);
+  }
+
+  public trackPage(name: string, eventData: Dictionary<unknown>): void {
+    page(name, name, eventData as apiObject);
+  }
+
+  public trackError(name: string, eventData: Dictionary<unknown>): void {
+    this.trackEvent(name, eventData);
+  }
+}

src/app/config.module.ts

@@ -1,13 +1,19 @@
 import { NgModule } from '@angular/core';
-import { ALTERNATE_COLOR_PALETTES, APP_TITLE, DEFAULT_COLOR_PALETTE, GLOBAL_HEADER_HEIGHT } from '@hypertrace/common';
+import {
+  ALTERNATE_COLOR_PALETTES,
+  APP_TITLE,
+  DEFAULT_COLOR_PALETTE,
+  GLOBAL_HEADER_HEIGHT,
+  UserTelemetryModule
+} from '@hypertrace/common';
 import { GRAPHQL_OPTIONS } from '@hypertrace/graphql-client';
 import { ENTITY_METADATA, RED_COLOR_PALETTE } from '@hypertrace/observability';
 import { environment } from '../environments/environment';
 import { entityMetadata } from './entity-metadata';
 import { FeatureResolverModule } from './shared/feature-resolver/feature-resolver.module';
 
 @NgModule({
-  imports: [FeatureResolverModule],
+  imports: [FeatureResolverModule, UserTelemetryModule.forRoot([])],
   providers: [
     {
       provide: GRAPHQL_OPTIONS,