Debounce

The Debouncer. See the full example here.

This module works with the Elm Architecture.
You can choose the strategy and define how commands are sent.

Types

type Debounce a

The state of the debouncer.

It is parameterized with the value type a.

type Msg

The messages that are used internally.

Initialize

type alias Config msg =

{ strategy : Strategy

, transform : Msg -> msg

}

Config contains the debouncing strategy and the message transformation.

This config should be constant and shared between update function and push function.

init : Debounce a

Initialize the debouncer. Call this from your init function.

Strategies

type Strategy

Strategy defines the timing when commands are sent.

soon : Time -> Strategy

Send command as soon as it gets ready, with given rate limit. (a.k.a. Throttle)

Note: The first command will be sent immidiately.

soonAfter : Time -> Time -> Strategy

Similar to soon, but send first command after offset time.

later : Time -> Strategy

Send command after becomming stable, with given delay time. (a.k.a. Debounce)

Sending Commands

type alias Send a msg =

a -> List a -> ( List a, Cmd msg )

This function consumes values and send a command.

If you want to postpone sending, return the values back to keep them.

takeLast : (a -> Cmd msg) -> Send a msg

Send a command using the latest value.

takeAll : (a -> List a -> Cmd msg) -> Send a msg

Send a command using all the accumulated values.

Update

update :

Config msg

-> Send a msg

-> Msg

-> Debounce a

-> ( Debounce a, Cmd msg )

This is the component's update function following the Elm Architecture.

e.g. Saving the last value.

(debounce, cmd) =
  Debounce.update
    { strategy = Debounce.later (1 * second)
    , transform = DebounceMsg
    }
    (Debounce.takeLast save) -- save : value -> Cmd Msg
    msg
    model.debounce

The config should be constant and shared with push function.

The sending logic can depend on the current model. If you want to stop sending, return Cmd.none.

push : Config msg -> a -> Debounce a -> ( Debounce a, Cmd msg )

Push a value into the debouncer.

Modules

Debounce

jinjor/elm-debounce/2.0.0