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