[DSC-1570] add basic structure for datadog rum settings

Author: Andrea Barbasso

package.json

@@ -84,6 +84,7 @@
     "@angular/platform-server": "^15.2.8",
     "@angular/router": "^15.2.8",
     "@babel/runtime": "7.21.0",
+    "@datadog/browser-rum": "^5.7.0",
     "@kolkov/ngx-gallery": "^2.0.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.11.3",

src/app/app.component.ts

@@ -29,6 +29,7 @@ import { distinctNext } from './core/shared/distinct-next';
 import { RouteService } from './core/services/route.service';
 import { getEditItemPageRoute, getWorkflowItemModuleRoute, getWorkspaceItemModuleRoute } from './app-routing-paths';
 import { SocialService } from './social/social.service';
+import { datadogRum } from '@datadog/browser-rum';
 
 @Component({
   selector: 'ds-app',
@@ -108,6 +109,14 @@ export class AppComponent implements OnInit, AfterViewInit {
     );
 
     this.dispatchWindowSize(this._window.nativeWindow.innerWidth, this._window.nativeWindow.innerHeight);
+
+    if (
+      environment.datadogRum?.clientToken && environment.datadogRum?.applicationId &&
+      environment.datadogRum?.service && environment.datadogRum?.env) {
+      // TODO: aggiungere check consent cookie
+      console.warn('init', environment.datadogRum);
+      datadogRum.init(environment.datadogRum);
+    }
   }
 
   private storeCSSVariables() {

src/config/app-config.interface.ts

@@ -32,6 +32,7 @@ import { AdvancedAttachmentRenderingConfig } from './advanced-attachment-renderi
 import { AttachmentRenderingConfig } from './attachment-rendering.config';
 import { SearchResultConfig } from './search-result-config.interface';
 import { MiradorConfig } from './mirador-config.interfaces';
+import { DatadogRumConfig } from './datadog-rum-config.interfaces';
 
 interface AppConfig extends Config {
   ui: UIServerConfig;
@@ -70,6 +71,7 @@ interface AppConfig extends Config {
   advancedAttachmentRendering: AdvancedAttachmentRenderingConfig;
   searchResult: SearchResultConfig;
   mirador: MiradorConfig;
+  datadogRum?: DatadogRumConfig;
 }
 
 /**

src/config/datadog-rum-config.interfaces.ts

@@ -0,0 +1,16 @@
+import { Config } from './config.interface';
+import { DefaultPrivacyLevel } from '@datadog/browser-rum';
+
+export interface DatadogRumConfig extends Config {
+  clientToken: string;
+  applicationId: string;
+  site?: string;
+  service: string;
+  env: string;
+  sessionSampleRate?: number;
+  sessionReplaySampleRate?: number;
+  trackUserInteractions?: boolean;
+  trackResources?: boolean;
+  trackLongTasks?: boolean;
+  defaultPrivacyLevel?: DefaultPrivacyLevel;
+}

src/config/default-app-config.ts

@@ -35,6 +35,7 @@ import {
 import { AttachmentRenderingConfig } from './attachment-rendering.config';
 import { SearchResultConfig } from './search-result-config.interface';
 import { MiradorConfig } from './mirador-config.interfaces';
+import { DatadogRumConfig } from './datadog-rum-config.interfaces';
 
 export class DefaultAppConfig implements AppConfig {
   production = false;
@@ -760,4 +761,18 @@ export class DefaultAppConfig implements AppConfig {
   mirador: MiradorConfig = {
     enableDownloadPlugin: true,
   };
+
+  datadogRum: DatadogRumConfig = {
+    clientToken: undefined,
+    applicationId: undefined,
+    site: 'datadoghq.eu',
+    service: undefined,
+    env: undefined,
+    sessionSampleRate: 50,
+    sessionReplaySampleRate: 20,
+    trackUserInteractions: true,
+    trackResources: true,
+    trackLongTasks: true,
+    defaultPrivacyLevel: 'mask-user-input',
+  };
 }

yarn.lock

@@ -1533,6 +1533,26 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
+"@datadog/browser-core@5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@datadog/browser-core/-/browser-core-5.7.0.tgz#ae8cd791626e928a82dfdfb3ccea88778323ddb8"
+  integrity sha512-rNUe3s5XD+9UUe/muYuh/UJzb0YXTRwSP1VevMRZmEpNgkBhurWjqjm3LQphYXMYsmQIgvqDPWm05Z+jOxTzRw==
+
+"@datadog/browser-rum-core@5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@datadog/browser-rum-core/-/browser-rum-core-5.7.0.tgz#a13f88ab094fe95fe807292965e031857f06b3e3"
+  integrity sha512-ZWDkyMprM0QBQhKhEZnfux8EE9STPa1wl/rAjY/+dBRqrGi1bEqigSgy7GiwiCag1Wn9GEjLXS5opqmoO/fpQw==
+  dependencies:
+    "@datadog/browser-core" "5.7.0"
+
+"@datadog/browser-rum@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@datadog/browser-rum/-/browser-rum-5.7.0.tgz#5aa157f0f175f8a35675d9c542437b6f7646a667"
+  integrity sha512-I+1QslFl4vteoJQBAtBYPgiWa1rFZ/DoNZsOqsKGJjpql0omv5fvdjwbSTBBT5wfLnzo/FnfHogynFpB+JP0rg==
+  dependencies:
+    "@datadog/browser-core" "5.7.0"
+    "@datadog/browser-rum-core" "5.7.0"
+
 "@discoveryjs/json-ext@0.5.7", "@discoveryjs/json-ext@^0.5.0":
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"