@tamsensedev/dataclient 0.1.0 → 0.1.2

package/dist/index.global.js

@@ -13093,8 +13093,8 @@ var dataclient = (() => {
   }
 
   // src/utils/sender.ts
-  var STORAGE_KEY = "sc2_pending";
   var MAX_RETRIES = 2;
+  var BEACON_MAX_SIZE = 6e4;
   var Sender = class {
     constructor(endpoint, apiKey, batchSize, sessionId, deviceId, flushInterval) {
       this.endpoint = endpoint;
@@ -13102,13 +13102,7 @@ var dataclient = (() => {
       this.batchSize = batchSize;
       this.sessionId = sessionId;
       this.deviceId = deviceId;
-      this.restoreFromStorage();
       this.timer = setInterval(() => this.flush(), flushInterval);
-      document.addEventListener("visibilitychange", () => {
-        if (document.visibilityState === "hidden") {
-          this.flush();
-        }
-      });
     }
     endpoint;
     apiKey;
@@ -13117,58 +13111,62 @@ var dataclient = (() => {
     deviceId;
     queue = [];
     timer = null;
-    isFlushing = false;
-    restoreFromStorage() {
-      try {
-        localStorage.removeItem(STORAGE_KEY);
-      } catch {
+    flushPromise = Promise.resolve();
+    add(event) {
+      this.queue.push(event);
+      const isRrwebSnapshot = event.event === "rrweb" && event.rrwebEvent?.type === 2;
+      if (isRrwebSnapshot || this.queue.length >= this.batchSize) {
+        this.flush();
       }
     }
-    saveToStorage() {
-      if (this.queue.length === 0) {
-        return;
+    flush() {
+      this.flushPromise = this.flushPromise.then(() => this.doFlush());
+    }
+    flushSync() {
+      if (this.queue.length === 0) return;
+      const events = this.queue.splice(0);
+      const url = this.buildUrl();
+      let chunk = [];
+      let chunkSize = 0;
+      for (const event of events) {
+        const eventJson = JSON.stringify(event);
+        if (chunkSize + eventJson.length > BEACON_MAX_SIZE && chunk.length > 0) {
+          this.sendBeacon(chunk, url);
+          chunk = [];
+          chunkSize = 0;
+        }
+        chunk.push(event);
+        chunkSize += eventJson.length;
       }
-      try {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(this.queue));
-      } catch {
+      if (chunk.length > 0) {
+        this.sendBeacon(chunk, url);
       }
     }
-    add(event) {
-      this.queue.push(event);
-      if (this.queue.length >= this.batchSize) {
-        this.flush();
+    destroy() {
+      if (this.timer) {
+        clearInterval(this.timer);
       }
+      this.flushSync();
     }
-    async flush() {
-      if (this.queue.length === 0 || this.isFlushing) {
-        return;
-      }
-      this.isFlushing = true;
+    async doFlush() {
+      if (this.queue.length === 0) return;
       const events = this.queue.splice(0);
       const batch = this.buildBatch(events);
       const json = JSON.stringify(batch);
-      const url = `${this.endpoint}?key=${encodeURIComponent(this.apiKey)}`;
+      const url = this.buildUrl();
       const success = await this.send(json, url);
       if (!success) {
         this.queue.unshift(...events);
-        this.saveToStorage();
       }
-      this.isFlushing = false;
     }
-    flushSync() {
-      if (this.queue.length === 0) {
-        return;
-      }
-      const events = this.queue.splice(0);
+    sendBeacon(events, url) {
       const batch = this.buildBatch(events);
       const json = JSON.stringify(batch);
-      const url = `${this.endpoint}?key=${encodeURIComponent(this.apiKey)}`;
       const blob2 = new Blob([json], { type: "application/json" });
-      const sent = navigator.sendBeacon(url, blob2);
-      if (!sent) {
-        this.queue.unshift(...events);
-        this.saveToStorage();
-      }
+      navigator.sendBeacon(url, blob2);
+    }
+    buildUrl() {
+      return `${this.endpoint}?key=${encodeURIComponent(this.apiKey)}`;
     }
     buildBatch(events) {
       return {
@@ -13192,12 +13190,9 @@ var dataclient = (() => {
           const response = await fetch(url, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
-            body: json,
-            keepalive: true
+            body: json
           });
-          if (response.ok) {
-            return true;
-          }
+          if (response.ok) return true;
         } catch {
         }
         if (attempt < MAX_RETRIES) {
@@ -13206,20 +13201,14 @@ var dataclient = (() => {
       }
       return false;
     }
-    destroy() {
-      if (this.timer) {
-        clearInterval(this.timer);
-      }
-      this.flushSync();
-    }
   };
 
   // src/index.ts
   var defaults = {
     endpoint: "https://my.tamsense.com/api/scenes2",
     debug: false,
-    batchSize: 10,
-    flushInterval: 1e4,
+    batchSize: 5,
+    flushInterval: 5e3,
     checkpointInterval: 3e4,
     mutationDebounce: 200,
     inputDebounce: 1e3,
@@ -13249,13 +13238,14 @@ var dataclient = (() => {
       const rrwebTracker = new RrwebTracker(this.config, this.sender);
       this.trackers = [snapshotTracker, mutationTracker, actionTracker, rrwebTracker];
       this.trackers.forEach((t) => t.start());
-      const onUnload = () => {
+      const onLeave = () => {
         this.trackers.forEach((t) => t.beforeUnload?.());
         this.sender.flushSync();
       };
-      window.addEventListener("beforeunload", onUnload);
-      window.addEventListener("pagehide", onUnload);
-      console.log(`[dataclient] Initialized. Session: ${sessionId}, Device: ${deviceId}`);
+      document.addEventListener("visibilitychange", () => {
+        if (document.visibilityState === "hidden") onLeave();
+      });
+      window.addEventListener("pagehide", onLeave);
     }
     setUser(userId) {
       this.sender.add({ event: "identify", timestamp: (/* @__PURE__ */ new Date()).toISOString(), user_id: userId });