You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					44 lines
				
				793 B
			
		
		
			
		
	
	
					44 lines
				
				793 B
			| 
											3 years ago
										 | // @flow
 | ||
|  | 
 | ||
|  | type WrapperFn<T> = { | ||
|  |   [[call]]: (...T) => void, | ||
|  |   cancel: () => void, | ||
|  | }; | ||
|  | 
 | ||
|  | const rafSchd = <T: $ReadOnlyArray<any>>( | ||
|  |   fn: (...T) => void, | ||
|  | ): WrapperFn<T> => { | ||
|  |   let lastArgs: T = ([]: any); | ||
|  |   let frameId: ?AnimationFrameID = null; | ||
|  | 
 | ||
|  |   const wrapperFn: WrapperFn<T> = (...args: T) => { | ||
|  |     // Always capture the latest value
 | ||
|  |     lastArgs = args; | ||
|  | 
 | ||
|  |     // There is already a frame queued
 | ||
|  |     if (frameId) { | ||
|  |       return; | ||
|  |     } | ||
|  | 
 | ||
|  |     // Schedule a new frame
 | ||
|  |     frameId = requestAnimationFrame(() => { | ||
|  |       frameId = null; | ||
|  |       fn(...lastArgs); | ||
|  |     }); | ||
|  |   }; | ||
|  | 
 | ||
|  |   // Adding cancel property to result function
 | ||
|  |   wrapperFn.cancel = () => { | ||
|  |     if (!frameId) { | ||
|  |       return; | ||
|  |     } | ||
|  | 
 | ||
|  |     cancelAnimationFrame(frameId); | ||
|  |     frameId = null; | ||
|  |   }; | ||
|  | 
 | ||
|  |   return wrapperFn; | ||
|  | }; | ||
|  | 
 | ||
|  | export default rafSchd; |