webcm/src/browser/track.js

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

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')