src/helpers/visibility-helper.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

export function onVisibilityChange(cb) {
  let isVisible = true;

  if (!cb) {
    throw new Error('no callback given');
  }

  function focused() {
    if (!isVisible) {
      cb(isVisible = true);
    }
  }

  function unfocused() {
    if (isVisible) {
      cb(isVisible = false);
    }
  }

  document.addEventListener('visibilitychange', () => { (document.hidden ? unfocused : focused)(); });

  window.onpageshow = focused;
  window.onfocus = focused;

  window.onpagehid = unfocused;
  window.onblur = unfocused;
}