Search Messages

curl 'https://api.bio.re/api/v1/messages/search?query=love&page=1&limit=20' \
  -H "Authorization: Bearer $ACCESS_TOKEN"

type MessageSearchItem = {
  id: string;
  content: string;
  status: string;
  dmType: 'FREE' | 'SINGLE_PAY' | 'PER_MESSAGE';
  senderId: string;
  receiverId: string;
  createdAt: string;
};

async function searchMessages(
  accessToken: string,
  query: string,
  page = 1,
  limit = 20,
): Promise<Paginated<MessageSearchItem>> {
  const url = new URL('https://api.bio.re/api/v1/messages/search');
  url.searchParams.set('query', query);
  url.searchParams.set('page', String(page));
  url.searchParams.set('limit', String(limit));
  const res = await fetch(url, {
    headers: { Authorization: `Bearer ${accessToken}` },
  });
  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 { useQuery, keepPreviousData } from '@tanstack/react-query';

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

export function useMessageSearch(query: string, page = 1, limit = 20) {
  // Caller is responsible for debouncing the query input upstream
  return useQuery({
    queryKey: messageKeys.search(query, page, limit),
    queryFn: async () => {
      const url = new URL('/api/v1/messages/search', window.location.origin);
      url.searchParams.set('query', query);
      url.searchParams.set('page', String(page));
      url.searchParams.set('limit', String(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,
          i18nKey: json?.error?.i18nKey,
        });
      }
      return json.data as Paginated<MessageSearchItem>;
    },
    enabled: query.length >= 2,
    placeholderData: keepPreviousData,
    staleTime: 30_000,
  });
}