1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
import API from '~/api';
import Tracking from './tracking';
import {
GITLAB_INTERNAL_EVENT_CATEGORY,
LOAD_INTERNAL_EVENTS_SELECTOR,
SERVICE_PING_SCHEMA,
} from './constants';
import { Tracker } from './tracker';
import { InternalEventHandler, createInternalEventPayload } from './utils';
const InternalEvents = {
/**
*
* @param {string} event
* @param {object} data
*/
trackEvent(event, data = {}) {
const { context, ...rest } = data;
const defaultContext = {
schema: SERVICE_PING_SCHEMA,
data: {
event_name: event,
data_source: 'redis_hll',
},
};
const mergedContext = context ? [defaultContext, context] : defaultContext;
API.trackInternalEvent(event);
Tracking.event(GITLAB_INTERNAL_EVENT_CATEGORY, event, {
context: mergedContext,
...rest,
});
this.trackBrowserSDK(event);
},
/**
* Returns an implementation of this class in the form of
* a Vue mixin.
*/
mixin() {
return {
methods: {
trackEvent(event, data = {}) {
InternalEvents.trackEvent(event, data);
},
},
};
},
/**
* Attaches event handlers for data-attributes powered events.
*
* @param {HTMLElement} parent - element containing data-attributes
* @returns {Object} handler - object containing name of the event and its corresponding function
*/
bindInternalEventDocument(parent = document) {
if (!Tracker.enabled() || parent.internalEventsTrackingBound) {
return [];
}
// eslint-disable-next-line no-param-reassign
parent.internalEventsTrackingBound = true;
const handler = {
name: 'click',
func: (e) => InternalEventHandler(e, this.trackEvent.bind(this)),
};
parent.addEventListener(handler.name, handler.func);
return handler;
},
/**
* Attaches internal event handlers for load events.
* @param {HTMLElement} parent - element containing event targets
* @returns {Array}
*/
trackInternalLoadEvents(parent = document) {
if (!Tracker.enabled()) {
return [];
}
const loadEvents = parent.querySelectorAll(LOAD_INTERNAL_EVENTS_SELECTOR);
loadEvents.forEach((element) => {
const action = createInternalEventPayload(element);
if (action) {
this.trackEvent(action);
}
});
return loadEvents;
},
/**
* Initialize browser sdk for product analytics
*/
initBrowserSDK() {
if (window.glClient) {
window.glClient.setDocumentTitle('GitLab');
window.glClient.page({
title: 'GitLab',
});
}
},
/**
* track events for Product Analytics
* @param {string} event
*/
trackBrowserSDK(event) {
if (!Tracker.enabled()) {
return;
}
window.glClient?.track(event);
},
};
export default InternalEvents;
|
