@faststats/web 0.2.10 → 0.2.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @faststats/web
 
+## 0.2.12
+
+### Patch Changes
+
+- d96a750: fix: refreshSessionTimestamp on replay page hide
+
+## 0.2.11
+
+### Patch Changes
+
+- 754b67f: fix(replays): dedupe secquences to reduce risk of duplicate data sending
+- d21ce42: refactor: more reliable and unified data sending
+
 ## 0.2.10
 
 ## 0.2.9

package/dist/chunks/error-CttYL43D.js

@@ -0,0 +1,2 @@
+import{t as e}from"./rolldown-runtime-MP-BAFHD.js";import{o as t}from"./api-urls-BrkcoElX.js";import{n,t as r}from"./identifiers-CQeWm7wi.js";import{t as i}from"./send-data-DL_GlsQw.js";var a=e({default:()=>d});const o=/(?:^|\()(chrome|moz|ms-browser|safari-web)-extension:\/\//,s=e=>e?.split(`
+`).map(e=>e.trim()).filter(Boolean);function c(e){if(e instanceof Error)return{error:e.name?.trim()||`Error`,message:e.message,stack:s(e.stack),cause:c(e.cause)};if(typeof e==`string`)return{error:`Error`,message:e}}function l(e){return e?`${e.error}\0${e.message??``}\0${l(e.cause)}`:``}function u(e){let t=[e.kind,e.handled?`handled`:`unhandled`,e.message,e.filename??``,e.lineno??``,l(e.cause)].join(`\0`),n=2166136261,r=3598710387;for(let e=0;e<t.length;e++){let i=t.charCodeAt(e);n=Math.imul(n^i,16777619),r=Math.imul(r^i,2246822519)}return`err_${(n>>>0).toString(16).padStart(8,`0`)}${(r>>>0).toString(16).padStart(8,`0`)}`}var d=class{endpoint;handled=new WeakSet;queue=new Map;timer=null;started=!1;flushing=!1;constructor(e){this.options=e,this.endpoint=t(e.baseUrl)}get debug(){return this.options.debug??!1}get flushInterval(){return this.options.flushInterval??5e3}get maxQueueSize(){return this.options.maxQueueSize??50}log(...e){this.debug&&console.log(`[ErrorTracker]`,...e)}start(){this.started||typeof window>`u`||(this.started=!0,window.addEventListener(`error`,this.onError),window.addEventListener(`unhandledrejection`,this.onRejection),document.addEventListener(`visibilitychange`,this.onVisibilityChange),window.addEventListener(`pagehide`,this.requestFlush),this.timer=setInterval(this.requestFlush,this.flushInterval),this.log(`Started listening for errors`))}stop(){!this.started||typeof window>`u`||(this.started=!1,window.removeEventListener(`error`,this.onError),window.removeEventListener(`unhandledrejection`,this.onRejection),document.removeEventListener(`visibilitychange`,this.onVisibilityChange),window.removeEventListener(`pagehide`,this.requestFlush),this.timer&&clearInterval(this.timer),this.timer=null,this.requestFlush(),this.log(`Stopped listening for errors`))}captureError(e){this.record({kind:`error`,message:e.message,stack:e.stack,handled:!0,cause:c(e.cause)},e)}onError=e=>{let t=e.error;this.record({kind:`error`,message:e.message||`Unknown error`,filename:e.filename||void 0,lineno:e.lineno||void 0,stack:t instanceof Error?t.stack:void 0,handled:!1,cause:t instanceof Error?c(t.cause):void 0},t)};onRejection=e=>{let t=e.reason;this.record({kind:`unhandledrejection`,message:t.message||`Unhandled promise rejection`,stack:t.stack||void 0,handled:!1,cause:c(t.cause)},t)};onVisibilityChange=()=>{document.visibilityState===`hidden`&&this.requestFlush()};requestFlush=()=>{this.flush()};restoreErrors(e){for(let t of e)this.queue.set(t.hash,{...t,count:t.count+(this.queue.get(t.hash)?.count??0)})}record(e,t){if(t instanceof Error){if(this.handled.has(t)){this.log(`Skipping duplicate:`,t.message);return}this.handled.add(t)}if(o.test(`${e.filename??``}\n${e.stack??``}`))return;let n=u(e),r=this.queue.get(n);r?r.count+=1:this.queue.set(n,{hash:n,count:1,error:e.kind===`unhandledrejection`?`UnhandledRejection`:`Error`,message:e.message,stack:s(e.stack),handled:e.handled,...e.cause?{cause:e.cause}:{}}),this.log(`Captured error:`,e),this.queue.size>=this.maxQueueSize&&this.requestFlush()}async flush(){if(this.flushing||this.queue.size===0)return;let e=[...this.queue.values()];this.queue.clear(),this.flushing=!0;let t=r(),a=globalThis.__SOURCEMAPS_BUILD__,o=typeof a?.buildId==`string`&&a.buildId.trim()?a.buildId:void 0,s=JSON.stringify({token:this.options.siteKey,...t?{userId:t}:{},sessionId:n(),...o?{buildId:o}:{},sdkName:this.options.sdkName??`@faststats/web`,sdkVersion:this.options.sdkVersion??`0.2.12`,data:{url:location.href,page:location.pathname,referrer:document.referrer||null,title:document.title},errors:e});this.log(`Flushing errors:`,e),this.log(`Payload:`,s);try{await i({url:this.endpoint,data:s,debug:this.debug,debugPrefix:`[ErrorTracker]`})||this.restoreErrors(e)}catch{this.restoreErrors(e)}finally{this.flushing=!1}}};export{a as n,d as t};

package/dist/chunks/identifiers-CQeWm7wi.js

@@ -0,0 +1 @@
+const e=`faststats_anon_id`,t=`session_id`,n=`session_timestamp`,r=`session_start`;let i=!1;function a(e){i=e}function o(e){return e??i?``:s()}function s(){if(!localStorage)return``;let t=localStorage.getItem(e);if(t)return t;let n=crypto.randomUUID();return localStorage.setItem(e,n),n}function c(t){return t||!localStorage?``:(localStorage.removeItem(e),s())}function l(){if(!sessionStorage)return``;let e=sessionStorage.getItem(t),i=sessionStorage.getItem(n);if(e&&i){if(Date.now()-Number.parseInt(i,10)<18e5)return sessionStorage.setItem(n,Date.now().toString()),e;p(sessionStorage)}let a=Date.now().toString(),o=crypto.randomUUID();return sessionStorage.setItem(t,o),sessionStorage.setItem(n,a),sessionStorage.setItem(r,a),o}function u(){return sessionStorage?(p(sessionStorage),l()):``}function d(){sessionStorage&&sessionStorage.getItem(t)&&sessionStorage.setItem(n,Date.now().toString())}function f(){if(!sessionStorage)return Date.now();let e=sessionStorage.getItem(r);if(e)return Number.parseInt(e,10);let t=sessionStorage.getItem(n);return t?Number.parseInt(t,10):Date.now()}function p(e){e.removeItem(t),e.removeItem(n),e.removeItem(r)}export{c as a,d as i,l as n,u as o,f as r,a as s,o as t};

package/dist/chunks/replay-BrMLCiBF.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-MP-BAFHD.js";import{a as t}from"./api-urls-BrkcoElX.js";import{n,r,t as i}from"./identifiers-CQeWm7wi.js";import{t as a}from"./send-data-DL_GlsQw.js";import{t as o}from"./types-CYzR5xtT.js";import{EventType as s}from"@rrweb/types";import{record as c}from"rrweb";var l=e({default:()=>f});const u={mousemove:50,mouseInteraction:!0,scroll:150,media:800,input:`last`},d={script:!0,comment:!0,headFavicon:!0,headWhitespace:!0,headMetaDescKeywords:!0,headMetaSocial:!0,headMetaRobots:!0,headMetaHttpEquiv:!0,headMetaAuthorship:!0};var f=class{endpoint;compressionSupported=typeof window<`u`&&`CompressionStream`in window;sampled;events=[];pending=[];pendingSizeBytes=0;sessionId;started=!1;startTime=0;sequence=0;intervalId=null;flushTask=null;retryTask=null;minLengthFlushTask=null;stopRecording;sending=!1;constructor(e){this.options=e,this.endpoint=t(e.baseUrl),this.sampled=Math.random()*100<o(e.samplingPercentage)}get debug(){return this.options.debug??!1}get flushInterval(){return this.options.flushInterval??1e4}get maxEvents(){return this.options.maxEvents??500}get maxPendingBatches(){return this.options.maxPendingBatches??30}get maxQueueSizeBytes(){return this.options.maxQueueSizeBytes??2097152}get minReplayLengthMs(){return this.options.minReplayLengthMs??3e3}get shouldCompress(){return this.options.compress??!0}log(...e){this.debug&&console.log(`[Replay]`,...e)}start(){this.started||typeof window>`u`||!this.sampled||(this.started=!0,this.sessionId=n(),this.startTime=r(),this.beginRecording(),this.intervalId=setInterval(this.requestFlush,this.flushInterval),window.addEventListener(`beforeunload`,this.onUnload),window.addEventListener(`pagehide`,this.onUnload),document.addEventListener(`visibilitychange`,this.onVisibilityChange),this.log(`Recording started`))}async beginRecording(){let e=this.options.recordConsole??!0,[{getRecordSequentialIdPlugin:t},n]=await Promise.all([import(`@rrweb/rrweb-plugin-sequential-id-record`),e?import(`@rrweb/rrweb-plugin-console-record`):Promise.resolve(null)]);if(!this.started)return;let r=[t({key:`_faststatsSeqId`})];n&&r.push(n.getRecordConsolePlugin()),this.stopRecording=c({emit:this.onEvent,sampling:this.options.sampling??u,slimDOMOptions:this.options.slimDOMOptions??d,maskAllInputs:this.options.maskAllInputs??!0,maskInputOptions:this.options.maskInputOptions??{password:!0,email:!0,tel:!0},blockClass:this.options.blockClass,blockSelector:this.options.blockSelector,maskTextClass:this.options.maskTextClass,maskTextSelector:this.options.maskTextSelector,checkoutEveryNms:this.options.checkoutEveryNms??6e4,checkoutEveryNth:this.options.checkoutEveryNth,plugins:r})}stop(){if(this.started){if(this.started=!1,this.stopRecording?.(),this.stopRecording=void 0,this.intervalId&&clearInterval(this.intervalId),this.flushTask&&clearTimeout(this.flushTask),this.retryTask&&clearTimeout(this.retryTask),this.minLengthFlushTask&&clearTimeout(this.minLengthFlushTask),this.intervalId=null,this.flushTask=null,this.retryTask=null,this.minLengthFlushTask=null,window.removeEventListener(`beforeunload`,this.onUnload),window.removeEventListener(`pagehide`,this.onUnload),document.removeEventListener(`visibilitychange`,this.onVisibilityChange),!this.hasReachedMinLength()){this.events.length=0,this.sessionId=void 0,this.log(`Session too short (${Date.now()-this.startTime}ms), discarding events`);return}this.flush(!0),this.sessionId=void 0,this.log(`Recording stopped`)}}getSessionId(){return this.sessionId??n()}onEvent=(e,t)=>{if(this.events.push(e),t||this.events.length>=this.maxEvents||e.type===s.FullSnapshot&&this.hasReachedMinLength()){this.requestFlush();return}this.scheduleMinLengthFlush()};onUnload=()=>{this.flush(!0)};onVisibilityChange=()=>{document.visibilityState===`hidden`&&this.flush(!0)};hasReachedMinLength(){return this.minReplayLengthMs<=0||Date.now()-this.startTime>=this.minReplayLengthMs}requestFlush=()=>{this.flushTask||this.sending||this.events.length===0||(this.minLengthFlushTask&&=(clearTimeout(this.minLengthFlushTask),null),this.flushTask=setTimeout(()=>{this.flushTask=null,this.flush(!1)},0))};scheduleMinLengthFlush(){if(this.minLengthFlushTask||this.events.length===0||this.hasReachedMinLength())return;let e=Math.max(0,this.minReplayLengthMs-(Date.now()-this.startTime)),t=Math.min(e,2147483647);this.minLengthFlushTask=setTimeout(()=>{this.minLengthFlushTask=null,this.requestFlush()},t)}createBatch(e){let t=i(),n=this.sequence++;return{token:this.options.siteKey,sessionId:this.getSessionId(),...t?{identifier:t}:{},batchId:this.createBatchId(n),sequence:n,timestamp:Date.now(),url:window.location.href,events:e}}createBatchId(e){let t=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;return`${this.getSessionId()??`unknown`}-${e}-${t}`}getBatchSizeBytes(e){return new TextEncoder().encode(JSON.stringify(e)).byteLength}dropOldestPendingBatch(e){let t=this.pending.shift();t&&(this.pendingSizeBytes=Math.max(0,this.pendingSizeBytes-this.getBatchSizeBytes(t)),this.log(`${e}, dropping batch ${t.sequence}`))}enqueueBatch(e){let t=this.getBatchSizeBytes(e);if(t>this.maxQueueSizeBytes){this.log(`Replay batch ${e.sequence} is ${t}B, exceeding ${this.maxQueueSizeBytes}B queue limit; dropping`);return}for(;this.pending.length>0&&this.pendingSizeBytes+t>this.maxQueueSizeBytes;)this.dropOldestPendingBatch(`Pending queue size limit reached`);for(;this.pending.length>=this.maxPendingBatches;)this.dropOldestPendingBatch(`Pending batch limit reached`);this.pending.push(e),this.pendingSizeBytes+=t}async encodeBatch(e){let t=JSON.stringify(e);if(!this.shouldCompress||!this.compressionSupported)return{data:t,isCompressed:!1};try{let e=await this.compress(t);return this.log(`Compressed ${t.length}B -> ${e.byteLength}B (${Math.round(e.byteLength/t.length*100)}%)`),{data:e,isCompressed:!0}}catch{return this.log(`Compression failed, using uncompressed`),{data:t,isCompressed:!1}}}async flush(e){if(!this.sending){if(this.events.length>0)if(!this.hasReachedMinLength())this.scheduleMinLengthFlush();else{let e=this.createBatch(this.events.splice(0));this.enqueueBatch(e)}if(this.pending.length!==0){this.sending=!0;try{for(;this.pending.length>0;){let t=this.pending[0];if(!t)break;let n=await this.encodeBatch(t);if(!await this.send(n.data,n.isCompressed,e)){this.log(`Failed to send replay batch ${t.sequence}, retrying`),this.scheduleRetry();break}this.dropOldestPendingBatch(`Sent replay batch`),e=!1}}finally{this.sending=!1}}}}scheduleRetry(){this.retryTask||=setTimeout(()=>{this.retryTask=null,this.flush(!1)},1e3)}async compress(e){let t=new Blob([e]).stream().pipeThrough(new CompressionStream(`gzip`)),n=await new Response(t).arrayBuffer();return new Uint8Array(n)}send(e,t,n){return a({url:t?`${this.endpoint}?encoding=gzip`:this.endpoint,data:e,contentType:t?`application/octet-stream`:`application/json`,debug:!1,useBeacon:!1,keepalive:n})??Promise.resolve(!1)}};export{l as n,f as t};

package/dist/chunks/{replay-IhsP2Ab4.d.ts → replay-BuX3_0xs.d.ts}

@@ -64,6 +64,7 @@ declare class ReplayTracker {
   private requestFlush;
   private scheduleMinLengthFlush;
   private createBatch;
+  private createBatchId;
   private getBatchSizeBytes;
   private dropOldestPendingBatch;
   private enqueueBatch;

package/dist/chunks/send-data-DL_GlsQw.js

@@ -0,0 +1 @@
+async function e(e){let{url:t,data:n,contentType:r=`application/json`,headers:i={},debug:a=!1,debugPrefix:o=`[Analytics]`,useBeacon:s=!0,keepalive:c=!0}=e;if(s&&typeof globalThis.navigator?.sendBeacon==`function`)try{let e=n instanceof Blob?n:typeof Blob<`u`?new Blob([n],{type:r}):n;if(globalThis.navigator.sendBeacon(t,e))return a&&console.log(`${o} Sent via beacon`),!0}catch{}try{let e=await fetch(t,{method:`POST`,body:n,headers:{"Content-Type":r,...i},keepalive:c}),s=e.ok;if(a){let t=s?`${o} Sent via fetch`:`${o} Failed: ${e.status}`;console[s?`log`:`warn`](t)}return s}catch{return a&&console.warn(`${o} Failed to send`),!1}}export{e as t};

package/dist/chunks/types-CYzR5xtT.js

@@ -0,0 +1 @@
+function e(e){return typeof e!=`number`||!Number.isFinite(e)?100:Math.max(0,Math.min(100,e))}export{e as t};

package/dist/chunks/web-vitals-CjA1bFLG.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-MP-BAFHD.js";import{s as t}from"./api-urls-BrkcoElX.js";import{n}from"./identifiers-CQeWm7wi.js";import{t as r}from"./types-CYzR5xtT.js";var i=e({default:()=>s});async function a(e){let{onCLS:t,onFCP:n,onINP:r,onLCP:i,onTTFB:a}=e?await import(`web-vitals/attribution`):await import(`web-vitals`);return o([t,n,r,i,a])}function o([e,t,n,r,i]){return[{observe:e,options:{reportAllChanges:!0}},{observe:t},{observe:n,options:{reportAllChanges:!0}},{observe:r,options:{reportAllChanges:!0}},{observe:i}]}var s=class{endpoint;metricsByUrl=new Map;pendingFlushUrls=new Set;sampled;started=!1;flushing=!1;finalFlushRequested=!1;currentUrl=``;constructor(e){this.options=e,this.endpoint=t(e.baseUrl),this.sampled=Math.random()*100<r(e.samplingPercentage)}get debug(){return this.options.debug??!1}log(...e){this.debug&&console.log(`[WebVitals]`,...e)}start(){this.started||typeof window>`u`||(this.started=!0,this.currentUrl=window.location.href,document.addEventListener(`visibilitychange`,this.onVisibilityChange,{passive:!0}),window.addEventListener(`pagehide`,this.onPageHide,{passive:!0}),this.log(`Tracking started`),this.observe())}stop(){!this.started||typeof window>`u`||(this.started=!1,this.cleanupListeners(),this.queueFlush(this.currentUrl,!0))}trackPageChange(e){if(!this.started||typeof window>`u`)return;let t=e??window.location.href;if(t===this.currentUrl)return;let n=this.currentUrl;this.currentUrl=t,this.queueFlush(n)}cleanupListeners(){document.removeEventListener(`visibilitychange`,this.onVisibilityChange),window.removeEventListener(`pagehide`,this.onPageHide)}async observe(){try{let e=await a(this.options.attribution??!1);if(!this.started)return;for(let{observe:t,options:n}of e)t(this.captureMetric,n)}catch(e){this.log(`Failed to load web-vitals`,e)}}onVisibilityChange=()=>{document.visibilityState===`hidden`&&this.queueFlush(this.currentUrl,!0)};onPageHide=()=>{this.queueFlush(this.currentUrl,!0)};captureMetric=e=>{if(!this.started||!this.sampled)return;let t=e.name,n=e.attribution??void 0;this.metricsForUrl(this.currentUrl).set(t,{value:e.value,attributes:{id:e.id,rating:e.rating,delta:e.delta,navigationType:e.navigationType,...n??{}}}),this.log(`${t} captured: ${e.value}`)};metricsForUrl(e){let t=this.metricsByUrl.get(e);return t||(t=new Map,this.metricsByUrl.set(e,t)),t}queueFlush(e,t=!1){this.finalFlushRequested||=t,this.pendingFlushUrls.add(e),this.flushPending()}async flushPending(){if(!this.flushing){if(typeof window>`u`||typeof fetch!=`function`){this.finishFinalFlushIfNeeded();return}this.flushing=!0;try{let e=[...this.pendingFlushUrls];this.pendingFlushUrls.clear();for(let t of e)await this.sendMetricsForUrl(t)||this.pendingFlushUrls.add(t)}finally{this.flushing=!1,this.finishFinalFlushIfNeeded()}}}async sendMetricsForUrl(e){let t=this.metricsByUrl.get(e);if(!t||t.size===0)return!0;let r=[...t.entries()].map(([e,t])=>({metric:e,value:t.value,attributes:t.attributes})),i=JSON.stringify({sessionId:n(),vitals:r,metadata:{url:e}});this.log(`Sending metrics for ${e} (${r.length})`);try{let t=new AbortController,n=window.setTimeout(()=>t.abort(),3e3);try{let n=await fetch(this.endpoint,{method:`POST`,body:i,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${this.options.siteKey}`},keepalive:!0,signal:t.signal});if(!n.ok)throw Error(`HTTP ${n.status}`);this.metricsByUrl.delete(e)}finally{clearTimeout(n)}return!0}catch(e){return this.log(`Failed to send metrics`,e),!1}}finishFinalFlushIfNeeded(){this.finalFlushRequested&&(this.finalFlushRequested=!1,this.started=!1,this.cleanupListeners())}};export{i as n,s as t};

