75 lines
1.7 KiB
TypeScript
75 lines
1.7 KiB
TypeScript
import { useEffect } from '../lib/teact/teact';
|
|
|
|
import { createCallbackManager } from '../util/callbacks';
|
|
|
|
import useLastCallback from './useLastCallback';
|
|
|
|
// Make sure to end even if end callback was not called (which was some hardly-reproducible bug)
|
|
const AUTO_END_TIMEOUT = 1000;
|
|
|
|
const startCallbacks = createCallbackManager();
|
|
const endCallbacks = createCallbackManager();
|
|
|
|
let timeout: number | undefined;
|
|
let isAnimating = false;
|
|
|
|
const useHeavyAnimationCheck = (
|
|
onStart?: AnyToVoidFunction,
|
|
onEnd?: AnyToVoidFunction,
|
|
isDisabled = false,
|
|
) => {
|
|
const lastOnStart = useLastCallback(onStart);
|
|
const lastOnEnd = useLastCallback(onEnd);
|
|
|
|
useEffect(() => {
|
|
if (isDisabled) {
|
|
return undefined;
|
|
}
|
|
|
|
if (isAnimating) {
|
|
lastOnStart();
|
|
}
|
|
|
|
startCallbacks.addCallback(lastOnStart);
|
|
endCallbacks.addCallback(lastOnEnd);
|
|
|
|
return () => {
|
|
endCallbacks.removeCallback(lastOnEnd);
|
|
startCallbacks.removeCallback(lastOnStart);
|
|
};
|
|
}, [isDisabled, lastOnEnd, lastOnStart]);
|
|
};
|
|
|
|
export function isHeavyAnimating() {
|
|
return isAnimating;
|
|
}
|
|
|
|
export function dispatchHeavyAnimationEvent(duration = AUTO_END_TIMEOUT) {
|
|
if (!isAnimating) {
|
|
isAnimating = true;
|
|
startCallbacks.runCallbacks();
|
|
}
|
|
|
|
if (timeout) {
|
|
clearTimeout(timeout);
|
|
timeout = undefined;
|
|
}
|
|
|
|
// Race condition may happen if another `dispatchHeavyAnimationEvent` is called before `onEnd`
|
|
function onEnd() {
|
|
if (timeout) {
|
|
clearTimeout(timeout);
|
|
timeout = undefined;
|
|
}
|
|
|
|
isAnimating = false;
|
|
endCallbacks.runCallbacks();
|
|
}
|
|
|
|
timeout = window.setTimeout(onEnd, duration);
|
|
|
|
return onEnd;
|
|
}
|
|
|
|
export default useHeavyAnimationCheck;
|