Hylograph.HATS.Transitions

Package

purescript-hylograph-selection

Repository

afcondon/purescript-hylograph-selection

HATS Tick-Driven Transitions

Provides tick-driven transition state management for HATS GUP animations. Instead of using Web Animations API, transitions are driven by explicit tick calls, allowing integration with force simulations and other tick sources.

Architecture note: The transition primitives (Tick, Easing, Interpolate, Engine) live in Hylograph.Transition.*. These are general-purpose and could potentially be extracted to a separate hylograph-transitions library in the future, mirroring D3's d3-ease/d3-interpolate/d3-transition structure.

Usage:

-- In your component, after rerender:
result <- HATS.rerenderWithTransitions selector tree
case result.transitions of
  Nothing -> pure unit
  Just ts -> startTickLoop ts

-- In your tick handler:
case tickTransitions deltaMs transitions of
  Complete -> stopTickLoop
  Running newTs -> continue with newTs

newtype HATSTransitions

type ElementTransitions = { attrs :: Array AttrTransition, element :: Element }

type AttrTransition = { attrName :: String, delay :: Number, duration :: Number, easing :: Easing, elapsed :: Number, from :: Number, to :: Number }

data TransitionResult

tickTransitions :: Number -> HATSTransitions -> Effect TransitionResult

isComplete :: HATSTransitions -> Boolean

toTickEasing :: Maybe Easing -> Easing