migrate starter pack and search queries to the appview client

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Samuel Newman
2026-08-03 14:50:36 +03:00
parent 099921b9c5
commit c43e34c185
4 changed files with 50 additions and 46 deletions
+21 -17
View File
@@ -1,10 +1,5 @@
import {useCallback, useMemo, useRef} from 'react' import {useCallback, useMemo, useRef} from 'react'
import { import {type AppBskyFeedDefs, AtUri, moderatePost} from '@atproto/api'
type AppBskyFeedDefs,
type AppBskyFeedSearchPostsV2,
AtUri,
moderatePost,
} from '@atproto/api'
import { import {
type InfiniteData, type InfiniteData,
type QueryClient, type QueryClient,
@@ -13,8 +8,9 @@ import {
} from '@tanstack/react-query' } from '@tanstack/react-query'
import {useModerationOpts} from '#/state/preferences/moderation-opts' import {useModerationOpts} from '#/state/preferences/moderation-opts'
import {useAgent} from '#/state/session' import {useAppviewClient} from '#/state/session'
import {type SearchFilters} from '#/screens/Search/searchParams' import {type SearchFilters} from '#/screens/Search/searchParams'
import {app} from '#/lexicons'
import { import {
appendFromMe, appendFromMe,
buildSearchPostsV2Filters, buildSearchPostsV2Filters,
@@ -48,7 +44,7 @@ export function useSearchPostsV2Query({
enabled?: boolean enabled?: boolean
filters?: SearchFilters filters?: SearchFilters
}) { }) {
const agent = useAgent() const client = useAppviewClient()
const moderationOpts = useModerationOpts() const moderationOpts = useModerationOpts()
const selectArgs = useMemo( const selectArgs = useMemo(
() => ({ () => ({
@@ -59,15 +55,15 @@ export function useSearchPostsV2Query({
[query, filters?.author, filters?.from, moderationOpts], [query, filters?.author, filters?.from, moderationOpts],
) )
const lastRun = useRef<{ const lastRun = useRef<{
data: InfiniteData<AppBskyFeedSearchPostsV2.OutputSchema> data: InfiniteData<app.bsky.feed.searchPostsV2.$OutputBody>
args: typeof selectArgs args: typeof selectArgs
result: InfiniteData<AppBskyFeedSearchPostsV2.OutputSchema> result: InfiniteData<app.bsky.feed.searchPostsV2.$OutputBody>
} | null>(null) } | null>(null)
return useInfiniteQuery< return useInfiniteQuery<
AppBskyFeedSearchPostsV2.OutputSchema, app.bsky.feed.searchPostsV2.$OutputBody,
Error, Error,
InfiniteData<AppBskyFeedSearchPostsV2.OutputSchema>, InfiniteData<app.bsky.feed.searchPostsV2.$OutputBody>,
QueryKey, QueryKey,
string | undefined string | undefined
>({ >({
@@ -79,9 +75,18 @@ export function useSearchPostsV2Query({
* dialog; see buildSearchPostsV2Filters for how the two sources combine. * dialog; see buildSearchPostsV2Filters for how the two sources combine.
*/ */
const {q, ...embedded} = extractSearchPostsParams(query) const {q, ...embedded} = extractSearchPostsParams(query)
const builtFilters = buildSearchPostsV2Filters(embedded, filters) /*
* The generated params brand format-constrained strings (uri,
* at-identifier, language) as template-literal types. The builder emits
* plain strings parsed from user input, which are runtime-identical, so
* the brand is asserted rather than re-validated here.
*/
const builtFilters = buildSearchPostsV2Filters(
embedded,
filters,
) as app.bsky.feed.searchPostsV2.$Params
const finalQuery = appendFromMe(q, filters?.from === 'me') const finalQuery = appendFromMe(q, filters?.from === 'me')
const res = await agent.app.bsky.feed.searchPostsV2({ return await client.call(app.bsky.feed.searchPostsV2, {
...builtFilters, ...builtFilters,
query: finalQuery, query: finalQuery,
limit: 25, limit: 25,
@@ -93,13 +98,12 @@ export function useSearchPostsV2Query({
sort: sort === 'latest' ? 'recent' : sort, sort: sort === 'latest' ? 'recent' : sort,
allTime: true, allTime: true,
}) })
return res.data
}, },
initialPageParam: undefined, initialPageParam: undefined,
getNextPageParam: lastPage => lastPage.cursor, getNextPageParam: lastPage => lastPage.cursor,
enabled: enabled ?? !!moderationOpts, enabled: enabled ?? !!moderationOpts,
select: useCallback( select: useCallback(
(data: InfiniteData<AppBskyFeedSearchPostsV2.OutputSchema>) => { (data: InfiniteData<app.bsky.feed.searchPostsV2.$OutputBody>) => {
const {moderationOpts, isSearchingSpecificUser} = selectArgs const {moderationOpts, isSearchingSpecificUser} = selectArgs
/* /*
@@ -177,7 +181,7 @@ export function* findAllPostsInQueryData(
uri: string, uri: string,
): Generator<AppBskyFeedDefs.PostView, undefined> { ): Generator<AppBskyFeedDefs.PostView, undefined> {
const queryDatas = queryClient.getQueriesData< const queryDatas = queryClient.getQueriesData<
InfiniteData<AppBskyFeedSearchPostsV2.OutputSchema> InfiniteData<app.bsky.feed.searchPostsV2.$OutputBody>
>({ >({
queryKey: [searchPostsQueryKeyRoot], queryKey: [searchPostsQueryKeyRoot],
}) })
+7 -8
View File
@@ -1,4 +1,3 @@
import {type AppBskyGraphSearchStarterPacksV2} from '@atproto/api'
import { import {
type InfiniteData, type InfiniteData,
keepPreviousData, keepPreviousData,
@@ -7,7 +6,8 @@ import {
} from '@tanstack/react-query' } from '@tanstack/react-query'
import {STALE} from '#/state/queries' import {STALE} from '#/state/queries'
import {useAgent} from '#/state/session' import {useAppviewClient} from '#/state/session'
import {app} from '#/lexicons'
export const RQKEY_ROOT = 'starter-pack-search' export const RQKEY_ROOT = 'starter-pack-search'
export const RQKEY = (query: string, limit?: number) => [ export const RQKEY = (query: string, limit?: number) => [
@@ -27,23 +27,22 @@ export function useStarterPackSearch({
maintainData?: boolean maintainData?: boolean
limit?: number limit?: number
}) { }) {
const agent = useAgent() const client = useAppviewClient()
return useInfiniteQuery< return useInfiniteQuery<
AppBskyGraphSearchStarterPacksV2.OutputSchema, app.bsky.graph.searchStarterPacksV2.$OutputBody,
Error, Error,
InfiniteData<AppBskyGraphSearchStarterPacksV2.OutputSchema>, InfiniteData<app.bsky.graph.searchStarterPacksV2.$OutputBody>,
QueryKey, QueryKey,
string | undefined string | undefined
>({ >({
staleTime: STALE.MINUTES.FIVE, staleTime: STALE.MINUTES.FIVE,
queryKey: RQKEY(query, limit), queryKey: RQKEY(query, limit),
queryFn: async ({pageParam}) => { queryFn: async ({pageParam}) => {
const res = await agent.app.bsky.graph.searchStarterPacksV2({ return await client.call(app.bsky.graph.searchStarterPacksV2, {
q: query, q: query,
limit, limit,
cursor: pageParam, cursor: pageParam,
}) })
return res.data
}, },
enabled: enabled && !!query, enabled: enabled && !!query,
initialPageParam: undefined, initialPageParam: undefined,
@@ -54,7 +53,7 @@ export function useStarterPackSearch({
} }
function select( function select(
data: InfiniteData<AppBskyGraphSearchStarterPacksV2.OutputSchema>, data: InfiniteData<app.bsky.graph.searchStarterPacksV2.$OutputBody>,
) { ) {
// enforce uniqueness // enforce uniqueness
const uris = new Set() const uris = new Set()
@@ -7,7 +7,8 @@ import {
import {getContentLanguages} from '#/state/preferences/languages' import {getContentLanguages} from '#/state/preferences/languages'
import {STALE} from '#/state/queries' import {STALE} from '#/state/queries'
import {usePreferencesQuery} from '#/state/queries/preferences' import {usePreferencesQuery} from '#/state/queries/preferences'
import {useAgent} from '#/state/session' import {useAppviewClient} from '#/state/session'
import {app} from '#/lexicons'
export const createOnboardingSuggestedStarterPacksQueryKey = ( export const createOnboardingSuggestedStarterPacksQueryKey = (
interests?: string[], interests?: string[],
@@ -20,7 +21,7 @@ export function useOnboardingSuggestedStarterPacksQuery({
enabled?: boolean enabled?: boolean
overrideInterests?: string[] overrideInterests?: string[]
}) { }) {
const agent = useAgent() const client = useAppviewClient()
const {data: preferences} = usePreferencesQuery() const {data: preferences} = usePreferencesQuery()
const contentLangs = getContentLanguages().join(',') const contentLangs = getContentLanguages().join(',')
@@ -29,21 +30,20 @@ export function useOnboardingSuggestedStarterPacksQuery({
staleTime: STALE.MINUTES.THREE, staleTime: STALE.MINUTES.THREE,
queryKey: createOnboardingSuggestedStarterPacksQueryKey(overrideInterests), queryKey: createOnboardingSuggestedStarterPacksQueryKey(overrideInterests),
queryFn: async () => { queryFn: async () => {
const {data} = return await client.call(
await agent.app.bsky.unspecced.getOnboardingSuggestedStarterPacks( app.bsky.unspecced.getOnboardingSuggestedStarterPacks,
{limit: 6}, {limit: 6},
{ {
headers: { headers: {
...createBskyTopicsHeader( ...createBskyTopicsHeader(
overrideInterests overrideInterests
? overrideInterests.join(',') ? overrideInterests.join(',')
: aggregateUserInterests(preferences), : aggregateUserInterests(preferences),
), ),
'Accept-Language': contentLangs, 'Accept-Language': contentLangs,
},
}, },
) },
return data )
}, },
}) })
} }
@@ -7,7 +7,8 @@ import {
import {getContentLanguages} from '#/state/preferences/languages' import {getContentLanguages} from '#/state/preferences/languages'
import {STALE} from '#/state/queries' import {STALE} from '#/state/queries'
import {usePreferencesQuery} from '#/state/queries/preferences' import {usePreferencesQuery} from '#/state/queries/preferences'
import {useAgent} from '#/state/session' import {useAppviewClient} from '#/state/session'
import {app} from '#/lexicons'
export const createSuggestedStarterPacksQueryKey = (interests?: string[]) => [ export const createSuggestedStarterPacksQueryKey = (interests?: string[]) => [
'suggested-starter-packs', 'suggested-starter-packs',
@@ -21,7 +22,7 @@ export function useSuggestedStarterPacksQuery({
enabled?: boolean enabled?: boolean
overrideInterests?: string[] overrideInterests?: string[]
}) { }) {
const agent = useAgent() const client = useAppviewClient()
const {data: preferences} = usePreferencesQuery() const {data: preferences} = usePreferencesQuery()
const contentLangs = getContentLanguages().join(',') const contentLangs = getContentLanguages().join(',')
@@ -30,8 +31,9 @@ export function useSuggestedStarterPacksQuery({
staleTime: STALE.MINUTES.THREE, staleTime: STALE.MINUTES.THREE,
queryKey: createSuggestedStarterPacksQueryKey(overrideInterests), queryKey: createSuggestedStarterPacksQueryKey(overrideInterests),
queryFn: async () => { queryFn: async () => {
const {data} = await agent.app.bsky.unspecced.getSuggestedStarterPacks( return await client.call(
undefined, app.bsky.unspecced.getSuggestedStarterPacks,
{},
{ {
headers: { headers: {
...createBskyTopicsHeader( ...createBskyTopicsHeader(
@@ -43,7 +45,6 @@ export function useSuggestedStarterPacksQuery({
}, },
}, },
) )
return data
}, },
}) })
} }