@rootnative/inertia 0.0.1 → 0.0.3

package/src/values/useMotionValue.ts

@@ -1,4 +1,9 @@
-import { useSharedValue, type SharedValue } from 'react-native-reanimated'
+import { useEffect } from 'react'
+import {
+  cancelAnimation,
+  useSharedValue,
+  type SharedValue,
+} from 'react-native-reanimated'
 
 /**
  * Create an animatable value owned by JS but readable from worklets.
@@ -40,5 +45,18 @@ export function useMotionValue<T extends number | string>(
 export function useMotionValue<T extends number | string>(
   initial: T,
 ): SharedValue<T> {
-  return useSharedValue<T>(initial)
+  const sv = useSharedValue<T>(initial)
+  // Cancel any in-flight animation when the owning component unmounts, so a
+  // mid-flight (or infinite-repeat) `withX` driving this value stops ticking
+  // its worklet once the value is orphaned. The shared value is
+  // identity-stable per hook instance and owned by this component, so
+  // cancelling on unmount is always safe. Mid-life cancellation stays the
+  // consumer's job via the `/reanimated` interop `cancelAnimation`.
+  useEffect(
+    () => () => cancelAnimation(sv),
+    // `sv` is identity-stable per hook instance (Reanimated guarantee).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [],
+  )
+  return sv
 }

package/src/values/useSpring.ts

@@ -1,5 +1,6 @@
 import { useEffect, useMemo } from 'react'
 import {
+  cancelAnimation,
   useAnimatedReaction,
   useSharedValue,
   withSpring,
@@ -95,6 +96,17 @@ export function useSpring(
     [isSharedTarget, reanimConfig],
   )
 
+  // Stop the in-flight spring when the owning component unmounts so its
+  // worklet doesn't keep ticking against an orphaned value. `output` is
+  // identity-stable per hook instance and owned here, so cancelling on
+  // unmount is always safe.
+  useEffect(
+    () => () => cancelAnimation(output),
+    // `output` is identity-stable per hook instance (Reanimated guarantee).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [],
+  )
+
   return output
 }
 

package/dist/chunk-3UTJJ4A3.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var chunk7UDYEFBU_js = require('./chunk-7UDYEFBU.js');
-var reactNative = require('react-native');
-
-var MotionImage = chunk7UDYEFBU_js.createMotionComponent(reactNative.Image);
-
-exports.MotionImage = MotionImage;

package/dist/chunk-4QGXK6TF.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var chunk7UDYEFBU_js = require('./chunk-7UDYEFBU.js');
-var reactNative = require('react-native');
-
-var MotionView = chunk7UDYEFBU_js.createMotionComponent(reactNative.View);
-
-exports.MotionView = MotionView;

package/dist/chunk-Z7HIOFKQ.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var chunk7UDYEFBU_js = require('./chunk-7UDYEFBU.js');
-var reactNative = require('react-native');
-
-var MotionText = chunk7UDYEFBU_js.createMotionComponent(reactNative.Text);
-
-exports.MotionText = MotionText;