Dashboard sipadu mbip
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.

useRafInterval.js 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. "use strict";
  2. exports.__esModule = true;
  3. exports.default = void 0;
  4. var _react = require("react");
  5. var _useCommittedRef = _interopRequireDefault(require("./useCommittedRef"));
  6. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  7. function useRafInterval(fn, ms, paused) {
  8. if (paused === void 0) {
  9. paused = false;
  10. }
  11. var handle;
  12. var start = new Date().getTime();
  13. var fnRef = (0, _useCommittedRef.default)(fn); // this ref is necessary b/c useEffect will sometimes miss a paused toggle
  14. // orphaning a setTimeout chain in the aether, so relying on it's refresh logic is not reliable.
  15. var pausedRef = (0, _useCommittedRef.default)(paused);
  16. function loop() {
  17. var current = new Date().getTime();
  18. var delta = current - start;
  19. if (pausedRef.current) return;
  20. if (delta >= ms && fnRef.current) {
  21. fnRef.current();
  22. start = new Date().getTime();
  23. }
  24. cancelAnimationFrame(handle);
  25. handle = requestAnimationFrame(loop);
  26. }
  27. (0, _react.useEffect)(function () {
  28. handle = requestAnimationFrame(loop);
  29. return function () {
  30. return cancelAnimationFrame(handle);
  31. };
  32. }, []);
  33. }
  34. var _default = useRafInterval;
  35. exports.default = _default;