jollywhoppers.com
Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
Move browser env into main env (#9718)
authored by
Eric Bailey
and committed by
GitHub
62c0c06b
0589bd7d
+2
-2
src/components/MediaInsetBorder.tsx
+2
-2
src/components/MediaInsetBorder.tsx
···
1
import {StyleSheet} from 'react-native'
2
import type React from 'react'
3
4
-
import {isHighDPI} from '#/lib/browser'
5
import {atoms as a, platform, useTheme, type ViewStyleProp} from '#/alf'
6
import {Fill} from '#/components/Fill'
7
8
/**
9
* Applies and thin border within a bounding box. Used to contrast media from
···
33
// while we generally use hairlineWidth (aka 1px),
34
// we make an exception here for high DPI screens
35
// as the 1px border is very noticeable -sfn
36
-
web: isHighDPI ? 0.5 : StyleSheet.hairlineWidth,
37
}),
38
},
39
opaque
···
1
import {StyleSheet} from 'react-native'
2
import type React from 'react'
3
4
import {atoms as a, platform, useTheme, type ViewStyleProp} from '#/alf'
5
import {Fill} from '#/components/Fill'
6
+
import {IS_HIGH_DPI} from '#/env'
7
8
/**
9
* Applies and thin border within a bounding box. Used to contrast media from
···
33
// while we generally use hairlineWidth (aka 1px),
34
// we make an exception here for high DPI screens
35
// as the 1px border is very noticeable -sfn
36
+
web: IS_HIGH_DPI ? 0.5 : StyleSheet.hairlineWidth,
37
}),
38
},
39
opaque
+3
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx
+3
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx
···
3
import {msg} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
6
-
import {isFirefox, isTouchDevice} from '#/lib/browser'
7
import {clamp} from '#/lib/numbers'
8
import {atoms as a, useTheme, web} from '#/alf'
9
import {useInteractionState} from '#/components/hooks/useInteractionState'
10
import {formatTime} from './utils'
11
12
export function Scrubber({
···
100
// a pointerUp event is fired outside the element that captured the
101
// pointer. Firefox clicks on the element the mouse is over, so we have
102
// to make everything unclickable while seeking -sfn
103
-
if (isFirefox && scrubberActive) {
104
document.body.classList.add('force-no-clicks')
105
106
return () => {
···
151
<View
152
testID="scrubber"
153
style={[
154
-
{height: isTouchDevice ? 32 : 18, width: '100%'},
155
a.flex_shrink_0,
156
a.px_xs,
157
]}
···
3
import {msg} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
6
import {clamp} from '#/lib/numbers'
7
import {atoms as a, useTheme, web} from '#/alf'
8
import {useInteractionState} from '#/components/hooks/useInteractionState'
9
+
import {IS_WEB_FIREFOX, IS_WEB_TOUCH_DEVICE} from '#/env'
10
import {formatTime} from './utils'
11
12
export function Scrubber({
···
100
// a pointerUp event is fired outside the element that captured the
101
// pointer. Firefox clicks on the element the mouse is over, so we have
102
// to make everything unclickable while seeking -sfn
103
+
if (IS_WEB_FIREFOX && scrubberActive) {
104
document.body.classList.add('force-no-clicks')
105
106
return () => {
···
151
<View
152
testID="scrubber"
153
style={[
154
+
{height: IS_WEB_TOUCH_DEVICE ? 32 : 18, width: '100%'},
155
a.flex_shrink_0,
156
a.px_xs,
157
]}
+2
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx
+2
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx
···
4
import {useLingui} from '@lingui/react'
5
import type Hls from 'hls.js'
6
7
-
import {isTouchDevice} from '#/lib/browser'
8
import {clamp} from '#/lib/numbers'
9
import {
10
useAutoplayDisabled,
···
27
import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
28
import {Loader} from '#/components/Loader'
29
import {Text} from '#/components/Typography'
30
-
import {IS_WEB_MOBILE_IOS} from '#/env'
31
import {TimeIndicator} from '../TimeIndicator'
32
import {ControlButton} from './ControlButton'
33
import {Scrubber} from './Scrubber'
···
342
{opacity: showControls ? 1 : 0},
343
{transition: 'opacity 0.2s ease-in-out'},
344
]}>
345
-
{(!volumeHovered || isTouchDevice) && (
346
<Scrubber
347
duration={duration}
348
currentTime={currentTime}
···
4
import {useLingui} from '@lingui/react'
5
import type Hls from 'hls.js'
6
7
import {clamp} from '#/lib/numbers'
8
import {
9
useAutoplayDisabled,
···
26
import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
27
import {Loader} from '#/components/Loader'
28
import {Text} from '#/components/Typography'
29
+
import {IS_WEB_MOBILE_IOS, IS_WEB_TOUCH_DEVICE} from '#/env'
30
import {TimeIndicator} from '../TimeIndicator'
31
import {ControlButton} from './ControlButton'
32
import {Scrubber} from './Scrubber'
···
341
{opacity: showControls ? 1 : 0},
342
{transition: 'opacity 0.2s ease-in-out'},
343
]}>
344
+
{(!volumeHovered || IS_WEB_TOUCH_DEVICE) && (
345
<Scrubber
346
duration={duration}
347
currentTime={currentTime}
+5
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VolumeControl.tsx
+5
-3
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VolumeControl.tsx
···
4
import {msg} from '@lingui/macro'
5
import {useLingui} from '@lingui/react'
6
7
-
import {isSafari, isTouchDevice} from '#/lib/browser'
8
import {atoms as a} from '#/alf'
9
import {Mute_Stroke2_Corner0_Rounded as MuteIcon} from '#/components/icons/Mute'
10
import {SpeakerVolumeFull_Stroke2_Corner0_Rounded as UnmuteIcon} from '#/components/icons/Speaker'
11
import {useVideoVolumeState} from '#/components/Post/Embed/VideoEmbed/VideoVolumeContext'
12
import {ControlButton} from './ControlButton'
13
14
export function VolumeControl({
···
57
onPointerEnter={onHover}
58
onPointerLeave={onEndHover}
59
style={[a.relative]}>
60
-
{hovered && !isTouchDevice && (
61
<Animated.View
62
entering={FadeIn.duration(100)}
63
exiting={FadeOut.duration(100)}
···
80
aria-label={_(msg`Volume`)}
81
style={
82
// Ridiculous safari hack for old version of safari. Fixed in sonoma beta -h
83
-
isSafari ? {height: 92, minHeight: '100%'} : {height: '100%'}
84
}
85
onChange={onVolumeChange}
86
// @ts-expect-error for old versions of firefox, and then re-using it for targeting the CSS -sfn
···
4
import {msg} from '@lingui/macro'
5
import {useLingui} from '@lingui/react'
6
7
import {atoms as a} from '#/alf'
8
import {Mute_Stroke2_Corner0_Rounded as MuteIcon} from '#/components/icons/Mute'
9
import {SpeakerVolumeFull_Stroke2_Corner0_Rounded as UnmuteIcon} from '#/components/icons/Speaker'
10
import {useVideoVolumeState} from '#/components/Post/Embed/VideoEmbed/VideoVolumeContext'
11
+
import {IS_WEB_SAFARI, IS_WEB_TOUCH_DEVICE} from '#/env'
12
import {ControlButton} from './ControlButton'
13
14
export function VolumeControl({
···
57
onPointerEnter={onHover}
58
onPointerLeave={onEndHover}
59
style={[a.relative]}>
60
+
{hovered && !IS_WEB_TOUCH_DEVICE && (
61
<Animated.View
62
entering={FadeIn.duration(100)}
63
exiting={FadeOut.duration(100)}
···
80
aria-label={_(msg`Volume`)}
81
style={
82
// Ridiculous safari hack for old version of safari. Fixed in sonoma beta -h
83
+
IS_WEB_SAFARI
84
+
? {height: 92, minHeight: '100%'}
85
+
: {height: '100%'}
86
}
87
onChange={onVolumeChange}
88
// @ts-expect-error for old versions of firefox, and then re-using it for targeting the CSS -sfn
+2
-2
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/utils.tsx
+2
-2
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/utils.tsx
···
1
import {type RefObject, useCallback, useEffect, useRef, useState} from 'react'
2
3
-
import {isSafari} from '#/lib/browser'
4
import {logger} from '#/logger'
5
import {useVideoVolumeState} from '#/components/Post/Embed/VideoEmbed/VideoVolumeContext'
6
7
export function useVideoElement(ref: RefObject<HTMLVideoElement | null>) {
8
const [playing, setPlaying] = useState(false)
···
41
setCurrentTime(round(ref.current.currentTime) || 0)
42
// HACK: Safari randomly fires `stalled` events when changing between segments
43
// let's just clear the buffering state if the video is still progressing -sfn
44
-
if (isSafari) {
45
if (bufferingTimeout) clearTimeout(bufferingTimeout)
46
setBuffering(false)
47
}
···
1
import {type RefObject, useCallback, useEffect, useRef, useState} from 'react'
2
3
import {logger} from '#/logger'
4
import {useVideoVolumeState} from '#/components/Post/Embed/VideoEmbed/VideoVolumeContext'
5
+
import {IS_WEB_SAFARI} from '#/env'
6
7
export function useVideoElement(ref: RefObject<HTMLVideoElement | null>) {
8
const [playing, setPlaying] = useState(false)
···
41
setCurrentTime(round(ref.current.currentTime) || 0)
42
// HACK: Safari randomly fires `stalled` events when changing between segments
43
// let's just clear the buffering state if the video is still progressing -sfn
44
+
if (IS_WEB_SAFARI) {
45
if (bufferingTimeout) clearTimeout(bufferingTimeout)
46
setBuffering(false)
47
}
+3
-3
src/components/Post/Embed/VideoEmbed/index.web.tsx
+3
-3
src/components/Post/Embed/VideoEmbed/index.web.tsx
···
11
import {msg} from '@lingui/macro'
12
import {useLingui} from '@lingui/react'
13
14
-
import {isFirefox} from '#/lib/browser'
15
import {ErrorBoundary} from '#/view/com/util/ErrorBoundary'
16
import {atoms as a, useTheme} from '#/alf'
17
import {useIsWithinMessage} from '#/components/dms/MessageContext'
···
23
VideoEmbedInnerWeb,
24
VideoNotFoundError,
25
} from '#/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb'
26
import {useActiveVideoWeb} from './ActiveVideoWebContext'
27
import * as VideoFallback from './VideoEmbedInner/VideoFallback'
28
···
37
38
useEffect(() => {
39
if (!ref.current) return
40
-
if (isFullscreen && !isFirefox) return
41
const observer = new IntersectionObserver(
42
entries => {
43
const entry = entries[0]
···
150
// observing a div of 100vh height
151
useEffect(() => {
152
if (!ref.current) return
153
-
if (isFullscreen && !isFirefox) return
154
const observer = new IntersectionObserver(
155
entries => {
156
const entry = entries[0]
···
11
import {msg} from '@lingui/macro'
12
import {useLingui} from '@lingui/react'
13
14
import {ErrorBoundary} from '#/view/com/util/ErrorBoundary'
15
import {atoms as a, useTheme} from '#/alf'
16
import {useIsWithinMessage} from '#/components/dms/MessageContext'
···
22
VideoEmbedInnerWeb,
23
VideoNotFoundError,
24
} from '#/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb'
25
+
import {IS_WEB_FIREFOX} from '#/env'
26
import {useActiveVideoWeb} from './ActiveVideoWebContext'
27
import * as VideoFallback from './VideoEmbedInner/VideoFallback'
28
···
37
38
useEffect(() => {
39
if (!ref.current) return
40
+
if (isFullscreen && !IS_WEB_FIREFOX) return
41
const observer = new IntersectionObserver(
42
entries => {
43
const entry = entries[0]
···
150
// observing a div of 100vh height
151
useEffect(() => {
152
if (!ref.current) return
153
+
if (isFullscreen && !IS_WEB_FIREFOX) return
154
const observer = new IntersectionObserver(
155
entries => {
156
const entry = entries[0]
+2
-2
src/components/ProfileHoverCard/index.web.tsx
+2
-2
src/components/ProfileHoverCard/index.web.tsx
···
11
import {useNavigation} from '@react-navigation/native'
12
13
import {useActorStatus} from '#/lib/actor-status'
14
-
import {isTouchDevice} from '#/lib/browser'
15
import {getModerationCauseKey} from '#/lib/moderation'
16
import {makeProfileLink} from '#/lib/routes/links'
17
import {type NavigationProp} from '#/lib/routes/types'
···
43
import {Text} from '#/components/Typography'
44
import {useSimpleVerificationState} from '#/components/verification'
45
import {VerificationCheck} from '#/components/verification/VerificationCheck'
46
import {type ProfileHoverCardProps} from './types'
47
48
const floatingMiddlewares = [
···
70
}
71
}
72
73
-
if (props.disable || isTouchDevice) {
74
return props.children
75
} else {
76
return (
···
11
import {useNavigation} from '@react-navigation/native'
12
13
import {useActorStatus} from '#/lib/actor-status'
14
import {getModerationCauseKey} from '#/lib/moderation'
15
import {makeProfileLink} from '#/lib/routes/links'
16
import {type NavigationProp} from '#/lib/routes/types'
···
42
import {Text} from '#/components/Typography'
43
import {useSimpleVerificationState} from '#/components/verification'
44
import {VerificationCheck} from '#/components/verification/VerificationCheck'
45
+
import {IS_WEB_TOUCH_DEVICE} from '#/env'
46
import {type ProfileHoverCardProps} from './types'
47
48
const floatingMiddlewares = [
···
70
}
71
}
72
73
+
if (props.disable || IS_WEB_TOUCH_DEVICE) {
74
return props.children
75
} else {
76
return (
+2
-3
src/components/SubtleHover.tsx
+2
-3
src/components/SubtleHover.tsx
···
1
import {View} from 'react-native'
2
3
-
import {isTouchDevice} from '#/lib/browser'
4
import {atoms as a, useTheme, type ViewStyleProp} from '#/alf'
5
-
import {IS_NATIVE, IS_WEB} from '#/env'
6
7
export function SubtleHover({
8
style,
···
40
)
41
42
if (IS_WEB && web) {
43
-
return isTouchDevice ? null : el
44
} else if (IS_NATIVE && native) {
45
return el
46
}
···
1
import {View} from 'react-native'
2
3
import {atoms as a, useTheme, type ViewStyleProp} from '#/alf'
4
+
import {IS_NATIVE, IS_WEB, IS_WEB_TOUCH_DEVICE} from '#/env'
5
6
export function SubtleHover({
7
style,
···
39
)
40
41
if (IS_WEB && web) {
42
+
return IS_WEB_TOUCH_DEVICE ? null : el
43
} else if (IS_NATIVE && native) {
44
return el
45
}
+2
-3
src/components/hooks/useFullscreen.ts
+2
-3
src/components/hooks/useFullscreen.ts
···
6
useSyncExternalStore,
7
} from 'react'
8
9
-
import {isFirefox, isSafari} from '#/lib/browser'
10
-
import {IS_WEB} from '#/env'
11
12
function fullscreenSubscribe(onChange: () => void) {
13
document.addEventListener('fullscreenchange', onChange)
···
39
40
// Chrome has an issue where it doesn't scroll back to the top after exiting fullscreen
41
// Let's play it safe and do it if not FF or Safari, since anything else will probably be chromium
42
-
if (prevIsFullscreen && !isFirefox && !isSafari) {
43
setTimeout(() => {
44
if (scrollYRef.current !== null) {
45
window.scrollTo(0, scrollYRef.current)
···
6
useSyncExternalStore,
7
} from 'react'
8
9
+
import {IS_WEB, IS_WEB_FIREFOX, IS_WEB_SAFARI} from '#/env'
10
11
function fullscreenSubscribe(onChange: () => void) {
12
document.addEventListener('fullscreenchange', onChange)
···
38
39
// Chrome has an issue where it doesn't scroll back to the top after exiting fullscreen
40
// Let's play it safe and do it if not FF or Safari, since anything else will probably be chromium
41
+
if (prevIsFullscreen && !IS_WEB_FIREFOX && !IS_WEB_SAFARI) {
42
setTimeout(() => {
43
if (scrollYRef.current !== null) {
44
window.scrollTo(0, scrollYRef.current)
+13
src/env/index.ts
+13
src/env/index.ts
···
26
export const IS_ANDROID: boolean = Platform.OS === 'android'
27
export const IS_NATIVE: boolean = true
28
export const IS_WEB: boolean = false
29
+
30
+
/**
31
+
* Web-specific platform detection
32
+
*/
33
+
export const IS_WEB_TOUCH_DEVICE: boolean = true
34
export const IS_WEB_MOBILE: boolean = false
35
export const IS_WEB_MOBILE_IOS: boolean = false
36
+
export const IS_WEB_MOBILE_ANDROID: boolean = false
37
+
export const IS_WEB_SAFARI: boolean = false
38
+
export const IS_WEB_FIREFOX: boolean = false
39
+
40
+
/**
41
+
* Misc
42
+
*/
43
+
export const IS_HIGH_DPI: boolean = true
+23
-2
src/env/index.web.ts
+23
-2
src/env/index.web.ts
···
21
export const IS_ANDROID: boolean = false
22
export const IS_NATIVE: boolean = false
23
export const IS_WEB: boolean = true
24
-
// @ts-ignore we know window exists -prf
25
-
export const IS_WEB_MOBILE: boolean = global.window.matchMedia(
26
'only screen and (max-width: 1300px)',
27
)?.matches
28
export const IS_WEB_MOBILE_IOS: boolean = /iPhone/.test(navigator.userAgent)
···
21
export const IS_ANDROID: boolean = false
22
export const IS_NATIVE: boolean = false
23
export const IS_WEB: boolean = true
24
+
25
+
/**
26
+
* Web-specific platform detection
27
+
*/
28
+
export const IS_WEB_TOUCH_DEVICE =
29
+
window.matchMedia('(pointer: coarse)').matches
30
+
export const IS_WEB_MOBILE: boolean = window.matchMedia(
31
'only screen and (max-width: 1300px)',
32
)?.matches
33
export const IS_WEB_MOBILE_IOS: boolean = /iPhone/.test(navigator.userAgent)
34
+
export const IS_WEB_MOBILE_ANDROID: boolean =
35
+
/android/i.test(navigator.userAgent) && IS_WEB_TOUCH_DEVICE
36
+
export const IS_WEB_SAFARI: boolean = /^((?!chrome|android).)*safari/i.test(
37
+
// https://stackoverflow.com/questions/7944460/detect-safari-browser
38
+
navigator.userAgent,
39
+
)
40
+
export const IS_WEB_FIREFOX: boolean = /firefox|fxios/i.test(
41
+
navigator.userAgent,
42
+
)
43
+
44
+
/**
45
+
* Misc
46
+
*/
47
+
export const IS_HIGH_DPI: boolean = window.matchMedia(
48
+
'(min-resolution: 2dppx)',
49
+
).matches
-5
src/lib/browser.native.ts
-5
src/lib/browser.native.ts
-9
src/lib/browser.ts
-9
src/lib/browser.ts
···
1
-
// https://stackoverflow.com/questions/7944460/detect-safari-browser
2
-
export const isSafari = /^((?!chrome|android).)*safari/i.test(
3
-
navigator.userAgent,
4
-
)
5
-
export const isFirefox = /firefox|fxios/i.test(navigator.userAgent)
6
-
export const isTouchDevice = window.matchMedia('(pointer: coarse)').matches
7
-
export const IS_ANDROIDWeb =
8
-
/android/i.test(navigator.userAgent) && isTouchDevice
9
-
export const isHighDPI = window.matchMedia('(min-resolution: 2dppx)').matches
···
+2
-3
src/lib/custom-animations/PressableScale.tsx
+2
-3
src/lib/custom-animations/PressableScale.tsx
+2
-3
src/lib/strings/embed-player.ts
+2
-3
src/lib/strings/embed-player.ts
···
1
import {Dimensions} from 'react-native'
2
3
-
import {isSafari} from '#/lib/browser'
4
-
import {IS_WEB} from '#/env'
5
6
const {height: SCREEN_HEIGHT} = Dimensions.get('window')
7
···
560
}
561
562
if (IS_WEB) {
563
-
if (isSafari) {
564
id = id.replace('AAAAC', 'AAAP1')
565
filename = filename.replace('.gif', '.mp4')
566
} else {
···
1
import {Dimensions} from 'react-native'
2
3
+
import {IS_WEB, IS_WEB_SAFARI} from '#/env'
4
5
const {height: SCREEN_HEIGHT} = Dimensions.get('window')
6
···
559
}
560
561
if (IS_WEB) {
562
+
if (IS_WEB_SAFARI) {
563
id = id.replace('AAAAC', 'AAAP1')
564
filename = filename.replace('.gif', '.mp4')
565
} else {
+3
-3
src/screens/Messages/components/MessageInput.web.tsx
+3
-3
src/screens/Messages/components/MessageInput.web.tsx
···
6
import TextareaAutosize from 'react-textarea-autosize'
7
import {countGraphemes} from 'unicode-segmenter/grapheme'
8
9
-
import {isSafari, isTouchDevice} from '#/lib/browser'
10
import {MAX_DM_GRAPHEME_LENGTH} from '#/lib/constants'
11
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
12
import {
···
24
import {useSharedInputStyles} from '#/components/forms/TextField'
25
import {EmojiArc_Stroke2_Corner0_Rounded as EmojiSmile} from '#/components/icons/Emoji'
26
import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
27
import {useExtractEmbedFromFacets} from './MessageInputEmbed'
28
29
export function MessageInput({
···
85
// far too long of a delay, and a subsequent enter press would often just end up doing nothing. A shorter time
86
// frame was also not great, since it was too short to be reliable (i.e. an older system might have a larger
87
// time gap between the two events firing.
88
-
if (isSafari && e.key === 'Enter' && e.keyCode === 229) {
89
return
90
}
91
···
228
onChange={onChange}
229
// On mobile web phones, we want to keep the same behavior as the native app. Do not submit the message
230
// in these cases.
231
-
onKeyDown={isTouchDevice && isMobile ? undefined : onKeyDown}
232
/>
233
<Pressable
234
accessibilityRole="button"
···
6
import TextareaAutosize from 'react-textarea-autosize'
7
import {countGraphemes} from 'unicode-segmenter/grapheme'
8
9
import {MAX_DM_GRAPHEME_LENGTH} from '#/lib/constants'
10
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
11
import {
···
23
import {useSharedInputStyles} from '#/components/forms/TextField'
24
import {EmojiArc_Stroke2_Corner0_Rounded as EmojiSmile} from '#/components/icons/Emoji'
25
import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane'
26
+
import {IS_WEB_SAFARI, IS_WEB_TOUCH_DEVICE} from '#/env'
27
import {useExtractEmbedFromFacets} from './MessageInputEmbed'
28
29
export function MessageInput({
···
85
// far too long of a delay, and a subsequent enter press would often just end up doing nothing. A shorter time
86
// frame was also not great, since it was too short to be reliable (i.e. an older system might have a larger
87
// time gap between the two events firing.
88
+
if (IS_WEB_SAFARI && e.key === 'Enter' && e.keyCode === 229) {
89
return
90
}
91
···
228
onChange={onChange}
229
// On mobile web phones, we want to keep the same behavior as the native app. Do not submit the message
230
// in these cases.
231
+
onKeyDown={IS_WEB_TOUCH_DEVICE && isMobile ? undefined : onKeyDown}
232
/>
233
<Pressable
234
accessibilityRole="button"
+2
-3
src/screens/StarterPack/StarterPackLandingScreen.tsx
+2
-3
src/screens/StarterPack/StarterPackLandingScreen.tsx
···
11
import {msg, Trans} from '@lingui/macro'
12
import {useLingui} from '@lingui/react'
13
14
-
import {IS_ANDROIDWeb} from '#/lib/browser'
15
import {JOINED_THIS_WEEK} from '#/lib/constants'
16
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
17
import {logEvent} from '#/lib/statsig/statsig'
···
37
import * as Prompt from '#/components/Prompt'
38
import {RichText} from '#/components/RichText'
39
import {Text} from '#/components/Typography'
40
-
import {IS_WEB} from '#/env'
41
import * as bsky from '#/types/bsky'
42
43
const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
···
142
postAppClipMessage({
143
action: 'present',
144
})
145
-
} else if (IS_ANDROIDWeb) {
146
androidDialogControl.open()
147
} else {
148
onContinue()
···
11
import {msg, Trans} from '@lingui/macro'
12
import {useLingui} from '@lingui/react'
13
14
import {JOINED_THIS_WEEK} from '#/lib/constants'
15
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
16
import {logEvent} from '#/lib/statsig/statsig'
···
36
import * as Prompt from '#/components/Prompt'
37
import {RichText} from '#/components/RichText'
38
import {Text} from '#/components/Typography'
39
+
import {IS_WEB, IS_WEB_MOBILE_ANDROID} from '#/env'
40
import * as bsky from '#/types/bsky'
41
42
const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
···
141
postAppClipMessage({
142
action: 'present',
143
})
144
+
} else if (IS_WEB_MOBILE_ANDROID) {
145
androidDialogControl.open()
146
} else {
147
onContinue()
+2
-3
src/view/com/util/UserAvatar.tsx
+2
-3
src/view/com/util/UserAvatar.tsx
···
16
import {useQueryClient} from '@tanstack/react-query'
17
18
import {useActorStatus} from '#/lib/actor-status'
19
-
import {isTouchDevice} from '#/lib/browser'
20
import {useHaptics} from '#/lib/haptics'
21
import {
22
useCameraPermission,
···
53
import {MediaInsetBorder} from '#/components/MediaInsetBorder'
54
import * as Menu from '#/components/Menu'
55
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
56
-
import {IS_ANDROID, IS_NATIVE, IS_WEB} from '#/env'
57
import type * as bsky from '#/types/bsky'
58
59
export type UserAvatarType = 'user' | 'algo' | 'list' | 'labeler'
···
571
<ProfileHoverCard did={profile.did} disable={disableHoverCard}>
572
{disableNavigation ? (
573
avatarEl
574
-
) : status.isActive && (IS_NATIVE || isTouchDevice) ? (
575
<>
576
<Button
577
label={_(
···
16
import {useQueryClient} from '@tanstack/react-query'
17
18
import {useActorStatus} from '#/lib/actor-status'
19
import {useHaptics} from '#/lib/haptics'
20
import {
21
useCameraPermission,
···
52
import {MediaInsetBorder} from '#/components/MediaInsetBorder'
53
import * as Menu from '#/components/Menu'
54
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
55
+
import {IS_ANDROID, IS_NATIVE, IS_WEB, IS_WEB_TOUCH_DEVICE} from '#/env'
56
import type * as bsky from '#/types/bsky'
57
58
export type UserAvatarType = 'user' | 'algo' | 'list' | 'labeler'
···
570
<ProfileHoverCard did={profile.did} disable={disableHoverCard}>
571
{disableNavigation ? (
572
avatarEl
573
+
) : status.isActive && (IS_NATIVE || IS_WEB_TOUCH_DEVICE) ? (
574
<>
575
<Button
576
label={_(