84e4202536
- ContactForm.vue: UForm + Zod schema (name/email/message) + useToast feedback - server/api/contact.post.ts: nodemailer SMTP with server-side validation + HTML escaping - SMTP credentials in private runtimeConfig (T-03-03) - HTML escaping prevents XSS in email body (T-03-02)
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
import nodemailer from 'nodemailer'
|
|
|
|
export default defineEventHandler(async (event) => {
|
|
const body = await readBody(event)
|
|
const config = useRuntimeConfig(event)
|
|
|
|
// Server-side validation (T-03-01)
|
|
const { name, email, message } = body
|
|
if (!name || typeof name !== 'string' || name.length < 2 || name.length > 100) {
|
|
throw createError({ statusCode: 400, message: 'Invalid name' })
|
|
}
|
|
if (!email || typeof email !== 'string' || !email.includes('@') || email.length > 200) {
|
|
throw createError({ statusCode: 400, message: 'Invalid email' })
|
|
}
|
|
if (!message || typeof message !== 'string' || message.length < 10 || message.length > 5000) {
|
|
throw createError({ statusCode: 400, message: 'Invalid message' })
|
|
}
|
|
|
|
const transporter = nodemailer.createTransport({
|
|
host: config.smtpHost,
|
|
port: 465,
|
|
secure: true,
|
|
auth: {
|
|
user: config.smtpUser,
|
|
pass: config.smtpPass,
|
|
},
|
|
})
|
|
|
|
// Escape HTML to prevent XSS in email body (T-03-02)
|
|
const escapedName = name.replace(/[&<>"']/g, (c: string) => {
|
|
const map: Record<string, string> = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }
|
|
return map[c] ?? c
|
|
})
|
|
const escapedMessage = message.replace(/[&<>"']/g, (c: string) => {
|
|
const map: Record<string, string> = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }
|
|
return map[c] ?? c
|
|
})
|
|
|
|
await transporter.sendMail({
|
|
from: `"Portfolio" <${config.smtpUser}>`,
|
|
to: config.smtpTo,
|
|
subject: `Contact portfolio - ${name}`,
|
|
text: `De: ${name} <${email}>\n\n${message}`,
|
|
html: `<p><strong>De:</strong> ${escapedName} <${email}></p><p>${escapedMessage.replace(/\n/g, '<br>')}</p>`,
|
|
})
|
|
|
|
return { success: true }
|
|
})
|