send terminal close events to sentry

Author: Mukul Tayal

.env

@@ -41,3 +41,4 @@ GLOBAL_API_TIMEOUT=60000
 TRIGGER_API_TIMEOUT=60000
 LOGIN_DT_LOGO=
 SIDEBAR_DT_LOGO=
+LOG_TERMINAL_EVENTS_TO_SENTRY=false

src/components/ClusterNodes/ClusterTerminal.tsx

@@ -343,7 +343,7 @@ export default function ClusterTerminal({
             `user/terminal/get?namespace=${selectedNamespace.value}&shellName=${
                 selectedTerminalType.value
             }&terminalAccessId=${terminalAccessIdRef.current}&containerName=${
-                resourceData.containers?.[0].containerName || ''
+                resourceData?.containers?.[0].containerName || ''
             }`,
             terminalAccessIdRef.current,
             window?._env_?.CLUSTER_TERMINAL_CONNECTION_RETRY_COUNT || 7,

src/components/terminal/TerminalWrapper.tsx

@@ -12,6 +12,8 @@ import ReactGA from 'react-ga4';
 import './terminal.scss';
 import { Scroller } from '../app/details/cicdHistory/History.components';
 import { SocketConnectionType } from '../app/details/appDetails/appDetails.type';
+import { logExceptionToSentry } from '@devtron-labs/devtron-fe-common-lib'
+
 
 interface TerminalViewProps {
     appDetails: AppDetails;
@@ -256,7 +258,8 @@ export class TerminalView extends Component<TerminalViewProps, TerminalViewState
         }
 
         socket.onclose = function (evt) {
-            setSocketConnection('DISCONNECTED');
+            if (window._env_.LOG_TERMINAL_EVENTS_TO_SENTRY) logExceptionToSentry(evt)
+            setSocketConnection('DISCONNECTED')
         }
 
         socket.onerror = function (evt) {

src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/terminal/Terminal.tsx

@@ -11,6 +11,8 @@ import { TERMINAL_STATUS } from './constants'
 import './terminal.scss'
 import { TerminalViewType } from './terminal.type'
 import { restrictXtermAccessibilityWidth } from './terminal.utils'
+import { logExceptionToSentry } from '@devtron-labs/devtron-fe-common-lib'
+
 
 let clusterTimeOut
 
@@ -177,6 +179,7 @@ export default function TerminalView({
         }
 
         _socket.onclose = function (evt) {
+            if (window._env_.LOG_TERMINAL_EVENTS_TO_SENTRY) logExceptionToSentry(evt)
             disableInput()
             _terminal.writeln('')
             _terminal.writeln('---------------------------------------------')

src/index.tsx

@@ -12,6 +12,7 @@ interface customEnv {
     SENTRY_PERFORMANCE_ENABLED?: boolean
     SENTRY_DSN?: string
     SENTRY_TRACES_SAMPLE_RATE?: number
+    LOG_TERMINAL_EVENTS_TO_SENTRY?: boolean
     HOTJAR_ENABLED?: boolean
     CLUSTER_NAME?: boolean
     APPLICATION_METRICS_ENABLED?: boolean
@@ -121,6 +122,7 @@ if (!window || !window._env_) {
         SENTRY_PERFORMANCE_ENABLED: false,
         SENTRY_DSN: '',
         SENTRY_TRACES_SAMPLE_RATE: 0.2,
+        LOG_TERMINAL_EVENTS_TO_SENTRY: false,
         HOTJAR_ENABLED: false,
         GA_ENABLED: false,
         GTM_ENABLED: false,