feat: add metrics infrustructure to ui

Author: sareyu

src/types/window.d.ts

@@ -44,4 +44,6 @@ interface Window {
     systemSettings?: import('../services/settings').SettingsObject;
 
     api: import('../services/api/index').YdbEmbeddedAPI;
+
+    [key: `yaCounter${number}`]: number;
 }

src/uiFactory/types.ts

@@ -43,6 +43,7 @@ export interface UIFactory<H extends string = CommonIssueType> {
         countHealthcheckIssuesByType: (issueTrees: IssuesTree[]) => Record<H, number>;
     };
     hasAccess?: boolean;
+    yaMetricaId?: number;
 }
 
 export type HandleCreateDB = (params: {clusterName: string}) => Promise<boolean>;

src/utils/yaMetrica.ts

@@ -0,0 +1,36 @@
+import {uiFactory} from '../uiFactory/uiFactory';
+
+const yaMetricaId = uiFactory.yaMetricaId;
+
+class FakeMetrica {
+    private warnShown = false;
+
+    hit() {
+        this.warnOnce();
+    }
+
+    params() {
+        this.warnOnce();
+    }
+
+    userParams() {
+        this.warnOnce();
+    }
+
+    reachGoal() {
+        this.warnOnce();
+    }
+
+    private warnOnce() {
+        if (!this.warnShown) {
+            console.warn('YaMetrica counter is not defined');
+            this.warnShown = true;
+        }
+    }
+}
+
+export function getMetrica() {
+    const metricaInstance = yaMetricaId && window[`yaCounter${yaMetricaId}`];
+
+    return metricaInstance ?? new FakeMetrica();
+}