0a8dd0b766
Transactional emails: - Add nodemailer SMTP email module with dev-mode console logging - Magic link template and welcome template with HTML + plain text - Wire sendMagicLink into login flow, sendWelcome into registration - Update privacy page and deploy docs for SMTP configuration Planner features: - No-go areas: draw polygons on map (leaflet-geoman), synced via Yjs, passed to BRouter as nogos parameter, route recomputes on change - Session notes: collaborative Y.Text textarea in sidebar tab - Crash recovery: periodic localStorage save of Yjs state, restore on reconnect - Rate limit session creation (10/IP/hour) in /new route Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
99 lines
4 KiB
TypeScript
99 lines
4 KiB
TypeScript
import { createTransport, type Transporter } from "nodemailer";
|
|
|
|
const FROM = process.env.SMTP_FROM ?? "trails.cool <noreply@trails.cool>";
|
|
|
|
let transporter: Transporter | null = null;
|
|
function getTransporter(): Transporter {
|
|
if (!transporter) {
|
|
const url = process.env.SMTP_URL;
|
|
if (!url) throw new Error("SMTP_URL is not set");
|
|
transporter = createTransport(url);
|
|
}
|
|
return transporter;
|
|
}
|
|
|
|
export async function sendEmail(
|
|
to: string,
|
|
subject: string,
|
|
html: string,
|
|
text: string,
|
|
): Promise<void> {
|
|
if (process.env.NODE_ENV !== "production") {
|
|
console.log(`[Email] To: ${to} | Subject: ${subject}`);
|
|
console.log(`[Email] Text:\n${text}`);
|
|
return;
|
|
}
|
|
|
|
await getTransporter().sendMail({ from: FROM, to, subject, html, text });
|
|
}
|
|
|
|
// --- Templates ---
|
|
|
|
export function magicLinkTemplate(link: string): { html: string; text: string } {
|
|
const html = `
|
|
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 480px; margin: 0 auto; padding: 40px 20px;">
|
|
<h1 style="font-size: 24px; font-weight: 600; color: #111;">Sign in to trails.cool</h1>
|
|
<p style="color: #555; line-height: 1.6;">Click the button below to sign in to your account. This link expires in 15 minutes.</p>
|
|
<a href="${link}" style="display: inline-block; margin: 24px 0; padding: 12px 24px; background: #2563eb; color: white; text-decoration: none; border-radius: 8px; font-weight: 500;">Sign In</a>
|
|
<p style="color: #888; font-size: 14px;">If the button doesn't work, copy and paste this link:<br/><a href="${link}" style="color: #2563eb;">${link}</a></p>
|
|
<hr style="border: none; border-top: 1px solid #eee; margin: 32px 0;" />
|
|
<p style="color: #aaa; font-size: 12px;">If you didn't request this link, you can safely ignore this email.</p>
|
|
</div>
|
|
`.trim();
|
|
|
|
const text = [
|
|
"Sign in to trails.cool",
|
|
"",
|
|
`Click here to sign in: ${link}`,
|
|
"",
|
|
"This link expires in 15 minutes.",
|
|
"",
|
|
"If you didn't request this link, you can safely ignore this email.",
|
|
].join("\n");
|
|
|
|
return { html, text };
|
|
}
|
|
|
|
export function welcomeTemplate(username: string): { html: string; text: string } {
|
|
const html = `
|
|
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 480px; margin: 0 auto; padding: 40px 20px;">
|
|
<h1 style="font-size: 24px; font-weight: 600; color: #111;">Welcome to trails.cool, ${username}!</h1>
|
|
<p style="color: #555; line-height: 1.6;">Your account is ready. Here's what you can do:</p>
|
|
<ul style="color: #555; line-height: 1.8; padding-left: 20px;">
|
|
<li>Save and manage your routes</li>
|
|
<li>Track outdoor activities</li>
|
|
<li>Plan routes collaboratively in the Planner</li>
|
|
<li>Export routes as GPX for any GPS device</li>
|
|
</ul>
|
|
<a href="https://trails.cool/routes" style="display: inline-block; margin: 24px 0; padding: 12px 24px; background: #2563eb; color: white; text-decoration: none; border-radius: 8px; font-weight: 500;">View Your Routes</a>
|
|
<hr style="border: none; border-top: 1px solid #eee; margin: 32px 0;" />
|
|
<p style="color: #aaa; font-size: 12px;">trails.cool — Your outdoor activity journal</p>
|
|
</div>
|
|
`.trim();
|
|
|
|
const text = [
|
|
`Welcome to trails.cool, ${username}!`,
|
|
"",
|
|
"Your account is ready. Here's what you can do:",
|
|
"- Save and manage your routes",
|
|
"- Track outdoor activities",
|
|
"- Plan routes collaboratively in the Planner",
|
|
"- Export routes as GPX for any GPS device",
|
|
"",
|
|
"View your routes: https://trails.cool/routes",
|
|
].join("\n");
|
|
|
|
return { html, text };
|
|
}
|
|
|
|
// --- Convenience wrappers ---
|
|
|
|
export async function sendMagicLink(email: string, link: string): Promise<void> {
|
|
const { html, text } = magicLinkTemplate(link);
|
|
await sendEmail(email, "Sign in to trails.cool", html, text);
|
|
}
|
|
|
|
export async function sendWelcome(email: string, username: string): Promise<void> {
|
|
const { html, text } = welcomeTemplate(username);
|
|
await sendEmail(email, "Welcome to trails.cool!", html, text);
|
|
}
|