mirror of
https://github.com/juherr/kill-the-news.git
synced 2026-06-20 22:03:48 +00:00
Julien Herr
41efee44ca
Hono's `html` tagged template auto-escapes all interpolated values; `raw()` is used for the email body which must render as HTML. This removes the ad-hoc utility and aligns entries.ts with the same pattern already used in admin.ts. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
import { Context } from "hono";
|
|
import { html, raw } from "hono/html";
|
|
import { Env, FeedMetadata, EmailData } from "../types";
|
|
|
|
export async function handle(c: Context): Promise<Response> {
|
|
const env = c.env as unknown as Env;
|
|
const feedId = c.req.param("feedId");
|
|
const receivedAt = parseInt(c.req.param("entryId"), 10);
|
|
|
|
if (!feedId || isNaN(receivedAt)) {
|
|
return new Response("Not Found", { status: 404 });
|
|
}
|
|
|
|
const emailStorage = env.EMAIL_STORAGE;
|
|
|
|
const feedMetadata = (await emailStorage.get(
|
|
`feed:${feedId}:metadata`,
|
|
"json",
|
|
)) as FeedMetadata | null;
|
|
if (!feedMetadata) {
|
|
return new Response("Feed not found", { status: 404 });
|
|
}
|
|
|
|
const metaEntry = feedMetadata.emails.find((e) => e.receivedAt === receivedAt);
|
|
if (!metaEntry) {
|
|
return new Response("Entry not found", { status: 404 });
|
|
}
|
|
|
|
const emailData = (await emailStorage.get(
|
|
metaEntry.key,
|
|
"json",
|
|
)) as EmailData | null;
|
|
if (!emailData) {
|
|
return new Response("Entry not found", { status: 404 });
|
|
}
|
|
|
|
c.header(
|
|
"Content-Security-Policy",
|
|
"default-src 'none'; style-src 'unsafe-inline'; img-src *; frame-src 'none'",
|
|
);
|
|
|
|
return c.html(html`<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>${emailData.subject}</title>
|
|
<style>
|
|
body { font-family: sans-serif; max-width: 800px; margin: 0 auto; padding: 1rem; }
|
|
.meta { color: #666; font-size: 0.875rem; margin-bottom: 1.5rem; border-bottom: 1px solid #eee; padding-bottom: 0.75rem; }
|
|
.meta dt { display: inline; font-weight: bold; }
|
|
.meta dd { display: inline; margin: 0 1rem 0 0.25rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>${emailData.subject}</h1>
|
|
<dl class="meta">
|
|
<dt>From:</dt><dd>${emailData.from}</dd>
|
|
<dt>Date:</dt><dd>${new Date(emailData.receivedAt).toUTCString()}</dd>
|
|
</dl>
|
|
<div class="content">${raw(emailData.content)}</div>
|
|
</body>
|
|
</html>`);
|
|
}
|