@openreplay/tracker 17.2.3 → 17.2.4

package/dist/cjs/main/modules/analytics/batcher.d.ts

@@ -15,13 +15,15 @@ declare class Batcher {
     private readonly backendUrl;
     private readonly getToken;
     private readonly init;
+    private readonly standalone;
     private readonly autosendInterval;
     private readonly retryTimeout;
     private readonly retryLimit;
     private readonly apiEdp;
     private batch;
     private intervalId;
-    constructor(backendUrl: string, getToken: () => string | null, init: () => Promise<void>);
+    private stopped;
+    constructor(backendUrl: string, getToken: () => string | null, init: () => Promise<void>, standalone: boolean);
     getBatches(): {
         data: {
             user_actions: PeopleEvent[];
@@ -38,8 +40,11 @@ declare class Batcher {
     dedupePeopleEvents(): PeopleEvent[];
     private squashPeopleEvents;
     private sendBatch;
+    private paused;
+    private onVisibilityChange;
     startAutosend(): void;
     flush(): void;
     stop(): void;
+    restart(): void;
 }
 export default Batcher;

package/dist/cjs/main/modules/analytics/index.d.ts

@@ -51,6 +51,11 @@ export default class Analytics {
     _getToken: () => string | null;
     _getTimestamp: () => number;
     init: () => Promise<void>;
+    /**
+     * Used by tracker when running in blundled mode
+     */
+    onStart: () => void;
+    onStop: () => void;
     reset: () => void;
     /**
      * COMPATIBILITY LAYER

package/dist/lib/entry.js

@@ -3848,7 +3848,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '17.2.3'; // TODO: version compatability check inside each plugin.
+        this.version = '17.2.4'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -6172,7 +6172,7 @@ function getUniqueSiblingClass(el) {
     return null;
 }
 
-let e=-1;const t=t=>{addEventListener("pageshow",(n=>{n.persisted&&(e=n.timeStamp,t(n));}),true);},n=(e,t,n,i)=>{let s,o;return r=>{t.value>=0&&(r||i)&&(o=t.value-(s??0),(o||void 0===s)&&(s=t.value,t.delta=o,t.rating=((e,t)=>e>t[1]?"poor":e>t[0]?"needs-improvement":"good")(t.value,n),e(t)));}},i=e=>{requestAnimationFrame((()=>requestAnimationFrame((()=>e()))));},s=()=>{const e=performance.getEntriesByType("navigation")[0];if(e&&e.responseStart>0&&e.responseStart<performance.now())return e},o=()=>{const e=s();return e?.activationStart??0},r=(t,n=-1)=>{const i=s();let r="navigate";e>=0?r="back-forward-cache":i&&(document.prerendering||o()>0?r="prerender":document.wasDiscarded?r="restore":i.type&&(r=i.type.replace(/_/g,"-")));return {name:t,value:n,rating:"good",delta:0,entries:[],id:`v5-${Date.now()}-${Math.floor(8999999999999*Math.random())+1e12}`,navigationType:r}},c=new WeakMap;function a(e,t){return c.get(e)||c.set(e,new t),c.get(e)}class d{t;i=0;o=[];h(e){if(e.hadRecentInput)return;const t=this.o[0],n=this.o.at(-1);this.i&&t&&n&&e.startTime-n.startTime<1e3&&e.startTime-t.startTime<5e3?(this.i+=e.value,this.o.push(e)):(this.i=e.value,this.o=[e]),this.t?.(e);}}const h=(e,t,n={})=>{try{if(PerformanceObserver.supportedEntryTypes.includes(e)){const i=new PerformanceObserver((e=>{Promise.resolve().then((()=>{t(e.getEntries());}));}));return i.observe({type:e,buffered:!0,...n}),i}}catch{}},f=e=>{let t=false;return ()=>{t||(e(),t=true);}};let u=-1;const l=new Set,m=()=>"hidden"!==document.visibilityState||document.prerendering?1/0:0,p=e=>{if("hidden"===document.visibilityState){if("visibilitychange"===e.type)for(const e of l)e();isFinite(u)||(u="visibilitychange"===e.type?e.timeStamp:0,removeEventListener("prerenderingchange",p,true));}},v=()=>{if(u<0){const e=o(),n=document.prerendering?void 0:globalThis.performance.getEntriesByType("visibility-state").filter((t=>"hidden"===t.name&&t.startTime>e))[0]?.startTime;u=n??m(),addEventListener("visibilitychange",p,true),addEventListener("prerenderingchange",p,true),t((()=>{setTimeout((()=>{u=m();}));}));}return {get firstHiddenTime(){return u},onHidden(e){l.add(e);}}},g=e=>{document.prerendering?addEventListener("prerenderingchange",(()=>e()),true):e();},y=[1800,3e3],E=(e,s={})=>{g((()=>{const c=v();let a,d=r("FCP");const f=h("paint",(e=>{for(const t of e)"first-contentful-paint"===t.name&&(f.disconnect(),t.startTime<c.firstHiddenTime&&(d.value=Math.max(t.startTime-o(),0),d.entries.push(t),a(true)));}));f&&(a=n(e,d,y,s.reportAllChanges),t((t=>{d=r("FCP"),a=n(e,d,y,s.reportAllChanges),i((()=>{d.value=performance.now()-t.timeStamp,a(true);}));})));}));},b=[.1,.25],L=(e,s={})=>{const o=v();E(f((()=>{let c,f=r("CLS",0);const u=a(s,d),l=e=>{for(const t of e)u.h(t);u.i>f.value&&(f.value=u.i,f.entries=u.o,c());},m=h("layout-shift",l);m&&(c=n(e,f,b,s.reportAllChanges),o.onHidden((()=>{l(m.takeRecords()),c(true);})),t((()=>{u.i=0,f=r("CLS",0),c=n(e,f,b,s.reportAllChanges),i((()=>c()));})),setTimeout(c));})));};let P=0,T=1/0,_=0;const M=e=>{for(const t of e)t.interactionId&&(T=Math.min(T,t.interactionId),_=Math.max(_,t.interactionId),P=_?(_-T)/7+1:0);};let w;const C=()=>w?P:performance.interactionCount??0,I=()=>{"interactionCount"in performance||w||(w=h("event",M,{type:"event",buffered:true,durationThreshold:0}));};let F=0;class k{u=[];l=new Map;m;p;v(){F=C(),this.u.length=0,this.l.clear();}L(){const e=Math.min(this.u.length-1,Math.floor((C()-F)/50));return this.u[e]}h(e){if(this.m?.(e),!e.interactionId&&"first-input"!==e.entryType)return;const t=this.u.at(-1);let n=this.l.get(e.interactionId);if(n||this.u.length<10||e.duration>t.P){if(n?e.duration>n.P?(n.entries=[e],n.P=e.duration):e.duration===n.P&&e.startTime===n.entries[0].startTime&&n.entries.push(e):(n={id:e.interactionId,entries:[e],P:e.duration},this.l.set(n.id,n),this.u.push(n)),this.u.sort(((e,t)=>t.P-e.P)),this.u.length>10){const e=this.u.splice(10);for(const t of e)this.l.delete(t.id);}this.p?.(n);}}}const A=e=>{const t=globalThis.requestIdleCallback||setTimeout;"hidden"===document.visibilityState?e():(e=f(e),addEventListener("visibilitychange",e,{once:true,capture:true}),t((()=>{e(),removeEventListener("visibilitychange",e,{capture:true});})));},B=[200,500],S=(e,i={})=>{if(!globalThis.PerformanceEventTiming||!("interactionId"in PerformanceEventTiming.prototype))return;const s=v();g((()=>{I();let o,c=r("INP");const d=a(i,k),f=e=>{A((()=>{for(const t of e)d.h(t);const t=d.L();t&&t.P!==c.value&&(c.value=t.P,c.entries=t.entries,o());}));},u=h("event",f,{durationThreshold:i.durationThreshold??40});o=n(e,c,B,i.reportAllChanges),u&&(u.observe({type:"first-input",buffered:true}),s.onHidden((()=>{f(u.takeRecords()),o(true);})),t((()=>{d.v(),c=r("INP"),o=n(e,c,B,i.reportAllChanges);})));}));};class N{m;h(e){this.m?.(e);}}const q=[2500,4e3],x=(e,s={})=>{g((()=>{const c=v();let d,u=r("LCP");const l=a(s,N),m=e=>{s.reportAllChanges||(e=e.slice(-1));for(const t of e)l.h(t),t.startTime<c.firstHiddenTime&&(u.value=Math.max(t.startTime-o(),0),u.entries=[t],d());},p=h("largest-contentful-paint",m);if(p){d=n(e,u,q,s.reportAllChanges);const o=f((()=>{m(p.takeRecords()),p.disconnect(),d(true);})),c=e=>{e.isTrusted&&(A(o),removeEventListener(e.type,c,{capture:true}));};for(const e of ["keydown","click","visibilitychange"])addEventListener(e,c,{capture:true});t((t=>{u=r("LCP"),d=n(e,u,q,s.reportAllChanges),i((()=>{u.value=performance.now()-t.timeStamp,d(true);}));}));}}));},H=[800,1800],O=e=>{document.prerendering?g((()=>O(e))):"complete"!==document.readyState?addEventListener("load",(()=>O(e)),true):setTimeout(e);},$=(e,i={})=>{let c=r("TTFB"),a=n(e,c,H,i.reportAllChanges);O((()=>{const d=s();d&&(c.value=Math.max(d.responseStart-o(),0),c.entries=[d],a(true),t((()=>{c=r("TTFB",0),a=n(e,c,H,i.reportAllChanges),a(true);})));}));};
+var e,o=-1,a=function(e){addEventListener("pageshow",(function(n){n.persisted&&(o=n.timeStamp,e(n));}),true);},c=function(){var e=self.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0];if(e&&e.responseStart>0&&e.responseStart<performance.now())return e},u=function(){var e=c();return e&&e.activationStart||0},f=function(e,n){var t=c(),r="navigate";o>=0?r="back-forward-cache":t&&(document.prerendering||u()>0?r="prerender":document.wasDiscarded?r="restore":t.type&&(r=t.type.replace(/_/g,"-")));return {name:e,value:void 0===n?-1:n,rating:"good",delta:0,entries:[],id:"v4-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},s=function(e,n,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){Promise.resolve().then((function(){n(e.getEntries());}));}));return r.observe(Object.assign({type:e,buffered:!0},t||{})),r}}catch(e){}},d=function(e,n,t,r){var i,o;return function(a){n.value>=0&&(a||r)&&((o=n.value-(i||0))||void 0===i)&&(i=n.value,n.delta=o,n.rating=function(e,n){return e>n[1]?"poor":e>n[0]?"needs-improvement":"good"}(n.value,t),e(n));}},l=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}));},p=function(e){document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&e();}));},v=function(e){var n=false;return function(){n||(e(),n=true);}},m=-1,h=function(){return "hidden"!==document.visibilityState||document.prerendering?1/0:0},g=function(e){"hidden"===document.visibilityState&&m>-1&&(m="visibilitychange"===e.type?e.timeStamp:0,T());},y=function(){addEventListener("visibilitychange",g,true),addEventListener("prerenderingchange",g,true);},T=function(){removeEventListener("visibilitychange",g,true),removeEventListener("prerenderingchange",g,true);},E=function(){return m<0&&(m=h(),y(),a((function(){setTimeout((function(){m=h(),y();}),0);}))),{get firstHiddenTime(){return m}}},C=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),true):e();},b=[1800,3e3],S=function(e,n){n=n||{},C((function(){var t,r=E(),i=f("FCP"),o=s("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(o.disconnect(),e.startTime<r.firstHiddenTime&&(i.value=Math.max(e.startTime-u(),0),i.entries.push(e),t(true)));}));}));o&&(t=d(e,i,b,n.reportAllChanges),a((function(r){i=f("FCP"),t=d(e,i,b,n.reportAllChanges),l((function(){i.value=performance.now()-r.timeStamp,t(true);}));})));}));},L=[.1,.25],w=function(e,n){n=n||{},S(v((function(){var t,r=f("CLS",0),i=0,o=[],c=function(e){e.forEach((function(e){if(!e.hadRecentInput){var n=o[0],t=o[o.length-1];i&&e.startTime-t.startTime<1e3&&e.startTime-n.startTime<5e3?(i+=e.value,o.push(e)):(i=e.value,o=[e]);}})),i>r.value&&(r.value=i,r.entries=o,t());},u=s("layout-shift",c);u&&(t=d(e,r,L,n.reportAllChanges),p((function(){c(u.takeRecords()),t(true);})),a((function(){i=0,r=f("CLS",0),t=d(e,r,L,n.reportAllChanges),l((function(){return t()}));})),setTimeout(t,0));})));},A=0,I=1/0,P=0,M=function(e){e.forEach((function(e){e.interactionId&&(I=Math.min(I,e.interactionId),P=Math.max(P,e.interactionId),A=P?(P-I)/7+1:0);}));},k=function(){return e?A:performance.interactionCount||0},F=function(){"interactionCount"in performance||e||(e=s("event",M,{type:"event",buffered:true,durationThreshold:0}));},D=[],x=new Map,R=0,B=function(){var e=Math.min(D.length-1,Math.floor((k()-R)/50));return D[e]},H=[],q=function(e){if(H.forEach((function(n){return n(e)})),e.interactionId||"first-input"===e.entryType){var n=D[D.length-1],t=x.get(e.interactionId);if(t||D.length<10||e.duration>n.latency){if(t)e.duration>t.latency?(t.entries=[e],t.latency=e.duration):e.duration===t.latency&&e.startTime===t.entries[0].startTime&&t.entries.push(e);else {var r={id:e.interactionId,latency:e.duration,entries:[e]};x.set(r.id,r),D.push(r);}D.sort((function(e,n){return n.latency-e.latency})),D.length>10&&D.splice(10).forEach((function(e){return x.delete(e.id)}));}}},O=function(e){var n=self.requestIdleCallback||self.setTimeout,t=-1;return e=v(e),"hidden"===document.visibilityState?e():(t=n(e),p(e)),t},N=[200,500],j=function(e,n){"PerformanceEventTiming"in self&&"interactionId"in PerformanceEventTiming.prototype&&(n=n||{},C((function(){var t;F();var r,i=f("INP"),o=function(e){O((function(){e.forEach(q);var n=B();n&&n.latency!==i.value&&(i.value=n.latency,i.entries=n.entries,r());}));},c=s("event",o,{durationThreshold:null!==(t=n.durationThreshold)&&void 0!==t?t:40});r=d(e,i,N,n.reportAllChanges),c&&(c.observe({type:"first-input",buffered:true}),p((function(){o(c.takeRecords()),r(true);})),a((function(){R=k(),D.length=0,x.clear(),i=f("INP"),r=d(e,i,N,n.reportAllChanges);})));})));},_=[2500,4e3],z={},G=function(e,n){n=n||{},C((function(){var t,r=E(),i=f("LCP"),o=function(e){n.reportAllChanges||(e=e.slice(-1)),e.forEach((function(e){e.startTime<r.firstHiddenTime&&(i.value=Math.max(e.startTime-u(),0),i.entries=[e],t());}));},c=s("largest-contentful-paint",o);if(c){t=d(e,i,_,n.reportAllChanges);var m=v((function(){z[i.id]||(o(c.takeRecords()),c.disconnect(),z[i.id]=true,t(true));}));["keydown","click"].forEach((function(e){addEventListener(e,(function(){return O(m)}),{once:true,capture:true});})),p(m),a((function(r){i=f("LCP"),t=d(e,i,_,n.reportAllChanges),l((function(){i.value=performance.now()-r.timeStamp,z[i.id]=true,t(true);}));}));}}));},J=[800,1800],K=function e(n){document.prerendering?C((function(){return e(n)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(n)}),true):setTimeout(n,0);},Q=function(e,n){n=n||{};var t=f("TTFB"),r=d(e,t,J,n.reportAllChanges);K((function(){var i=c();i&&(t.value=Math.max(i.responseStart-u(),0),t.entries=[i],r(true),a((function(){t=f("TTFB",0),(r=d(e,t,J,n.reportAllChanges))(true);})));}));};
 
 function getPaintBlocks(resources) {
     const paintBlocks = [];
@@ -6305,10 +6305,10 @@ function Timing (app, opts) {
         // onINP(): Chromium
         // onLCP(): Chromium, Firefox
         // onTTFB(): Chromium, Firefox, Safari
-        L(onVitalsSignal);
-        S(onVitalsSignal);
-        x(onVitalsSignal);
-        $(onVitalsSignal);
+        w(onVitalsSignal);
+        j(onVitalsSignal);
+        G(onVitalsSignal);
+        Q(onVitalsSignal);
     });
     app.attachStopCallback(function () {
         observer.disconnect();
@@ -7109,9 +7109,7 @@ class NetworkMessage {
         });
         if (!messageInfo)
             return null;
-        const gqlHeader = "application/graphql-response";
-        const isGraphql = messageInfo.url.includes("/graphql")
-            || Object.values(messageInfo.request.headers).some(v => v.includes(gqlHeader));
+        const isGraphql = messageInfo.url.includes("/graphql");
         if (isGraphql && messageInfo.response.body && typeof messageInfo.response.body === 'string') {
             const isError = messageInfo.response.body.includes("errors");
             messageInfo.status = isError ? 400 : 200;
@@ -7417,7 +7415,6 @@ class FetchProxyHandler {
         this.tokenUrlMatcher = tokenUrlMatcher;
     }
     apply(target, _, argsList) {
-        var _a;
         const input = argsList[0];
         const init = argsList[1];
         if (!input ||
@@ -7433,31 +7430,6 @@ class FetchProxyHandler {
         }
         const item = new NetworkMessage(this.ignoredHeaders, this.setSessionTokenHeader, this.sanitize);
         this.beforeFetch(item, input, init);
-        const signal = (argsList[0] instanceof Request ? argsList[0].signal : undefined) ||
-            ((_a = argsList[1]) === null || _a === void 0 ? void 0 : _a.signal);
-        // guard to avoid double-send
-        let abortedNotified = false;
-        const notifyAbort = () => {
-            if (abortedNotified)
-                return;
-            abortedNotified = true;
-            item.endTime = performance.now();
-            item.duration = item.endTime - (item.startTime || item.endTime);
-            item.status = 0;
-            item.statusText = "Aborted";
-            item.readyState = 0;
-            const msg = item.getMessage();
-            if (msg)
-                this.sendMessage(msg);
-        };
-        if (signal) {
-            if (signal.aborted) {
-                notifyAbort();
-            }
-            else {
-                signal.addEventListener("abort", notifyAbort, { once: true });
-            }
-        }
         this.setSessionTokenHeader((name, value) => {
             if (this.tokenUrlMatcher !== undefined) {
                 if (!this.tokenUrlMatcher(item.url)) {
@@ -7486,22 +7458,11 @@ class FetchProxyHandler {
             }
         });
         return target.apply(window, argsList)
-            .then(this.afterFetch(item, () => {
-            abortedNotified = true;
-        }))
+            .then(this.afterFetch(item))
             .catch((e) => {
+            // mock finally
             item.endTime = performance.now();
             item.duration = item.endTime - (item.startTime || item.endTime);
-            if (e && e.name === "AbortError") {
-                item.status = 0;
-                item.statusText = "Aborted";
-                item.readyState = 0;
-                if (!abortedNotified) {
-                    const msg = item.getMessage();
-                    if (msg)
-                        this.sendMessage(msg);
-                }
-            }
             throw e;
         });
     }
@@ -7553,10 +7514,8 @@ class FetchProxyHandler {
             item.requestData = genStringBody(init.body);
         }
     }
-    afterFetch(item, onResolved) {
+    afterFetch(item) {
         return (resp) => {
-            if (onResolved)
-                onResolved === null || onResolved === void 0 ? void 0 : onResolved();
             item.endTime = performance.now();
             item.duration = item.endTime - (item.startTime || item.endTime);
             item.status = resp.status;
@@ -7592,15 +7551,7 @@ class FetchProxyHandler {
                     }
                 })
                     .catch((e) => {
-                    if (e.name === "AbortError") {
-                        item.status = 0;
-                        item.statusText = "Aborted";
-                        item.readyState = 0;
-                        const msg = item.getMessage();
-                        if (msg)
-                            this.sendMessage(msg);
-                    }
-                    else {
+                    if (e.name !== "AbortError") {
                         throw e;
                     }
                 });
@@ -8701,7 +8652,7 @@ class ConstantProperties {
             user_id: this.user_id,
             distinct_id: this.deviceId,
             sdk_edition: 'web',
-            sdk_version: '17.2.3',
+            sdk_version: '17.2.4',
             timezone: getUTCOffsetString(),
             search_engine: this.searchEngine,
         };
@@ -9034,10 +8985,11 @@ class People {
  * Creates batches of events, then sends them at intervals.
  */
 class Batcher {
-    constructor(backendUrl, getToken, init) {
+    constructor(backendUrl, getToken, init, standalone) {
         this.backendUrl = backendUrl;
         this.getToken = getToken;
         this.init = init;
+        this.standalone = standalone;
         this.autosendInterval = 5 * 1000;
         this.retryTimeout = 3 * 1000;
         this.retryLimit = 3;
@@ -9047,10 +8999,20 @@ class Batcher {
             [categories.events]: [],
         };
         this.intervalId = null;
+        this.stopped = false;
+        this.paused = false;
+        this.onVisibilityChange = () => {
+            this.paused = document.hidden;
+        };
     }
     getBatches() {
         this.batch[categories.people] = this.dedupePeopleEvents();
-        const finalData = { data: this.batch };
+        const finalData = {
+            data: {
+                [categories.people]: [...this.batch[categories.people]],
+                [categories.events]: [...this.batch[categories.events]],
+            },
+        };
         return finalData;
     }
     addEvent(event) {
@@ -9126,6 +9088,9 @@ class Batcher {
         return Array.from(uniqueEventsByType.values());
     }
     sendBatch(batch) {
+        if (this.stopped) {
+            return;
+        }
         const sentBatch = batch;
         let attempts = 0;
         const send = () => {
@@ -9142,8 +9107,21 @@ class Batcher {
                 },
                 body: JSON.stringify(sentBatch),
             })
-                .then((response) => {
-                if ([403, 401].includes(response.status)) {
+                .then(async (response) => {
+                if (response.status === 401) {
+                    const body = await response.json().catch(() => null);
+                    if (!this.standalone && body?.error === 'token expired') {
+                        this.stop();
+                        return;
+                    }
+                    if (attempts < this.retryLimit) {
+                        return this.init().then(() => {
+                            send();
+                        });
+                    }
+                    return;
+                }
+                if (response.status === 403) {
                     if (attempts < this.retryLimit) {
                         return this.init().then(() => {
                             send();
@@ -9167,8 +9145,12 @@ class Batcher {
         if (this.intervalId) {
             clearInterval(this.intervalId);
         }
+        this.paused = document.hidden;
+        document.addEventListener('visibilitychange', this.onVisibilityChange);
         this.intervalId = setInterval(() => {
-            this.flush();
+            if (!this.paused) {
+                this.flush();
+            }
         }, this.autosendInterval);
     }
     flush() {
@@ -9188,6 +9170,12 @@ class Batcher {
             clearInterval(this.intervalId);
             this.intervalId = null;
         }
+        document.removeEventListener('visibilitychange', this.onVisibilityChange);
+        this.stopped = true;
+    }
+    restart() {
+        this.stopped = false;
+        this.startAutosend();
     }
 }
 
@@ -9254,6 +9242,19 @@ class Analytics {
                 }
             }
         };
+        /**
+         * Used by tracker when running in blundled mode
+         */
+        this.onStart = () => {
+            if (!this.standalone) {
+                this.batcher.restart();
+            }
+        };
+        this.onStop = () => {
+            if (!this.standalone) {
+                this.batcher.stop();
+            }
+        };
         this.reset = () => {
             this.people.reset(true);
             this.events.reset();
@@ -9292,7 +9293,7 @@ class Analytics {
         this.standalone = !options.notStandalone;
         this.token = this.sessionStorage.getItem(STORAGEKEY);
         this.constantProperties = new ConstantProperties(this.localStorage, this.sessionStorage);
-        this.batcher = new Batcher(this.backendUrl, this._getToken, this.init);
+        this.batcher = new Batcher(this.backendUrl, this._getToken, this.init, this.standalone);
         this.events = new Events(this.constantProperties, this._getTimestamp, this.batcher);
         this.people = new People(this.constantProperties, this._getTimestamp, this.setUserId, this.batcher);
         if (options.notStandalone) {
@@ -9353,7 +9354,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '17.2.3',
+                trackerVersion: '17.2.4',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,
@@ -9505,6 +9506,12 @@ class API {
                     : (options.analytics?.ingestPoint ?? options.ingestPoint ?? defaultEdp),
                 projectKey: options.projectKey,
             });
+            app.attachStartCallback(() => {
+                this.analytics?.onStart();
+            });
+            app.attachStopCallback(() => {
+                this.analytics?.onStop();
+            });
         }
         if (!this.crossdomainMode) {
             // no need to send iframe viewport data since its a node for us