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

compose mime

Browse Source
This commit is contained in:
alma 2025-04-24 18:03:21 +02:00
parent 8307ecdee3
commit da77ee090f
1 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
components/ComposeEmail.tsx
View File

@ -101,12 +101,11 @@ export default function ComposeEmail({
}) })
.then(response => response.json()) .then(response => response.json())
.then(parsed => { .then(parsed => {
// Create the reply/forward structure // Create a single editable area with the reply/forward structure
content = ` content = `
<div class="compose-area" contenteditable="true" style="min-height: 100px; padding: 10px; border: 1px solid #e5e7eb; border-radius: 4px; margin-bottom: 20px;"></div> <div class="compose-area" contenteditable="true" style="min-height: 100px; padding: 10px; border: 1px solid #e5e7eb; border-radius: 4px;">
<div class="quoted-content" contenteditable="false" style="color: #6b7280; font-size: 0.875rem;">
${forwardFrom ? ` ${forwardFrom ? `
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px; color: #6b7280; font-size: 0.875rem;">
---------- Forwarded message ---------<br/> ---------- Forwarded message ---------<br/>
From: ${forwardFrom.from}<br/> From: ${forwardFrom.from}<br/>
Date: ${new Date(forwardFrom.date).toLocaleString()}<br/> Date: ${new Date(forwardFrom.date).toLocaleString()}<br/>
@ -117,10 +116,10 @@ export default function ComposeEmail({
${parsed.html || parsed.text} ${parsed.html || parsed.text}
</div> </div>
` : ` ` : `
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px; color: #6b7280; font-size: 0.875rem;">
On ${new Date(replyTo?.date || '').toLocaleString()}, ${replyTo?.from} wrote: On ${new Date(replyTo?.date || '').toLocaleString()}, ${replyTo?.from} wrote:
</div> </div>
<blockquote style="margin: 0; padding-left: 1em; border-left: 2px solid #e5e7eb;"> <blockquote style="margin: 0; padding-left: 1em; border-left: 2px solid #e5e7eb; color: #6b7280;">
${parsed.html || parsed.text} ${parsed.html || parsed.text}
</blockquote> </blockquote>
`} `}
@ -176,11 +175,7 @@ export default function ComposeEmail({
const composeArea = composeBodyRef.current.querySelector('.compose-area'); const composeArea = composeBodyRef.current.querySelector('.compose-area');
if (!composeArea) return; if (!composeArea) return;
// Get the quoted content if it exists const content = composeArea.innerHTML;
const quotedContent = composeBodyRef.current.querySelector('.quoted-content');
// Combine compose area and quoted content
const content = composeArea.innerHTML + (quotedContent ? quotedContent.outerHTML : '');
if (!content.trim()) { if (!content.trim()) {
console.warn('Email content is empty'); console.warn('Email content is empty');
@ -220,16 +215,12 @@ export default function ComposeEmail({
} }
// Get the current content // Get the current content
const composeContent = composeArea.innerHTML; const content = composeArea.innerHTML;
if (!composeContent.trim()) { if (!content.trim()) {
console.error('Email content is empty'); console.error('Email content is empty');
return; return;
} }
// Get the quoted content if it exists
const quotedContent = composeBodyRef.current.querySelector('.quoted-content');
const fullContent = composeContent + (quotedContent ? quotedContent.outerHTML : '');
// Create MIME headers // Create MIME headers
const mimeHeaders = { const mimeHeaders = {
'MIME-Version': '1.0', 'MIME-Version': '1.0',
@ -240,7 +231,7 @@ export default function ComposeEmail({
// Combine headers and content // Combine headers and content
const mimeContent = Object.entries(mimeHeaders) const mimeContent = Object.entries(mimeHeaders)
.map(([key, value]) => `${key}: ${value}`) .map(([key, value]) => `${key}: ${value}`)
.join('\n') + '\n\n' + fullContent; .join('\n') + '\n\n' + content;
setComposeBody(mimeContent); setComposeBody(mimeContent);