Bun.js + S3 + Sharp: завантаження та оптимізація зображень

// src/storage.ts
import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
import { getSignedUrl } from "@aws-sdk/s3-request-presigner";

const s3 = new S3Client({
  region: Bun.env.S3_REGION!,
  endpoint: Bun.env.S3_ENDPOINT || undefined,
  forcePathStyle: Boolean(Bun.env.S3_ENDPOINT),
});

const allowed = new Set(["image/jpeg", "image/png", "image/webp"]);

export async function createUploadUrl(contentType: string) {
  if (!allowed.has(contentType)) throw new Error("Unsupported image type");
  const key = `originals/${crypto.randomUUID()}`;
  const command = new PutObjectCommand({
    Bucket: Bun.env.S3_BUCKET!,
    Key: key,
    ContentType: contentType,
    ServerSideEncryption: "AES256",
  });
  return { key, url: await getSignedUrl(s3, command, { expiresIn: 300 }) };
}

import sharp from "sharp";

export async function makeVariants(input: Buffer) {
  const image = sharp(input, { limitInputPixels: 40_000_000 });
  const metadata = await image.metadata();
  if (!metadata.width || !metadata.height) throw new Error("Invalid image");

  const thumbnail = await image
    .clone()
    .rotate()
    .resize({ width: 480, height: 480, fit: "cover" })
    .webp({ quality: 78 })
    .toBuffer();

  const preview = await image
    .clone()
    .rotate()
    .resize({ width: 1600, withoutEnlargement: true })
    .webp({ quality: 84 })
    .toBuffer();

  return { thumbnail, preview, width: metadata.width, height: metadata.height };
}

// src/routes/uploads.ts
import { Elysia, t } from "elysia";
import { createUploadUrl } from "../storage";

export const uploadRoutes = new Elysia({ prefix: "/uploads" })
  .post("/prepare", async ({ body, set }) => {
    const upload = await createUploadUrl(body.contentType);
    // Збережіть upload.key і userId у БД зі статусом pending.
    set.status = 201;
    return { ...upload, status: "pending" };
  }, {
    body: t.Object({
      contentType: t.Union([t.Literal("image/jpeg"), t.Literal("image/png"), t.Literal("image/webp")]),
    }),
  });

import { expect, test } from "bun:test";
import sharp from "sharp";
import { makeVariants } from "./images";

test("creates a bounded WebP thumbnail", async () => {
  const input = await sharp({
    create: { width: 1200, height: 800, channels: 3, background: "#f97316" },
  }).png().toBuffer();
  const { thumbnail } = await makeVariants(input);
  const meta = await sharp(thumbnail).metadata();
  expect(meta.format).toBe("webp");
  expect(meta.width).toBe(480);
  expect(meta.height).toBe(480);
});