@openreplay/tracker 18.0.10 → 18.0.11

package/dist/lib/index.js

@@ -1469,6 +1469,7 @@ const perf = IN_BROWSER && 'performance' in window && 'memory' in performance //
     : { memory: {} };
 const deviceMemory = IN_BROWSER ? (navigator.deviceMemory || 0) * 1024 : 0;
 const jsHeapSizeLimit = perf.memory.jsHeapSizeLimit || 0;
+const PAUSED = -1;
 function Performance (app, opts) {
     const options = Object.assign({
         capturePerformance: true,
@@ -1476,35 +1477,73 @@ function Performance (app, opts) {
     if (!options.capturePerformance) {
         return;
     }
-    let frames;
-    let ticks;
-    const nextFrame = () => {
-        if (frames === undefined || frames === -1) {
+    // Capture references up front so a third party that later replaces the global
+    // (Sentry's browserApiErrors, polyfills, zones, ...) can't change which
+    // implementation we drive the loop with mid-session.
+    const raf = IN_BROWSER && typeof window.requestAnimationFrame === 'function'
+        ? window.requestAnimationFrame.bind(window)
+        : null;
+    const caf = IN_BROWSER && typeof window.cancelAnimationFrame === 'function'
+        ? window.cancelAnimationFrame.bind(window)
+        : null;
+    let running = false;
+    let frames = 0;
+    let ticks = 0;
+    let rafHandle = null;
+    let inFrame = false;
+    const onFrame = () => {
+        rafHandle = null;
+        if (!running || frames === PAUSED) {
             return;
         }
         frames++;
-        requestAnimationFrame(nextFrame);
+        if (inFrame) {
+            return;
+        }
+        scheduleFrame();
+    };
+    const scheduleFrame = () => {
+        if (!raf || rafHandle !== null) {
+            return;
+        }
+        inFrame = true;
+        rafHandle = raf(onFrame);
+        inFrame = false;
+    };
+    const stopLoop = () => {
+        if (rafHandle !== null && caf) {
+            caf(rafHandle);
+        }
+        rafHandle = null;
     };
     app.ticker.attach(() => {
-        if (ticks === undefined || ticks === -1) {
+        if (!running || ticks === PAUSED) {
             return;
         }
         ticks++;
     }, 0, false);
     const sendPerformanceTrack = () => {
-        if (frames === undefined || ticks === undefined) {
+        if (!running) {
             return;
         }
         app.send(PerformanceTrack(frames, ticks, perf.memory.totalJSHeapSize || 0, perf.memory.usedJSHeapSize || 0));
-        ticks = frames = document.hidden ? -1 : 0;
+        if (document.hidden) {
+            frames = ticks = PAUSED;
+        }
+        else {
+            frames = ticks = 0;
+            scheduleFrame();
+        }
     };
     app.attachStartCallback(() => {
-        ticks = frames = -1;
+        running = true;
+        frames = ticks = PAUSED;
         sendPerformanceTrack();
-        nextFrame();
     });
     app.attachStopCallback(() => {
-        ticks = frames = undefined;
+        running = false;
+        frames = ticks = 0;
+        stopLoop();
     });
     app.ticker.attach(sendPerformanceTrack, 165, false);
     if (document.hidden !== undefined) {
@@ -4009,7 +4048,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '18.0.10'; // TODO: version compatability check inside each plugin.
+        this.version = '18.0.11'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -9008,7 +9047,7 @@ class ConstantProperties {
             user_id: this.user_id,
             distinct_id: this.deviceId,
             sdk_edition: 'web',
-            sdk_version: '18.0.10',
+            sdk_version: '18.0.11',
             timezone: getUTCOffsetString(),
             search_engine: this.searchEngine,
         };
@@ -9710,7 +9749,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '18.0.10',
+                trackerVersion: '18.0.11',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,