Storage

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];

const { key, url } = await client.storage.upload({ file });
console.log('Uploaded:', url);

const url = await client.storage.getUrl({ key: 'uploads/image.png' });

// All files
const files = await client.storage.getAll();

// Filter by MIME type
const images = await client.storage.getAll({ mimeType: 'image/' });

// Filter by user
const myFiles = await client.storage.getAll({ userId: client.userId });

// Combine filters
const myImages = await client.storage.getAll({
  mimeType: 'image/',
  userId: client.userId,
});

await client.storage.delete({ key: 'uploads/image.png' });

async function renderGallery() {
  const images = await client.storage.getAll({ mimeType: 'image/' });

  const gallery = document.getElementById('gallery');
  gallery.innerHTML = images.map((img) => `
    <div class="gallery-item">
      <img src="${img.url}" alt="${img.filename}" />
      <p>${img.filename} - ${img.uploadedBy ?? 'Unknown'}</p>
    </div>
  `).join('');
}