diff options
Diffstat (limited to 'app/javascript/flavours/glitch/utils/is_mobile.js')
-rw-r--r-- | app/javascript/flavours/glitch/utils/is_mobile.js | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/utils/is_mobile.js b/app/javascript/flavours/glitch/utils/is_mobile.js new file mode 100644 index 000000000..0d5663098 --- /dev/null +++ b/app/javascript/flavours/glitch/utils/is_mobile.js @@ -0,0 +1,43 @@ +import { supportsPassiveEvents } from 'detect-passive-events'; +import { forceSingleColumn } from 'flavours/glitch/initial_state'; + +const LAYOUT_BREAKPOINT = 630; + +export const isMobile = width => width <= LAYOUT_BREAKPOINT; + +export const layoutFromWindow = (layout_local_setting) => { + switch (layout_local_setting) { + case 'multiple': + return 'multi-column'; + case 'single': + if (isMobile(window.innerWidth)) { + return 'mobile'; + } else { + return 'single-column'; + } + default: + if (isMobile(window.innerWidth)) { + return 'mobile'; + } else if (forceSingleColumn) { + return 'single-column'; + } else { + return 'multi-column'; + } + } +}; + +const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; + +let userTouching = false; +let listenerOptions = supportsPassiveEvents ? { passive: true } : false; + +const touchListener = () => { + userTouching = true; + window.removeEventListener('touchstart', touchListener, listenerOptions); +}; + +window.addEventListener('touchstart', touchListener, listenerOptions); + +export const isUserTouching = () => userTouching; + +export const isIOS = () => iOS; |