Feature/92 editable email templates #112

Merged
bermudalamb merged 2 commits from feature/92-editable-email-templates into main 2026-08-22 08:35:24 -05:00
12 changed files with 797 additions and 45 deletions
Showing only changes of commit 4ed9513ad2 - Show all commits
+119
View File
@@ -8,10 +8,12 @@
"name": "redefined-designs-backend", "name": "redefined-designs-backend",
"version": "1.0.0", "version": "1.0.0",
"dependencies": { "dependencies": {
"@types/markdown-it": "^14.2.0",
"bcryptjs": "^2.4.3", "bcryptjs": "^2.4.3",
"cookie-parser": "^1.4.6", "cookie-parser": "^1.4.6",
"express": "^4.19.2", "express": "^4.19.2",
"express-rate-limit": "^8.6.2", "express-rate-limit": "^8.6.2",
"markdown-it": "^15.0.0",
"multer": "^1.4.5-lts.1", "multer": "^1.4.5-lts.1",
"node-cron": "^3.0.3", "node-cron": "^3.0.3",
"node-pg-migrate": "^7.6.1", "node-pg-migrate": "^7.6.1",
@@ -1944,6 +1946,28 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/@types/linkify-it": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
"integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
"license": "MIT"
},
"node_modules/@types/markdown-it": {
"version": "14.2.0",
"resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.2.0.tgz",
"integrity": "sha512-NoQ2yGlLWj4wpxMs+TYmRKk3thDrQ97agr7sFqfLsAlvoS8SNQuTrlObhFqG9iugdTtgOE9jpJ6FNM4ZGsa5xQ==",
"license": "MIT",
"dependencies": {
"@types/linkify-it": "^5",
"@types/mdurl": "^2"
}
},
"node_modules/@types/mdurl": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
"integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
"license": "MIT"
},
"node_modules/@types/methods": { "node_modules/@types/methods": {
"version": "1.1.4", "version": "1.1.4",
"resolved": "https://registry.npmjs.org/@types/methods/-/methods-1.1.4.tgz", "resolved": "https://registry.npmjs.org/@types/methods/-/methods-1.1.4.tgz",
@@ -3401,6 +3425,18 @@
"node": ">= 0.8" "node": ">= 0.8"
} }
}, },
"node_modules/entities": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
"integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
"license": "BSD-2-Clause",
"engines": {
"node": ">=20.19.0"
},
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/error-ex": { "node_modules/error-ex": {
"version": "1.3.4", "version": "1.3.4",
"resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
@@ -5562,6 +5598,25 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/linkify-it": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-6.1.0.tgz",
"integrity": "sha512-wJ/TwpSDTLepCrQoYWYIExIKg5Zchex2Nn5yk2mFnB+6PtdkHtyLx742md9csRjjOnGkKIS/RrbY7l8D6gT9Vw==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/markdown-it"
}
],
"license": "MIT",
"dependencies": {
"uc.micro": "^3.0.0"
}
},
"node_modules/locate-path": { "node_modules/locate-path": {
"version": "5.0.0", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -5645,6 +5700,49 @@
"tmpl": "1.0.5" "tmpl": "1.0.5"
} }
}, },
"node_modules/markdown-it": {
"version": "15.0.0",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-15.0.0.tgz",
"integrity": "sha512-Lf8ajvVNdRpzSNB4VegxNy7gjs8gU35l4b4+ET49LrQC5PKYwLZ72u60LeJ9gv3qiaesuYjJWCyVeQmv/QWKQw==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/markdown-it"
}
],
"license": "MIT",
"dependencies": {
"argparse": "^3.0.0",
"entities": "^8.0.0",
"linkify-it": "^6.0.0",
"mdurl": "^2.1.0",
"punycode.js": "^2.3.1",
"uc.micro": "^3.0.0"
},
"bin": {
"markdown-it": "bin/markdown-it.mjs"
}
},
"node_modules/markdown-it/node_modules/argparse": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-3.0.0.tgz",
"integrity": "sha512-BOp5NMrHqKxmq/OLr+clzzrRxgOKSLkcjmkWuChp7Irqwn4s74WjOBPIgWfA/HMcBnVkZ5XEuf9uUqzlpfCQ6A==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/nodeca"
}
],
"license": "Python-2.0"
},
"node_modules/math-intrinsics": { "node_modules/math-intrinsics": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -5654,6 +5752,12 @@
"node": ">= 0.4" "node": ">= 0.4"
} }
}, },
"node_modules/mdurl": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.1.0.tgz",
"integrity": "sha512-1+HBaOx0zi/dQWht8rNv9MYf9qqpqL/kxI0hXImU6Y547zM6Sni8BQibt7ifgMcYtQg41ao3Ivd6cnSM86inpg==",
"license": "MIT"
},
"node_modules/media-typer": { "node_modules/media-typer": {
"version": "0.3.0", "version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -6472,6 +6576,15 @@
"node": ">=6" "node": ">=6"
} }
}, },
"node_modules/punycode.js": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
"integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
"license": "MIT",
"engines": {
"node": ">=6"
}
},
"node_modules/pure-rand": { "node_modules/pure-rand": {
"version": "6.1.0", "version": "6.1.0",
"resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz", "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
@@ -7428,6 +7541,12 @@
"typescript": ">=4.8.4 <6.1.0" "typescript": ">=4.8.4 <6.1.0"
} }
}, },
"node_modules/uc.micro": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-3.0.0.tgz",
"integrity": "sha512-U3PppEkleoTnIfi8BozMx3yju3qc/L6SwqWo2Sw+54PX+PX0q9I+r1Um5HCmqD7n9VDX5/v3vQH/AjA6deDdtw==",
"license": "MIT"
},
"node_modules/uglify-js": { "node_modules/uglify-js": {
"version": "3.19.3", "version": "3.19.3",
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
+2
View File
@@ -22,10 +22,12 @@
"migrate:create": "node-pg-migrate create --migration-file-language js" "migrate:create": "node-pg-migrate create --migration-file-language js"
}, },
"dependencies": { "dependencies": {
"@types/markdown-it": "^14.2.0",
"bcryptjs": "^2.4.3", "bcryptjs": "^2.4.3",
"cookie-parser": "^1.4.6", "cookie-parser": "^1.4.6",
"express": "^4.19.2", "express": "^4.19.2",
"express-rate-limit": "^8.6.2", "express-rate-limit": "^8.6.2",
"markdown-it": "^15.0.0",
"multer": "^1.4.5-lts.1", "multer": "^1.4.5-lts.1",
"node-cron": "^3.0.3", "node-cron": "^3.0.3",
"node-pg-migrate": "^7.6.1", "node-pg-migrate": "^7.6.1",
+2
View File
@@ -6,6 +6,7 @@ import { router as cartCheckoutRouter, webhookRouter as cartCheckoutWebhookRoute
import adminRouter from './routes/admin'; import adminRouter from './routes/admin';
import adminCustomersRouter from './routes/adminCustomers'; import adminCustomersRouter from './routes/adminCustomers';
import adminSettingsRouter from './routes/adminSettings'; import adminSettingsRouter from './routes/adminSettings';
import adminEmailTemplatesRouter from './routes/adminEmailTemplates';
import adminCategoriesRouter from './routes/adminCategories'; import adminCategoriesRouter from './routes/adminCategories';
import adminTagsRouter from './routes/adminTags'; import adminTagsRouter from './routes/adminTags';
import filtersRouter from './routes/filters'; import filtersRouter from './routes/filters';
@@ -54,6 +55,7 @@ app.use('/api/checkout/cart', cartCheckoutRouter);
// instead of being quietly public. See middleware/adminGate.ts and #63. // instead of being quietly public. See middleware/adminGate.ts and #63.
app.use('/api/admin/customers', requireAdminGate, adminCustomersRouter); app.use('/api/admin/customers', requireAdminGate, adminCustomersRouter);
app.use('/api/admin/settings', requireAdminGate, adminSettingsRouter); app.use('/api/admin/settings', requireAdminGate, adminSettingsRouter);
app.use('/api/admin/email-templates', requireAdminGate, adminEmailTemplatesRouter);
app.use('/api/admin/categories', requireAdminGate, adminCategoriesRouter); app.use('/api/admin/categories', requireAdminGate, adminCategoriesRouter);
app.use('/api/admin/tags', requireAdminGate, adminTagsRouter); app.use('/api/admin/tags', requireAdminGate, adminTagsRouter);
app.use('/api/admin', requireAdminGate, adminRouter); app.use('/api/admin', requireAdminGate, adminRouter);
+172
View File
@@ -0,0 +1,172 @@
import MarkdownIt from 'markdown-it';
/**
* The five customer emails, their default copy, and the rules for editing it.
*
* Bodies are markdown rather than HTML. `html: false` is markdown-it's default
* and is the point of choosing it: raw HTML in a stored body is escaped, not
* passed through, so editing copy from the settings screen cannot put script
* into a customer's inbox. That is a stronger guarantee than sanitising output
* afterwards, because there is no output to sanitise.
*/
const md = new MarkdownIt({ html: false, linkify: true });
export type TemplateKey =
| 'verification'
| 'passwordReset'
| 'favoriteSold'
| 'favoriteWithdrawn'
| 'cartReminder';
export interface TemplateDefinition {
/** Shown in the admin so a card is identifiable without reading its body. */
label: string;
/**
* Placeholders a body must contain. Saving without one is refused: a reset
* email with no link still sends, still looks fine in the log, and is useless
* to everyone who receives it.
*/
required: readonly string[];
/** Every placeholder this template understands, for the admin to see. */
available: readonly string[];
defaultSubject: string;
defaultBody: string;
/**
* Appended after rendering and deliberately not editable. The favorite alerts
* carry a consent notice explaining why the customer is receiving them, which
* is a compliance artifact rather than copy — editing wording should not be
* able to delete the sentence that makes the email lawful to send.
*/
footer?: string;
}
const FAVORITE_CONSENT_FOOTER =
'<p>You are receiving this because you asked to be told when a favorited item becomes ' +
'unavailable. You can turn these off on your account page.</p>';
export const TEMPLATES: Record<TemplateKey, TemplateDefinition> = {
verification: {
label: 'Email verification',
required: ['verifyUrl'],
available: ['greeting', 'verifyUrl'],
defaultSubject: 'Confirm your email address',
defaultBody:
'{{greeting}}\n\n' +
'Please confirm this address so we know we can reach you.\n\n' +
'[Confirm my email]({{verifyUrl}})\n\n' +
'This link expires in 24 hours.'
},
passwordReset: {
label: 'Password reset',
required: ['resetUrl'],
available: ['greeting', 'resetUrl'],
defaultSubject: 'Reset your Redefined Designs password',
defaultBody:
'Someone asked to reset the password for this account.\n\n' +
'[Choose a new password]({{resetUrl}}). This link expires in one hour.\n\n' +
"If this wasn't you, you can ignore this email — your password has not changed."
},
favoriteSold: {
label: 'Favorited item sold',
required: ['itemName'],
available: ['itemName', 'siteUrl'],
defaultSubject: '"{{itemName}}" has been sold',
defaultBody:
'An item you favorited has been sold to another customer, so it is no longer available.\n\n' +
'**{{itemName}}**\n\n' +
'Every piece is one of a kind, so this one will not be restocked. You can browse what is ' +
'still available at [Redefined Designs]({{siteUrl}}).',
footer: FAVORITE_CONSENT_FOOTER
},
favoriteWithdrawn: {
label: 'Favorited item withdrawn',
required: ['itemName'],
available: ['itemName', 'siteUrl'],
defaultSubject: '"{{itemName}}" is no longer available',
defaultBody:
'An item you favorited has been withdrawn and is no longer available.\n\n' +
'**{{itemName}}**\n\n' +
'You can browse what is still available at [Redefined Designs]({{siteUrl}}).',
footer: FAVORITE_CONSENT_FOOTER
},
cartReminder: {
label: 'Cart reminder',
required: ['itemList', 'cartUrl'],
available: ['greeting', 'itemList', 'cartUrl'],
defaultSubject: 'Items waiting in your cart',
defaultBody:
'{{greeting}}\n\n' +
'You still have items in your cart at Redefined Designs:\n\n' +
'{{itemList}}\n\n' +
'[View your cart]({{cartUrl}}) before your reservation expires.'
}
};
/**
* The `{{greeting}}` value: "Hi Thom," when a first name is known, "Hi,"
* otherwise.
*
* One placeholder rather than a bare name, so a template author writes
* `{{greeting}}` on its own line instead of `Hi {{firstName}},` — which reads
* as "Hi ," for anyone who registered before first names were required (#106).
*/
export function greeting(firstName: string | null | undefined): string {
const name = (firstName ?? '').trim();
return name ? `Hi ${name},` : 'Hi,';
}
/** Matches `{{name}}`, tolerating whitespace inside the braces. */
const PLACEHOLDER = /\{\{\s*(\w+)\s*\}\}/g;
/**
* Which of a template's required placeholders a candidate body is missing.
*
* Returns all of them rather than the first, so a save that dropped two says so
* once instead of over two attempts.
*/
export function missingPlaceholders(key: TemplateKey, body: string): string[] {
const present = new Set<string>();
for (const match of body.matchAll(PLACEHOLDER)) {
present.add(match[1]);
}
return TEMPLATES[key].required.filter((name) => !present.has(name));
}
function substitute(text: string, values: Record<string, string>): string {
return text.replace(PLACEHOLDER, (whole, name: string) =>
Object.prototype.hasOwnProperty.call(values, name) ? values[name] : whole
);
}
export interface StoredTemplate {
subject?: string | null;
body?: string | null;
}
/**
* Produces the subject and HTML for one email.
*
* Values are substituted into the markdown *before* rendering, which is why a
* value that should become a list has to arrive as markdown — emitting HTML
* here would be escaped and shown to the customer as literal tags.
*
* An absent or blank stored value falls back to the built-in default, so an
* unconfigured install behaves exactly as it did before any of this existed.
*/
export function renderTemplate(
key: TemplateKey,
stored: StoredTemplate,
values: Record<string, string>
): { subject: string; html: string } {
const definition = TEMPLATES[key];
const subjectSource = stored.subject?.trim() ? stored.subject : definition.defaultSubject;
const bodySource = stored.body?.trim() ? stored.body : definition.defaultBody;
const html = md.render(substitute(bodySource, values)) + (definition.footer ?? '');
return { subject: substitute(subjectSource, values), html };
}
+23 -23
View File
@@ -1,5 +1,7 @@
import { pool } from './db'; import { pool } from './db';
import { sendMail } from './mailer'; import { sendMail } from './mailer';
import { renderTemplate, TemplateKey } from './emailTemplates';
import { loadStoredTemplate } from './routes/adminEmailTemplates';
// Shown to the customer when they opt in, and stored verbatim against their // Shown to the customer when they opt in, and stored verbatim against their
// consent so the record says what they actually agreed to — the same pattern // consent so the record says what they actually agreed to — the same pattern
@@ -42,15 +44,24 @@ export async function collectFavoriteRecipients(
// thing the customer asked to hear about. Sent independently so one bad // thing the customer asked to hear about. Sent independently so one bad
// address cannot stop the rest — and whatever prompted this has already // address cannot stop the rest — and whatever prompted this has already
// happened regardless of whether the mail goes out. // happened regardless of whether the mail goes out.
function send(recipients: FavoriteRecipient[], subject: (name: string) => string, body: (name: string) => string): void { async function send(recipients: FavoriteRecipient[], key: TemplateKey): Promise<void> {
if (!recipients.length) return;
// Loaded once for the batch rather than per recipient: the copy is the same
// for everyone, only the item name differs.
const stored = await loadStoredTemplate(key);
const siteUrl = process.env.PUBLIC_URL ?? '';
for (const recipient of recipients) { for (const recipient of recipients) {
sendMail(recipient.email, subject(recipient.item_name), body(recipient.item_name)) const { subject, html } = renderTemplate(key, stored, {
itemName: recipient.item_name,
siteUrl
});
sendMail(recipient.email, subject, html)
.catch(err => console.error('favorite alert failed', err)); .catch(err => console.error('favorite alert failed', err));
} }
} }
const FOOTER = `<p>You are receiving this because you asked to be told when a favorited item becomes
unavailable. You can turn these off on your account page.</p>`;
// Called *after* the sale has been committed, never inside the transaction. // Called *after* the sale has been committed, never inside the transaction.
// Emailing about a sale that then rolled back would be worse than a late // Emailing about a sale that then rolled back would be worse than a late
@@ -60,27 +71,16 @@ const FOOTER = `<p>You are receiving this because you asked to be told when a fa
// longer available reads as a bug. // longer available reads as a bug.
export async function notifyFavoritersOfSale(itemIds: number[], buyerId: number | null): Promise<void> { export async function notifyFavoritersOfSale(itemIds: number[], buyerId: number | null): Promise<void> {
const recipients = await collectFavoriteRecipients(itemIds, buyerId); const recipients = await collectFavoriteRecipients(itemIds, buyerId);
send( await send(recipients, 'favoriteSold');
recipients,
name => `"${name}" has been sold`,
name => `<p>An item you favorited has been sold to another customer, so it is no longer available.</p>
<p><b>${name}</b></p>
<p>Every piece is one of a kind, so this one will not be restocked. You can browse what is
still available at <a href="${process.env.PUBLIC_URL}">Redefined Designs</a>.</p>
${FOOTER}`
);
} }
// Sent when an item is withdrawn from sale rather than sold. Recipients must be // Sent when an item is withdrawn from sale rather than sold. Recipients must be
// collected before the delete, since the favorites rows cascade with the item. // collected before the delete, since the favorites rows cascade with the item.
export function notifyFavoritersOfRemoval(recipients: FavoriteRecipient[]): void { // Async now that the copy is loaded from the database before rendering. It was
send( // previously synchronous in dispatch — the sends were fire-and-forget, but they
recipients, // were *started* before the caller returned. Leaving it fire-and-forget would
name => `"${name}" is no longer available`, // mean the response can beat the mail out of the door, which is a behaviour
name => `<p>An item you favorited has been withdrawn and is no longer available.</p> // change nobody asked for and which the withdrawal test caught.
<p><b>${name}</b></p> export async function notifyFavoritersOfRemoval(recipients: FavoriteRecipient[]): Promise<void> {
<p>You can browse what is still available at await send(recipients, 'favoriteWithdrawn');
<a href="${process.env.PUBLIC_URL}">Redefined Designs</a>.</p>
${FOOTER}`
);
} }
+1 -1
View File
@@ -346,7 +346,7 @@ router.delete('/items/:id', asyncRoute(async (req: Request, res: Response) => {
// Sent only once the delete has succeeded, so nobody hears about a withdrawal // Sent only once the delete has succeeded, so nobody hears about a withdrawal
// that did not happen. // that did not happen.
notifyFavoritersOfRemoval(recipients); await notifyFavoritersOfRemoval(recipients);
res.status(204).end(); res.status(204).end();
})); }));
+112
View File
@@ -0,0 +1,112 @@
import { Router, Request, Response } from 'express';
import { pool } from '../db';
import { asyncRoute } from '../asyncRoute';
import { TEMPLATES, TemplateKey, StoredTemplate, missingPlaceholders } from '../emailTemplates';
const router = Router();
const KEYS = Object.keys(TEMPLATES) as TemplateKey[];
// Stored in admin_settings rather than a table of their own: it is already a
// key/value store with a settled read/write shape, and five templates is not a
// schema.
const settingKey = (key: TemplateKey, part: 'subject' | 'body') => `email_${key}_${part}`;
function isTemplateKey(value: unknown): value is TemplateKey {
return typeof value === 'string' && (KEYS as string[]).includes(value);
}
export async function loadStoredTemplate(key: TemplateKey): Promise<StoredTemplate> {
const { rows } = await pool.query(`SELECT key, value FROM admin_settings WHERE key = ANY($1)`, [
[settingKey(key, 'subject'), settingKey(key, 'body')]
]);
const stored: StoredTemplate = {};
for (const row of rows) {
if (row.key === settingKey(key, 'subject')) stored.subject = row.value;
if (row.key === settingKey(key, 'body')) stored.body = row.value;
}
return stored;
}
// Returns the definitions alongside whatever is stored, so the admin screen can
// show the placeholders a template accepts and which of them it must keep,
// rather than the editor having to know.
router.get('/', asyncRoute(async (_req: Request, res: Response) => {
const { rows } = await pool.query(
`SELECT key, value FROM admin_settings WHERE key LIKE 'email\\_%'`
);
const stored = new Map<string, string>(rows.map((r) => [r.key, r.value]));
res.json(
KEYS.map((key) => ({
key,
label: TEMPLATES[key].label,
required: TEMPLATES[key].required,
available: TEMPLATES[key].available,
defaultSubject: TEMPLATES[key].defaultSubject,
defaultBody: TEMPLATES[key].defaultBody,
// Null rather than the default, so the admin can tell "not customised"
// from "customised to exactly the default text".
subject: stored.get(settingKey(key, 'subject')) ?? null,
body: stored.get(settingKey(key, 'body')) ?? null
}))
);
}));
router.put('/:key', asyncRoute(async (req: Request, res: Response) => {
const key = req.params.key;
if (!isTemplateKey(key)) {
return res.status(404).json({ error: 'unknown template' });
}
const subject = typeof req.body?.subject === 'string' ? req.body.subject.trim() : '';
const body = typeof req.body?.body === 'string' ? req.body.body.trim() : '';
if (!subject) {
return res.status(400).json({ error: 'a subject is required' });
}
if (!body) {
return res.status(400).json({ error: 'a body is required' });
}
// The rule that makes this feature safe rather than a way to break password
// resets from a settings screen. A body without its link still sends, still
// looks correct in the log, and is useless to everyone who receives it — so
// the save is refused rather than warned about.
const missing = missingPlaceholders(key, body);
if (missing.length) {
const named = missing.map((name) => '{{' + name + '}}').join(' and ');
return res.status(400).json({ error: `the body must keep ${named}` });
}
for (const [part, value] of [
['subject', subject],
['body', body]
] as const) {
await pool.query(
`INSERT INTO admin_settings (key, value, updated_at) VALUES ($1, $2, now())
ON CONFLICT (key) DO UPDATE SET value = $2, updated_at = now()`,
[settingKey(key, part), value]
);
}
res.json({ key, subject, body });
}));
// Restores the built-in copy by removing the stored rows, rather than by
// writing the default into them — so "not customised" stays distinguishable
// from "customised back to the original wording".
router.delete('/:key', asyncRoute(async (req: Request, res: Response) => {
const key = req.params.key;
if (!isTemplateKey(key)) {
return res.status(404).json({ error: 'unknown template' });
}
await pool.query(`DELETE FROM admin_settings WHERE key = ANY($1)`, [
[settingKey(key, 'subject'), settingKey(key, 'body')]
]);
res.json({ key, subject: null, body: null });
}));
export default router;
+14 -12
View File
@@ -4,6 +4,8 @@ import crypto from 'node:crypto';
import { pool } from '../db'; import { pool } from '../db';
import { requireCustomer } from '../middleware/customerAuth'; import { requireCustomer } from '../middleware/customerAuth';
import { sendMail } from '../mailer'; import { sendMail } from '../mailer';
import { renderTemplate, greeting } from '../emailTemplates';
import { loadStoredTemplate } from './adminEmailTemplates';
import { MARKETING_CONSENT_TEXT, isValidEmail } from '../utils'; import { MARKETING_CONSENT_TEXT, isValidEmail } from '../utils';
import { FAVORITE_ALERTS_CONSENT_TEXT } from '../favoriteAlerts'; import { FAVORITE_ALERTS_CONSENT_TEXT } from '../favoriteAlerts';
import { asyncRoute } from '../asyncRoute'; import { asyncRoute } from '../asyncRoute';
@@ -103,11 +105,12 @@ router.post('/register', asyncRoute(async (req: Request, res: Response) => {
[verifyToken, customer.id, new Date(Date.now() + 24 * 60 * 60 * 1000)] [verifyToken, customer.id, new Date(Date.now() + 24 * 60 * 60 * 1000)]
); );
const verifyUrl = `${process.env.PUBLIC_URL}/verify-email?token=${verifyToken}`; const verifyUrl = `${process.env.PUBLIC_URL}/verify-email?token=${verifyToken}`;
sendMail( const verifyTemplate = renderTemplate('verification', await loadStoredTemplate('verification'), {
customer.email, greeting: greeting(customer.first_name),
'Verify your Redefined Designs account', verifyUrl
`<p>Welcome! Please <a href="${verifyUrl}">verify your email</a> to finish setting up your account.</p>` });
).catch(err => console.error('verify email send failed', err)); sendMail(customer.email, verifyTemplate.subject, verifyTemplate.html)
.catch(err => console.error('verify email send failed', err));
const sessionToken = await createSession(customer.id); const sessionToken = await createSession(customer.id);
setSessionCookie(res, sessionToken); setSessionCookie(res, sessionToken);
@@ -154,13 +157,12 @@ router.post('/request-password-reset', passwordResetRequestLimiter, asyncRoute(a
); );
const resetUrl = `${process.env.PUBLIC_URL}/reset-password?token=${token}`; const resetUrl = `${process.env.PUBLIC_URL}/reset-password?token=${token}`;
sendMail( const resetTemplate = renderTemplate('passwordReset', await loadStoredTemplate('passwordReset'), {
customer.email, greeting: greeting(customer.first_name),
'Reset your Redefined Designs password', resetUrl
`<p>Someone asked to reset the password for this account.</p> });
<p><a href="${resetUrl}">Choose a new password</a>. This link expires in one hour.</p> sendMail(customer.email, resetTemplate.subject, resetTemplate.html)
<p>If this wasn't you, you can ignore this email — your password has not changed.</p>` .catch(err => console.error('password reset email send failed', err));
).catch(err => console.error('password reset email send failed', err));
} }
res.json({ status: 'sent' }); res.json({ status: 'sent' });
+19 -9
View File
@@ -2,6 +2,8 @@ import cron from 'node-cron';
import app from './app'; import app from './app';
import { pool } from './db'; import { pool } from './db';
import { sendMail } from './mailer'; import { sendMail } from './mailer';
import { renderTemplate, greeting } from './emailTemplates';
import { loadStoredTemplate } from './routes/adminEmailTemplates';
import { validateEnv } from './envValidation'; import { validateEnv } from './envValidation';
// Release cart holds whose expiry has passed. // Release cart holds whose expiry has passed.
@@ -39,16 +41,24 @@ async function sendCartReminders(): Promise<void> {
byEmail.get(row.email)!.items.push({ name: row.item_name, expiresAt: row.expires_at, cartItemId: row.cart_item_id }); byEmail.get(row.email)!.items.push({ name: row.item_name, expiresAt: row.expires_at, cartItemId: row.cart_item_id });
} }
// Loaded once rather than per recipient: the copy is shared, only the
// greeting and the item list differ.
const stored = await loadStoredTemplate('cartReminder');
for (const [email, data] of byEmail) { for (const [email, data] of byEmail) {
const itemList = data.items.map(i => `<li>${i.name} — reserved until ${i.expiresAt.toLocaleString()}</li>`).join(''); // Markdown, not HTML. Values are substituted into the template source
await sendMail( // before it is rendered, and the renderer escapes raw HTML — so an <li>
email, // here would reach the customer as literal angle brackets.
'Items waiting in your cart', const itemList = data.items
`<p>Hi${data.firstName ? ' ' + data.firstName : ''},</p> .map(i => `- ${i.name} — reserved until ${i.expiresAt.toLocaleString()}`)
<p>You still have items in your cart at Redefined Designs:</p> .join('\n');
<ul>${itemList}</ul>
<p><a href="${process.env.PUBLIC_URL}/cart">View your cart</a> before your reservation expires.</p>` const { subject, html } = renderTemplate('cartReminder', stored, {
); greeting: greeting(data.firstName),
itemList,
cartUrl: `${process.env.PUBLIC_URL}/cart`
});
await sendMail(email, subject, html);
const ids = data.items.map(i => i.cartItemId); const ids = data.items.map(i => i.cartItemId);
await pool.query(`UPDATE cart_items SET last_reminder_sent_at = now() WHERE id = ANY($1::int[])`, [ids]); await pool.query(`UPDATE cart_items SET last_reminder_sent_at = now() WHERE id = ANY($1::int[])`, [ids]);
} }
@@ -0,0 +1,177 @@
import request from 'supertest';
import app from '../../src/app';
import { pool } from '../../src/db';
import { resetDb, closeDb } from './setup/testDb';
import { renderTemplate } from '../../src/emailTemplates';
import { loadStoredTemplate } from '../../src/routes/adminEmailTemplates';
beforeEach(async () => {
// resetDb clears stored email templates as well, so a template saved by one
// test cannot change the mail another asserts on.
await resetDb();
});
afterAll(async () => {
await pool.end();
await closeDb();
});
const VALID_RESET_BODY = 'New copy. [Choose a new password]({{resetUrl}}) within the hour.';
describe('GET /api/admin/email-templates', () => {
it('lists every template with its defaults and placeholder rules', async () => {
const res = await request(app).get('/api/admin/email-templates');
expect(res.status).toBe(200);
expect(res.body.map((t: { key: string }) => t.key).sort()).toEqual([
'cartReminder',
'favoriteSold',
'favoriteWithdrawn',
'passwordReset',
'verification'
]);
const reset = res.body.find((t: { key: string }) => t.key === 'passwordReset');
expect(reset.required).toEqual(['resetUrl']);
expect(reset.defaultBody).toContain('{{resetUrl}}');
});
// Null rather than the default text, so the screen can tell "never edited"
// from "edited to something identical to the default".
it('reports an uncustomised template as null rather than as its default', async () => {
const res = await request(app).get('/api/admin/email-templates');
const reset = res.body.find((t: { key: string }) => t.key === 'passwordReset');
expect(reset.subject).toBeNull();
expect(reset.body).toBeNull();
});
});
describe('PUT /api/admin/email-templates/:key', () => {
it('stores a replacement subject and body', async () => {
const res = await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Your reset link', body: VALID_RESET_BODY });
expect(res.status).toBe(200);
const listed = await request(app).get('/api/admin/email-templates');
const reset = listed.body.find((t: { key: string }) => t.key === 'passwordReset');
expect(reset.subject).toBe('Your reset link');
expect(reset.body).toBe(VALID_RESET_BODY);
});
// The rule that keeps this from being a way to break password resets from a
// settings screen.
it('refuses a body that has dropped the required placeholder', async () => {
const res = await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Your reset link', body: 'Just click the thing.' });
expect(res.status).toBe(400);
expect(res.body.error).toContain('{{resetUrl}}');
});
it('names every missing placeholder, not just the first', async () => {
const res = await request(app)
.put('/api/admin/email-templates/cartReminder')
.send({ subject: 'Your cart', body: 'You left things behind.' });
expect(res.status).toBe(400);
expect(res.body.error).toContain('{{itemList}}');
expect(res.body.error).toContain('{{cartUrl}}');
});
it('refuses an empty subject or body', async () => {
const noSubject = await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: ' ', body: VALID_RESET_BODY });
expect(noSubject.status).toBe(400);
const noBody = await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Something', body: ' ' });
expect(noBody.status).toBe(400);
});
it('refuses a template key it does not recognise', async () => {
const res = await request(app)
.put('/api/admin/email-templates/invoiceOverdue')
.send({ subject: 'x', body: 'y' });
expect(res.status).toBe(404);
});
// Nothing is stored when a save is refused, or a half-applied edit would sit
// there looking accepted.
it('stores nothing when it refuses', async () => {
await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Your reset link', body: 'No link here.' });
const { rows } = await pool.query(`SELECT key FROM admin_settings WHERE key LIKE 'email%'`);
expect(rows).toHaveLength(0);
});
});
describe('DELETE /api/admin/email-templates/:key', () => {
it('restores the built-in copy by forgetting the stored rows', async () => {
await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Custom', body: VALID_RESET_BODY });
const res = await request(app).delete('/api/admin/email-templates/passwordReset');
expect(res.status).toBe(200);
const listed = await request(app).get('/api/admin/email-templates');
const reset = listed.body.find((t: { key: string }) => t.key === 'passwordReset');
expect(reset.subject).toBeNull();
expect(reset.body).toBeNull();
});
});
// The point of the whole feature: what is stored is what customers receive.
describe('what a stored template does to the email that gets sent', () => {
it('is used in place of the default once saved', async () => {
await request(app)
.put('/api/admin/email-templates/passwordReset')
.send({ subject: 'Reset requested', body: VALID_RESET_BODY });
const { subject, html } = renderTemplate(
'passwordReset',
await loadStoredTemplate('passwordReset'),
{ greeting: 'Hi Thom,', resetUrl: 'https://shop.test/r?token=abc' }
);
expect(subject).toBe('Reset requested');
expect(html).toContain('New copy.');
expect(html).toContain('https://shop.test/r?token=abc');
});
it('falls back to the built-in copy when nothing is stored', async () => {
const { subject, html } = renderTemplate(
'passwordReset',
await loadStoredTemplate('passwordReset'),
{ greeting: 'Hi,', resetUrl: 'https://shop.test/r?token=abc' }
);
expect(subject).toBe('Reset your Redefined Designs password');
expect(html).toContain('Choose a new password');
});
// Editing the copy must not be able to remove the sentence that explains why
// the email is lawful to send.
it('keeps the consent footer on a favorite alert whose body was replaced', async () => {
await request(app)
.put('/api/admin/email-templates/favoriteSold')
.send({ subject: 'Gone', body: 'Sorry, {{itemName}} sold.' });
const { html } = renderTemplate('favoriteSold', await loadStoredTemplate('favoriteSold'), {
itemName: 'Oak table',
siteUrl: 'https://shop.test'
});
expect(html).toContain('Sorry, Oak table sold.');
expect(html).toContain('account page');
});
});
@@ -33,6 +33,14 @@ export async function resetDb(): Promise<void> {
tags, categories tags, categories
RESTART IDENTITY CASCADE RESTART IDENTITY CASCADE
`); `);
// admin_settings is not truncated — it holds the seeded cart_expiry_hours
// default that other suites read. But the email template rows in it are test
// data like any other, and a stored template outliving the suite that wrote
// it silently changes the mail every later suite asserts on. That is not
// hypothetical: a subject of "Gone" written by the template tests reached the
// favorite-alert tests and made five of them fail somewhere else entirely.
await testPool.query(`DELETE FROM admin_settings WHERE key LIKE 'email\_%'`);
} }
export async function closeDb(): Promise<void> { export async function closeDb(): Promise<void> {
+148
View File
@@ -0,0 +1,148 @@
import {
TEMPLATES,
TemplateKey,
missingPlaceholders,
renderTemplate
} from '../../src/emailTemplates';
const KEYS: TemplateKey[] = [
'verification',
'passwordReset',
'favoriteSold',
'favoriteWithdrawn',
'cartReminder'
];
describe('the built-in templates', () => {
it.each(KEYS)('%s has a default subject and body', (key) => {
expect(TEMPLATES[key].defaultSubject.trim()).not.toBe('');
expect(TEMPLATES[key].defaultBody.trim()).not.toBe('');
});
// A default that would be refused on save is a default nobody can edit and
// put back.
it.each(KEYS)('%s default body satisfies its own required placeholders', (key) => {
expect(missingPlaceholders(key, TEMPLATES[key].defaultBody)).toEqual([]);
});
});
describe('missingPlaceholders', () => {
it('names the placeholder a body has dropped', () => {
expect(missingPlaceholders('passwordReset', 'Hello, no link here.')).toEqual(['resetUrl']);
});
it('is satisfied once the placeholder is present', () => {
expect(missingPlaceholders('passwordReset', 'Reset it [here]({{resetUrl}}).')).toEqual([]);
});
it('reports every missing placeholder rather than the first', () => {
const missing = missingPlaceholders('cartReminder', 'You have things.');
expect(missing).toContain('itemList');
expect(missing).toContain('cartUrl');
});
it('tolerates whitespace inside the braces', () => {
expect(missingPlaceholders('passwordReset', 'Go [here]({{ resetUrl }}).')).toEqual([]);
});
});
describe('renderTemplate', () => {
const resetValues = { resetUrl: 'https://shop.test/reset-password?token=abc' };
it('substitutes a placeholder into the rendered body', () => {
const { html } = renderTemplate('passwordReset', {}, resetValues);
expect(html).toContain('https://shop.test/reset-password?token=abc');
expect(html).not.toContain('{{resetUrl}}');
});
it('renders markdown as HTML', () => {
const { html } = renderTemplate(
'passwordReset',
{ body: 'Use **this** [link]({{resetUrl}}).' },
resetValues
);
expect(html).toContain('<strong>this</strong>');
expect(html).toContain('<a href="https://shop.test/reset-password?token=abc"');
});
// The reason markdown-it runs with html disabled. An admin editing copy must
// not be able to put script into a customer's inbox, and sanitising after the
// fact is a weaker guarantee than never emitting it.
it('escapes raw HTML in a stored body rather than passing it through', () => {
const { html } = renderTemplate(
'passwordReset',
{ body: '<script>alert(1)</script> [link]({{resetUrl}})' },
resetValues
);
expect(html).not.toContain('<script>');
expect(html).toContain('&lt;script&gt;');
});
it('falls back to the built-in body when nothing is stored', () => {
const stored = renderTemplate('passwordReset', {}, resetValues);
const explicit = renderTemplate(
'passwordReset',
{ body: TEMPLATES.passwordReset.defaultBody },
resetValues
);
expect(stored.html).toBe(explicit.html);
});
it('uses a stored subject over the default, and substitutes into it', () => {
const { subject } = renderTemplate(
'favoriteSold',
{ subject: '{{itemName}} is gone' },
{ itemName: 'Oak table', siteUrl: 'https://shop.test' }
);
expect(subject).toBe('Oak table is gone');
});
// Values are substituted into the markdown source, so a value that needs to
// become a list has to arrive as markdown. Emitting HTML here would be
// escaped and shown to the customer as literal tags.
it('renders a markdown list supplied as a placeholder value', () => {
const { html } = renderTemplate(
'cartReminder',
{},
{
greeting: 'Hi Thom,',
itemList: '- Oak table\n- Brass lamp',
cartUrl: 'https://shop.test/cart'
}
);
expect(html).toContain('<ul>');
expect(html).toContain('<li>Oak table</li>');
});
// The consent sentence explains why the email is lawful to send. It is
// appended by the server precisely so that editing the copy cannot remove it.
it.each(['favoriteSold', 'favoriteWithdrawn'] as TemplateKey[])(
'appends the unremovable consent footer to %s',
(key) => {
const { html } = renderTemplate(
key,
{ body: 'Short replacement copy about {{itemName}}.' },
{ itemName: 'Oak table', siteUrl: 'https://shop.test' }
);
expect(html).toContain('favorited');
expect(html).toContain('account page');
}
);
it('does not append that footer to templates it does not belong to', () => {
const { html } = renderTemplate('passwordReset', {}, resetValues);
expect(html).not.toContain('account page');
});
// An unsubstituted placeholder in the output means a caller forgot a value,
// and shipping "{{resetUrl}}" to a customer is worse than failing.
it('leaves no unsubstituted placeholders when every value is supplied', () => {
const { html, subject } = renderTemplate(
'cartReminder',
{},
{ greeting: 'Hi Thom,', itemList: '- One thing', cartUrl: 'https://shop.test/cart' }
);
expect(html).not.toMatch(/\{\{\s*\w+\s*\}\}/);
expect(subject).not.toMatch(/\{\{\s*\w+\s*\}\}/);
});
});