95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
import type { EmailConfig, EmailUserConfig } from '@auth/core/providers/email';
|
|
import { UseSend } from 'usesend-js';
|
|
|
|
/** @todo Document this */
|
|
export const Usesend = (config: EmailUserConfig): EmailConfig => {
|
|
return {
|
|
id: 'usesend',
|
|
type: 'email',
|
|
name: 'Usesend',
|
|
from: 'TechTracker Admin <admin@mail.techtracker.gbrown.org>',
|
|
maxAge: 24 * 60 * 60,
|
|
async sendVerificationRequest(params) {
|
|
const { identifier: to, provider, url, theme } = params;
|
|
const { host } = new URL(url);
|
|
const useSend = new UseSend(
|
|
provider.apiKey,
|
|
'https://usesend.gbrown.org',
|
|
);
|
|
const { error } = await useSend.emails.send({
|
|
to,
|
|
from:
|
|
provider.from ??
|
|
'TechTracker Admin <admin@mail.techtracker.gbrown.org>',
|
|
subject: `Sign in to ${host}`,
|
|
html: html({ url, host, theme }),
|
|
text: text({ url, host }),
|
|
});
|
|
if (error) throw new Error('Usesend error: ' + error.message);
|
|
},
|
|
options: config,
|
|
};
|
|
};
|
|
|
|
type Theme = {
|
|
colorScheme?: 'auto' | 'dark' | 'light';
|
|
logo?: string;
|
|
brandColor?: string;
|
|
buttonText?: string;
|
|
};
|
|
|
|
const text = ({ url, host }: { url: string; host: string }) => {
|
|
return `Sign in to ${host}\n${url}\n\n`;
|
|
};
|
|
|
|
const html = (params: { url: string; host: string; theme: Theme }) => {
|
|
const { url, host, theme } = params;
|
|
|
|
const escapedHost = host.replace(/\./g, '​.');
|
|
|
|
const brandColor = theme.brandColor || '#346df1';
|
|
|
|
const buttonText = theme.buttonText || '#fff';
|
|
|
|
const color = {
|
|
background: '#f9f9f9',
|
|
text: '#444',
|
|
mainBackground: '#fff',
|
|
buttonBackground: brandColor,
|
|
buttonBorder: brandColor,
|
|
buttonText,
|
|
};
|
|
|
|
return `
|
|
<body style="background: ${color.background};">
|
|
<table width="100%" border="0" cellspacing="20" cellpadding="0"
|
|
style="background: ${color.mainBackground}; max-width: 600px; margin: auto; border-radius: 10px;">
|
|
<tr>
|
|
<td align="center"
|
|
style="padding: 10px 0px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; color: ${color.text};">
|
|
Sign in to <strong>${escapedHost}</strong>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="padding: 20px 0;">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="border-radius: 5px;" bgcolor="${color.buttonBackground}"><a href="${url}"
|
|
target="_blank"
|
|
style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: ${color.buttonText}; text-decoration: none; border-radius: 5px; padding: 10px 20px; border: 1px solid ${color.buttonBorder}; display: inline-block; font-weight: bold;">Sign
|
|
in</a></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center"
|
|
style="padding: 0px 0px 10px 0px; font-size: 16px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: ${color.text};">
|
|
If you did not request this email you can safely ignore it.
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
`;
|
|
};
|