migrate starter pack and search queries to the appview client
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -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],
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user