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

* Add platform vars to env

* Replace /platform/detection with /env

src/alf/fonts.ts

@@ -1,6 +1,6 @@
 import {type TextStyle} from 'react-native'
 
-import {isAndroid, isWeb} from '#/platform/detection'
+import {IS_ANDROID, IS_WEB} from '#/env'
 import {type Device, device} from '#/storage'
 
 const WEB_FONT_FAMILIES = `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"`
@@ -39,7 +39,7 @@ export function setFontFamily(fontFamily: Device['fontFamily']) {
  */
 export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') {
   if (fontFamily === 'theme') {
-    if (isAndroid) {
+    if (IS_ANDROID) {
       style.fontFamily =
         {
           400: 'Inter-Regular',
@@ -71,7 +71,7 @@ export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') {
       }
     }
 
-    if (isWeb) {
+    if (IS_WEB) {
       // fallback families only supported on web
       style.fontFamily += `, ${WEB_FONT_FAMILIES}`
     }
@@ -83,7 +83,7 @@ export function applyFonts(style: TextStyle, fontFamily: 'system' | 'theme') {
     style.fontVariant = (style.fontVariant || []).concat('no-contextual')
   } else {
     // fallback families only supported on web
-    if (isWeb) {
+    if (IS_WEB) {
       style.fontFamily = style.fontFamily || WEB_FONT_FAMILIES
     }
 

src/alf/typography.tsx

@@ -4,9 +4,9 @@ import {type StyleProp, type TextStyle} from 'react-native'
 import {UITextView} from 'react-native-uitextview'
 import createEmojiRegex from 'emoji-regex'
 
-import {isNative} from '#/platform/detection'
-import {isIOS} from '#/platform/detection'
 import {type Alf, applyFonts, atoms, flatten} from '#/alf'
+import {IS_NATIVE} from '#/env'
+import {IS_IOS} from '#/env'
 
 /**
  * Ensures that `lineHeight` defaults to a relative value of `1`, or applies
@@ -34,7 +34,7 @@ export function normalizeTextStyles(
     if (s.lineHeight !== 0 && s.lineHeight <= 2) {
       s.lineHeight = Math.round(s.fontSize * s.lineHeight)
     }
-  } else if (!isNative) {
+  } else if (!IS_NATIVE) {
     s.lineHeight = s.fontSize
   }
 
@@ -81,7 +81,7 @@ export function renderChildrenWithEmoji(
   props: Omit<TextProps, 'children'> = {},
   emoji: boolean,
 ) {
-  if (!isIOS || !emoji) {
+  if (!IS_IOS || !emoji) {
     return children
   }
   return Children.map(children, child => {

src/alf/util/systemUI.ts

@@ -2,10 +2,10 @@ import * as SystemUI from 'expo-system-ui'
 import {type Theme} from '@bsky.app/alf'
 
 import {logger} from '#/logger'
-import {isAndroid} from '#/platform/detection'
+import {IS_ANDROID} from '#/env'
 
 export function setSystemUITheme(themeType: 'theme' | 'lightbox', t: Theme) {
-  if (isAndroid) {
+  if (IS_ANDROID) {
     try {
       if (themeType === 'theme') {
         SystemUI.setBackgroundColorAsync(t.atoms.bg.backgroundColor)

src/alf/util/useColorModeTheme.ts

@@ -2,9 +2,9 @@ import React from 'react'
 import {type ColorSchemeName, useColorScheme} from 'react-native'
 import {type ThemeName} from '@bsky.app/alf'
 
-import {isWeb} from '#/platform/detection'
 import {useThemePrefs} from '#/state/shell'
 import {dark, dim, light} from '#/alf/themes'
+import {IS_WEB} from '#/env'
 
 export function useColorModeTheme(): ThemeName {
   const theme = useThemeName()
@@ -40,7 +40,7 @@ function getThemeName(
 
 function updateDocument(theme: ThemeName) {
   // @ts-ignore web only
-  if (isWeb && typeof window !== 'undefined') {
+  if (IS_WEB && typeof window !== 'undefined') {
     // @ts-ignore web only
     const html = window.document.documentElement
     // @ts-ignore web only