website/scripts/optimize-assets.js

import { readdirSync, statSync } from 'fs';
import { join } from 'path';
import sharp from 'sharp';
import { fileURLToPath } from 'url';

const __dirname = fileURLToPath(new URL('.', import.meta.url));

const config = {
    jpeg: { quality: 80 },
    webp: { quality: 80 },
    png: { compressionLevel: 8 },
    gif: { quality: 80 }
};

function* walkSync(dir) {
    const files = readdirSync(dir);

    for (const file of files) {
        const pathToFile = join(dir, file);
        const isDirectory = statSync(pathToFile).isDirectory();
        if (isDirectory) {
            yield* walkSync(pathToFile);
        } else {
            yield pathToFile;
        }
    }
}

function isImage(file) {
  const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
  const extension = file.split(".").pop().toLowerCase();

  return imageExtensions.includes(extension);
}

async function main() {
    for (const file of walkSync(join(__dirname, '../static'))) {
        if (!isImage(file)) continue;
        console.log(file);

        const image = sharp(file);
        const meta = await image.metadata();
        const buffer = await image[meta.format](config[meta.format]).toBuffer();
        await sharp(buffer).toFile(file);
    }
}

await main();