feat(keda): add posthog events (#2340)

* feat(keda): add posthog event when KEDA is enabled at cluster level

Track cluster-keda-enabled event with organization_id, cluster_id, and cloud_provider properties when users activate KEDA feature in cluster settings.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* feat(keda): add posthog events for KEDA autoscaling mode selection and scaler management

Track three new PostHog events for KEDA autoscaling:
- service-autoscaling-keda-selected: When user selects KEDA autoscaling mode
- service-keda-scaler-added: When user adds a new scaler
- service-keda-scaler-type-set: When user sets the scaler type

All events include organization_id, environment_id, service_id, service_type, min_running_instances, and max_running_instances. The scaler events also include scaler-specific properties.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* refactor(keda): remove unnecessary tracking properties and comments from posthog events

Remove organization_id, environment_id, service_id, and service_type from all KEDA PostHog events. Remove code comments. Keep only essential properties: cloud_provider, min/max instances, scaler_type, and scaler_count.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* fix(keda): resolve typescript errors in posthog event tracking

Fix onBlur handler to use onChange instead (InputText doesn't support onBlur prop) and remove unused imports from keda-settings.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* chore: update qovery-typescript-axios to v1.1.821

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: jul-dan

libs/domains/clusters/feature/src/lib/hooks/use-edit-cluster/use-edit-cluster.ts

@@ -1,4 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
+import posthog from 'posthog-js'
 import { mutations } from '@qovery/domains/clusters/data-access'
 import { queries } from '@qovery/state/util-queries'
 import { useDeployCluster } from '../use-deploy-cluster/use-deploy-cluster'
@@ -8,13 +9,19 @@ export function useEditCluster() {
   const { mutateAsync: deployCluster } = useDeployCluster()
 
   return useMutation(mutations.editCluster, {
-    onSuccess(_, { organizationId, clusterId }) {
+    onSuccess(_, { organizationId, clusterId, clusterRequest }) {
       queryClient.invalidateQueries({
         queryKey: queries.clusters.list({ organizationId }).queryKey,
       })
       queryClient.invalidateQueries({
         queryKey: queries.clusters.kubeconfig({ organizationId, clusterId }).queryKey,
       })
+
+      if (clusterRequest.keda?.enabled) {
+        posthog.capture('cluster-keda-enabled', {
+          cloud_provider: clusterRequest.cloud_provider,
+        })
+      }
     },
     meta: {
       notifyOnSuccess(_: unknown, variables: unknown) {

libs/domains/services/feature/src/lib/keda/components/keda-scalers-fields.tsx

@@ -1,4 +1,5 @@
-import { type Control, Controller, type UseFieldArrayReturn } from 'react-hook-form'
+import posthog from 'posthog-js'
+import { type Control, Controller, type UseFieldArrayReturn, useFormContext } from 'react-hook-form'
 import { Button, CodeEditor, InputText } from '@qovery/shared/ui'
 
 export interface KedaScalersFieldsProps {
@@ -17,9 +18,19 @@ export function KedaScalersFields({
   cooldownPeriod,
 }: KedaScalersFieldsProps) {
   const { fields: scalers, append, remove } = scalersFieldArray
+  const { watch } = useFormContext()
+
+  const minRunningInstances = watch('min_running_instances')
+  const maxRunningInstances = watch('max_running_instances')
 
   const handleAddScaler = () => {
     append({ type: '', config: '', triggerAuthentication: '' })
+
+    posthog.capture('service-keda-scaler-added', {
+      min_running_instances: minRunningInstances,
+      max_running_instances: maxRunningInstances,
+      scaler_count: scalers.length + 1,
+    })
   }
 
   const handleRemoveScaler = (index: number) => {
@@ -105,7 +116,16 @@ export function KedaScalersFields({
                   name={field.name}
                   label="Scaler Type"
                   value={field.value ?? ''}
-                  onChange={field.onChange}
+                  onChange={(e) => {
+                    field.onChange(e)
+                    if (e.target.value) {
+                      posthog.capture('service-keda-scaler-type-set', {
+                        scaler_type: e.target.value,
+                        min_running_instances: minRunningInstances,
+                        max_running_instances: maxRunningInstances,
+                      })
+                    }
+                  }}
                   disabled={disabled}
                   hint="Type: 'cpu', 'memory', 'prometheus', 'aws-sqs', etc."
                   error={error?.message}

libs/domains/services/feature/src/lib/keda/components/keda-settings.tsx

@@ -1,5 +1,4 @@
 import { type Control, type UseFieldArrayReturn } from 'react-hook-form'
-import { Callout, Icon } from '@qovery/shared/ui'
 import { InstancesRangeInputs } from './instances-range-inputs'
 import { KedaScalersFields } from './keda-scalers-fields'
 

libs/shared/console-shared/src/lib/application-settings/ui/application-settings-resources/application-settings-resources.tsx

@@ -1,3 +1,4 @@
+import posthog from 'posthog-js'
 import { useFeatureFlagVariantKey } from 'posthog-js/react'
 import { useEffect, useRef } from 'react'
 import { Controller, useFieldArray, useFormContext } from 'react-hook-form'
@@ -329,7 +330,16 @@ export function ApplicationSettingsResources({
                   <InputSelect
                     label="Autoscaling mode"
                     options={options}
-                    onChange={field.onChange}
+                    onChange={(value) => {
+                      field.onChange(value)
+
+                      if (value === 'KEDA') {
+                        posthog.capture('service-autoscaling-keda-selected', {
+                          min_running_instances: minRunningInstances,
+                          max_running_instances: maxRunningInstances,
+                        })
+                      }
+                    }}
                     value={field.value || 'NONE'}
                     hint="Choose how instances should scale"
                   />

package.json

@@ -69,7 +69,7 @@
     "mermaid": "^11.6.0",
     "monaco-editor": "0.53.0",
     "posthog-js": "^1.260.1",
-    "qovery-typescript-axios": "^1.1.816",
+    "qovery-typescript-axios": "^1.1.821",
     "react": "18.3.1",
     "react-country-flag": "^3.0.2",
     "react-datepicker": "^4.12.0",

yarn.lock

@@ -5679,7 +5679,7 @@ __metadata:
     prettier: ^3.2.5
     prettier-plugin-tailwindcss: ^0.5.14
     pretty-quick: ^4.0.0
-    qovery-typescript-axios: ^1.1.816
+    qovery-typescript-axios: ^1.1.821
     qovery-ws-typescript-axios: ^0.1.420
     react: 18.3.1
     react-country-flag: ^3.0.2
@@ -24520,12 +24520,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qovery-typescript-axios@npm:^1.1.816":
-  version: 1.1.816
-  resolution: "qovery-typescript-axios@npm:1.1.816"
+"qovery-typescript-axios@npm:^1.1.821":
+  version: 1.1.821
+  resolution: "qovery-typescript-axios@npm:1.1.821"
   dependencies:
     axios: 1.12.2
-  checksum: 092da0eceed47a368f26abe069bda9817cd4c943963f276d3744fa9407bb4d2d4ba095ecf4c041be4ca2d412473711f03e20432985552490f1af3de4f9e7fe39
+  checksum: e51d1d3b1d96d8f55e6e9522efbb86d47994c63bcf11b8fb6240e45b9d396d2c198255ec2e43c6a7a15b8c0bbcd9c442aaaa3daeb51f117e9f2cd338ddf024dd
   languageName: node
   linkType: hard