@keyframerdev/vitals 0.1.0 → 0.1.2

package/dist/babel.cjs

@@ -319,10 +319,16 @@ ${key}`)}`, fn, component: null, prop: null });
       const value = (a) => a?.value?.type === "JSXExpressionContainer" && a.value.expression.type !== "JSXEmptyExpression" ? a.value.expression : null;
       const setAttr = (n, expr) => {
         const a = attr(n);
-        if (a)
+        if (a) {
           a.value = t.jsxExpressionContainer(expr);
+          return;
+        }
+        const added = t.jsxAttribute(t.jsxIdentifier(n), t.jsxExpressionContainer(expr));
+        const spread = el.attributes.findIndex((x) => x.type === "JSXSpreadAttribute");
+        if (spread >= 0)
+          el.attributes.splice(spread, 0, added);
         else
-          el.attributes.push(t.jsxAttribute(t.jsxIdentifier(n), t.jsxExpressionContainer(expr)));
+          el.attributes.push(added);
       };
       const loc = el.loc;
       if (loc) {

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.0";
+var SDK_VERSION = "0.1.2";
 
 // src/controller.ts
 var STORAGE_KEYS = {
@@ -1114,7 +1114,8 @@ class VitalsController {
       }
       if (res.status === 429 || res.status >= 500)
         return "retry";
-      this.log(`report refused (${res.status})`);
+      const why = (await res.json().catch(() => null))?.error;
+      this.log(`report refused (${res.status})${why ? `: ${why}` : ""}`);
       return "done";
     } catch {
       return "retry";
@@ -1264,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();
@@ -1404,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() {
@@ -1437,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) {
@@ -1448,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.0";
+export declare const SDK_VERSION = "0.1.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keyframerdev/vitals",
-  "version": "0.1.0",
+  "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",