embedded-react 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "embedded-react",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "description": "React Native-style component package + reconciler that drives the embedded-react C engine through the QuickJS NativeUI bridge (Flow A).",
   "license": "Apache-2.0",
@@ -74,13 +74,16 @@
   "dependencies": {
     "@babel/core": "^7.29.7",
     "@babel/plugin-syntax-jsx": "^7.29.7",
-    "esbuild": "^0.24.0",
+    "esbuild": "^0.28.1",
     "opentype.js": "^2.0.0",
     "pngjs": "^7.0.0",
     "react": "18.3.1",
     "react-reconciler": "0.29.2"
   },
   "devDependencies": {
-    "vitest": "^2.1.0"
+    "vitest": "^3.2.4"
+  },
+  "overrides": {
+    "esbuild": "^0.28.1"
   }
 }

package/src/embedded-react/Animated.js

@@ -280,8 +280,8 @@ export function loop(animation, config) {
       const done = once(onComplete);
       const startValue = resetBeforeIteration && animation._value ? animation._value.__getValue() : null;
       let count = 0;
-      const run = (result) => {
-        if (stopped || !result || result.finished === false) {
+      const startIteration = () => {
+        if (stopped) {
           done({ finished: false });
           return;
         }
@@ -293,9 +293,22 @@ export function loop(animation, config) {
         if (resetBeforeIteration && animation._value && startValue != null && count > 1) {
           animation._value.setValue(startValue);
         }
-        animation.start(run);
+        animation.start(onIterationDone);
+      };
+      const onIterationDone = (result) => {
+        if (stopped || !result || result.finished === false) {
+          done({ finished: false });
+          return;
+        }
+        // Defer the next iteration to a fresh task instead of starting it inline. A child animation can
+        // complete *synchronously* (a long-duration timing finishing inside one large catch-up frame in
+        // the simulator), and starting the next iteration from within, that completion callback would
+        // recurse — loop → child → completion → loop → … — until the stack overflows. setTimeout breaks
+        // the chain: the host pump runs it on the next frame, by which point real time has advanced so
+        // the animation runs its full duration again. (Negligible cost in the normal async case.)
+        setTimeout(startIteration, 0);
       };
-      run({ finished: true });
+      startIteration();
     },
     stop() {
       stopped = true;