feat(utils): add platform utils

package.json

@@ -46,7 +46,8 @@
     "@pansy/classnames": "^1.0.1",
     "@pansy/scrollbar-width": "^1.0.0",
     "tree-lodash": "^0.3.1",
-    "type-fest": "^4.9.0"
+    "type-fest": "^4.9.0",
+    "user-agent-data-types": "^0.4.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.4",

src/utils/index.ts

@@ -1,7 +1,7 @@
 export { default as classNames } from '@pansy/classnames';
 export { scrollbarWidth } from '@pansy/scrollbar-width';
 export * from './rect';
-export { isIOS } from './isIOS';
+export * from './platform';
 export { isBrowser } from './isBrowser';
 export { isUrl } from './isUrl';
 export { isNil } from './isNil';

src/utils/platform.ts

@@ -0,0 +1,58 @@
+/// <reference types="user-agent-data-types" />
+
+function testUserAgent(re: RegExp) {
+  if (typeof window === 'undefined' || window.navigator == null) {
+    return false;
+  }
+  return (
+    window.navigator['userAgentData']?.brands.some((brand: { brand: string; version: string }) =>
+      re.test(brand.brand),
+    ) || re.test(window.navigator.userAgent)
+  );
+}
+
+function testPlatform(re: RegExp) {
+  return typeof window !== 'undefined' && window.navigator != null
+    ? re.test(window.navigator['userAgentData']?.platform || window.navigator.platform)
+    : false;
+}
+
+export function isMac() {
+  return testPlatform(/^Mac/i);
+}
+
+export function isIPhone() {
+  return testPlatform(/^iPhone/i);
+}
+
+export function isIPad() {
+  return (
+    testPlatform(/^iPad/i) ||
+    // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+    (isMac() && navigator.maxTouchPoints > 1)
+  );
+}
+
+export function isAndroid() {
+  return testUserAgent(/Android/i);
+}
+
+export function isIOS() {
+  return isIPhone() || isIPad();
+}
+
+export function isAppleDevice() {
+  return isMac() || isIOS();
+}
+
+export function isWebKit() {
+  return testUserAgent(/AppleWebKit/i) && !isChrome();
+}
+
+export function isChrome() {
+  return testUserAgent(/Chrome/i);
+}
+
+export function isFirefox() {
+  return testUserAgent(/Firefox/i);
+}