grafana/public/app/features/alerting/unified/Analytics.ts
Virginia Cepeda e3805e1309
Alerting: Track events for rule creation/abortion (#59912)
* Track events for rule creation/abortion

These events will be sent to Rudderstack using the EchoSrv in order to be consumed from Intercom

* Change method names and send user_id

* Track validation errors

* Only track errors for rule creation
2022-12-14 11:50:15 -03:00

60 lines
2.1 KiB
TypeScript

import { faro, LogLevel as GrafanaLogLevel } from '@grafana/faro-web-sdk';
import { config, reportInteraction } from '@grafana/runtime/src';
export const LogMessages = {
filterByLabel: 'filtering alert instances by label',
loadedList: 'loaded Alert Rules list',
leavingRuleGroupEdit: 'leaving rule group edit without saving',
alertRuleFromPanel: 'creating alert rule from panel',
alertRuleFromScratch: 'creating alert rule from scratch',
clickingAlertStateFilters: 'clicking alert state filters',
cancelSavingAlertRule: 'user canceled alert rule creation',
successSavingAlertRule: 'alert rule saved successfully',
};
// logInfo from '@grafana/runtime' should be used, but it doesn't handle Grafana JS Agent and Sentry correctly
export function logInfo(message: string, context: Record<string, string | number> = {}) {
if (config.grafanaJavascriptAgent.enabled) {
faro.api.pushLog([message], {
level: GrafanaLogLevel.INFO,
context: { ...context, module: 'Alerting' },
});
}
}
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function withPerformanceLogging<TFunc extends (...args: any[]) => Promise<any>>(
func: TFunc,
message: string,
context: Record<string, string>
): (...args: Parameters<TFunc>) => Promise<Awaited<ReturnType<TFunc>>> {
return async function (...args) {
const startLoadingTs = performance.now();
const response = await func(...args);
logInfo(message, {
loadTimeMs: (performance.now() - startLoadingTs).toFixed(0),
...context,
});
return response;
};
}
export const trackNewAlerRuleFormSaved = (props: AlertRuleTrackingProps) => {
reportInteraction('grafana_alerting_rule_creation', props);
};
export const trackNewAlerRuleFormCancelled = (props: AlertRuleTrackingProps) => {
reportInteraction('grafana_alerting_rule_aborted', props);
};
export const trackNewAlerRuleFormError = (props: AlertRuleTrackingProps & { error: string }) => {
reportInteraction('grafana_alerting_rule_form_error', props);
};
export type AlertRuleTrackingProps = {
grafana_version?: string;
org_id?: number;
user_id?: number;
};