@vidinfra/analytics 1.0.0

package/dist/esm/page/analytics.js

@@ -0,0 +1,98 @@
+import { enablePing } from '../lib/ping.js';
+import { getEventHandler } from '../lib/utils.js';
+import { PageEventName } from './types.js';
+import { getPageInfo } from './utils.js';
+export class PageAnalytics {
+    constructor({ hashMode = false, autoTrack = true, ...options }) {
+        this.listeners = {
+            popstate: this.trackPageView,
+            hashchange: this.trackPageView,
+            beforeunload: () => {
+                this.pushRegularEvent(PageEventName.PageExit);
+            },
+            scroll: () => {
+                this.eventHandler.throttle(PageEventName.PageScroll, () => {
+                    this.pushRegularEvent(PageEventName.PageScroll);
+                }, 5000);
+            },
+            resize: () => {
+                this.eventHandler.throttle(PageEventName.PageScroll, () => {
+                    this.pushRegularEvent(PageEventName.PageResize);
+                }, 5000);
+            },
+        };
+        this.enableAutoPageViews = () => {
+            const trackPageView = () => this.trackPageView();
+            const originalPushState = history.pushState;
+            if (originalPushState) {
+                history.pushState = function (data, title, url) {
+                    originalPushState.apply(this, [data, title, url]);
+                    trackPageView();
+                };
+            }
+            const originalReplaceState = history.replaceState;
+            if (originalReplaceState) {
+                history.replaceState = function (data, title, url) {
+                    originalReplaceState.apply(this, [data, title, url]);
+                    trackPageView();
+                };
+            }
+            // Trigger first page view
+            this.trackPageView();
+            return function cleanup() {
+                if (originalPushState) {
+                    history.pushState = originalPushState;
+                }
+                if (originalReplaceState) {
+                    history.replaceState = originalReplaceState;
+                }
+            };
+        };
+        this.options = {
+            hashMode,
+            autoTrack,
+            ...options,
+        };
+        this.eventHandler = getEventHandler(this.options.trackingUrl);
+        enablePing(this.options.trackingUrl);
+        this.addEventListeners();
+    }
+    destroy() {
+        this.removeEventListeners();
+    }
+    addEventListeners() {
+        Object.entries(this.listeners).forEach(([eventName, listener]) => {
+            window.addEventListener(eventName, listener);
+        });
+        if (this.options.autoTrack) {
+            this.autoPageViewsDisabler = this.enableAutoPageViews();
+        }
+    }
+    removeEventListeners() {
+        Object.entries(this.listeners).forEach(([eventName, listener]) => {
+            window.removeEventListener(eventName, listener);
+        });
+        this.autoPageViewsDisabler?.();
+    }
+    trackPageView() {
+        if (this.options.pageViewDelay && this.options.pageViewDelay > 0) {
+            setTimeout(() => {
+                this.pushRegularEvent(PageEventName.PageView);
+            }, this.options.pageViewDelay);
+        }
+        else {
+            this.pushRegularEvent(PageEventName.PageView);
+        }
+    }
+    pushRegularEvent(eventName) {
+        this.eventHandler.pushEvent({
+            timestamp: new Date().toISOString(),
+            event: {
+                type: 'page',
+                name: eventName,
+            },
+            page: getPageInfo(),
+        });
+    }
+}
+//# sourceMappingURL=analytics.js.map

