Storage

import { useAerostack } from '@aerostack/react'
 
function AvatarUpload({ userId }) {
  const { sdk } = useAerostack()
 
  const handleFile = async (e) => {
    const file = e.target.files[0]
    const formData = new FormData()
    formData.append('file', file)
    formData.append('path', `avatars/${userId}`)
 
    const result = await fetch(`/api/storage/upload`, {
      method: 'POST',
      headers: { Authorization: `Bearer ${tokens.accessToken}` },
      body: formData,
    })
 
    const { url } = await result.json()
    // url is the CDN URL for the uploaded file
  }
 
  return <input type="file" accept="image/*" onChange={handleFile} />
}

import { sdk } from '@aerostack/sdk'
 
// Upload from a request
app.post('/upload', async (c) => {
  const formData = await c.req.formData()
  const file = formData.get('file') as File
 
  const result = await sdk.storage.upload({
    file,
    path: `uploads/${Date.now()}-${file.name}`,
    contentType: file.type,
  })
 
  return c.json({ url: result.url, key: result.key })
})

POST /api/v1/projects/{slug}/storage/upload
Content-Type: multipart/form-data
Authorization: Bearer {token}
 
# Form fields:
# file: (the file binary)
# path: optional custom path (default: uuid)

{
  "url": "https://cdn.aerostack.dev/projects/slug/uploads/file.jpg",
  "key": "projects/slug/uploads/file.jpg",
  "size": 204800,
  "contentType": "image/jpeg"
}

await sdk.storage.delete('projects/slug/uploads/file.jpg')

const result = await sdk.storage.upload({
  file,
  path: `avatars/${userId}`,
  contentType: 'image/jpeg',
})
// result.url is immediately available via CDN