2017-09-19 08:00:29 -07:00
|
|
|
import detectPassiveEvents from 'detect-passive-events';
|
2019-06-12 08:18:45 -07:00
|
|
|
import { forceSingleColumn } from 'flavours/glitch/util/initial_state';
|
2017-09-19 08:00:29 -07:00
|
|
|
|
2017-09-23 16:25:07 -07:00
|
|
|
const LAYOUT_BREAKPOINT = 630;
|
2017-01-08 02:04:01 -08:00
|
|
|
|
2017-06-24 12:22:55 -07:00
|
|
|
export function isMobile(width, columns) {
|
|
|
|
switch (columns) {
|
2017-06-24 17:07:25 -07:00
|
|
|
case 'multiple':
|
2017-06-24 12:22:55 -07:00
|
|
|
return false;
|
2017-06-24 17:07:25 -07:00
|
|
|
case 'single':
|
2017-06-24 12:22:55 -07:00
|
|
|
return true;
|
|
|
|
default:
|
2019-06-12 08:18:45 -07:00
|
|
|
return forceSingleColumn || width <= LAYOUT_BREAKPOINT;
|
2017-06-24 12:22:55 -07:00
|
|
|
}
|
2017-01-08 02:04:01 -08:00
|
|
|
};
|
2017-03-07 00:54:57 -08:00
|
|
|
|
|
|
|
const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
2017-09-19 08:00:29 -07:00
|
|
|
|
2017-07-27 13:31:59 -07:00
|
|
|
let userTouching = false;
|
2017-09-19 08:00:29 -07:00
|
|
|
let listenerOptions = detectPassiveEvents.hasSupport ? { passive: true } : false;
|
2017-07-27 13:31:59 -07:00
|
|
|
|
2017-09-19 08:00:29 -07:00
|
|
|
function touchListener() {
|
2017-07-27 13:31:59 -07:00
|
|
|
userTouching = true;
|
2017-09-19 08:00:29 -07:00
|
|
|
window.removeEventListener('touchstart', touchListener, listenerOptions);
|
|
|
|
}
|
|
|
|
|
|
|
|
window.addEventListener('touchstart', touchListener, listenerOptions);
|
2017-07-27 13:31:59 -07:00
|
|
|
|
|
|
|
export function isUserTouching() {
|
|
|
|
return userTouching;
|
|
|
|
}
|
2017-03-07 00:54:57 -08:00
|
|
|
|
|
|
|
export function isIOS() {
|
|
|
|
return iOS;
|
|
|
|
};
|