turn on dogfooding of ld client integration (#10137)

Enable client integration.

local deploy

![image](https://github.com/user-attachments/assets/6e21a477-2833-4c75-9174-6f3965f01f29)

no

no

Author: Vadman97

.changeset/flat-feet-unite.md

@@ -0,0 +1,5 @@
+---
+'highlight.run': patch
+---
+
+improve LD sdk integration to report context

sdk/highlight-run/src/client/types/types.ts

@@ -12,7 +12,7 @@ import { ErrorMessageType, Source } from './shared-types'
 import { LDClientMin } from '../../integrations/launchdarkly/types/LDClient'
 
 export declare interface Metadata {
-	[key: string]: string | boolean | number
+	[key: string]: any
 }
 
 export declare interface Metric {

sdk/highlight-run/src/integrations/launchdarkly/index.ts

@@ -7,20 +7,24 @@ import {
 	IdentifySeriesResult,
 } from './types/Hooks'
 import { trace } from '@opentelemetry/api'
-import type { HighlightPublicInterface } from '../../client/types/types'
+import { type HighlightPublicInterface, MetricCategory } from '../../client'
 import type { ErrorMessage, Source } from '../../client/types/shared-types'
-import { IntegrationClient } from '../index'
-import { LDClientMin } from './types/LDClient'
+import type { IntegrationClient } from '../index'
+import type { LDClientMin } from './types/LDClient'
+import type { RecordMetric } from '../../client/types/types'
 
 const FEATURE_FLAG_SCOPE = 'feature_flag'
+// TODO(vkorolik) reporting environment as `${FEATURE_FLAG_SCOPE}.set.id`
 const FEATURE_FLAG_KEY_ATTR = `${FEATURE_FLAG_SCOPE}.key`
-const FEATURE_FLAG_PROVIDER_ATTR = `${FEATURE_FLAG_SCOPE}.provider_name`
+const FEATURE_FLAG_PROVIDER_ATTR = `${FEATURE_FLAG_SCOPE}.provider.name`
 const FEATURE_FLAG_CONTEXT_KEY_ATTR = `${FEATURE_FLAG_SCOPE}.context.key`
-const FEATURE_FLAG_VARIANT_ATTR = `${FEATURE_FLAG_SCOPE}.variant`
+const FEATURE_FLAG_VARIANT_ATTR = `${FEATURE_FLAG_SCOPE}.result.variant`
 const FEATURE_FLAG_SPAN_NAME = 'evaluation'
 
+const LD_INITIALIZE_EVENT = '$ld:telemetry:initialize'
 const LD_ERROR_EVENT = '$ld:telemetry:error'
 const LD_TRACK_EVENT = '$ld:telemetry:track'
+const LD_METRIC_EVENT = '$ld:telemetry:metric'
 
 function encodeKey(key: string): string {
 	if (key.includes('%') || key.includes(':')) {
@@ -64,7 +68,7 @@ export function setupLaunchDarklyIntegration(
 		) => {
 			hClient.identify(
 				getCanonicalKey(hookContext.context),
-				undefined,
+				hookContext.context,
 				'LaunchDarkly',
 			)
 			return data
@@ -107,6 +111,31 @@ export class LaunchDarklyIntegration implements IntegrationClient {
 		this.client = client
 	}
 
+	init(sessionSecureID: string) {
+		this.client.track(LD_INITIALIZE_EVENT, {
+			sessionSecureID,
+		})
+	}
+
+	recordMetric(sessionSecureID: string, metric: RecordMetric) {
+		// only record web vitals
+		if (metric.category !== MetricCategory.WebVital) {
+			return
+		}
+		// ignore Jank metric, sent on interaction
+		if (metric.name === 'Jank') {
+			return
+		}
+		this.client.track(
+			`${LD_METRIC_EVENT}:${metric.name.toLowerCase()}`,
+			{
+				...metric,
+				sessionSecureID,
+			},
+			metric.value,
+		)
+	}
+
 	identify(
 		_sessionSecureID: string,
 		_user_identifier: string,
@@ -124,9 +153,17 @@ export class LaunchDarklyIntegration implements IntegrationClient {
 	}
 
 	track(sessionSecureID: string, metadata: object) {
-		this.client.track(LD_TRACK_EVENT, {
-			...metadata,
-			sessionSecureID,
-		})
+		const event = (metadata as unknown as { event?: string }).event
+		// skip integration hClient.track() calls
+		if (event === FEATURE_FLAG_SPAN_NAME) {
+			return
+		}
+		this.client.track(
+			event ? `${LD_TRACK_EVENT}:${event}` : LD_TRACK_EVENT,
+			{
+				...metadata,
+				sessionSecureID,
+			},
+		)
 	}
 }