Move /platform/detection vars into /env (#9707)

* Add platform vars to env

* Replace /platform/detection with /env

src/env/index.ts

@@ -1,3 +1,4 @@
+import {Platform} from 'react-native'
 import {nativeBuildVersion} from 'expo-application'
 
 import {BUNDLE_IDENTIFIER, IS_TESTFLIGHT, RELEASE_VERSION} from '#/env/common'
@@ -17,3 +18,13 @@ export const APP_VERSION = `${RELEASE_VERSION}.${nativeBuildVersion}`
 export const APP_METADATA = `${BUNDLE_IDENTIFIER.slice(0, 7)} (${
   __DEV__ ? 'dev' : IS_TESTFLIGHT ? 'tf' : 'prod'
 })`
+
+/**
+ * Platform detection
+ */
+export const IS_IOS: boolean = Platform.OS === 'ios'
+export const IS_ANDROID: boolean = Platform.OS === 'android'
+export const IS_NATIVE: boolean = true
+export const IS_WEB: boolean = false
+export const IS_WEB_MOBILE: boolean = false
+export const IS_WEB_MOBILE_IOS: boolean = false

src/env/index.web.ts

@@ -13,3 +13,16 @@ export const APP_VERSION = RELEASE_VERSION
  * The short commit hash and environment of the current bundle.
  */
 export const APP_METADATA = `${BUNDLE_IDENTIFIER.slice(0, 7)} (${__DEV__ ? 'dev' : 'prod'})`
+
+/**
+ * Platform detection
+ */
+export const IS_IOS: boolean = false
+export const IS_ANDROID: boolean = false
+export const IS_NATIVE: boolean = false
+export const IS_WEB: boolean = true
+// @ts-ignore we know window exists -prf
+export const IS_WEB_MOBILE: boolean = global.window.matchMedia(
+  'only screen and (max-width: 1300px)',
+)?.matches
+export const IS_WEB_MOBILE_IOS: boolean = /iPhone/.test(navigator.userAgent)