feat: add contributors png generator

Author: skyash-dev

utils/contributors-png.js

@@ -0,0 +1,61 @@
+const { createCanvas, loadImage } = require('canvas');
+const fs = require('fs');
+
+const data = fs.readFileSync('.all-contributorsrc', 'utf-8');
+const parsed = JSON.parse(data);
+const contributors = parsed.contributors;
+
+const AVATAR_SIZE = 50;
+const GAP = 4;
+const COLS = 40;
+const ROWS = Math.ceil(contributors.length / COLS);
+
+const width = COLS * AVATAR_SIZE + (COLS - 1) * GAP;
+const height = ROWS * AVATAR_SIZE + (ROWS - 1) * GAP;
+
+const canvas = createCanvas(width, height);
+const ctx = canvas.getContext('2d');
+
+async function loadAvatar(url) {
+  try {
+    const res = await fetch(url);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+
+    const buffer = Buffer.from(await res.arrayBuffer());
+    return await loadImage(buffer);
+  } catch (err) {
+    return null;
+  }
+}
+
+(async () => {
+  for (let i = 0; i < contributors.length; i++) {
+    const c = contributors[i];
+
+    const col = i % COLS;
+    const row = Math.floor(i / COLS);
+
+    const x = col * (AVATAR_SIZE + GAP);
+    const y = row * (AVATAR_SIZE + GAP);
+
+    const img = await loadAvatar(c.avatar_url);
+
+    ctx.save();
+    ctx.beginPath();
+    ctx.arc(
+      x + AVATAR_SIZE / 2,
+      y + AVATAR_SIZE / 2,
+      AVATAR_SIZE / 2,
+      0,
+      Math.PI * 2
+    );
+    ctx.clip();
+
+    if (img) {
+      ctx.drawImage(img, x, y, AVATAR_SIZE, AVATAR_SIZE);
+    }
+    ctx.restore();
+  }
+
+  fs.writeFileSync('contributors.png', canvas.toBuffer('image/png'));
+})();