feat: add autorotate

[webmarkyn]

Turntable is automatically rotated if autorotate prop has enabled property set to true. Autorotation is disabled as soon as mousedown/keydown events are fired.

[nerdyman]

Thanks for opening this @webmarkyn, it's a great feature! I'll take a look at it today

[nerdyman]

Thanks for this feature @webmarkyn!

I've left a pretty minor tweak for the autoRotate prop in the review.

Also, I think it should continue rotating after the user stops interacting with the component too, what do you reckon?

Example scenario with autoRotate.disabled: false:

• Stop autorotation while pointer down
• Resume autorotation on pointer up

It would be better this way IMO since the default behaviour would always do what the autoRotate.disabled prop says rather than only doing it once. This means a developer could choose to disable autorotation if they wanted be adding a pointerdown event to the turntable and disable it themselves if thet wanted to.

E.g.

// Developer can choose to disable autorotation themselves if they want to.
const SomeComponent = () => {
  const [disabled, setDisabled] = useState(false);
  
 const onPointerDown = () => {
   setDisabled(true);
  }


  return (
    <ReactImageTurntable 
      autoRotate={{ disabled }} 
      onPointerDown={onPointerDown}
    />
  );
};

[nerdyman]

I think autoRotate.enabled could be replaced with an optional autoRotate.disabled prop and speed could be renamed to interval like you've done in the internal lib code to more closely describe what it does.

// type 
{
  autoRotate?: {
    /** Whether to disable the autorotation of the turntable. */
    disabled?: boolean;
    /** The speed (in ms) at which the turntable rotates. */
    interval?: number;
  };
}

// default value
autoRotate = { disabled: true, interval: 200 }

[webmarkyn]

@nerdyman thanks for the review. Made the changes you requested, please take a look.

[webmarkyn]

@nerdyman Hello. Can you check the PR please?

[nerdyman]

Hi Mark, unfortunately I got really bad food poisoning over the weekend and had to go the hospital so I won't be able to review for another day or two.

…

On Tue, 21 Nov 2023 at 11:31, Mark Baidebura ***@***.***> wrote: @nerdyman <https://github.com/nerdyman> Hello. Can you check the PR please? — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFOLED24HU6TZEBMZMUEDTYFSGHRAVCNFSM6AAAAAA7N4QDIKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMRQG42DCOBUGQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[webmarkyn]

@nerdyman Sorry to hear that. Take care.

[nerdyman]

Thanks for your work and patience on this @webmarkyn!