Update index.js

index.js

@@ -125,6 +125,97 @@ async function createCustomSWGenerator({ profileImage, mainImage, caption = "Cus
   return canvas.toBuffer('image/png');
 }
 
+//Threads
+
+async function generateThread(username, avatarPath, textContent) {
+  const canvas = createCanvas(1080, 300);
+  const ctx = canvas.getContext('2d');
+
+  // Background putih
+  ctx.fillStyle = '#ffffff';
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+  // Teks "Utas pertama" dengan ikon bintang di bagian atas kiri
+  const starIcon = await loadImage(path.join('./star.svg');
+  ctx.drawImage(starIcon, 115, 20, 25, 25);
+  ctx.font = 'normal 25px Arial';
+  ctx.fillStyle = '#888888';
+  ctx.fillText('First thread', 145, 40);
+
+  // Titik tiga horizontal
+  const dotSize = 8;
+  const dotsXStart = canvas.width - 100;
+  const dotsY = 110;
+  for (let i = 0; i < 3; i++) {
+    ctx.beginPath();
+    ctx.arc(dotsXStart + i * 20, dotsY, dotSize / 2, 0, Math.PI * 2);
+    ctx.fillStyle = '#888888';
+    ctx.fill();
+  }
+
+  // Load avatar
+  const avatar = await loadImg(avatarPath);
+  const avatarSize = 80;
+  const avatarX = 40;
+  const avatarY = 80;
+
+  ctx.save();
+  ctx.beginPath();
+  ctx.arc(avatarX + avatarSize / 2, avatarY + avatarSize / 2, avatarSize / 2, 0, Math.PI * 2);
+  ctx.closePath();
+  ctx.clip();
+  ctx.drawImage(avatar, avatarX, avatarY, avatarSize, avatarSize);
+  ctx.restore();
+
+  // Nama pengguna
+  const dUser = username.length > 15 ? username.slice(0, 15) + '...' : username;
+  ctx.font = 'bold 30px Arial';
+  ctx.fillStyle = '#000000';
+  ctx.fillText(dUser, 130, 110);
+  const usernameWidth = ctx.measureText(dUser).width;
+
+  // Tulisan 'sekarang'
+  ctx.font = 'normal 25px Arial';
+  ctx.fillStyle = '#888888';
+  ctx.fillText('Now', 130 + usernameWidth + 10, 110);
+
+  // Konten teks
+  ctx.font = 'normal 35px Arial';
+  ctx.fillStyle = '#000000';
+  const maxWidth = canvas.width - 40;
+  const lineHeight = 40;
+  wrapText(ctx, textContent, 40, 210, maxWidth, lineHeight);
+
+  // Reaksi
+  const heart = await loadImage('./heart.svg');
+  ctx.drawImage(heart, 45, 250, 35, 35);
+  ctx.font = 'normal 25px Arial';
+  ctx.fillStyle = '#000000';
+  ctx.fillText('99', 90, 275);
+
+  return canvas.toBuffer('image/png');
+}
+
+// Fungsi untuk membungkus teks panjang
+function wrapText(ctx, text, x, y, maxWidth, lineHeight) {
+  const words = text.split(' ');
+  let line = '';
+  for (let n = 0; n < words.length; n++) {
+    const testLine = line + words[n] + ' ';
+    const metrics = ctx.measureText(testLine);
+    const testWidth = metrics.width;
+    if (testWidth > maxWidth && n > 0) {
+      ctx.fillText(line, x, y);
+      line = words[n] + ' ';
+      y += lineHeight;
+    } else {
+      line = testLine;
+    }
+  }
+  ctx.fillText(line, x, y);
+}
+
+
 /**
  * Endpoint untuk membuat gambar status
  * @route POST /generate-status
@@ -183,6 +274,30 @@ app.post('/generate', async (req, res) => {
   }
 });
 
+app.post('/generate2', async (req, res) => {
+  try {
+    const { username, avatar, text } = req.body;
+
+    // Validasi input
+    if (!username || !text) {
+      return res.status(400).json({ error: 'Username and text are required.' });
+    }
+
+    const avatarPath = path.join(avatar || './icon.jpg');
+    const imageBuffer = await generateThread(username, avatarPath, text);
+
+    // Mengirimkan hasil sebagai gambar
+    res.writeHead(200, {
+      'Content-Type': 'image/png',
+      'Content-Disposition': 'inline; filename="thread.png"',
+    });
+    res.end(imageBuffer);
+  } catch (error) {
+    console.error('Error generating thread:', error);
+    res.status(500).json({ error: 'An error occurred while generating the thread.' });
+  }
+});
+
 // Mulai server Express
 app.listen(port, () => {
   console.log(`Server berjalan di http://localhost:${port}`);