package/dist/error.d.ts

@@ -26,6 +26,7 @@ declare class ErrorTracker {
   private readonly queue;
   private timer;
   private started;
+  private flushing;
   constructor(options: ErrorTrackingOptions);
   private get debug();
   private get flushInterval();
@@ -37,6 +38,8 @@ declare class ErrorTracker {
   private onError;
   private onRejection;
   private onVisibilityChange;
+  private requestFlush;
+  private restoreErrors;
   private record;
   private flush;
 }

package/dist/error.js

@@ -1 +1 @@
-import{t as e}from"./chunks/error-ClMugucs.js";export{e as default};
+import{t as e}from"./chunks/error-CttYL43D.js";export{e as default};

package/dist/feature-flags.d.ts

@@ -1,2 +1,2 @@
-import { n as FeatureFlagEvaluation, r as fetchFeatureFlagEvaluation, t as FeatureFlagCheckContext } from "./chunks/feature-flags-6rZlmhfu.js";
+import { n as FeatureFlagEvaluation, r as fetchFeatureFlagEvaluation, t as FeatureFlagCheckContext } from "./chunks/feature-flags-BxZz_lNm.js";
 export { type FeatureFlagCheckContext, type FeatureFlagEvaluation, fetchFeatureFlagEvaluation };

package/dist/feature-flags.js

@@ -1 +1 @@
-import{n as e}from"./chunks/feature-flags-CqVtrpX2.js";export{e as fetchFeatureFlagEvaluation};
+import{n as e}from"./chunks/feature-flags-CjnLZGxp.js";export{e as fetchFeatureFlagEvaluation};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { n as FeatureFlagEvaluation, r as fetchFeatureFlagEvaluation, t as FeatureFlagCheckContext } from "./chunks/feature-flags-6rZlmhfu.js";
-import { n as ReplayTrackerOptions } from "./chunks/replay-IhsP2Ab4.js";
+import { n as FeatureFlagEvaluation, r as fetchFeatureFlagEvaluation, t as FeatureFlagCheckContext } from "./chunks/feature-flags-BxZz_lNm.js";
+import { n as ReplayTrackerOptions } from "./chunks/replay-BuX3_0xs.js";
 
 //#region src/utils/types.d.ts
 interface SendDataOptions {
@@ -13,6 +13,9 @@ interface SendDataOptions {
   keepalive?: boolean;
 }
 //#endregion
+//#region src/utils/send-data.d.ts
+declare function sendData(options: SendDataOptions): Promise<boolean>;
+//#endregion
 //#region src/analytics.d.ts
 type Dict = Record<string, unknown>;
 interface SamplingOptions {
@@ -66,7 +69,6 @@ declare function optIn(): void;
 declare function optOut(): void;
 declare function reportError(error: Error): void;
 declare function isTrackingDisabled(): boolean;
-declare function sendData(options: SendDataOptions): Promise<boolean>;
 declare class WebAnalytics {
   private readonly options;
   private readonly webEndpoint;
@@ -107,6 +109,7 @@ declare class WebAnalytics {
   private stopNavigationTimer;
   private stopChildTrackers;
   private registerChildTracker;
+  private startChildTracker;
   private startErrorTracker;
   private startWebVitalsTracker;
   private startReplayTracker;

package/dist/index.js

@@ -1 +1 @@
-import{a as e,c as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"./chunks/analytics-ur06JW5D.js";import{n as d}from"./chunks/feature-flags-CqVtrpX2.js";export{l as WebAnalytics,d as fetchFeatureFlagEvaluation,a as getInstance,s as identify,r as isTrackingDisabled,e as logout,o as optIn,c as optOut,t as reportError,i as sendData,u as setConsentMode,n as trackEvent};
+import{i as e,n as t,o as n,r}from"./chunks/api-urls-BrkcoElX.js";import{a as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./chunks/identifiers-CQeWm7wi.js";import{t as d}from"./chunks/send-data-DL_GlsQw.js";import{t as f}from"./chunks/types-CYzR5xtT.js";import{n as p}from"./chunks/feature-flags-CjnLZGxp.js";function m(e){return e.replayOptions?.samplingPercentage!==void 0||e.sessionReplays?.sampling?.percentage!==void 0}function h(e,t,n){if(!(e.sessionReplays?.enabled??e.trackReplay??m(e)))return null;let r=e.replayOptions??{};return{siteKey:e.siteKey,baseUrl:t,debug:n,...r,samplingPercentage:f(r.samplingPercentage??e.sessionReplays?.sampling?.percentage)}}const g={instance:null,pendingConsentMode:void 0};function _(){return g.instance}function v(e,t){typeof window>`u`||T()||g.instance?.track(e,t??{})}function y(e,t,n){return typeof window>`u`||T()?Promise.resolve(!1):g.instance?.identify(e,t,n??{})??Promise.resolve(!1)}function b(e=!0){typeof window>`u`||T()||g.instance?.logout(e)}function x(e){if(g.instance){g.instance.setConsentMode(e);return}g.pendingConsentMode=e}function S(){x(`granted`)}function C(){x(`denied`)}function w(e){typeof window>`u`||T()||g.instance?.reportError(e)}function T(){if(typeof localStorage>`u`)return!1;let e=localStorage.getItem(`disable-faststats`);return e===`true`||e===`1`}function E(e){for(;e;){if(e instanceof HTMLAnchorElement&&e.href)return e;e=e.parentNode}return null}function D(){let e={};if(!location.search)return e;let t=new URLSearchParams(location.search);for(let n of[`utm_source`,`utm_medium`,`utm_campaign`,`utm_term`,`utm_content`]){let r=t.get(n);r&&(e[n]=r)}return e}var O=class{webEndpoint;baseUrl;featureFlagsBaseUrl;debug;started=!1;destroyed=!1;pageKey=``;navTimer=null;heartbeatTimer=null;scrollDepth=0;pageEntryTime=0;pagePath=``;pageUrl=``;pageHash=``;hasLeftCurrentPage=!1;scrollHandler=null;consentMode;cookielessWhilePending;cleanupCallbacks=[];childTrackers=[];pendingReportedErrors=[];errorTracker=null;handleVisibilityChange=()=>{document.visibilityState===`hidden`?(a(),this.leavePage(),this.stopHeartbeat()):(a(),this.enterPage(),this.startHeartbeat())};handlePageHide=()=>{this.leavePage()};handlePopState=()=>{this.navigate()};handleHashChange=()=>{this.navigate()};constructor(t){this.options=t,this.baseUrl=r(t.baseUrl),this.featureFlagsBaseUrl=e(t.featureFlagsBaseUrl),this.webEndpoint=n(this.baseUrl),this.debug=t.debug??!1,this.consentMode=t.consent?.mode??`granted`,this.cookielessWhilePending=t.consent?.cookielessWhilePending??!0,g.pendingConsentMode!==void 0&&(this.consentMode=g.pendingConsentMode,g.pendingConsentMode=void 0),(t.autoTrack??!0)&&this.init()}log(e){this.debug&&console.log(`[Analytics] ${e}`)}init(){if(!(typeof window>`u`)){if(T()){this.log(`disabled`);return}g.instance=this,l(this.isCookielessMode()),setTimeout(()=>void this.start(),0)}}registerCleanup(e){this.cleanupCallbacks.push(e)}addWindowListener(e,t){window.addEventListener(e,t),this.registerCleanup(()=>window.removeEventListener(e,t))}addDocumentListener(e,t){document.addEventListener(e,t),this.registerCleanup(()=>document.removeEventListener(e,t))}patchHistory(){let e=history.pushState.bind(history),t=history.replaceState.bind(history);history.pushState=(t,n,r)=>{e(t,n,r),this.navigate()},history.replaceState=(e,n,r)=>{t(e,n,r),this.navigate()},this.registerCleanup(()=>{history.pushState=e,history.replaceState=t})}ensureStarted(){return typeof window>`u`||this.destroyed||T()?!1:(this.started||this.start(),!0)}stopHeartbeat(){this.heartbeatTimer&&=(clearInterval(this.heartbeatTimer),null)}stopNavigationTimer(){this.navTimer&&=(clearTimeout(this.navTimer),null)}stopChildTrackers(){for(let e of this.childTrackers.splice(0))e.stop?.();this.errorTracker=null}registerChildTracker(e){return!this.started||this.destroyed||g.instance!==this?(e.stop?.(),!1):(this.childTrackers.push(e),!0)}async startChildTracker(e,t,n){try{let r=await t();return!this.started||this.destroyed||g.instance!==this?(r.stop?.(),null):(r.start(),this.registerChildTracker(r)?(n?.(r),this.log(`${e} loaded`),r):null)}catch(t){return this.log(`failed to initialize ${e} tracker: ${String(t)}`),null}}async startErrorTracker(){await this.startChildTracker(`error`,async()=>{let{default:e}=await import(`./chunks/error-CttYL43D.js`).then(e=>e.n);return new e({siteKey:this.options.siteKey,baseUrl:this.baseUrl,debug:this.debug,sdkName:this.options.sdkName,sdkVersion:this.options.sdkVersion})},e=>{for(this.errorTracker=e;this.pendingReportedErrors.length>0;){let t=this.pendingReportedErrors.shift();t&&e.captureError(t)}})}async startWebVitalsTracker(){await this.startChildTracker(`web-vitals`,async()=>{let{default:e}=await import(`./chunks/web-vitals-CjA1bFLG.js`).then(e=>e.n);return new e({siteKey:this.options.siteKey,baseUrl:this.baseUrl,debug:this.debug,samplingPercentage:f(this.options.webVitals?.sampling?.percentage),attribution:this.options.webVitals?.attribution??!1})})}async startReplayTracker(e){await this.startChildTracker(`replay`,async()=>{let{default:t}=await import(`./chunks/replay-BrMLCiBF.js`).then(e=>e.n);return new t(e)})}async start(){if(this.started||this.destroyed||typeof window>`u`)return;if(g.instance&&g.instance!==this){this.log(`already started by another instance`);return}if(T()){this.log(`disabled`);return}this.started=!0,g.instance=this,l(this.isCookielessMode()),o();let e=this.options,t=h(e,this.baseUrl,this.debug);t&&this.startReplayTracker(t),e.trackErrors&&this.startErrorTracker(),e.trackWebVitals&&this.startWebVitalsTracker(),this.enterPage(),this.pageview({trigger:`load`}),this.links(),this.trackScroll(),this.startHeartbeat(),this.addDocumentListener(`visibilitychange`,this.handleVisibilityChange),this.addWindowListener(`pagehide`,this.handlePageHide),this.addWindowListener(`popstate`,this.handlePopState),e.trackHash&&this.addWindowListener(`hashchange`,this.handleHashChange),this.patchHistory()}destroy(){if(!this.destroyed){for(this.started&&typeof window<`u`&&this.leavePage(),this.pendingReportedErrors.length=0,this.stopNavigationTimer(),this.stopHeartbeat(),this.scrollHandler&&typeof window<`u`&&(window.removeEventListener(`scroll`,this.scrollHandler),this.scrollHandler=null);this.cleanupCallbacks.length>0;)this.cleanupCallbacks.pop()?.();this.stopChildTrackers(),g.instance===this&&(g.instance=null),this.started=!1,this.destroyed=!0}}pageview(e={}){if(!this.ensureStarted())return;let t=`${location.pathname}|${this.options.trackHash??!1?location.hash:``}`;t!==this.pageKey&&(this.pageKey=t,this.send(`pageview`,e))}track(e,t={}){this.ensureStarted()&&this.send(e,t)}identify(e,n,r={}){if(!this.ensureStarted()||this.isCookielessMode())return Promise.resolve(!1);let i=e.trim(),a=n.trim();return!i||!a?Promise.resolve(!1):d({url:t(this.baseUrl),data:JSON.stringify({token:this.options.siteKey,identifier:u(!1),externalId:i,email:a,name:r.name?.trim()||void 0,phone:r.phone?.trim()||void 0,avatarUrl:r.avatarUrl?.trim()||void 0,traits:r.traits??{}}),contentType:`text/plain`,debug:this.debug,debugPrefix:`[Analytics] identify`,useBeacon:!1})}logout(e=!0){this.ensureStarted()&&(e&&i(this.isCookielessMode()),s())}setConsentMode(e){this.consentMode=e,l(this.isCookielessMode())}optIn(){this.setConsentMode(`granted`)}optOut(){this.setConsentMode(`denied`)}getConsentMode(){return this.consentMode}getAnonymousId(){return u(this.isCookielessMode())}getSessionId(){return o()}async checkFeatureFlag(e,t,n){if(typeof window>`u`||T())return{value:`false`};let r=n?.externalId?.trim(),i=this.getAnonymousId();if(!r&&!i)return{value:`false`};let{fetchFeatureFlagEvaluation:a}=await import(`./chunks/feature-flags-CjnLZGxp.js`).then(e=>e.t);return a(e,{baseUrl:this.featureFlagsBaseUrl,projectToken:this.options.siteKey,...i?{identifier:i}:{},...r?{externalId:r}:{},attributes:t,signal:n?.signal})}reportError(e){if(this.destroyed||typeof window>`u`||T()||!(this.options.trackErrors??!1)||!this.ensureStarted())return;let t=this.errorTracker;if(t){t.captureError(e);return}this.pendingReportedErrors.length>=50&&this.pendingReportedErrors.shift(),this.pendingReportedErrors.push(e)}isCookielessMode(){return this.options.cookieless||this.consentMode===`denied`?!0:this.consentMode===`pending`?this.cookielessWhilePending:!1}send(e,t={}){if(typeof window>`u`||this.destroyed||T())return;let n=u(this.isCookielessMode()),r=JSON.stringify({token:this.options.siteKey,...n?{userId:n}:{},sessionId:o(),data:{event:e,page:location.pathname,referrer:document.referrer||null,title:document.title||``,url:location.href,...D(),...t}});this.log(e),d({url:this.webEndpoint,data:r,contentType:`text/plain`,debug:this.debug,debugPrefix:`[Analytics] ${e}`})}enterPage(){this.pageEntryTime=Date.now(),this.pagePath=location.pathname,this.pageUrl=location.href,this.pageHash=location.hash,this.scrollDepth=0,this.hasLeftCurrentPage=!1}leavePage(){if(this.destroyed||this.hasLeftCurrentPage)return;this.hasLeftCurrentPage=!0;let e=Date.now();this.send(`page_leave`,{page:this.pagePath,url:this.pageUrl,time_on_page:e-this.pageEntryTime,scroll_depth:this.scrollDepth,session_duration:e-c()})}trackScroll(){this.scrollHandler&&window.removeEventListener(`scroll`,this.scrollHandler);let e=()=>{let e=document.documentElement,t=document.body,n=window.innerHeight,r=Math.max(e.scrollHeight,t.scrollHeight);if(r<=n){this.scrollDepth=100;return}let i=Math.min(100,Math.round(((window.scrollY||e.scrollTop)+n)/r*100));i>this.scrollDepth&&(this.scrollDepth=i)};this.scrollHandler=e,e(),window.addEventListener(`scroll`,e,{passive:!0})}startHeartbeat(){this.stopHeartbeat(),this.heartbeatTimer=setInterval(()=>{if(document.visibilityState===`hidden`){this.stopHeartbeat();return}a()},300*1e3)}navigate(){!this.started||this.destroyed||(this.stopNavigationTimer(),this.navTimer=setTimeout(()=>{this.navTimer=null;let e=location.pathname!==this.pagePath,t=(this.options.trackHash??!1)&&location.hash!==this.pageHash;if(!(!e&&!t)){this.leavePage(),this.enterPage();for(let e of this.childTrackers)e.trackPageChange?.(this.pageUrl);this.trackScroll(),this.pageview({trigger:`navigation`})}},300))}links(){let e=e=>{let t=E(e.target);t&&t.host!==location.host&&this.track(`outbound_link`,{outbound_link:t.href})};this.addDocumentListener(`click`,e),this.addDocumentListener(`auxclick`,e)}};export{O as WebAnalytics,p as fetchFeatureFlagEvaluation,_ as getInstance,y as identify,T as isTrackingDisabled,b as logout,S as optIn,C as optOut,w as reportError,d as sendData,x as setConsentMode,v as trackEvent};

package/dist/replay.d.ts

@@ -1,2 +1,2 @@
-import { n as ReplayTrackerOptions, t as ReplayTracker } from "./chunks/replay-IhsP2Ab4.js";
+import { n as ReplayTrackerOptions, t as ReplayTracker } from "./chunks/replay-BuX3_0xs.js";
 export { type ReplayTrackerOptions, ReplayTracker as default };

package/dist/replay.js

@@ -1 +1 @@
-import{t as e}from"./chunks/replay-DQHUrcod.js";export{e as default};
+import{t as e}from"./chunks/replay-BrMLCiBF.js";export{e as default};

package/dist/web-vitals.d.ts

@@ -9,19 +9,29 @@ interface WebVitalsOptions {
 declare class WebVitalsTracker {
   private readonly options;
   private readonly endpoint;
-  private readonly metrics;
+  private readonly metricsByUrl;
+  private readonly pendingFlushUrls;
   private readonly sampled;
   private started;
-  private flushed;
+  private flushing;
+  private finalFlushRequested;
+  private currentUrl;
   constructor(options: WebVitalsOptions);
   private get debug();
   private log;
   start(): void;
   stop(): void;
+  trackPageChange(url?: string): void;
+  private cleanupListeners;
   private observe;
   private onVisibilityChange;
+  private onPageHide;
   private captureMetric;
-  private flush;
+  private metricsForUrl;
+  private queueFlush;
+  private flushPending;
+  private sendMetricsForUrl;
+  private finishFinalFlushIfNeeded;
 }
 //#endregion
 export { type WebVitalsOptions, WebVitalsTracker as default };

package/dist/web-vitals.js

@@ -1 +1 @@
-import{t as e}from"./chunks/web-vitals-BooBPWJC.js";export{e as default};
+import{t as e}from"./chunks/web-vitals-CjA1bFLG.js";export{e as default};

package/package.json

@@ -39,7 +39,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "0.2.10",
+	"version": "0.2.12",
 	"scripts": {
 		"build": "tsdown && bun run check-size",
 		"dev": "bun run build",

package/src/analytics.ts

@@ -1,6 +1,5 @@
 import type ErrorTracker from "./error";
 import type { FeatureFlagEvaluation } from "./feature-flags";
-import type ReplayTracker from "./replay";
 import type { ReplayTrackerOptions } from "./replay";
 import {
 	identifyEventsUrl,
@@ -17,18 +16,21 @@ import {
 	resetSessionId,
 	setCookielessMode,
 } from "./utils/identifiers";
+import { sendData } from "./utils/send-data";
 import {
 	normalizeSamplingPercentage,
 	type SendDataOptions,
 } from "./utils/types";
-import type WebVitalsTracker from "./web-vitals";
 
 export type { SendDataOptions };
+export { sendData };
 
 type ChildTracker = {
 	start(): void;
 	stop?(): void;
+	trackPageChange?(url?: string): void;
 };
+type TrackerFactory<T extends ChildTracker> = () => Promise<T>;
 
 type Dict = Record<string, unknown>;
 
@@ -180,73 +182,6 @@ export function isTrackingDisabled(): boolean {
 	return value === "true" || value === "1";
 }
 
-export async function sendData(options: SendDataOptions): Promise<boolean> {
-	const {
-		url,
-		data,
-		contentType = "application/json",
-		headers = {},
-		debug = false,
-		debugPrefix = "[Analytics]",
-		useBeacon = true,
-		keepalive = true,
-	} = options;
-
-	const canUseBeacon =
-		useBeacon &&
-		typeof navigator !== "undefined" &&
-		typeof navigator.sendBeacon === "function";
-	if (canUseBeacon) {
-		try {
-			const beaconBody =
-				data instanceof Blob
-					? data
-					: typeof Blob !== "undefined"
-						? new Blob([data as BlobPart], { type: contentType })
-						: data;
-			if (navigator.sendBeacon(url, beaconBody as BodyInit)) {
-				if (debug) {
-					console.log(`${debugPrefix} Sent via beacon`);
-				}
-				return true;
-			}
-		} catch {}
-	}
-
-	if (typeof fetch !== "function") {
-		if (debug) {
-			console.warn(`${debugPrefix} Failed to send`);
-		}
-		return false;
-	}
-
-	try {
-		const response = await fetch(url, {
-			method: "POST",
-			body: data as BodyInit,
-			headers: {
-				"Content-Type": contentType,
-				...headers,
-			},
-			keepalive,
-		});
-		const success = response.ok;
-		if (debug) {
-			if (success) {
-				console.log(`${debugPrefix} Sent via fetch`);
-			} else {
-				console.warn(`${debugPrefix} Failed: ${response.status}`);
-			}
-		}
-		return success;
-	} catch {
-		if (debug) {
-			console.warn(`${debugPrefix} Failed to send`);
-		}
-		return false;
-	}
-}
-
 function getLinkEl(el: Node | null): HTMLAnchorElement | null {
 	while (el) {
 		if (el instanceof HTMLAnchorElement && el.href) return el;
@@ -297,9 +232,12 @@ export class WebAnalytics {
 	private errorTracker: ErrorTracker | null = null;
 	private readonly handleVisibilityChange = (): void => {
 		if (document.visibilityState === "hidden") {
+			refreshSessionTimestamp();
 			this.leavePage();
 			this.stopHeartbeat();
 		} else {
+			refreshSessionTimestamp();
+			this.enterPage();
 			this.startHeartbeat();
 		}
 	};
@@ -429,40 +367,58 @@ export class WebAnalytics {
 		return true;
 	}
 
-	private async startErrorTracker(): Promise<void> {
+	private async startChildTracker<T extends ChildTracker>(
+		name: string,
+		createTracker: TrackerFactory<T>,
+		onStarted?: (tracker: T) => void,
+	): Promise<T | null> {
 		try {
-			const { default: ErrorTrackerClass } = await import("./error");
-			if (!this.started || this.destroyed || moduleState.instance !== this)
-				return;
+			const tracker = await createTracker();
+			if (!this.started || this.destroyed || moduleState.instance !== this) {
+				tracker.stop?.();
+				return null;
+			}
 
-			const errorTracker: ErrorTracker = new ErrorTrackerClass({
-				siteKey: this.options.siteKey,
-				baseUrl: this.baseUrl,
-				debug: this.debug,
-				sdkName: this.options.sdkName,
-				sdkVersion: this.options.sdkVersion,
-			});
-			errorTracker.start();
-			if (!this.registerChildTracker(errorTracker)) return;
+			tracker.start();
+			if (!this.registerChildTracker(tracker)) return null;
 
-			this.errorTracker = errorTracker;
-			while (this.pendingReportedErrors.length > 0) {
-				const pending = this.pendingReportedErrors.shift();
-				if (pending) errorTracker.captureError(pending);
-			}
-			this.log("error loaded");
+			onStarted?.(tracker);
+			this.log(`${name} loaded`);
+			return tracker;
 		} catch (error) {
-			this.log(`failed to initialize error tracker: ${String(error)}`);
+			this.log(`failed to initialize ${name} tracker: ${String(error)}`);
+			return null;
 		}
 	}
 
+	private async startErrorTracker(): Promise<void> {
+		await this.startChildTracker(
+			"error",
+			async () => {
+				const { default: ErrorTrackerClass } = await import("./error");
+				return new ErrorTrackerClass({
+					siteKey: this.options.siteKey,
+					baseUrl: this.baseUrl,
+					debug: this.debug,
+					sdkName: this.options.sdkName,
+					sdkVersion: this.options.sdkVersion,
+				});
+			},
+			(errorTracker) => {
+				this.errorTracker = errorTracker;
+
+				while (this.pendingReportedErrors.length > 0) {
+					const pending = this.pendingReportedErrors.shift();
+					if (pending) errorTracker.captureError(pending);
+				}
+			},
+		);
+	}
+
 	private async startWebVitalsTracker(): Promise<void> {
-		try {
+		await this.startChildTracker("web-vitals", async () => {
 			const { default: WebVitalsTrackerClass } = await import("./web-vitals");
-			if (!this.started || this.destroyed || moduleState.instance !== this)
-				return;
-
-			const webVitalsTracker: WebVitalsTracker = new WebVitalsTrackerClass({
+			return new WebVitalsTrackerClass({
 				siteKey: this.options.siteKey,
 				baseUrl: this.baseUrl,
 				debug: this.debug,
@@ -471,33 +427,16 @@ export class WebAnalytics {
 				),
 				attribution: this.options.webVitals?.attribution ?? false,
 			});
-			webVitalsTracker.start();
-			if (!this.registerChildTracker(webVitalsTracker)) return;
-
-			this.log("web-vitals loaded");
-		} catch (error) {
-			this.log(`failed to initialize web-vitals tracker: ${String(error)}`);
-		}
+		});
 	}
 
 	private async startReplayTracker(
 		replayOptions: ReplayTrackerOptions,
 	): Promise<void> {
-		try {
+		await this.startChildTracker("replay", async () => {
 			const { default: ReplayTrackerClass } = await import("./replay");
-			if (!this.started || this.destroyed || moduleState.instance !== this)
-				return;
-
-			const replayTracker: ReplayTracker = new ReplayTrackerClass(
-				replayOptions,
-			);
-			replayTracker.start();
-			if (!this.registerChildTracker(replayTracker)) return;
-
-			this.log("replay loaded");
-		} catch (error) {
-			this.log(`failed to initialize replay tracker: ${String(error)}`);
-		}
+			return new ReplayTrackerClass(replayOptions);
+		});
 	}
 
 	async start(): Promise<void> {
@@ -816,6 +755,9 @@ export class WebAnalytics {
 			if (!pathChanged && !hashChanged) return;
 			this.leavePage();
 			this.enterPage();
+			for (const tracker of this.childTrackers) {
+				tracker.trackPageChange?.(this.pageUrl);
+			}
 			this.trackScroll();
 			this.pageview({ trigger: "navigation" });
 		}, 300);

package/src/error.ts

@@ -1,7 +1,7 @@
-import { sendData } from "./analytics";
 import { SDK_NAME, SDK_VERSION } from "./sdk";
 import { webEventsUrl } from "./utils/api-urls";
 import { getAnonymousId, getOrCreateSessionId } from "./utils/identifiers";
+import { sendData } from "./utils/send-data";
 
 export type ErrorEntry = {
 	error: string;
@@ -98,6 +98,7 @@ export default class ErrorTracker {
 	private readonly queue = new Map<string, ErrorTracking>();
 	private timer: ReturnType<typeof setInterval> | null = null;
 	private started = false;
+	private flushing = false;
 
 	constructor(private readonly options: ErrorTrackingOptions) {
 		this.endpoint = webEventsUrl(options.baseUrl);
@@ -126,9 +127,9 @@ export default class ErrorTracker {
 		window.addEventListener("error", this.onError);
 		window.addEventListener("unhandledrejection", this.onRejection);
 		document.addEventListener("visibilitychange", this.onVisibilityChange);
-		window.addEventListener("pagehide", this.flush);
+		window.addEventListener("pagehide", this.requestFlush);
 
-		this.timer = setInterval(this.flush, this.flushInterval);
+		this.timer = setInterval(this.requestFlush, this.flushInterval);
 		this.log("Started listening for errors");
 	}
 
@@ -139,12 +140,12 @@ export default class ErrorTracker {
 		window.removeEventListener("error", this.onError);
 		window.removeEventListener("unhandledrejection", this.onRejection);
 		document.removeEventListener("visibilitychange", this.onVisibilityChange);
-		window.removeEventListener("pagehide", this.flush);
+		window.removeEventListener("pagehide", this.requestFlush);
 
 		if (this.timer) clearInterval(this.timer);
 		this.timer = null;
 
-		this.flush();
+		this.requestFlush();
 		this.log("Stopped listening for errors");
 	}
 
@@ -194,9 +195,22 @@ export default class ErrorTracker {
 	};
 
 	private onVisibilityChange = (): void => {
-		if (document.visibilityState === "hidden") this.flush();
+		if (document.visibilityState === "hidden") this.requestFlush();
 	};
 
+	private requestFlush = (): void => {
+		void this.flush();
+	};
+
+	private restoreErrors(errors: ErrorTracking[]): void {
+		for (const error of errors) {
+			this.queue.set(error.hash, {
+				...error,
+				count: error.count + (this.queue.get(error.hash)?.count ?? 0),
+			});
+		}
+	}
+
 	private record(data: NormalizedError, original?: unknown): void {
 		if (original instanceof Error) {
 			if (this.handled.has(original)) {
@@ -231,15 +245,16 @@ export default class ErrorTracker {
 		this.log("Captured error:", data);
 
 		if (this.queue.size >= this.maxQueueSize) {
-			this.flush();
+			this.requestFlush();
 		}
 	}
 
-	private flush = (): void => {
-		if (this.queue.size === 0) return;
+	private async flush(): Promise<void> {
+		if (this.flushing || this.queue.size === 0) return;
 
 		const errors = [...this.queue.values()];
 		this.queue.clear();
+		this.flushing = true;
 
 		const identifier = getAnonymousId();
 		const sourcemapsBuild = (
@@ -273,11 +288,18 @@ export default class ErrorTracker {
 		this.log("Flushing errors:", errors);
 		this.log("Payload:", payload);
 
-		sendData({
-			url: this.endpoint,
-			data: payload,
-			debug: this.debug,
-			debugPrefix: "[ErrorTracker]",
-		});
-	};
+		try {
+			const sent = await sendData({
+				url: this.endpoint,
+				data: payload,
+				debug: this.debug,
+				debugPrefix: "[ErrorTracker]",
+			});
+			if (!sent) this.restoreErrors(errors);
+		} catch {
+			this.restoreErrors(errors);
+		} finally {
+			this.flushing = false;
+		}
+	}
 }

package/src/replay.ts

@@ -6,13 +6,13 @@ import {
 import { record } from "rrweb";
 import type { recordOptions } from "rrweb/typings/types";
 import type { SlimDOMOptions } from "rrweb-snapshot";
-import { sendData } from "./analytics";
 import { replayEventsUrl } from "./utils/api-urls";
 import {
 	getAnonymousId,
 	getOrCreateSessionId,
 	getSessionStart,
 } from "./utils/identifiers";
+import { sendData } from "./utils/send-data";
 import { normalizeSamplingPercentage } from "./utils/types";
 
 const RRWEB_SEQUENTIAL_ID_KEY = "_faststatsSeqId";
@@ -47,6 +47,7 @@ type ReplayBatch = {
 	token: string;
 	sessionId: string | undefined;
 	identifier?: string;
+	batchId: string;
 	sequence: number;
 	timestamp: number;
 	url: string;
@@ -299,18 +300,28 @@ export default class ReplayTracker {
 
 	private createBatch(events: eventWithTime[]): ReplayBatch {
 		const identifier = getAnonymousId();
+		const sequence = this.sequence++;
 
 		return {
 			token: this.options.siteKey,
 			sessionId: this.getSessionId(),
 			...(identifier ? { identifier } : {}),
-			sequence: this.sequence++,
+			batchId: this.createBatchId(sequence),
+			sequence,
 			timestamp: Date.now(),
 			url: window.location.href,
 			events,
 		};
 	}
 
+	private createBatchId(sequence: number): string {
+		const random =
+			typeof crypto !== "undefined" && "randomUUID" in crypto
+				? crypto.randomUUID()
+				: `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+		return `${this.getSessionId() ?? "unknown"}-${sequence}-${random}`;
+	}
+
 	private getBatchSizeBytes(batch: ReplayBatch): number {
 		return new TextEncoder().encode(JSON.stringify(batch)).byteLength;
 	}