Refactor

Author: inokawa

src/hooks/core.ts

@@ -74,7 +74,7 @@ export const createHandle = () => {
     _commit: (
       animation: Animation | undefined,
       el: HTMLElement,
-      getKeys: () => string[]
+      keyframes: TypedKeyframe[]
     ) => {
       if (!animation) return;
       if (animation.commitStyles) {
@@ -83,7 +83,7 @@ export const createHandle = () => {
       }
       // Fallback for commitStyles
       const computedStyle = getComputedStyle(el);
-      getKeys().forEach((k) => {
+      getKeyframeKeys(keyframes).forEach((k) => {
         (el.style as any)[k] = (computedStyle as any)[k];
       });
     },

src/hooks/useAnimation.ts

@@ -4,7 +4,6 @@ import {
   AnimationOptions,
   createAnimation,
   createHandle,
-  getKeyframeKeys,
   TypedKeyframe,
 } from "./core";
 
@@ -96,9 +95,7 @@ export const useAnimation = (
           return externalHandle;
         },
         commit: () => {
-          handle._commit(getAnimation(), getTarget()!, () =>
-            getKeyframeKeys(getKeyframes())
-          );
+          handle._commit(getAnimation(), getTarget()!, getKeyframes());
           return externalHandle;
         },
         setTime: (time) => {

src/hooks/useAnimations.ts

@@ -4,7 +4,6 @@ import {
   AnimationOptions,
   createAnimation,
   createHandle,
-  getKeyframeKeys,
   TypedKeyframe,
 } from "./core";
 import type { WithRef } from "./useAnimation";
@@ -98,8 +97,10 @@ export const useAnimations = <ID extends string>(
         return externalHandle;
       },
       commit: (name) => {
-        handle._commit(getAnimation(name), getTarget()!, () =>
-          getKeyframeKeys(toArray(getKeyframesAndOptions(name)[0]))
+        handle._commit(
+          getAnimation(name),
+          getTarget()!,
+          toArray(getKeyframesAndOptions(name)[0])
         );
         return externalHandle;
       },