forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
cache pages in explore feed previews (#9082)
authored by
Samuel Newman
and committed by
GitHub
ede10368
1127e502
+28
-4
+1
-1
src/screens/Search/Explore.tsx
+1
-1
src/screens/Search/Explore.tsx
···
932
932
<View style={[a.absolute, a.inset_0, t.atoms.bg, {top: -2}]} />
933
933
<ModuleHeader.FeedLink feed={item.feed}>
934
934
<ModuleHeader.FeedAvatar feed={item.feed} />
935
-
<View style={[a.flex_1, a.gap_xs]}>
935
+
<View style={[a.flex_1, a.gap_2xs]}>
936
936
<ModuleHeader.TitleText style={[a.text_lg]}>
937
937
{item.feed.displayName}
938
938
</ModuleHeader.TitleText>
+27
-3
src/state/queries/explore-feed-previews.tsx
+27
-3
src/state/queries/explore-feed-previews.tsx
···
1
-
import {useMemo} from 'react'
1
+
import {useMemo, useRef} from 'react'
2
2
import {
3
3
type AppBskyActorDefs,
4
4
AppBskyFeedDefs,
···
127
127
const moderationOpts = useModerationOpts()
128
128
const enabled = feeds.length > 0 && isEnabled
129
129
130
+
const processedPageCache = useRef(
131
+
new Map<
132
+
{
133
+
feed: AppBskyFeedDefs.GeneratorView
134
+
posts: AppBskyFeedDefs.FeedViewPost[]
135
+
},
136
+
FeedPreviewItem[]
137
+
>(),
138
+
)
139
+
130
140
const query = useInfiniteQuery({
131
141
enabled,
132
142
queryKey: RQKEY(uris),
···
181
191
} else if (data) {
182
192
for (let pageIndex = 0; pageIndex < data.pages.length; pageIndex++) {
183
193
const page = data.pages[pageIndex]
194
+
195
+
const cachedPage = processedPageCache.current.get(page)
196
+
if (cachedPage) {
197
+
items.push(...cachedPage)
198
+
continue
199
+
}
200
+
184
201
// default feed tuner - we just want it to slice up the feed
185
202
const tuner = new FeedTuner([])
186
203
const slices: FeedPreviewItem[] = []
···
280
297
rowIndex++
281
298
}
282
299
300
+
let processedPage: FeedPreviewItem[]
301
+
283
302
if (slices.length > 0) {
284
-
items.push(
303
+
processedPage = [
285
304
{
286
305
type: 'preview:header',
287
306
key: `header-${page.feed.uri}`,
···
292
311
type: 'preview:footer',
293
312
key: `footer-${page.feed.uri}`,
294
313
},
295
-
)
314
+
]
315
+
} else {
316
+
processedPage = []
296
317
}
318
+
319
+
processedPageCache.current.set(page, processedPage)
320
+
items.push(...processedPage)
297
321
}
298
322
} else if (isError && !isEmpty) {
299
323
items.push({