Get Presigned Upload URL

curl -X POST https://api.bio.re/api/v1/upload/presign \
  -H "Authorization: Bearer $ACCESS_TOKEN" \
  -H 'Content-Type: application/json' \
  -d '{
    "type": "avatar",
    "contentType": "image/png",
    "fileName": "profile-photo.png"
  }'

# Step 1: get signed URL
RESPONSE=$(curl -s -X POST https://api.bio.re/api/v1/upload/presign \
  -H "Authorization: Bearer $ACCESS_TOKEN" \
  -H 'Content-Type: application/json' \
  -d '{"type":"avatar","contentType":"image/png"}')

UPLOAD_URL=$(echo "$RESPONSE" | jq -r '.data.uploadUrl')
PUBLIC_URL=$(echo "$RESPONSE" | jq -r '.data.publicUrl')

# Step 2: PUT the file body directly to the storage URL
curl -X PUT "$UPLOAD_URL" \
  -H 'Content-Type: image/png' \
  --data-binary @./profile-photo.png

# Step 3: tell the platform about the new file (e.g. set as avatar)
curl -X PATCH https://api.bio.re/api/v1/users/avatar \
  -H "Authorization: Bearer $ACCESS_TOKEN" \
  -H 'Content-Type: application/json' \
  -d "{\"avatarUrl\": \"$PUBLIC_URL\"}"

type UploadType = 'avatar' | 'media' | 'document';

type PresignedUrl = {
  uploadUrl: string;
  publicUrl: string;
  key: string;
  expiresIn: number;
};

async function presignUpload(
  accessToken: string,
  type: UploadType,
  file: File,
): Promise<PresignedUrl> {
  const res = await fetch('https://api.bio.re/api/v1/upload/presign', {
    method: 'POST',
    headers: {
      Authorization: `Bearer ${accessToken}`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      type,
      contentType: file.type,
      fileName: file.name,
    }),
  });
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'Presign failed'), {
      code: json?.error?.code,
    });
  }
  return json.data;
}

// Two-step upload — usable as a single helper
async function uploadFile(
  accessToken: string,
  type: UploadType,
  file: File,
): Promise<{ publicUrl: string; key: string }> {
  const { uploadUrl, publicUrl, key } = await presignUpload(accessToken, type, file);

  // Step 2: PUT directly to storage. Use the SAME contentType as in the body.
  const putRes = await fetch(uploadUrl, {
    method: 'PUT',
    headers: { 'Content-Type': file.type },
    body: file,
  });
  if (!putRes.ok) {
    throw new Error(`Upload failed: ${putRes.status}`);
  }

  return { publicUrl, key };
}

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

export function useUploadFile() {
  return useMutation({
    mutationFn: async (vars: { type: UploadType; file: File }) => {
      // Step 1: get presigned URL
      const presignRes = await fetch('/api/v1/upload/presign', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          type: vars.type,
          contentType: vars.file.type,
          fileName: vars.file.name,
        }),
      });
      const presignJson = await presignRes.json();
      if (!presignRes.ok || !presignJson.success) {
        throw Object.assign(new Error(presignJson?.error?.message ?? 'Presign failed'), {
          code: presignJson?.error?.code,
          i18nKey: presignJson?.error?.i18nKey,
        });
      }
      const { uploadUrl, publicUrl, key } = presignJson.data as PresignedUrl;

      // Step 2: PUT directly to storage
      const putRes = await fetch(uploadUrl, {
        method: 'PUT',
        headers: { 'Content-Type': vars.file.type },
        body: vars.file,
      });
      if (!putRes.ok) {
        throw new Error(`Upload failed: ${putRes.status}`);
      }

      return { publicUrl, key };
    },
  });
}