✨ Collect viewport size

packages/rum-core/src/domain/assembly.ts

@@ -32,6 +32,7 @@ import { RumSessionPlan } from './rumSessionManager'
 import type { UrlContexts } from './contexts/urlContexts'
 import type { RumConfiguration } from './configuration'
 import type { ActionContexts } from './rumEventsCollection/action/actionCollection'
+import { getDisplayContext } from './contexts/displayContext'
 
 // replaced at build time
 declare const __BUILD_ENV__SDK_VERSION__: string
@@ -121,6 +122,7 @@ export function startRumAssembly(
           },
           synthetics: syntheticsContext,
           ci_test: ciTestContext,
+          display: getDisplayContext(),
         }
         const actionId = actionContexts.findActionId(startTime)
 

packages/rum-core/src/domain/contexts/displayContext.spec.ts

@@ -0,0 +1,23 @@
+import { resetExperimentalFeatures, updateExperimentalFeatures } from '@datadog/browser-core'
+import { getDisplayContext } from './displayContext'
+
+describe('displayContext', () => {
+  afterEach(() => {
+    resetExperimentalFeatures()
+  })
+
+  it('should return current display context when ff enabled', () => {
+    updateExperimentalFeatures(['clickmap'])
+
+    expect(getDisplayContext()).toEqual({
+      viewport: {
+        width: jasmine.any(Number),
+        height: jasmine.any(Number),
+      },
+    })
+  })
+
+  it('should not return current display context when ff disabled', () => {
+    expect(getDisplayContext()).not.toBeDefined()
+  })
+})

packages/rum-core/src/domain/contexts/displayContext.ts

@@ -0,0 +1,12 @@
+import { isExperimentalFeatureEnabled } from '@datadog/browser-core'
+
+export function getDisplayContext() {
+  if (!isExperimentalFeatureEnabled('clickmap')) return
+
+  return {
+    viewport: {
+      width: window.innerWidth,
+      height: window.innerHeight,
+    },
+  }
+}

packages/rum-core/src/rawRumEvent.types.ts

@@ -194,6 +194,12 @@ export interface RumContext {
     type: string
     has_replay?: boolean
   }
+  display?: {
+    viewport: {
+      width: number
+      height: number
+    }
+  }
   synthetics?: {
     test_id: string
     result_id: string