react-animatable

What's Changed

• Remove internal types from bundle by @inokawa in https://github.com/inokawa/react-animatable/pull/83

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.15.1...0.15.2

What's Changed

Remove internal fields from d.ts

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.15.0...0.15.1

What's Changed

• BREAKING: autoPlay option is removed
• Overhaul internal architecture
• Fix regression of TypedKeyframe
• Support ScrollTimeline and ViewTimeline by @inokawa in https://github.com/inokawa/react-animatable/pull/75

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.14.1...0.15.0

What's Changed

Update readme

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.14.0...0.14.1

BREAKING: Add exports field to package.json

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.7...0.14.0

What's Changed

• Add autoPlay option to useAnimation by @inokawa in https://github.com/inokawa/react-animatable/pull/44
• Add "use client" to bundle for React Server Components support by @inokawa in https://github.com/inokawa/react-animatable/pull/63

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.6...0.13.7

• Init animation in setTime to start animation without calling play

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.5...0.13.6

• BREAKING: Change some of minor APIs
• Fixed to reset playback direction if finished
• Add css variables type to TypedKeyframe
• Replace useState with useRef

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.4...0.13.5

What's Changed

• Extends BaseAnimationHandle interface by @inokawa in https://github.com/inokawa/react-animatable/pull/31
• Fix behavior of reverse by @inokawa in https://github.com/inokawa/react-animatable/pull/32

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.3...0.13.4

• BREAKING: Replaced end with waitFor
• BREAKING: Fixed argument of useTransitionAnimation
• Changed some type aliases to interface.

What's Changed

• Reset reversed playback direction of reused animation by @inokawa in https://github.com/inokawa/react-animatable/pull/28
• Change end method to waitFor and support waiting reverseFinish by @inokawa in https://github.com/inokawa/react-animatable/pull/29
• Generate API reference with typedoc by @inokawa in https://github.com/inokawa/react-animatable/pull/30

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.2...0.13.3

Update description.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.1...0.13.2

• Updated readme.
• Make bundle size bit smaller.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.0...0.13.1

• Fixed useAnimation and useAnimationFunction to be able to pass some argument when play.

const animate = useAnimation<{ x: number; y: number }>(
  (prev, args) => [
    { transform: prev.transform },
    { transform: `translate(${args.x}px, ${args.y}px)` },
  ],
  {
    duration: 400,
    easing: "ease-in-out",
  }
);

useEffect(() => {
  animate.play({ args: { x: 100, y: 200 } });
}, [])

• BREAKING: removed useAnimationController hook and persist method in favor of prev and args functionality of useAnimation.
• BREAKING: renamed AnimationGroup to TransitionGroup

What's Changed

• Remove persist method in favor of keyframe function by @inokawa in https://github.com/inokawa/react-animatable/pull/22
• Support dynamic keyframe by @inokawa in https://github.com/inokawa/react-animatable/pull/23
• Remove useAnimationController by @inokawa in https://github.com/inokawa/react-animatable/pull/24
• Add argument to useAnimationFunction by @inokawa in https://github.com/inokawa/react-animatable/pull/25
• Rename AnimationGroup to TransitionGroup by @inokawa in https://github.com/inokawa/react-animatable/pull/26

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.1...0.13.0

Support Next.js and SSR.

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.0...0.12.1

What's Changed

BREAKING: ref field was remove from AnimationHandle and AnimationController type. Just pass them directly to target element!

const animate = useAnimation(...);
return <div ref={animate}>...</div>

• Remove ref field and make animation handle callable by @inokawa in https://github.com/inokawa/react-animatable/pull/17
• Improve type of animation handle by @inokawa in https://github.com/inokawa/react-animatable/pull/18

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.1...0.12.0

Improve build setting

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.0...0.11.1

• BREAKING: Remove .js extension from path of react/jsx-runtime. If you use webpack 5, use react >= 18 to avoid Can't resolve react/jsx-runtime error.

• Fix useAnimation to accept function as keyframe

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.2...0.10.3

• Persist style in useTransitionAnimation

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.1...0.10.2

• Ignore uncaught promise error in useTransitionAnimation hook

Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.0...0.10.1