Search Creators

curl 'https://api.bio.re/api/v1/discover/search?query=fitness&limit=20'

# Next page
curl 'https://api.bio.re/api/v1/discover/search?query=fitness&limit=20&cursor=c1a2b3c4-d5e6-7890-abcd-ef1234567890'

type CreatorCard = {
  id: string;
  userId?: string;
  username?: string;
  displayName?: string;
  avatarUrl?: string;
  level?: 'BRONZE' | 'SILVER' | 'GOLD' | 'PLATINUM';
  dmActive: boolean;
  totalFollowers: number;
};

type CursorPage<T> = {
  results: T[];
  nextCursor: string | null;
  hasMore: boolean;
};

async function searchCreators(
  query: string,
  options: { cursor?: string; limit?: number } = {},
): Promise<CursorPage<CreatorCard>> {
  const url = new URL('https://api.bio.re/api/v1/discover/search');
  url.searchParams.set('query', query);
  if (options.cursor) url.searchParams.set('cursor', options.cursor);
  if (options.limit) url.searchParams.set('limit', String(options.limit));
  const res = await fetch(url);
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'Search failed'), {
      code: json?.error?.code,
    });
  }
  return json.data;
}

import { useInfiniteQuery } from '@tanstack/react-query';

export const discoverKeys = {
  search: (query: string, limit: number) => ['discover', 'search', query, limit] as const,
};

export function useSearchInfinite(query: string, limit = 20) {
  return useInfiniteQuery({
    queryKey: discoverKeys.search(query, limit),
    initialPageParam: undefined as string | undefined,
    queryFn: async ({ pageParam }) => {
      const url = new URL('/api/v1/discover/search', window.location.origin);
      url.searchParams.set('query', query);
      url.searchParams.set('limit', String(limit));
      if (pageParam) url.searchParams.set('cursor', pageParam);
      const res = await fetch(url);
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'Search failed'), {
          code: json?.error?.code,
          i18nKey: json?.error?.i18nKey,
        });
      }
      return json.data as CursorPage<CreatorCard>;
    },
    getNextPageParam: (last) => (last.hasMore ? last.nextCursor ?? undefined : undefined),
    enabled: query.trim().length >= 2,
  });
}