Adding useComputed

packages/framer-motion/src/animation/animators/Animation.ts

@@ -0,0 +1,7 @@
+export class Animation {
+    startTime: number | null = null
+
+    holdTime: number | null = null
+
+    currentTime: number | null = null
+}

packages/framer-motion/src/animation/animators/AsyncAnimation.ts

@@ -0,0 +1 @@
+export class AsyncAnimation extends Animation {}

packages/framer-motion/src/animation/animators/SyncAnimation.ts

@@ -0,0 +1,3 @@
+import { Animation } from "./Animation"
+
+export class SyncAnimation extends Animation {}

packages/framer-motion/src/value/use-computed.ts

@@ -0,0 +1,13 @@
+import type { MotionValue } from "."
+import { useCombineMotionValues } from "./use-combine-values"
+
+let collectMotionValues: MotionValue[] | undefined = undefined
+
+export function useComputed<O>(compute: () => O): MotionValue<O> {
+    collectMotionValues = []
+    compute()
+    const value = useCombineMotionValues(collectMotionValues, compute)
+    collectMotionValues = undefined
+
+    return value
+}

packages/framer-motion/src/value/use-transform.ts

@@ -118,21 +118,26 @@ export function useTransform<I, O>(
         | MotionValue<string | number>[],
     transformer: MultiTransformer<I, O>
 ): MotionValue<O>
-
+export function useTransform<I, O>(transformer: () => O): MotionValue<O>
 export function useTransform<I, O>(
     input:
         | MotionValue<I>
         | MotionValue<string>[]
         | MotionValue<number>[]
-        | MotionValue<string | number>[],
-    inputRangeOrTransformer: InputRange | Transformer<I, O>,
+        | MotionValue<string | number>[]
+        | (() => O),
+    inputRangeOrTransformer?: InputRange | Transformer<I, O>,
     outputRange?: O[],
     options?: TransformOptions<O>
 ): MotionValue<O> {
+    if (typeof input === "function") {
+        return useComputed(input)
+    }
+
     const transformer =
         typeof inputRangeOrTransformer === "function"
             ? inputRangeOrTransformer
-            : transform(inputRangeOrTransformer, outputRange!, options)
+            : transform(inputRangeOrTransformer!, outputRange!, options)
 
     return Array.isArray(input)
         ? useListTransform(