@keyframerdev/vitals 0.1.1 → 0.1.2

package/dist/index.js

@@ -620,7 +620,7 @@ function slimArg(a, idOf) {
 
 // src/version.ts
 var SDK_NAME = "@keyframerdev/vitals";
-var SDK_VERSION = "0.1.1";
+var SDK_VERSION = "0.1.2";
 
 // src/controller.ts
 var STORAGE_KEYS = {
@@ -1265,6 +1265,40 @@ function tickFieldMeter(f, t) {
   return f.buf.length >= 90;
 }
 
+// src/jsLoop.ts
+function createJsLoop({ raf, frame }) {
+  let running = false;
+  let gen = 0;
+  const chain = (mine) => {
+    const tick = () => {
+      if (!running || mine !== gen)
+        return;
+      if (frame())
+        raf(tick);
+      else
+        running = false;
+    };
+    return tick;
+  };
+  return {
+    get running() {
+      return running;
+    },
+    start() {
+      if (running)
+        return false;
+      running = true;
+      gen++;
+      raf(chain(gen));
+      return true;
+    },
+    stop() {
+      running = false;
+      gen++;
+    }
+  };
+}
+
 // src/native.ts
 var perf = globalThis.performance;
 var now = () => perf && typeof perf.now === "function" ? perf.now() : Date.now();
@@ -1405,21 +1439,18 @@ function extendUi(ms) {
   }, ms);
 }
 var jsMeter = createFieldMeter("js");
-var jsRunning = false;
-function jsTick() {
-  if (!jsRunning)
-    return;
-  const t = now();
-  const last = jsMeter.m.last;
-  const interval = jsMeter.m.interval;
-  tickFrameMeter(jsMeter.m, t);
-  jsMeter.m.stats.length = 0;
-  jsMeter.m.drops.length = 0;
-  if (controller.jsFrame(t, last >= 0 ? t - last : 0, interval))
-    requestAnimationFrame(jsTick);
-  else
-    jsRunning = false;
-}
+var jsLoop = createJsLoop({
+  raf: (cb) => requestAnimationFrame(cb),
+  frame: () => {
+    const t = now();
+    const last = jsMeter.m.last;
+    const interval = jsMeter.m.interval;
+    tickFrameMeter(jsMeter.m, t);
+    jsMeter.m.stats.length = 0;
+    jsMeter.m.drops.length = 0;
+    return controller.jsFrame(t, last >= 0 ? t - last : 0, interval);
+  }
+});
 var uiInstalled = false;
 var meters = {
   install() {
@@ -1438,10 +1469,9 @@ var meters = {
     uiInstalled = false;
   },
   start() {
-    if (!jsRunning) {
-      jsRunning = true;
+    if (!jsLoop.running) {
       jsMeter.m.last = -1;
-      requestAnimationFrame(jsTick);
+      jsLoop.start();
     }
   },
   extendUi(ms) {
@@ -1449,7 +1479,7 @@ var meters = {
       extendUi(ms);
   },
   stop() {
-    jsRunning = false;
+    jsLoop.stop();
     if (uiInstalled)
       stopUi();
   }

package/dist/types/jsLoop.d.ts

@@ -0,0 +1,11 @@
+export type JsLoopDeps = {
+    raf: (cb: () => void) => unknown;
+    /** One frame: return false to end the loop (the motion window closed). */
+    frame: () => boolean;
+};
+export declare function createJsLoop({ raf, frame }: JsLoopDeps): {
+    readonly running: boolean;
+    /** Starts the loop unless it is already running. Returns true when it started a new chain. */
+    start(): boolean;
+    stop(): void;
+};

package/dist/types/version.d.ts

@@ -1,3 +1,3 @@
 /** This package's version: sent in every report's `sdk`, and compared with the config's `minSdk`. Keep it in step with package.json. */
 export declare const SDK_NAME = "@keyframerdev/vitals";
-export declare const SDK_VERSION = "0.1.1";
+export declare const SDK_VERSION = "0.1.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keyframerdev/vitals",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Motion Vitals for React Native: slow frames and janky animations from production, by screen and call site",
   "keywords": [
     "react-native",