webcm/lib/src/browser/track.js

Demonstrative implementation of a web-based manager for utilising Managed Components

"use strict";
const webcm = {
    pageVars: { __client: {} },
    _processServerResponse: async (res) => {
        const data = res.json ? await res.json() : res;
        for (const [url, opts] of data.fetch)
            fetch(url, opts);
        for (const [key, val] of data.pageVars)
            webcm.pageVars[key] = val;
        for (const e of data.execute)
            eval(e);
        return data.return;
    },
    track: async (eventType, payload) => {
        const data = {
            payload,
            location: window.location.href,
            title: document.title,
            pageVars: webcm.pageVars,
            timestamp: new Date().getTime(),
            offset: new Date().getTimezoneOffset(),
            referer: document.referrer,
            eventType,
        };
        const res = await fetch('TRACK_PATH', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        });
        return webcm._processServerResponse(res);
    },
    _syncedAttributes: [
        'altKey',
        'clientX',
        'clientY',
        'pageX',
        'pageY',
        'button',
    ],
};
webcm.pageVars.__client.track = true;
webcm.track('pageview');