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

* Add platform vars to env

* Replace /platform/detection with /env

src/components/dms/ActionsWrapper.tsx

@@ -21,7 +21,7 @@ export function ActionsWrapper({
     <MessageContextMenu message={message}>
       {trigger =>
         // will always be true, since this file is platform split
-        trigger.isNative && (
+        trigger.IS_NATIVE && (
           <View style={[a.flex_1, a.relative]}>
             <View
               style={[

src/components/dms/ActionsWrapper.web.tsx

@@ -89,9 +89,9 @@ export function ActionsWrapper({
             : [a.ml_xs, {marginRight: 'auto'}],
         ]}>
         <EmojiReactionPicker message={message} onEmojiSelect={onEmojiSelect}>
-          {({props, state, isNative, control}) => {
+          {({props, state, IS_NATIVE, control}) => {
             // always false, file is platform split
-            if (isNative) return null
+            if (IS_NATIVE) return null
             const showMenuTrigger = showActions || control.isOpen ? 1 : 0
             return (
               <Pressable
@@ -111,9 +111,9 @@ export function ActionsWrapper({
           }}
         </EmojiReactionPicker>
         <MessageContextMenu message={message}>
-          {({props, state, isNative, control}) => {
+          {({props, state, IS_NATIVE, control}) => {
             // always false, file is platform split
-            if (isNative) return null
+            if (IS_NATIVE) return null
             const showMenuTrigger = showActions || control.isOpen ? 1 : 0
             return (
               <Pressable

src/components/dms/AfterReportDialog.tsx

@@ -7,7 +7,6 @@ import {StackActions, useNavigation} from '@react-navigation/native'
 import type React from 'react'
 
 import {type NavigationProp} from '#/lib/routes/types'
-import {isNative} from '#/platform/detection'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
 import {useLeaveConvo} from '#/state/queries/messages/leave-conversation'
 import {
@@ -21,6 +20,7 @@ import * as Dialog from '#/components/Dialog'
 import * as Toggle from '#/components/forms/Toggle'
 import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
 
 type ReportDialogParams = {
   convoId: string
@@ -130,7 +130,7 @@ function DoneStep({
     onMutate: () => {
       if (currentScreen === 'conversation') {
         navigation.dispatch(
-          StackActions.replace('Messages', isNative ? {animation: 'pop'} : {}),
+          StackActions.replace('Messages', IS_NATIVE ? {animation: 'pop'} : {}),
         )
       }
     },

src/components/dms/ChatEmptyPill.tsx

@@ -12,9 +12,9 @@ import {useLingui} from '@lingui/react'
 import {ScaleAndFadeIn} from '#/lib/custom-animations/ScaleAndFade'
 import {ShrinkAndPop} from '#/lib/custom-animations/ShrinkAndPop'
 import {useHaptics} from '#/lib/haptics'
-import {isWeb} from '#/platform/detection'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
+import {IS_WEB} from '#/env'
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
 
@@ -41,12 +41,12 @@ export function ChatEmptyPill() {
   }, [_])
 
   const onPressIn = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1.075, {duration: 100}))
   }, [scale])
 
   const onPressOut = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1, {duration: 100}))
   }, [scale])
 

src/components/dms/LeaveConvoPrompt.tsx

@@ -3,11 +3,11 @@ import {useLingui} from '@lingui/react'
 import {StackActions, useNavigation} from '@react-navigation/native'
 
 import {type NavigationProp} from '#/lib/routes/types'
-import {isNative} from '#/platform/detection'
 import {useLeaveConvo} from '#/state/queries/messages/leave-conversation'
 import * as Toast from '#/view/com/util/Toast'
 import {type DialogOuterProps} from '#/components/Dialog'
 import * as Prompt from '#/components/Prompt'
+import {IS_NATIVE} from '#/env'
 
 export function LeaveConvoPrompt({
   control,
@@ -27,7 +27,7 @@ export function LeaveConvoPrompt({
     onMutate: () => {
       if (currentScreen === 'conversation') {
         navigation.dispatch(
-          StackActions.replace('Messages', isNative ? {animation: 'pop'} : {}),
+          StackActions.replace('Messages', IS_NATIVE ? {animation: 'pop'} : {}),
         )
       }
     },

src/components/dms/MessageContextMenu.tsx

@@ -8,7 +8,6 @@ import {useLingui} from '@lingui/react'
 import {useTranslate} from '#/lib/hooks/useTranslate'
 import {richTextToString} from '#/lib/strings/rich-text-helpers'
 import {logger} from '#/logger'
-import {isNative} from '#/platform/detection'
 import {useConvoActive} from '#/state/messages/convo'
 import {useLanguagePrefs} from '#/state/preferences'
 import {useSession} from '#/state/session'
@@ -23,6 +22,7 @@ import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/War
 import {ReportDialog} from '#/components/moderation/ReportDialog'
 import * as Prompt from '#/components/Prompt'
 import {usePromptControl} from '#/components/Prompt'
+import {IS_NATIVE} from '#/env'
 import {EmojiReactionPicker} from './EmojiReactionPicker'
 import {hasReachedReactionLimit} from './util'
 
@@ -112,7 +112,7 @@ export let MessageContextMenu = ({
   return (
     <>
       <ContextMenu.Root>
-        {isNative && (
+        {IS_NATIVE && (
           <ContextMenu.AuxiliaryView align={isFromSelf ? 'right' : 'left'}>
             <EmojiReactionPicker
               message={message}

src/components/dms/MessageItem.tsx

@@ -21,7 +21,6 @@ import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
-import {isNative} from '#/platform/detection'
 import {useConvoActive} from '#/state/messages/convo'
 import {type ConvoItem} from '#/state/messages/convo/types'
 import {useSession} from '#/state/session'
@@ -32,6 +31,7 @@ import {ActionsWrapper} from '#/components/dms/ActionsWrapper'
 import {InlineLinkText} from '#/components/Link'
 import {RichText} from '#/components/RichText'
 import {Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
 import {DateDivider} from './DateDivider'
 import {MessageItemEmbed} from './MessageItemEmbed'
 import {localDateString} from './util'
@@ -218,10 +218,10 @@ let MessageItem = ({
             </View>
           )}
 
-          {isNative && appliedReactions}
+          {IS_NATIVE && appliedReactions}
         </ActionsWrapper>
 
-        {!isNative && appliedReactions}
+        {!IS_NATIVE && appliedReactions}
 
         {isLastInGroup && (
           <MessageItemMetadata

src/components/dms/MessagesListHeader.tsx

@@ -10,7 +10,6 @@ import {useLingui} from '@lingui/react'
 
 import {makeProfileLink} from '#/lib/routes/links'
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
-import {isWeb} from '#/platform/detection'
 import {type Shadow} from '#/state/cache/profile-shadow'
 import {isConvoActive, useConvo} from '#/state/messages/convo'
 import {type ConvoItem} from '#/state/messages/convo/types'
@@ -24,8 +23,9 @@ import {PostAlerts} from '#/components/moderation/PostAlerts'
 import {Text} from '#/components/Typography'
 import {useSimpleVerificationState} from '#/components/verification'
 import {VerificationCheck} from '#/components/verification/VerificationCheck'
+import {IS_WEB} from '#/env'
 
-const PFP_SIZE = isWeb ? 40 : Layout.HEADER_SLOT_SIZE
+const PFP_SIZE = IS_WEB ? 40 : Layout.HEADER_SLOT_SIZE
 
 export function MessagesListHeader({
   profile,

src/components/dms/NewMessagesPill.tsx

@@ -14,9 +14,9 @@ import {
   ScaleAndFadeOut,
 } from '#/lib/custom-animations/ScaleAndFade'
 import {useHaptics} from '#/lib/haptics'
-import {isAndroid, isIOS, isWeb} from '#/platform/detection'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
+import {IS_ANDROID, IS_IOS, IS_WEB} from '#/env'
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
 
@@ -28,18 +28,18 @@ export function NewMessagesPill({
   const t = useTheme()
   const playHaptic = useHaptics()
   const {bottom: bottomInset} = useSafeAreaInsets()
-  const bottomBarHeight = isIOS ? 42 : isAndroid ? 60 : 0
-  const bottomOffset = isWeb ? 0 : bottomInset + bottomBarHeight
+  const bottomBarHeight = IS_IOS ? 42 : IS_ANDROID ? 60 : 0
+  const bottomOffset = IS_WEB ? 0 : bottomInset + bottomBarHeight
 
   const scale = useSharedValue(1)
 
   const onPressIn = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1.075, {duration: 100}))
   }, [scale])
 
   const onPressOut = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1, {duration: 100}))
   }, [scale])