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

* Add platform vars to env

* Replace /platform/detection with /env

src/screens/Signup/StepCaptcha/index.tsx

@@ -7,19 +7,21 @@ import {nanoid} from 'nanoid/non-secure'
 
 import {createFullHandle} from '#/lib/strings/handles'
 import {logger} from '#/logger'
-import {isAndroid, isIOS, isNative, isWeb} from '#/platform/detection'
 import {useSignupContext} from '#/screens/Signup/state'
 import {CaptchaWebView} from '#/screens/Signup/StepCaptcha/CaptchaWebView'
 import {atoms as a, useTheme} from '#/alf'
 import {FormError} from '#/components/forms/FormError'
+import {IS_ANDROID, IS_IOS, IS_NATIVE, IS_WEB} from '#/env'
 import {GCP_PROJECT_ID} from '#/env'
 import {BackNextButtons} from '../BackNextButtons'
 
 const CAPTCHA_PATH =
-  isWeb || GCP_PROJECT_ID === 0 ? '/gate/signup' : '/gate/signup/attempt-attest'
+  IS_WEB || GCP_PROJECT_ID === 0
+    ? '/gate/signup'
+    : '/gate/signup/attempt-attest'
 
 export function StepCaptcha() {
-  if (isWeb) {
+  if (IS_WEB) {
     return <StepCaptchaInner />
   } else {
     return <StepCaptchaNative />
@@ -35,7 +37,7 @@ export function StepCaptchaNative() {
     ;(async () => {
       logger.debug('trying to generate attestation token...')
       try {
-        if (isIOS) {
+        if (IS_IOS) {
           logger.debug('starting to generate devicecheck token...')
           const token = await ReactNativeDeviceAttest.getDeviceCheckToken()
           setToken(token)
@@ -85,10 +87,10 @@ function StepCaptchaInner({
     newUrl.searchParams.set('state', stateParam)
     newUrl.searchParams.set('colorScheme', theme.name)
 
-    if (isNative && token) {
+    if (IS_NATIVE && token) {
       newUrl.searchParams.set('platform', Platform.OS)
       newUrl.searchParams.set('token', token)
-      if (isAndroid && payload) {
+      if (IS_ANDROID && payload) {
         newUrl.searchParams.set('payload', payload)
       }
     }

src/screens/Signup/StepInfo/index.tsx

@@ -7,7 +7,6 @@ import type tldts from 'tldts'
 
 import {isEmailMaybeInvalid} from '#/lib/strings/email'
 import {logger} from '#/logger'
-import {isNative} from '#/platform/detection'
 import {useSignupContext} from '#/screens/Signup/state'
 import {Policies} from '#/screens/Signup/StepInfo/Policies'
 import {atoms as a, native} from '#/alf'
@@ -31,6 +30,7 @@ import {
   MIN_ACCESS_AGE,
   useAgeAssuranceRegionConfigWithFallback,
 } from '#/ageAssurance/util'
+import {IS_NATIVE} from '#/env'
 import {
   useDeviceGeolocationApi,
   useIsDeviceGeolocationGranted,
@@ -325,7 +325,7 @@ export function StepInfo({
                           </Trans>
                         )}
                       </Admonition.Text>
-                      {isNative &&
+                      {IS_NATIVE &&
                         !isDeviceGeolocationGranted &&
                         isOverAppMinAccessAge && (
                           <Admonition.Text>
@@ -357,7 +357,7 @@ export function StepInfo({
               ) : undefined}
             </View>
 
-            {isNative && (
+            {IS_NATIVE && (
               <DeviceLocationRequestDialog
                 control={locationControl}
                 onLocationAcquired={props => {

src/screens/Signup/index.tsx

@@ -8,7 +8,6 @@ import {useLingui} from '@lingui/react'
 
 import {FEEDBACK_FORM_URL} from '#/lib/constants'
 import {logger} from '#/logger'
-import {isAndroid} from '#/platform/detection'
 import {useServiceQuery} from '#/state/queries/service'
 import {useStarterPackQuery} from '#/state/queries/starter-packs'
 import {useActiveStarterPack} from '#/state/shell/starter-pack'
@@ -30,6 +29,7 @@ import {LinearGradientBackground} from '#/components/LinearGradientBackground'
 import {InlineLinkText} from '#/components/Link'
 import {ScreenTransition} from '#/components/ScreenTransition'
 import {Text} from '#/components/Typography'
+import {IS_ANDROID} from '#/env'
 import {GCP_PROJECT_ID} from '#/env'
 import * as bsky from '#/types/bsky'
 
@@ -108,7 +108,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
 
   // On Android, warmup the Play Integrity API on the signup screen so it is ready by the time we get to the gate screen.
   useEffect(() => {
-    if (!isAndroid) {
+    if (!IS_ANDROID) {
       return
     }
     ReactNativeDeviceAttest.warmupIntegrity(GCP_PROJECT_ID).catch(err =>