From 41714e9d4b63c4cc8bb5e8bf2044e22f26a7b4be Mon Sep 17 00:00:00 2001
From: Aleksey Manetov <alekseymanetov@gmail.com>
Date: Mon, 25 Sep 2023 15:13:50 +0200
Subject: [PATCH] add apm for production

---
 app/package.json  |  2 +-
 app/src/index.tsx | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/package.json b/app/package.json
index 578efdfdc6..b2f98faa27 100644
--- a/app/package.json
+++ b/app/package.json
@@ -48,7 +48,7 @@
     "react-router": "6.14.0",
     "react-router-dom": "6.14.0",
     "remark-gfm": "3.0.1",
-    "slate": "0.82.0"
+    "@elastic/apm-rum": "5.14.0"
   },
   "browserslist": {
     "production": [
diff --git a/app/src/index.tsx b/app/src/index.tsx
index bf6f9ba651..3c5e881e8e 100644
--- a/app/src/index.tsx
+++ b/app/src/index.tsx
@@ -3,10 +3,7 @@ import { render } from 'react-dom';
 import { RouterProvider } from 'react-router';
 import { createBrowserRouter } from 'react-router-dom';
 import {
-    UuiContexts,
-    Router6AdaptedRouter,
-    useUuiServices,
-    DragGhost,
+    UuiContexts, Router6AdaptedRouter, useUuiServices, DragGhost,
     UuiContext, GAListener, IProcessRequest,
 } from '@epam/uui-core';
 import { Snackbar, Modals, PortalRoot } from '@epam/uui-components';
@@ -18,6 +15,7 @@ import { getApi, TApi } from './data';
 import '@epam/internal/styles.css';
 import '@epam/assets/theme/theme_vanilla_thunder.scss';
 import './index.module.scss';
+import { init as initApm } from '@elastic/apm-rum';
 
 const router6 = createBrowserRouter([
     { path: '*', element: <App /> },
@@ -35,6 +33,16 @@ function apiDefinition(processRequest: IProcessRequest) {
     return getApi({ processRequest, fetchOptions: { credentials: undefined } });
 }
 
+const apm = initApm({
+    serviceName: 'uui-ui',
+    serverUrl: isProduction ? 'https://apm.app.epam.com' : 'https://apm-sandbox.cloudapp.epam.com/',
+    serviceVersion: __COMMIT_HASH__,
+    environment: isProduction ? 'prod' : 'qa',
+    breakdownMetrics: true,
+    transactionSampleRate: 0.2,
+});
+apm.addLabels({ project: 'epm-uui', service_type: 'ui' });
+
 function UuiEnhancedApp() {
     const [isLoaded, setIsLoaded] = React.useState(false);
     const { services } = useUuiServices<TApi, UuiContexts>({ apiDefinition, router, skinContext });