interpolate: Extrapolate left/right

[mrousavy]

Description

I'd like to see extrapolating for both sides, just like in v1.

Motivation

Currently we can only extrapolate left and right at the same time, but if I wanted to clamp left and extend identity for the right value, that wouldn't be possible. I'd have to use a workaround: Use no extrapolation and then use Math.min or Math.max for "clamping".

Code example

A solution for this would be:

const x = interpolate(scrollX, [0, HEADER_HEIGHT, contentSize.x], [0, 0, contentSize.x + HEADER_HEIGHT], { extrapolateLeft: 'clamp', extrapolateRight: 'identity' })

To make it backwards compatible (and also cleaner if you don't need different extrapolations) the interpolate function could take both types:

type ExtrapolateParameter = Extrapolate | { extrapolateLeft?: Extrapolate, extrapolateRight?: Extrapolate } | undefined