alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mail page fix

Browse Source
This commit is contained in:
alma 2025-04-21 18:09:32 +02:00
parent d0b59a687e
commit 686288be95
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/courrier/page.tsx
View File

@ -370,14 +370,28 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st
.join(''); .join('');
} }
// Sanitize HTML content // Clean HTML content while preserving formatting
content = content
.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '')
.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '')
.replace(/<meta[^>]*>/gi, '')
.replace(/<link[^>]*>/gi, '')
.replace(/<base[^>]*>/gi, '')
.replace(/<title[^>]*>[\s\S]*?<\/title>/gi, '')
.replace(/<head[^>]*>[\s\S]*?<\/head>/gi, '')
.replace(/<body[^>]*>/gi, '')
.replace(/<\/body>/gi, '')
.replace(/<html[^>]*>/gi, '')
.replace(/<\/html>/gi, '');
// Sanitize HTML content while preserving formatting
content = DOMPurify.sanitize(content, { content = DOMPurify.sanitize(content, {
ALLOWED_TAGS: [ ALLOWED_TAGS: [
'p', 'br', 'div', 'span', 'b', 'i', 'u', 'strong', 'em', 'p', 'br', 'div', 'span', 'b', 'i', 'u', 'strong', 'em',
'blockquote', 'ul', 'ol', 'li', 'a', 'h1', 'h2', 'h3', 'h4', 'blockquote', 'ul', 'ol', 'li', 'a', 'h1', 'h2', 'h3', 'h4',
'table', 'thead', 'tbody', 'tr', 'td', 'th' 'table', 'thead', 'tbody', 'tr', 'td', 'th', 'pre', 'code'
], ],
ALLOWED_ATTR: ['href', 'style', 'class'], ALLOWED_ATTR: ['href', 'style', 'class', 'target'],
}); });
const date = new Date(email.date).toLocaleString(); const date = new Date(email.date).toLocaleString();
@ -386,22 +400,22 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st
return ` return `
<br/> <br/>
<br/> <br/>
<div style="border-left: 2px solid #ccc; padding-left: 1em; margin-left: 0.5em;"> <div class="prose max-w-none" style="border-left: 2px solid #ccc; padding-left: 1em; margin-left: 0.5em;">
<p><strong>From:</strong> ${email.from}</p> <p><strong>From:</strong> ${email.from}</p>
<p><strong>Date:</strong> ${date}</p> <p><strong>Date:</strong> ${date}</p>
<p><strong>Subject:</strong> ${email.subject}</p> <p><strong>Subject:</strong> ${email.subject}</p>
<p><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p> <p><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p>
<br/> <br/>
${content} <div class="prose max-w-none">${content}</div>
</div> </div>
`; `;
} else { } else {
return ` return `
<br/> <br/>
<br/> <br/>
<div style="border-left: 2px solid #ccc; padding-left: 1em; margin-left: 0.5em;"> <div class="prose max-w-none" style="border-left: 2px solid #ccc; padding-left: 1em; margin-left: 0.5em;">
<p>On ${date}, ${email.from} wrote:</p> <p>On ${date}, ${email.from} wrote:</p>
${content} <div class="prose max-w-none">${content}</div>
</div> </div>
`; `;
} }