Skip to content

Releases: n8jadams/smoothr

Major Stability Refactor

19 Apr 21:56
Compare
Choose a tag to compare

This update is a big refactor with stability around animation ending, took out some hacky things, some optimization but not a lot, and extra debugging and testing.

We now enforce animation-fill-mode: forwards on animations, and the Animation.onfinish callback to prevent flashing and bad timeouts. Unfortunately, the best way to perform CSS class animations is still setTimeout, but repeat renders (setting state when unnecessary) is prevented.

Breaking changes:
Renamed the <Smoothr> configAnimationSetDuration to beforeAnimation.
Renamed the <Route> pathMask property to pathResolve.

Slight tweak of timing, prevent flash

16 Mar 20:39
Compare
Choose a tag to compare

Also, some debugging of the demo.

Unique key on <Route>s, Removed extra render on animate

08 Mar 20:27
Compare
Choose a tag to compare

Also, I put in a delay that hopefully adds stability and removes flashing on navigation.

Demo on Netlify, Max visited history, animation stability

07 Mar 14:07
91e6a8f
Compare
Choose a tag to compare
  • Updated Demo URL, now hosting on Netlify
  • Set max visited history size, fixed flashing on animation end (hopefully)

Added Hash Routing

07 Mar 04:01
6f38222
Compare
Choose a tag to compare
Fixed occational flashing, rerendering on uninterrupted animation. Re…

…adme update (#5)

* Fixed occational flashing, rerendering on uninterrupted animation

* Version number

Handle interrupted animation on navigation.

04 Mar 18:09
Compare
Choose a tag to compare

Fixed buggy behavior when animation is interrupted. Now the app just snaps to the next app if animation transition is interrupted. Also minor cleanup in demo.

Visited + Current Link logic revamped

03 Mar 05:24
8374c77
Compare
Choose a tag to compare
  • Handle visited paths/routes in Local Storage
  • Use data-smoothr-current-link and data-smoothr-visited-link attribute instead of disabled on Links.
  • Links are current at beginning of animation, not at the end.
  • Rename fuzzyDisable to fuzzyCurrent, leave the disabled attribute alone
  • Disable all inputs while animating in demo
  • Update if statement that adds WAAPI polyfill in demo

Add `pathMask` prop to `<Route>`, + IE11 support

24 Feb 00:05
Compare
Choose a tag to compare

This release adds the pathMask prop to <Route>s, which adds the ability to validate parameters the url and redirect, either to the notFound <Route>, or to a composed validated path.

I also realized that there was a bug with a hash algorithm used in this library on IE11, so that was fixed.

Initial Release

22 Feb 17:40
Compare
Choose a tag to compare
v0.1.8

Updated README