package/dist/esm/page/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../src/page/analytics.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AASzC,MAAM,OAAO,aAAa;IAKtB,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,OAAO,EAAwB;QAe1E,cAAS,GAAG;YAClB,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,UAAU,EAAE,IAAI,CAAC,aAAa;YAC9B,YAAY,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAClD,CAAC;YACD,MAAM,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,YAAY,CAAC,QAAQ,CACtB,aAAa,CAAC,UAAU,EACxB,GAAG,EAAE;oBACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,EACD,IAAI,CACP,CAAC;YACN,CAAC;YACD,MAAM,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,YAAY,CAAC,QAAQ,CACtB,aAAa,CAAC,UAAU,EACxB,GAAG,EAAE;oBACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,EACD,IAAI,CACP,CAAC;YACN,CAAC;SACJ,CAAC;QA4BM,wBAAmB,GAAG,GAAG,EAAE;YAC/B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACjD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC;YAC5C,IAAI,iBAAiB,EAAE,CAAC;gBACpB,OAAO,CAAC,SAAS,GAAG,UAAU,IAAI,EAAE,KAAK,EAAE,GAAG;oBAC1C,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;oBAClD,aAAa,EAAE,CAAC;gBACpB,CAAC,CAAC;YACN,CAAC;YACD,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,CAAC;YAClD,IAAI,oBAAoB,EAAE,CAAC;gBACvB,OAAO,CAAC,YAAY,GAAG,UAAU,IAAI,EAAE,KAAK,EAAE,GAAG;oBAC7C,oBAAoB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;oBACrD,aAAa,EAAE,CAAC;gBACpB,CAAC,CAAC;YACN,CAAC;YACD,0BAA0B;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,OAAO,SAAS,OAAO;gBACnB,IAAI,iBAAiB,EAAE,CAAC;oBACpB,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAC;gBAC1C,CAAC;gBACD,IAAI,oBAAoB,EAAE,CAAC;oBACvB,OAAO,CAAC,YAAY,GAAG,oBAAoB,CAAC;gBAChD,CAAC;YACL,CAAC,CAAC;QACN,CAAC,CAAC;QA5FE,IAAI,CAAC,OAAO,GAAG;YACX,QAAQ;YACR,SAAS;YACT,GAAG,OAAO;SACb,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9D,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACrC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC7B,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IA4BS,iBAAiB;QACvB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC7D,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YACzB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5D,CAAC;IACL,CAAC;IAES,oBAAoB;QAC1B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC7D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;IACnC,CAAC;IAEM,aAAa;QAChB,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC;YAC/D,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAClD,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC;IACL,CAAC;IA8BO,gBAAgB,CAAC,SAAwB;QAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;YACxB,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,KAAK,EAAE;gBACH,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,SAAS;aAClB;YACD,IAAI,EAAE,WAAW,EAAE;SACtB,CAAC,CAAC;IACP,CAAC;CACJ"}

package/dist/esm/page/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page/index.ts"],"names":[],"mappings":""}

package/dist/esm/page/performance.d.ts

@@ -0,0 +1,10 @@
+type PerformanceData = {
+    pageLoadTime: number;
+    fcp: number;
+    pageSize: number;
+    numberOfRequests: number;
+    dnsLookupTime: number;
+    ttfb: number;
+};
+export declare function getPerformanceData(): PerformanceData;
+export {};

package/dist/esm/page/performance.js

@@ -0,0 +1,45 @@
+function calculatePageLoadTime() {
+    const timing = window.performance.timing;
+    if (!timing) {
+        return 0;
+    }
+    return (timing.loadEventEnd || Date.now()) - timing.navigationStart;
+}
+function calculateFCP() {
+    const entries = window.performance.getEntriesByType('paint');
+    const fcpEntry = entries.find((entry) => entry.name === 'first-contentful-paint');
+    return fcpEntry ? Math.round(fcpEntry.startTime) : 0;
+}
+function calculatePageSize() {
+    return Math.round(window.performance
+        .getEntriesByType('resource')
+        .reduce((size, resource) => size + (('transferSize' in resource ? resource.transferSize : 0) || 0), 0) / 1024);
+}
+function calculateNumberOfRequests() {
+    return window.performance.getEntriesByType('resource').length;
+}
+function calculateDNSLookupTime() {
+    const timing = window.performance.timing;
+    if (!timing) {
+        return 0;
+    }
+    return Math.round(timing.domainLookupEnd - timing.domainLookupStart);
+}
+function calculateTTFB() {
+    const timing = window.performance.timing;
+    if (!timing) {
+        return 0;
+    }
+    return Math.round(timing.responseStart - timing.requestStart);
+}
+export function getPerformanceData() {
+    return {
+        pageLoadTime: calculatePageLoadTime(),
+        fcp: calculateFCP(),
+        pageSize: calculatePageSize(),
+        numberOfRequests: calculateNumberOfRequests(),
+        dnsLookupTime: calculateDNSLookupTime(),
+        ttfb: calculateTTFB(),
+    };
+}
+//# sourceMappingURL=performance.js.map

package/dist/esm/page/performance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.js","sourceRoot":"","sources":["../../../src/page/performance.ts"],"names":[],"mappings":"AAAA,SAAS,qBAAqB;IAC1B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACb,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC;AACxE,CAAC;AAED,SAAS,YAAY;IACjB,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB,CAAC,CAAC;IAClF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,iBAAiB;IACtB,OAAO,IAAI,CAAC,KAAK,CACb,MAAM,CAAC,WAAW;SACb,gBAAgB,CAAC,UAAU,CAAC;SAC5B,MAAM,CACH,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAE,QAAQ,CAAC,YAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EACtG,CAAC,CACJ,GAAG,IAAI,CACf,CAAC;AACN,CAAC;AAED,SAAS,yBAAyB;IAC9B,OAAO,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;AAClE,CAAC;AAED,SAAS,sBAAsB;IAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACb,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACzE,CAAC;AAED,SAAS,aAAa;IAClB,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACb,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAClE,CAAC;AAWD,MAAM,UAAU,kBAAkB;IAC9B,OAAO;QACH,YAAY,EAAE,qBAAqB,EAAE;QACrC,GAAG,EAAE,YAAY,EAAE;QACnB,QAAQ,EAAE,iBAAiB,EAAE;QAC7B,gBAAgB,EAAE,yBAAyB,EAAE;QAC7C,aAAa,EAAE,sBAAsB,EAAE;QACvC,IAAI,EAAE,aAAa,EAAE;KACxB,CAAC;AACN,CAAC"}

