feat: added browser logging

package-lock.json

@@ -16,6 +16,7 @@
       "version": "1.0.0-semantically-released",
       "license": "AGPL-3.0",
       "dependencies": {
+        "@datadog/browser-logs": "^5.14.0",
         "@datadog/browser-rum": "^5.14.0",
         "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
         "@edx/frontend-component-footer": "^13.0.4",
@@ -2167,6 +2168,22 @@
       "resolved": "https://registry.npmjs.org/@datadog/browser-core/-/browser-core-5.14.0.tgz",
       "integrity": "sha512-sr02NfURpidS+FW9JaIDwqG8JfeqNy2GjPhzxZ7q3IITktX0wNxEq+IhwJDfB+2G/2iT9t7WgFBshx/e3Rb0Ow=="
     },
+    "node_modules/@datadog/browser-logs": {
+      "version": "5.14.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-logs/-/browser-logs-5.14.0.tgz",
+      "integrity": "sha512-ZHTpl/c62OA9iy2HCfJD/1hKwgZPg7/xvKVSNbqF21SniTtxT8hs7InFU8YP9knwrhIkg2RC5TE4hBZCe99D3g==",
+      "dependencies": {
+        "@datadog/browser-core": "5.14.0"
+      },
+      "peerDependencies": {
+        "@datadog/browser-rum": "5.14.0"
+      },
+      "peerDependenciesMeta": {
+        "@datadog/browser-rum": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@datadog/browser-rum": {
       "version": "5.14.0",
       "resolved": "https://registry.npmjs.org/@datadog/browser-rum/-/browser-rum-5.14.0.tgz",

package.json

@@ -29,6 +29,7 @@
     "url": "https://github.com/openedx/frontend-app-learning/issues"
   },
   "dependencies": {
+    "@datadog/browser-logs": "^5.14.0",
     "@datadog/browser-rum": "^5.14.0",
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/frontend-component-footer": "^13.0.4",

src/index.jsx

@@ -11,6 +11,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Routes, Route } from 'react-router-dom';
 import { datadogRum } from '@datadog/browser-rum';
+import { datadogLogs } from '@datadog/browser-logs';
 
 import { Helmet } from 'react-helmet';
 import { fetchDiscussionTab, fetchLiveTab } from './course-home/data/thunks';
@@ -55,6 +56,18 @@ subscribe(APP_READY, () => {
     trackLongTasks: true,
     defaultPrivacyLevel: 'mask-user-input',
   });
+  datadogLogs.init({
+    clientToken: 'pubf2e79d946cec4c4413965620ba0e0b72',
+    site: 'datadoghq.com',
+    forwardErrorsToLogs: true,
+    sessionSampleRate: 100,
+    service: 'edx_sandbox_testing',
+  });
+  try {
+    throw new Error('Hello World!!!');
+  } catch (ex) {
+    datadogLogs.logger.error('Error occurred', {}, ex);
+  }
   ReactDOM.render(
     <AppProvider store={initializeStore()}>
       <Helmet>