IMAP Mail Client

\n setEmail(e.target.value)}\n placeholder=\"Email\"\n required\n />\n setPassword(e.target.value)}\n placeholder=\"Password\"\n required\n />\n \n \n {error &&

{error}

}\n

Inbox

fetchMessage(msg.uid)}>\n {msg.envelope.subject}\n

Message

\n {selectedMessage\n ? (\n <>\n

{selectedMessage.envelope.subject}

From: {selectedMessage.envelope.from[0].address}

Date: {selectedMessage.envelope.date}

\n \n )\n :

Select a message to view its content

}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nfunction getImapConfig(email: string): ImapServerConfig {\n const lowerEmail = email.toLowerCase();\n if (lowerEmail.endsWith(\"@gmail.com\")) {\n return { host: \"imap.gmail.com\", port: 993, secure: true };\n } else if (\n lowerEmail.endsWith(\"@outlook.com\")\n || lowerEmail.endsWith(\"@hotmail.com\")\n ) {\n return {\n host: \"outlook.office365.com\",\n port: 993,\n secure: true,\n };\n } else if (lowerEmail.endsWith(\"@rambler.ru\")) {\n return { host: \"imap.rambler.ru\", port: 993, secure: true };\n }\n // Add other common providers if needed\n const domain = email.includes(\"@\") ? email.split(\"@\")[1] : \"unknown\";\n throw new Error(\n `Unsupported email provider for automatic configuration: ${domain}`,\n );\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/api/login\" && request.method === \"POST\") {\n const { email, password } = await request.json();\n\n try {\n const imapConfig = getImapConfig(email);\n const client = new ImapFlow({\n ...imapConfig,\n auth: {\n user: email,\n pass: password,\n },\n });\n\n await client.connect();\n const mailbox = await client.mailboxOpen(\"INBOX\");\n const messages = await client.fetch(\"1:10\", {\n uid: true,\n envelope: true,\n });\n\n const messageList = [];\n for await (const message of messages) {\n messageList.push(message);\n }\n\n await client.logout();\n\n return new Response(\n JSON.stringify({\n messages: messageList,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n if (url.pathname.startsWith(\"/api/message/\") && request.method === \"POST\") {\n const uid = url.pathname.split(\"/\").pop();\n const { email, password } = await request.json();\n\n try {\n const imapConfig = getImapConfig(email);\n const client = new ImapFlow({\n ...imapConfig,\n auth: {\n user: email,\n pass: password,\n },\n });\n\n await client.connect();\n const mailbox = await client.mailboxOpen(\"INBOX\");\n const message = await client.fetchOne(uid, {\n source: true,\n envelope: true,\n bodyStructure: true,\n });\n\n let text = \"\";\n let html = \"\";\n\n if (message.bodyStructure) {\n const textPart = message.bodyStructure.childNodes.find(node =>\n node.type === \"text\" && node.subtype === \"plain\"\n );\n const htmlPart = message.bodyStructure.childNodes.find(node => node.type === \"text\" && node.subtype === \"html\");\n\n if (textPart) {\n const { content } = await client.download(uid, textPart.part);\n text = await streamToString(content);\n }\n\n if (htmlPart) {\n const { content } = await client.download(uid, htmlPart.part);\n html = await streamToString(content);\n }\n }\n\n await client.logout();\n\n return new Response(\n JSON.stringify({\n uid: message.uid,\n envelope: message.envelope,\n text,\n html,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n IMAP Mail Client\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nasync function streamToString(stream) {\n const chunks = [];\n for await (const chunk of stream) {\n chunks.push(Buffer.from(chunk));\n }\n return Buffer.concat(chunks).toString(\"utf8\");\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f0f0f0;\n}\n.container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\nh1 {\n text-align: center;\n}\nform {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n}\ninput, button {\n padding: 10px;\n font-size: 16px;\n}\nbutton {\n background-color: #007bff;\n color: white;\n border: none;\n cursor: pointer;\n}\nbutton:disabled {\n background-color: #cccccc;\n}\n.error {\n color: red;\n}\n.mail-container {\n display: flex;\n gap: 20px;\n}\n.inbox, .message {\n flex: 1;\n}\nul {\n list-style-type: none;\n padding: 0;\n}\nli {\n cursor: pointer;\n padding: 10px;\n border-bottom: 1px solid #eee;\n}\nli:hover {\n background-color: #f0f0f0;\n}\n`;","deleted","label",[100],"permalink","https://www.val.town/x/nulo/imapClient/code/index","extension","actionData","errors"]