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

* Add platform vars to env

* Replace /platform/detection with /env

src/screens/Messages/components/ChatListItem.tsx

@@ -20,7 +20,6 @@ import {
   toBskyAppUrl,
   toShortUrl,
 } from '#/lib/strings/url-helpers'
-import {isNative} from '#/platform/detection'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {
@@ -46,6 +45,7 @@ import {createPortalGroup} from '#/components/Portal'
 import {Text} from '#/components/Typography'
 import {useSimpleVerificationState} from '#/components/verification'
 import {VerificationCheck} from '#/components/verification/VerificationCheck'
+import {IS_NATIVE} from '#/env'
 import type * as bsky from '#/types/bsky'
 
 export const ChatListItemPortal = createPortalGroup()
@@ -366,7 +366,7 @@ function ChatListItemReady({
                   )
             }
             accessibilityActions={
-              isNative
+              IS_NATIVE
                 ? [
                     {
                       name: 'magicTap',
@@ -380,7 +380,7 @@ function ChatListItemReady({
                 : undefined
             }
             onPress={onPress}
-            onLongPress={isNative ? onLongPress : undefined}
+            onLongPress={IS_NATIVE ? onLongPress : undefined}
             onAccessibilityAction={onLongPress}>
             {({hovered, pressed, focused}) => (
               <View
@@ -519,7 +519,7 @@ function ChatListItemReady({
               control={menuControl}
               currentScreen="list"
               showMarkAsRead={convo.unreadCount > 0}
-              hideTrigger={isNative}
+              hideTrigger={IS_NATIVE}
               blockInfo={blockInfo}
               style={[
                 a.absolute,

src/screens/Messages/components/MessageInput.tsx

@@ -18,7 +18,6 @@ import {countGraphemes} from 'unicode-segmenter/grapheme'
 
 import {HITSLOP_10, MAX_DM_GRAPHEME_LENGTH} from '#/lib/constants'
 import {useHaptics} from '#/lib/haptics'
-import {isIOS, isWeb} from '#/platform/detection'
 import {useEmail} from '#/state/email-verification'
 import {
   useMessageDraft,
@@ -29,6 +28,7 @@ import * as Toast from '#/view/com/util/Toast'
 import {android, atoms as a, useTheme} from '#/alf'
 import {useSharedInputStyles} from '#/components/forms/TextField'
 import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
+import {IS_IOS, IS_WEB} from '#/env'
 import {useExtractEmbedFromFacets} from './MessageInputEmbed'
 
 const AnimatedTextInput = Animated.createAnimatedComponent(TextInput)
@@ -84,10 +84,10 @@ export function MessageInput({
     playHaptic()
     setEmbed(undefined)
     setMessage('')
-    if (isIOS) {
+    if (IS_IOS) {
       setShouldEnforceClear(true)
     }
-    if (isWeb) {
+    if (IS_WEB) {
       // Pressing the send button causes the text input to lose focus, so we need to
       // re-focus it after sending
       setTimeout(() => {
@@ -160,7 +160,7 @@ export function MessageInput({
             // next change and double make sure the input is cleared. It should *always* send an onChange event after
             // clearing via setMessage('') that happens in onSubmit()
             // -sfn
-            if (isIOS && shouldEnforceClear) {
+            if (IS_IOS && shouldEnforceClear) {
               setShouldEnforceClear(false)
               setMessage('')
               return
@@ -175,7 +175,7 @@ export function MessageInput({
             a.px_sm,
             t.atoms.text,
             android({paddingTop: 0}),
-            {paddingBottom: isIOS ? 5 : 0},
+            {paddingBottom: IS_IOS ? 5 : 0},
             animatedStyle,
           ]}
           keyboardAppearance={t.scheme}

src/screens/Messages/components/MessagesList.tsx

@@ -24,8 +24,6 @@ import {
   isBskyPostUrl,
 } from '#/lib/strings/url-helpers'
 import {logger} from '#/logger'
-import {isNative} from '#/platform/detection'
-import {isWeb} from '#/platform/detection'
 import {
   type ActiveConvoStates,
   isConvoActive,
@@ -52,6 +50,8 @@ import {MessageItem} from '#/components/dms/MessageItem'
 import {NewMessagesPill} from '#/components/dms/NewMessagesPill'
 import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
+import {IS_WEB} from '#/env'
 import {ChatStatusInfo} from './ChatStatusInfo'
 import {MessageInputEmbed, useMessageEmbed} from './MessageInputEmbed'
 
@@ -159,7 +159,7 @@ export function MessagesList({
     (_: number, height: number) => {
       // Because web does not have `maintainVisibleContentPosition` support, we will need to manually scroll to the
       // previous off whenever we add new content to the previous offset whenever we add new content to the list.
-      if (isWeb && isAtTop.get() && hasScrolled) {
+      if (IS_WEB && isAtTop.get() && hasScrolled) {
         flatListRef.current?.scrollToOffset({
           offset: height - prevContentHeight.current,
           animated: false,
@@ -390,7 +390,7 @@ export function MessagesList({
     (e: LayoutChangeEvent) => {
       layoutHeight.set(e.nativeEvent.layout.height)
 
-      if (isWeb || !keyboardIsOpening.get()) {
+      if (IS_WEB || !keyboardIsOpening.get()) {
         flatListRef.current?.scrollToEnd({
           animated: !layoutScrollWithoutAnimation.get(),
         })
@@ -429,8 +429,8 @@ export function MessagesList({
           disableVirtualization={true}
           style={animatedListStyle}
           // The extra two items account for the header and the footer components
-          initialNumToRender={isNative ? 32 : 62}
-          maxToRenderPerBatch={isWeb ? 32 : 62}
+          initialNumToRender={IS_NATIVE ? 32 : 62}
+          maxToRenderPerBatch={IS_WEB ? 32 : 62}
           keyboardDismissMode="on-drag"
           keyboardShouldPersistTaps="handled"
           maintainVisibleContentPosition={{
@@ -468,7 +468,7 @@ export function MessagesList({
         )}
       </Animated.View>
 
-      {isWeb && (
+      {IS_WEB && (
         <EmojiPicker
           pinToTop
           state={emojiPickerState}