Skip to content

Update dependency animejs to v4.4.1#189

Merged
renovate[bot] merged 1 commit into
mainfrom
renovate/animejs-4.x-lockfile
May 4, 2026
Merged

Update dependency animejs to v4.4.1#189
renovate[bot] merged 1 commit into
mainfrom
renovate/animejs-4.x-lockfile

Conversation

@renovate
Copy link
Copy Markdown
Contributor

@renovate renovate Bot commented May 4, 2026

This PR contains the following updates:

Package Change Age Confidence
animejs (source) 4.3.64.4.1 age confidence

Release Notes

juliangarnier/anime (animejs)

v4.4.1

Compare Source

Bug fix

  • Fix a regression introduced in 4.4.0 with timeline .call() not triggering properly in some cases.

v4.4.0

Compare Source

Breaking Changes

  • Transforms
    • Transforms now follow a fixed render order (perspective > translate > rotate > scale > skew), regardless of the order they are defined in animation parameters:
      // Before: scale rendered first because it was defined first
      animate(el, { scale: 2, translateX: 100 }) // → scale(2) translateX(100px)
      // After: order is always fixed
      animate(el, { scale: 2, translateX: 100 }) // → translate(100px, 0px) scale(2)
    • matrix and matrix3d can no longer be animated directly (they are still preserved when read from inline styles and can be set using transform: 'matrix(...)')
  • Function-based values
    • The third argument of function-based value callbacks changed from total (Number) to targets (Array). To migrate, replace total with targets.length:
      // Before
      translateX: (target, index, total) => total * 10
      // After
      translateX: (target, index, targets) => targets.length * 10
    • A fourth argument prevTween is now passed to function-based value callbacks, providing access to the previous sibling tween's computed end value for the same target and property.
  • Stagger
    • The stagger callback signature changed to match function-based values: the third argument is now the targets array instead of the total count:
      // Before
      delay: stagger(100, { use: (target, i, total) => total - i })
      // After
      delay: stagger(100, { use: (target, i, targets) => targets.length - i })

New Features

  • scrambleText
  • Stagger
    • New grid: true auto-grid mode that computes a 2D layout from element positions or JS object coordinates ({x, y}) instead of requiring explicit [columns, rows] dimensions
    • The from parameter now accepts [x, y] normalized coordinate arrays (0 to 1) for precise grid origin control
  • Timer / Animation / Timeline
    • New priority parameter to control execution order within the engine tick loop
  • Transforms
    • Adjacent axis properties are now grouped into CSS shorthand for shorter transform strings:
      • translateX + translateYtranslate(x, y)
      • translateX + translateY + translateZtranslate3d(x, y, z)
      • scaleX + scaleYscale(x, y)
      • scaleX + scaleY + scaleZscale3d(x, y, z)
    • Inline transform parsing rewritten to properly handle multi-argument CSS functions (translate(x, y), scale3d(x, y, z)) and nested calc() expressions
  • Layout
    • createLayout() now accepts an id parameter
  • Exports
    • globals is now exported from the main module entry point
    • forEachChildren, addChild, removeChild helpers are now exported from utils

Bug Fixes and improvements

  • JS Animation
    • revert() now restores object properties and DOM attributes to their original pre-animation values, in addition to CSS styles and transforms (previously only CSS styles and transforms were reverted, leaving animated object props and attributes at their last animated value). The public cleanInlineStyles() utility keeps its original behavior and only clears inline styles and transforms.
    • Fix getOriginalAnimatableValue not storing the original inline value for object properties and DOM attributes, preventing proper revert
  • morphTo
    • Fix chaining in keyframe arrays and timelines producing incorrect intermediate shapes
  • Chainable utils
    • Fix accessing non-existent chainable methods throwing an error instead of returning undefined
  • splitText
    • Fix addEffect() returning undefined instead of this when the effect argument is not a function
  • Layout
    • Fix scroll-controlled layout animations not properly calling onComplete and onPause callbacks
  • keepTime
    • Fix _startTime not being preserved when reconstructing tracked animations, causing timing jumps on effect refresh

Changes

  • Engine
    • DevTools integration (AnimeJSDevTools) removed
    • Render loop performance: inline closures in tick() and render() extracted to module-scope functions to avoid allocation every frame
    • Tween composition is now resolved before computing to/from/duration/delay values, so the previous sibling tween is available to function-based value callbacks
  • splitText
    • Type annotation for splitText() and TextSplitter target parameter widened from HTMLElement to Element
  • Tween value chaining
    • Each tween now pre-computes and stores its end value at construction time
    • Enables function-based values like morphTo and scrambleText to read the previous tween's end value when used in keyframe arrays or timelines
  • morphTo
    • Now properly chains in keyframe arrays and timelines by reading the previous tween's computed end value instead of mutating the target element with a Symbol
  • Editor integration (👀)
    • New globals.editor hook system allowing an external editor to intercept animate() and createTimeline() calls

Configuration

📅 Schedule: (UTC)

  • Branch creation
    • Between 12:00 AM and 03:59 AM, only on Monday (* 0-3 * * 1)
  • Automerge
    • At any time (no schedule defined)

🚦 Automerge: Enabled.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 4, 2026

Deploy Preview for acend-website-new ready!

Name Link
🔨 Latest commit 0f7c802
🔍 Latest deploy log https://app.netlify.com/projects/acend-website-new/deploys/69f7fe25ad6a6900080744a6
😎 Deploy Preview https://deploy-preview-189--acend-website-new.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@renovate renovate Bot merged commit a1deb9f into main May 4, 2026
6 checks passed
@renovate renovate Bot deleted the renovate/animejs-4.x-lockfile branch May 4, 2026 06:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants