Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
7.8 kB · 245 lines
TSX
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246import {memo, useMemo} from 'react'import {AtUri} from '@atproto/api'import {msg, Trans} from '@lingui/macro'import {useLingui} from '@lingui/react'import {useNavigation} from '@react-navigation/native'
import {useOpenLink} from '#/lib/hooks/useOpenLink'import {makeProfileLink} from '#/lib/routes/links'import {type NavigationProp} from '#/lib/routes/types'import {shareText, shareUrl} from '#/lib/sharing'import {toShareUrl, toShareUrlBsky} from '#/lib/strings/url-helpers'import {useProfileShadow} from '#/state/cache/profile-shadow'import {useShowExternalShareButtons} from '#/state/preferences/external-share-buttons'import {useSession} from '#/state/session'import {useBreakpoints} from '#/alf'import {useDialogControl} from '#/components/Dialog'import {EmbedDialog} from '#/components/dialogs/Embed'import {SendViaChatDialog} from '#/components/dms/dialogs/ShareViaChatDialog'import {ChainLink_Stroke2_Corner0_Rounded as ChainLinkIcon} from '#/components/icons/ChainLink'import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard'import {CodeBrackets_Stroke2_Corner0_Rounded as CodeBracketsIcon} from '#/components/icons/CodeBrackets'import {PaperPlane_Stroke2_Corner0_Rounded as Send} from '#/components/icons/PaperPlane'import {SquareArrowTopRight_Stroke2_Corner0_Rounded as ExternalIcon} from '#/components/icons/SquareArrowTopRight'import * as Menu from '#/components/Menu'import {useAgeAssurance} from '#/ageAssurance'import {useAnalytics} from '#/analytics'import {IS_WEB} from '#/env'import {useDevMode} from '#/storage/hooks/dev-mode'import {type ShareMenuItemsProps} from './ShareMenuItems.types'
let ShareMenuItems = ({ post, record, timestamp, onShare: onShareProp,}: ShareMenuItemsProps): React.ReactNode => { const ax = useAnalytics() const {hasSession} = useSession() const {gtMobile} = useBreakpoints() const {_} = useLingui() const navigation = useNavigation<NavigationProp>() const embedPostControl = useDialogControl() const sendViaChatControl = useDialogControl() const [devModeEnabled] = useDevMode() const aa = useAgeAssurance() const openLink = useOpenLink()
const postUri = post.uri const postCid = post.cid const postAuthor = useProfileShadow(post.author)
const href = useMemo(() => { const urip = new AtUri(postUri) return makeProfileLink(postAuthor, 'post', urip.rkey) }, [postUri, postAuthor])
const hideInPWI = useMemo(() => { return !!postAuthor.labels?.find( label => label.val === '!no-unauthenticated', ) }, [postAuthor])
const onCopyLink = () => { ax.metric('share:press:copyLink', {}) const url = toShareUrl(href) shareUrl(url) onShareProp() }
const onCopyLinkBsky = () => { ax.metric('share:press:copyLink', {}) const url = toShareUrlBsky(href) shareUrl(url) onShareProp() }
const onSelectChatToShareTo = (conversation: string) => { ax.metric('share:press:dmSelected', {}) navigation.navigate('MessagesConversation', { conversation, embed: postUri, }) }
const canEmbed = IS_WEB && gtMobile && !hideInPWI
const onShareATURI = () => { shareText(postUri) }
const onShareAuthorDID = () => { shareText(postAuthor.did) }
const showExternalShareButtons = useShowExternalShareButtons() const isBridgedPost = !!post.record.bridgyOriginalUrl || !!post.record.fediverseId const originalPostUrl = (post.record.bridgyOriginalUrl || post.record.fediverseId) as string | undefined
const onOpenOriginalPost = () => { if (originalPostUrl) { openLink(originalPostUrl, true) } }
const onOpenPostInPdsls = () => { openLink(`https://pdsls.dev/${post.uri}`, true) }
const copyLinkItem = ( <Menu.Group> <Menu.Item testID="postDropdownShareBtn" label={_(msg`Copy link to post`)} onPress={onCopyLink}> <Menu.ItemText> <Trans>Copy link to post</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ChainLinkIcon} position="right" /> </Menu.Item> <Menu.Item testID="postDropdownShareBtn" label={_(msg`Copy link to post`)} onPress={onCopyLinkBsky}> <Menu.ItemText> <Trans>Copy via bsky.app</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ChainLinkIcon} position="right" /> </Menu.Item> </Menu.Group> )
return ( <> <Menu.Outer> {copyLinkItem}
{showExternalShareButtons && isBridgedPost && ( <Menu.Item testID="postDropdownOpenOriginalPost" label={_(msg`Open original post`)} onPress={onOpenOriginalPost}> <Menu.ItemText> <Trans>Open original post</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ExternalIcon} position="right" /> </Menu.Item> )}
{showExternalShareButtons && ( <Menu.Item testID="postDropdownOpenInPdsls" label={_(msg`Open post in PDSls`)} onPress={onOpenPostInPdsls}> <Menu.ItemText> <Trans>Open post in PDSls</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ExternalIcon} position="right" /> </Menu.Item> )}
{hasSession && aa.state.access === aa.Access.Full && ( <Menu.Item testID="postDropdownSendViaDMBtn" label={_(msg`Send via direct message`)} onPress={() => { ax.metric('share:press:openDmSearch', {}) sendViaChatControl.open() }}> <Menu.ItemText> <Trans>Send via direct message</Trans> </Menu.ItemText> <Menu.ItemIcon icon={Send} position="right" /> </Menu.Item> )}
{canEmbed && ( <Menu.Item testID="postDropdownEmbedBtn" label={_(msg`Embed post`)} onPress={() => { ax.metric('share:press:embed', {}) embedPostControl.open() }}> <Menu.ItemText>{_(msg`Embed post`)}</Menu.ItemText> <Menu.ItemIcon icon={CodeBracketsIcon} position="right" /> </Menu.Item> )}
{false && hideInPWI && ( <> {hasSession && <Menu.Divider />} {copyLinkItem} <Menu.LabelText style={{maxWidth: 220}}> <Trans>Note: This post is only visible to logged-in users.</Trans> </Menu.LabelText> </> )}
{devModeEnabled && ( <> <Menu.Divider /> <Menu.Item testID="postAtUriShareBtn" label={_(msg`Copy post at:// URI`)} onPress={onShareATURI}> <Menu.ItemText> <Trans>Copy post at:// URI</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ClipboardIcon} position="right" /> </Menu.Item> <Menu.Item testID="postAuthorDIDShareBtn" label={_(msg`Copy author DID`)} onPress={onShareAuthorDID}> <Menu.ItemText> <Trans>Copy author DID</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ClipboardIcon} position="right" /> </Menu.Item> </> )} </Menu.Outer>
{canEmbed && ( <EmbedDialog control={embedPostControl} postCid={postCid} postUri={postUri} record={record} postAuthor={postAuthor} timestamp={timestamp} /> )}
<SendViaChatDialog control={sendViaChatControl} onSelectChat={onSelectChatToShareTo} /> </> )}ShareMenuItems = memo(ShareMenuItems)export {ShareMenuItems}