import 'dotenv/config'; import fs from 'fs'; import fetch from 'node-fetch'; import Jimp from 'jimp'; import { dirname } from 'path'; import { fileURLToPath } from 'url'; const force = process.env.FORCE_UPDATE === 'true'; const __dirname = dirname(fileURLToPath(import.meta.url)); process.chdir(__dirname); const outputFile = `../src/routes/_donors.js`; if (!force && fs.existsSync(outputFile)) { console.info(`[update/donors] ${outputFile} exists. Skipping`); process.exit(0); } const SIZE = 64; async function main() { const res = await fetch('https://opencollective.com/svelte/members/all.json'); const donors = await res.json(); const unique = new Map(); donors.forEach(d => unique.set(d.profile, d)); let backers = [...unique.values()] .filter(({ role }) => role === 'BACKER') .sort((a, b) => b.totalAmountDonated - a.totalAmountDonated); const included = []; for (let i = 0; i < backers.length; i += 1) { const backer = backers[i]; console.log(`${i} / ${backers.length}: ${backer.name}`); try { const image_data = await fetch(backer.image); const buffer = await image_data.arrayBuffer(); const image = await Jimp.read(buffer); image.resize(SIZE, SIZE); included.push({ backer, image }); } catch( err) { console.log(`Skipping ${backer.name}: no image data`); } } const sprite = new Jimp(SIZE * included.length, SIZE); for (let i = 0; i < included.length; i += 1) { sprite.composite(included[i].image, i * SIZE, 0); } await sprite.quality(80).write(`../static/donors.jpg`); // TODO: Optimizing the static/donors.jpg image should probably get automated as well console.log('remember to additionally optimize the resulting /static/donors.jpg image file via e.g. https://squoosh.app '); const str = `[\n\t${included.map(a => `${JSON.stringify(a.backer.name)}`).join(',\n\t')}\n]`; fs.writeFileSync(outputFile, `export default ${str};`); } main();