initial commit: rocket.new export of broadcastbeat
This commit is contained in:
Ryan Salazar
164
supabase/functions/send-article-notification/index.ts
Normal file
164
supabase/functions/send-article-notification/index.ts
Normal file
@@ -0,0 +1,164 @@
|
||||
import { serve } from "https://deno.land/std@0.192.0/http/server.ts";
|
||||
|
||||
serve(async (req) => {
|
||||
// ✅ CORS preflight
|
||||
if (req.method === "OPTIONS") {
|
||||
return new Response("ok", {
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
"Access-Control-Allow-Methods": "POST, OPTIONS",
|
||||
"Access-Control-Allow-Headers": "*",
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
try {
|
||||
const { article, subscribers } = await req.json();
|
||||
|
||||
if (!article || !article.title) {
|
||||
return new Response(JSON.stringify({ error: "Article data is required" }), {
|
||||
status: 400,
|
||||
headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" },
|
||||
});
|
||||
}
|
||||
|
||||
if (!subscribers || subscribers.length === 0) {
|
||||
return new Response(JSON.stringify({ error: "No subscribers provided" }), {
|
||||
status: 400,
|
||||
headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" },
|
||||
});
|
||||
}
|
||||
|
||||
const RESEND_API_KEY = Deno.env.get("RESEND_API_KEY");
|
||||
if (!RESEND_API_KEY) {
|
||||
throw new Error("RESEND_API_KEY is not set");
|
||||
}
|
||||
|
||||
const siteUrl = "https://broadcastb5322.builtwithrocket.new";
|
||||
const articleUrl = article.slug
|
||||
? `${siteUrl}/articles/${article.slug}`
|
||||
: article.wp_slug
|
||||
? `${siteUrl}/articles/${article.wp_slug}`
|
||||
: siteUrl;
|
||||
|
||||
const categoryLabel = article.category
|
||||
? `<span style="display:inline-block;background-color:#1e3a5f;color:#3b82f6;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:3px 10px;border-radius:2px;margin-bottom:16px;">${article.category}</span>`
|
||||
: "";
|
||||
|
||||
const featuredImageBlock = article.featured_image
|
||||
? `<img src="${article.featured_image}" alt="${article.featured_image_alt || article.title}" style="width:100%;max-width:600px;height:auto;display:block;margin-bottom:0;" />`
|
||||
: "";
|
||||
|
||||
const excerptBlock = article.excerpt
|
||||
? `<p style="margin:0 0 24px;font-size:15px;color:#aaaaaa;line-height:1.7;">${article.excerpt}</p>`
|
||||
: "";
|
||||
|
||||
const authorBlock = article.author_name
|
||||
? `<p style="margin:0 0 20px;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:0.06em;">By ${article.author_name}</p>`
|
||||
: "";
|
||||
|
||||
const htmlBody = `
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>${article.title} — BroadcastBeat</title>
|
||||
</head>
|
||||
<body style="margin:0;padding:0;background-color:#111111;font-family:Arial,Helvetica,sans-serif;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#111111;padding:40px 20px;">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table width="600" cellpadding="0" cellspacing="0" style="background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden;max-width:600px;width:100%;">
|
||||
<!-- Header -->
|
||||
<tr>
|
||||
<td style="background-color:#1a2535;padding:20px 32px;border-bottom:1px solid #2a3a50;">
|
||||
<a href="${siteUrl}" style="text-decoration:none;">
|
||||
<p style="margin:0;font-family:Georgia,serif;font-size:20px;font-weight:bold;color:#e8e8e8;letter-spacing:0.02em;">BroadcastBeat</p>
|
||||
<p style="margin:3px 0 0;font-size:10px;color:#888;letter-spacing:0.06em;text-transform:uppercase;">Digital Platform for Broadcast Engineering</p>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Featured Image -->
|
||||
${featuredImageBlock ? `<tr><td style="padding:0;">${featuredImageBlock}</td></tr>` : ""}
|
||||
<!-- Body -->
|
||||
<tr>
|
||||
<td style="padding:28px 32px 32px;">
|
||||
<p style="margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#cc0000;">New Article</p>
|
||||
${categoryLabel}
|
||||
<h1 style="margin:0 0 12px;font-family:Georgia,serif;font-size:22px;color:#e8e8e8;line-height:1.35;">
|
||||
<a href="${articleUrl}" style="color:#e8e8e8;text-decoration:none;">${article.title}</a>
|
||||
</h1>
|
||||
${authorBlock}
|
||||
${excerptBlock}
|
||||
<a href="${articleUrl}" style="display:inline-block;background-color:#cc0000;color:#ffffff;font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;padding:11px 26px;border-radius:2px;">
|
||||
Read Article →
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding:0 32px;">
|
||||
<div style="border-top:1px solid #2a2a2a;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td style="background-color:#0d0d0d;padding:20px 32px;border-top:1px solid #1a1a1a;">
|
||||
<p style="margin:0;font-size:11px;color:#555;line-height:1.6;">
|
||||
You're receiving this because you subscribed to BroadcastBeat article notifications.
|
||||
<br />
|
||||
<a href="${siteUrl}" style="color:#3b82f6;text-decoration:none;">Visit BroadcastBeat</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>`;
|
||||
|
||||
const results = { sent: 0, failed: 0, errors: [] as string[] };
|
||||
|
||||
// Send in batches of 50 to respect Resend rate limits
|
||||
const batchSize = 50;
|
||||
for (let i = 0; i < subscribers.length; i += batchSize) {
|
||||
const batch = subscribers.slice(i, i + batchSize);
|
||||
|
||||
const response = await fetch("https://api.resend.com/emails", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Authorization": `Bearer ${RESEND_API_KEY}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
from: "onboarding@resend.dev",
|
||||
to: batch,
|
||||
subject: `New Article: ${article.title}`,
|
||||
html: htmlBody,
|
||||
}),
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
if (!response.ok) {
|
||||
results.failed += batch.length;
|
||||
results.errors.push(data.message || "Batch send failed");
|
||||
} else {
|
||||
results.sent += batch.length;
|
||||
}
|
||||
}
|
||||
|
||||
return new Response(
|
||||
JSON.stringify({ success: true, sent: results.sent, failed: results.failed, errors: results.errors }),
|
||||
{
|
||||
headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" },
|
||||
}
|
||||
);
|
||||
} catch (error) {
|
||||
return new Response(JSON.stringify({ error: error.message }), {
|
||||
status: 500,
|
||||
headers: { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" },
|
||||
});
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user