Images API — Upload and Serve Images via Ablo CDN

import fs from 'fs';
import Decks, { image } from '@abloatai/decks';

const ablo = new Decks(process.env.ABLO_API_KEY!);

// Read the file — readFileSync returns a Buffer, which extends Uint8Array.
const bytes = fs.readFileSync('./assets/hero.png');

const uploaded = await ablo.images.upload({
  bytes,
  contentType: 'image/png',
  fileName: 'hero.png',
  deckId: deck.id,         // optional — scopes the storage key
});

console.log('CDN URL:', uploaded.url);

// Use it directly as a slide layer.
const slide = await ablo.slides.create({
  deckId: deck.id,
  order: 0,
  layers: [
    {
      type: 'image',
      url: uploaded.url,   // the CDN URL from the upload
      objectFit: 'cover',
      at: { x: 960, y: 0, w: 960, h: 1080 },
    },
  ],
});

import fs from 'fs';
import Decks, { image } from '@abloatai/decks';

const ablo = new Decks(process.env.ABLO_API_KEY!);
const deck  = await ablo.decks.create({ title: 'Product Launch' });

// Upload multiple assets up front.
const [heroCdn, logoCdn] = await Promise.all([
  ablo.images.upload({
    bytes: fs.readFileSync('./assets/hero.jpg'),
    contentType: 'image/jpeg',
    fileName: 'hero.jpg',
  }),
  ablo.images.upload({
    bytes: fs.readFileSync('./assets/logo.svg'),
    contentType: 'image/svg+xml',
    fileName: 'logo.svg',
  }),
]);

// Reference the CDN URLs in slide layers.
await ablo.decks.create({
  title: 'Product Launch',
  slides: [
    {
      title: 'Cover',
      layers: [
        {
          type: 'image',
          url: heroCdn.url,
          objectFit: 'cover',
          at: { x: 0, y: 0, w: 1920, h: 1080 },
        },
        {
          type: 'image',
          url: logoCdn.url,
          objectFit: 'contain',
          at: { x: 80, y: 40, w: 200, h: 60 },
        },
      ],
    },
  ],
});

async function uploadFromInput(file: File, deckId: string): Promise<string> {
  const buffer = await file.arrayBuffer();
  const uploaded = await ablo.images.upload({
    bytes: buffer,
    contentType: file.type as ImageMime,
    fileName: file.name,
    deckId,
  });
  return uploaded.url;
}