vineyardbovines
106 lines
2.8 KiB
TypeScript
106 lines
2.8 KiB
TypeScript
import {Platform} from 'react-native'
|
|
import {getLocales} from 'expo-localization'
|
|
import {keepPreviousData, useInfiniteQuery} from '@tanstack/react-query'
|
|
|
|
import {GIF_FEATURED, GIF_SEARCH} from '#/lib/constants'
|
|
import {logger} from '#/logger'
|
|
import {type ContentFormats, type Gif} from '#/state/queries/gif'
|
|
|
|
export const RQKEY_ROOT = 'gif-service'
|
|
export const RQKEY_FEATURED = [RQKEY_ROOT, 'featured']
|
|
export const RQKEY_SEARCH = (query: string) => [RQKEY_ROOT, 'search', query]
|
|
|
|
const getTrendingGifs = createTenorApi(GIF_FEATURED)
|
|
|
|
const searchGifs = createTenorApi<{q: string}>(GIF_SEARCH)
|
|
|
|
export function useTenorFeaturedGifsQuery(options?: {enabled?: boolean}) {
|
|
return useInfiniteQuery({
|
|
queryKey: RQKEY_FEATURED,
|
|
queryFn: ({pageParam}) => getTrendingGifs({pos: pageParam}),
|
|
initialPageParam: undefined as string | undefined,
|
|
getNextPageParam: lastPage => lastPage.next,
|
|
enabled: options?.enabled,
|
|
})
|
|
}
|
|
|
|
export function useTenorGifSearchQuery(
|
|
query: string,
|
|
options?: {enabled?: boolean},
|
|
) {
|
|
return useInfiniteQuery({
|
|
queryKey: RQKEY_SEARCH(query),
|
|
queryFn: ({pageParam}) => searchGifs({q: query, pos: pageParam}),
|
|
initialPageParam: undefined as string | undefined,
|
|
getNextPageParam: lastPage => lastPage.next,
|
|
enabled: !!query && options?.enabled !== false,
|
|
placeholderData: keepPreviousData,
|
|
})
|
|
}
|
|
|
|
function createTenorApi<Input extends object>(
|
|
urlFn: (params: string) => string,
|
|
): (input: Input & {pos?: string}) => Promise<{
|
|
next: string
|
|
results: Gif[]
|
|
}> {
|
|
return async input => {
|
|
const params = new URLSearchParams()
|
|
|
|
// set client key based on platform
|
|
params.set(
|
|
'client_key',
|
|
Platform.select({
|
|
ios: 'bluesky-ios',
|
|
android: 'bluesky-android',
|
|
default: 'bluesky-web',
|
|
}),
|
|
)
|
|
|
|
// 30 is divisible by 2 and 3, so both 2 and 3 column layouts can be used
|
|
params.set('limit', '30')
|
|
|
|
params.set('contentfilter', 'high')
|
|
|
|
params.set(
|
|
'media_filter',
|
|
(['preview', 'gif', 'tinygif'] satisfies ContentFormats[]).join(','),
|
|
)
|
|
|
|
const locale = getLocales?.()?.[0]
|
|
|
|
if (locale) {
|
|
params.set('locale', locale.languageTag.replace('-', '_'))
|
|
}
|
|
|
|
for (const [key, value] of Object.entries(input)) {
|
|
if (value !== undefined) {
|
|
params.set(key, String(value))
|
|
}
|
|
}
|
|
|
|
const res = await fetch(urlFn(params.toString()), {
|
|
method: 'GET',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
})
|
|
if (!res.ok) {
|
|
throw new Error('Failed to fetch Tenor API')
|
|
}
|
|
return res.json()
|
|
}
|
|
}
|
|
|
|
export function tenorUrlToBskyGifUrl(tenorUrl: string) {
|
|
let url
|
|
try {
|
|
url = new URL(tenorUrl)
|
|
} catch (e) {
|
|
logger.debug('invalid url passed to tenorUrlToBskyGifUrl()')
|
|
return ''
|
|
}
|
|
url.hostname = 't.gifs.bsky.app'
|
|
return url.href
|
|
}
|