Track Bio Page View

curl -X POST 'https://api.bio.re/api/v1/bio/b1a2b3c4-d5e6-7890-abcd-ef1234567890/view' \
  -H 'Content-Type: application/json' \
  -d '{
    "visitorId": "cookie-uuid-12345",
    "referrer": "https://twitter.com/johndoe",
    "isEmbed": false
  }'

type TrackViewInput = {
  visitorId?: string;
  referrer?: string;
  country?: string;       // server resolves if absent
  device?: string;        // server derives from UA if absent
  browser?: string;       // server derives from UA if absent
  isEmbed?: boolean;
  // userAgent: omit — server always uses request header
};

async function trackBioView(bioPageId: string, input: TrackViewInput = {}): Promise<void> {
  const res = await fetch(`https://api.bio.re/api/v1/bio/${bioPageId}/view`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(input),
  });
  // Fire-and-forget pattern is safe — analytics shouldn't block UI
  if (!res.ok) {
    console.warn('Bio view tracking failed:', res.status);
  }
}

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

export function useTrackBioView() {
  return useMutation({
    mutationFn: async (vars: { bioPageId: string; input?: TrackViewInput }) => {
      await fetch(`/api/v1/bio/${vars.bioPageId}/view`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(vars.input ?? {}),
      });
      // Don't throw — analytics failures should not surface to the user
    },
    retry: false, // Already a fire-and-forget — don't double-count on retry
  });
}