Additional reductions in request traffic (#2169)

* Dont poll for new content on profiles

* Drop the whenAppReady query after new post to reduce traffic overhead

* Reduce getPosts calls in notifs to only use them when needed
zio/stable
Paul Frazee 2023-12-11 13:53:37 -08:00 committed by GitHub
parent ab04074197
commit 99cf6b626f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 17 additions and 24 deletions

View File

@ -76,6 +76,7 @@ export function useNotificationFeedQuery(opts?: {enabled?: boolean}) {
queryClient,
moderationOpts,
threadMutes,
fetchAdditionalData: true,
})
}

View File

@ -102,6 +102,10 @@ export function Provider({children}: React.PropsWithChildren<{}>) {
queryClient,
moderationOpts,
threadMutes,
// only fetch subjects when the page is going to be used
// in the notifications query, otherwise skip it
fetchAdditionalData: !!invalidate,
})
const unreadCount = countUnread(page)
const unreadCountStr =

View File

@ -27,12 +27,14 @@ export async function fetchPage({
queryClient,
moderationOpts,
threadMutes,
fetchAdditionalData,
}: {
cursor: string | undefined
limit: number
queryClient: QueryClient
moderationOpts: ModerationOpts | undefined
threadMutes: string[]
fetchAdditionalData: boolean
}): Promise<FeedPage> {
const res = await getAgent().listNotifications({
limit,
@ -49,12 +51,14 @@ export async function fetchPage({
// we fetch subjects of notifications (usually posts) now instead of lazily
// in the UI to avoid relayouts
const subjects = await fetchSubjects(notifsGrouped)
for (const notif of notifsGrouped) {
if (notif.subjectUri) {
notif.subject = subjects.get(notif.subjectUri)
if (notif.subject) {
precacheResolvedUri(queryClient, notif.subject.author) // precache the handle->did resolution
if (fetchAdditionalData) {
const subjects = await fetchSubjects(notifsGrouped)
for (const notif of notifsGrouped) {
if (notif.subjectUri) {
notif.subject = subjects.get(notif.subjectUri)
if (notif.subject) {
precacheResolvedUri(queryClient, notif.subject.author) // precache the handle->did resolution
}
}
}
}

View File

@ -14,7 +14,7 @@ import {
import {useSafeAreaInsets} from 'react-native-safe-area-context'
import LinearGradient from 'react-native-linear-gradient'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {AppBskyFeedGetPosts, RichText} from '@atproto/api'
import {RichText} from '@atproto/api'
import {useAnalytics} from 'lib/analytics/analytics'
import {useIsKeyboardVisible} from 'lib/hooks/useIsKeyboardVisible'
import {ExternalEmbed} from './ExternalEmbed'
@ -60,7 +60,6 @@ import {
import {useSession, getAgent} from '#/state/session'
import {useProfileQuery} from '#/state/queries/profile'
import {useComposerControls} from '#/state/shell/composer'
import {until} from '#/lib/async/until'
import {emitPostCreated} from '#/state/events'
import {ThreadgateSetting} from '#/state/queries/threadgate'
@ -246,9 +245,7 @@ export const ComposePost = observer(function ComposePost({
if (replyTo && replyTo.uri) track('Post:Reply')
}
if (postUri && !replyTo) {
whenAppViewReady(postUri).then(() => {
emitPostCreated()
})
emitPostCreated()
}
setLangPrefs.savePostLanguageToHistory()
onPost?.()
@ -553,15 +550,3 @@ const styles = StyleSheet.create({
borderTopWidth: 1,
},
})
async function whenAppViewReady(uri: string) {
await until(
5, // 5 tries
1e3, // 1s delay between tries
(res: AppBskyFeedGetPosts.Response) => !!res.data.posts[0],
() =>
getAgent().getPosts({
uris: [uri],
}),
)
}

View File

@ -441,7 +441,6 @@ const FeedSection = React.forwardRef<SectionRef, FeedSectionProps>(
testID="postsFeed"
enabled={isFocused}
feed={feed}
pollInterval={30e3}
scrollElRef={scrollElRef}
onHasNew={setHasNew}
onScroll={onScroll}