import 'promise-polyfill/src/polyfill'; import 'unfetch/polyfill'; import { post, hook, doNotTrack } from '../lib/web'; (window => { const { screen: { width, height }, navigator: { language }, location: { hostname, pathname, search }, document, history, } = window; const script = document.querySelector('script[data-website-id]'); if (!script || doNotTrack()) return; const website = script.getAttribute('data-website-id'); const hostUrl = new URL(script.src).origin; const screen = `${width}x${height}`; const listeners = []; let currentUrl = `${pathname}${search}`; let currentRef = document.referrer; /* Collect metrics */ const collect = (type, params) => { const payload = { url: currentUrl, referrer: currentRef, website, hostname, screen, language, }; if (params) { Object.keys(params).forEach(key => { payload[key] = params[key]; }); } return post(`${hostUrl}/api/collect`, { type, payload, }); }; const pageView = () => collect('pageview').then(() => setTimeout(loadEvents, 300)); const pageEvent = (event_type, event_value) => collect('event', { event_type, event_value }); /* Handle history */ const handlePush = (state, title, navaigatedUrl) => { removeEvents(); currentRef = currentUrl; if (navaigatedUrl.startsWith('http')) { const url = new URL(navaigatedUrl); currentUrl = `${url.pathname}${url.search}`; } else { currentUrl = navaigatedUrl; } pageView(); }; history.pushState = hook(history, 'pushState', handlePush); history.replaceState = hook(history, 'replaceState', handlePush); /* Handle events */ const removeEvents = () => { listeners.forEach(([element, type, listener]) => { element && element.removeEventListener(type, listener, true); }); listeners.length = 0; }; const loadEvents = () => { document.querySelectorAll("[class*='umami--']").forEach(element => { element.className.split(' ').forEach(className => { if (/^umami--([a-z]+)--([a-z0-9_]+[a-z0-9-_]+)$/.test(className)) { const [, type, value] = className.split('--'); const listener = () => pageEvent(type, value); listeners.push([element, type, listener]); element.addEventListener(type, listener, true); } }); }); }; /* Start */ pageView(); })(window);