package/dist/esm/page/types.d.ts

@@ -0,0 +1,30 @@
+export declare enum PageEventName {
+    PageView = "PageView",
+    PageExit = "PageExit",
+    PageError = "PageError",
+    PageScroll = "PageScroll",
+    PageResize = "PageResize",
+    PageFocus = "PageFocus",
+    PageBlur = "PageBlur",
+    FormSubmit = "FormSubmit",
+    Search = "Search",
+    Click = "Click"
+}
+export interface PageInfo {
+    url: string;
+    title: string;
+    referrer: string;
+    scroll_x: number;
+    scroll_y: number;
+    meta_1?: string;
+    meta_2?: string;
+    meta_3?: string;
+    meta_4?: string;
+    meta_5?: string;
+    size: number;
+    load_time: number;
+    dns_lt: number;
+    ttfb: number;
+    fcp: number;
+    requests: number;
+}

package/dist/esm/page/types.js

@@ -0,0 +1,14 @@
+export var PageEventName;
+(function (PageEventName) {
+    PageEventName["PageView"] = "PageView";
+    PageEventName["PageExit"] = "PageExit";
+    PageEventName["PageError"] = "PageError";
+    PageEventName["PageScroll"] = "PageScroll";
+    PageEventName["PageResize"] = "PageResize";
+    PageEventName["PageFocus"] = "PageFocus";
+    PageEventName["PageBlur"] = "PageBlur";
+    PageEventName["FormSubmit"] = "FormSubmit";
+    PageEventName["Search"] = "Search";
+    PageEventName["Click"] = "Click";
+})(PageEventName || (PageEventName = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/page/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAWX;AAXD,WAAY,aAAa;IACrB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;IACrB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,0CAAyB,CAAA;IACzB,wCAAuB,CAAA;IACvB,sCAAqB,CAAA;IACrB,0CAAyB,CAAA;IACzB,kCAAiB,CAAA;IACjB,gCAAe,CAAA;AACnB,CAAC,EAXW,aAAa,KAAb,aAAa,QAWxB"}

package/dist/esm/page/utils.d.ts

@@ -0,0 +1,2 @@
+import { PageInfo } from './types.js';
+export declare function getPageInfo(): PageInfo;

package/dist/esm/page/utils.js

@@ -0,0 +1,23 @@
+import { getPageMetaGetter } from '../lib/utils.js';
+import { getPerformanceData } from './performance.js';
+export function getPageInfo() {
+    const perf = getPerformanceData();
+    const meta = getPageMetaGetter()() || {};
+    return {
+        title: document.title,
+        url: window.location.href,
+        referrer: document.referrer,
+        scroll_x: window.scrollX > 0 ? Math.round(window.scrollX) : 0, // Some browser returns negative value
+        scroll_y: window.scrollY > 0 ? Math.round(window.scrollY) : 0,
+        // Performance
+        size: perf.pageSize,
+        load_time: perf.pageLoadTime,
+        dns_lt: perf.dnsLookupTime,
+        ttfb: perf.ttfb,
+        fcp: perf.fcp,
+        requests: perf.numberOfRequests,
+        // Meta
+        ...meta,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/page/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/page/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtD,MAAM,UAAU,WAAW;IACvB,MAAM,IAAI,GAAG,kBAAkB,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,iBAAiB,EAAE,EAAE,IAAI,EAAE,CAAC;IACzC,OAAO;QACH,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;QACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,QAAQ,EAAE,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,sCAAsC;QACrG,QAAQ,EAAE,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,cAAc;QACd,IAAI,EAAE,IAAI,CAAC,QAAQ;QACnB,SAAS,EAAE,IAAI,CAAC,YAAY;QAC5B,MAAM,EAAE,IAAI,CAAC,aAAa;QAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,QAAQ,EAAE,IAAI,CAAC,gBAAgB;QAC/B,OAAO;QACP,GAAG,IAAI;KACV,CAAC;AACN,CAAC"}