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

mail page imap connection 12

Browse Source
This commit is contained in:
alma 2025-04-15 21:45:44 +02:00
parent 790e7ed940
commit 47f86057b2
1 changed files with 198 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/mail/page.tsx
View File

@ -41,22 +41,31 @@ interface Email {
category: string; category: string;
} }
// Update MIME decoding function for better formatting // Improve MIME decoding function
const decodeMimeContent = (content: string) => { const decodeMimeContent = (content: string) => {
try { try {
// Extract the actual content after headers
const contentMatch = content.match(/charset="utf-8"\s*([\s\S]*?)(?=\s*(?:\[LINK:|$))/);
if (!contentMatch) return content;
let cleanContent = contentMatch[1]
// Remove MIME headers and metadata // Remove MIME headers and metadata
const contentWithoutHeaders = content.replace(/^.*?Content-Type:.*?\n\n/s, '') .replace(/^.*?Content-Type:.*?\n\n/s, '')
.replace(/---InfomaniakPhpMail.*?Content-Transfer-Encoding:.*?\n/g, '') .replace(/---InfomaniakPhpMail.*?Content-Transfer-Encoding:.*?\n/g, '')
.replace(/=C2=A0/g, ' ') // Replace non-breaking spaces // Clean up special characters
.replace(/=\n/g, '') // Remove soft line breaks .replace(/=C2=A0/g, ' ')
.replace(/=\n/g, '')
.replace(/=([0-9A-F]{2})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16))) .replace(/=([0-9A-F]{2})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)))
.replace(/\[IMG:.*?\]/g, '') // Remove image placeholders // Remove formatting markers
.replace(/\[LINK:\s*(.*?)\s*\]/g, '$1') // Clean up links .replace(/\[IMG:.*?\]/g, '')
.replace(/\*([^*]+)\*/g, '$1') // Remove asterisks .replace(/\*([^*]+)\*/g, '$1')
.replace(/\s+/g, ' ') // Normalize whitespace // Clean up links
.replace(/\[ LINK: (.*?) \]/g, '$1')
// Normalize whitespace
.replace(/\s+/g, ' ')
.trim(); .trim();
return contentWithoutHeaders; return cleanContent;
} catch (error) { } catch (error) {
console.error('Error decoding MIME content:', error); console.error('Error decoding MIME content:', error);
return content; return content;
@ -309,11 +318,11 @@ export default function MailPage() {
{/* Sidebar */} {/* Sidebar */}
<div className={`${sidebarOpen ? 'w-72' : 'w-20'} bg-white/95 backdrop-blur-sm border-0 shadow-lg flex flex-col transition-all duration-300 ease-in-out <div className={`${sidebarOpen ? 'w-72' : 'w-20'} bg-white/95 backdrop-blur-sm border-0 shadow-lg flex flex-col transition-all duration-300 ease-in-out
${mobileSidebarOpen ? 'fixed inset-y-0 left-0 z-40' : 'hidden'} md:block`}> ${mobileSidebarOpen ? 'fixed inset-y-0 left-0 z-40' : 'hidden'} md:block`}>
{/* Mail Title */} {/* Courrier Title */}
<div className="p-3 border-b border-gray-100"> <div className="p-3 border-b border-gray-100">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Mail className="h-5 w-5 text-gray-600" /> <Mail className="h-6 w-6 text-gray-600" />
<span className="font-semibold text-gray-900">Mail</span> <span className="text-xl font-semibold text-gray-900">COURRIER</span>
</div> </div>
</div> </div>
@ -330,7 +339,8 @@ export default function MailPage() {
</Button> </Button>
</div> </div>
{/* Accounts Section */} {/* Accounts Section with Scrollable Content */}
<div className="flex flex-col min-h-0 flex-1">
<div className="p-3 border-b border-gray-100"> <div className="p-3 border-b border-gray-100">
<Button <Button
variant="ghost" variant="ghost"
@ -363,10 +373,13 @@ export default function MailPage() {
className="w-full justify-between px-2 py-1.5 text-sm group" className="w-full justify-between px-2 py-1.5 text-sm group"
onClick={() => setSelectedAccount(account.id)} onClick={() => setSelectedAccount(account.id)}
> >
<div className="flex flex-col items-start">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className={`w-2.5 h-2.5 rounded-full ${account.color}`}></div> <div className={`w-2.5 h-2.5 rounded-full ${account.color}`}></div>
<span className="font-medium">{account.name}</span> <span className="font-medium">{account.name}</span>
</div> </div>
<span className="text-xs text-gray-500 ml-4">{account.email}</span>
</div>
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
@ -424,8 +437,10 @@ export default function MailPage() {
)} )}
</div> </div>
{/* Navigation */} {/* Scrollable Navigation */}
<nav className="flex-1 overflow-y-auto py-2"> <div className="overflow-y-auto flex-1">
<nav className="p-3">
{/* Navigation items */}
<ul className="space-y-0.5 px-2"> <ul className="space-y-0.5 px-2">
<li> <li>
<Button <Button
@ -505,6 +520,8 @@ export default function MailPage() {
</ul> </ul>
</nav> </nav>
</div> </div>
</div>
</div>
{/* Main content */} {/* Main content */}
<div className="flex-1 flex overflow-hidden"> <div className="flex-1 flex overflow-hidden">