Temporary Mail

Email Address

Polling: stopped

Last update: —

Select a message to preview it here.

:root { --bg: #0f1724; --card: #0b1220; --muted: #9aa4b2; --accent: #4f46e5; --accent-2: #06b6d4; --text: #e6eef6; --glass: rgba(255,255,255,0.03); --verified: #16a34a; --unverified: #ef4444; --modal-bg: rgba(2,6,23,0.7); } * { box-sizing: border-box; } html, body { height: 100%; margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background: linear-gradient(180deg, #071024 0%, #081427 100%); color: var(--text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .app { max-width: 1100px; margin: 36px auto; padding: 24px; background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.01)); border-radius: 12px; box-shadow: 0 6px 30px rgba(2,6,23,0.6); border: 1px solid rgba(255,255,255,0.02); } .header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 18px; } .header h1 { margin: 0; font-size: 20px; letter-spacing: -0.02em; } .subtitle { margin: 0; color: var(--muted); font-size: 13px; } .main { display: grid; grid-template-columns: 1fr; gap: 18px; } .controls { display: flex; gap: 18px; align-items: center; justify-content: space-between; } .address-box { flex: 1; min-width: 0; } .address-box label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; } .address-row { display: flex; gap: 8px; } .address-input { flex: 1; background: var(--glass); border: 1px solid rgba(255,255,255,0.04); padding: 9px 12px; color: var(--text); border-radius: 8px; outline: none; font-size: 14px; } .address-input:focus { box-shadow: 0 0 0 4px rgba(79,70,229,0.08); border-color: rgba(79,70,229,0.7); } .actions { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; } .btn { background: linear-gradient(90deg, var(--accent), var(--accent-2)); color: white; border: none; padding: 8px 12px; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 13px; } .btn.small { padding: 8px 10px; font-size: 13px; } .btn.muted { background: transparent; border: 1px solid rgba(255,255,255,0.04); color: var(--muted); font-weight: 600; } .info { min-width: 220px; text-align: right; color: var(--muted); font-size: 13px; } .inbox { display: grid; grid-template-columns: 320px 1fr; gap: 16px; min-height: 420px; } .messages-list { background: rgba(255,255,255,0.02); border-radius: 10px; padding: 12px; border: 1px solid rgba(255,255,255,0.02); overflow: auto; } .message-item { display: flex; gap: 10px; padding: 10px; border-radius: 8px; cursor: pointer; align-items: flex-start; transition: background 0.15s; border: 1px solid transparent; position: relative; } .message-item:hover { background: rgba(255,255,255,0.015); } .message-item.unread { border-color: rgba(79,70,229,0.14); box-shadow: inset 0 0 0 1px rgba(79,70,229,0.02); } .message-meta { flex: 1; min-width: 0; } .msg-from { font-weight: 700; font-size: 13px; margin-bottom: 3px; } .msg-subject { font-size: 13px; color: var(--muted); margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .msg-time { font-size: 12px; color: var(--muted); } .verified-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; padding: 4px 8px; border-radius: 999px; background: rgba(22,163,74,0.12); color: var(--verified); border: 1px solid rgba(22,163,74,0.16); margin-left: 8px; font-weight: 700; } .unverified-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; padding: 4px 8px; border-radius: 999px; background: rgba(239,68,68,0.08); color: var(--unverified); border: 1px solid rgba(239,68,68,0.12); margin-left: 8px; font-weight: 700; } .message-view { background: rgba(255,255,255,0.02); border-radius: 10px; padding: 16px; border: 1px solid rgba(255,255,255,0.02); overflow: auto; } .message-view h3 { margin: 0 0 8px 0; } .message-body { white-space: pre-wrap; color: #dbeafe; line-height: 1.5; } .message-actions { margin-top: 12px; display: flex; gap: 8px; } .placeholder { color: var(--muted); } .empty { color: var(--muted); padding: 24px; text-align: center; } .footer { margin-top: 16px; color: var(--muted); font-size: 13px; text-align: center; } a { color: var(--accent-2); text-decoration: none; } .genuine-note { margin-top: 8px; font-size: 13px; color: var(--muted); } /* Modal */ .modal-overlay { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: var(--modal-bg); z-index: 60; padding: 20px; } .modal-overlay[aria-hidden="false"] { display: flex; } .modal { background: #071122; border-radius: 12px; padding: 18px; max-width: 520px; width: 100%; border: 1px solid rgba(255,255,255,0.04); box-shadow: 0 10px 40px rgba(2,6,23,0.7); } .modal-header h2 { margin: 0 0 8px 0; font-size: 16px; } .modal-body { margin-bottom: 12px; } .modal-note { color: var(--muted); font-size: 13px; margin-top: 8px; } .modal-actions { display: flex; gap: 8px; justify-content: flex-end; } .input-error { color: #fca5a5; font-size: 13px; margin-top: 8px; min-height: 18px; } @media (max-width: 820px) { .inbox { grid-template-columns: 1fr; } .info { text-align: left; } .controls { flex-direction: column; align-items: stretch; } } const API_BASE = 'https://www.1secmail.com/api/v1/'; export async function getDomainList() { const url = `${API_BASE}?action=getDomainList`; const res = await fetch(url); if (!res.ok) throw new Error('Failed to fetch domains'); return res.json(); } export function parseAddress(address) { const [login, domain] = (address || '').split('@'); return { login: login || '', domain: domain || '' }; } export function buildAddress(login, domain) { return `${login}@${domain}`; } export function randomLogin(len = 10) { const chars = 'abcdefghijklmnopqrstuvwxyz0123456789'; let out = ''; for (let i = 0; i < len; i++) { out += chars[Math.floor(Math.random() * chars.length)]; } return out; } export async function getMessages(login, domain) { const url = `${API_BASE}?action=getMessages&login=${encodeURIComponent(login)}&domain=${encodeURIComponent(domain)}`; const res = await fetch(url); if (!res.ok) throw new Error('Failed to fetch messages'); return res.json(); } export async function readMessage(login, domain, id) { const url = `${API_BASE}?action=readMessage&login=${encodeURIComponent(login)}&domain=${encodeURIComponent(domain)}&id=${encodeURIComponent(id)}`; const res = await fetch(url); if (!res.ok) throw new Error('Failed to read message'); return res.json(); } import { getDomainList, randomLogin, getMessages, readMessage, parseAddress, buildAddress } from './api.js'; const mailInput = document.getElementById('mailAddress'); const generateBtn = document.getElementById('generateBtn'); const copyBtn = document.getElementById('copyBtn'); const refreshBtn = document.getElementById('refreshBtn'); const saveBtn = document.getElementById('saveBtn'); const useGenuineBtn = document.getElementById('useGenuineBtn'); const showVerifiedOnlyBtn = document.getElementById('showVerifiedOnlyBtn'); const messagesList = document.getElementById('messagesList'); const messageView = document.getElementById('messageView'); const pollStatus = document.getElementById('pollStatus'); const lastUpdate = document.getElementById('lastUpdate'); const genuineModal = document.getElementById('genuineModal'); const genuineEmailInput = document.getElementById('genuineEmailInput'); const genuineSaveBtn = document.getElementById('genuineSaveBtn'); const genuineCancelBtn = document.getElementById('genuineCancelBtn'); const genuineError = document.getElementById('genuineError'); const genuineNote = document.getElementById('genuineNote'); let domains = ['1secmail.com','1secmail.org','1secmail.net']; let pollInterval = null; let currentAddress = ''; let currentMessages = []; let showVerifiedOnly = false; let verifiedStore = {}; // structure: { "

": { "": true/false } } let genuineAddresses = {}; // store genuine markers { "

": true } function setPollRunning(running) { pollStatus.textContent = running ? 'running' : 'stopped'; if (running) pollStatus.style.color = '#8ef'; else pollStatus.style.color = '#999'; } function saveAddressToStorage(addr) { try { localStorage.setItem('tempmail_address', addr); } catch (e) { // ignore } } function loadAddressFromStorage() { try { return localStorage.getItem('tempmail_address') || ''; } catch (e) { return ''; } } function loadVerifiedStore() { try { const raw = localStorage.getItem('tempmail_verified') || '{}'; verifiedStore = JSON.parse(raw); } catch (e) { verifiedStore = {}; } } function saveVerifiedStore() { try { localStorage.setItem('tempmail_verified', JSON.stringify(verifiedStore)); } catch (e) { console.warn('Failed to save verified store', e); } } function loadGenuineStore() { try { const raw = localStorage.getItem('tempmail_genuine') || '{}'; genuineAddresses = JSON.parse(raw); } catch (e) { genuineAddresses = {}; } } function saveGenuineStore() { try { localStorage.setItem('tempmail_genuine', JSON.stringify(genuineAddresses)); } catch (e) { console.warn('Failed to save genuine store', e); } } function markGenuine(addr, state) { if (!addr) return; if (state) genuineAddresses[addr] = true; else delete genuineAddresses[addr]; saveGenuineStore(); updateGenuineNote(); } function isGenuine(addr) { return !!(addr && genuineAddresses[addr]); } function isVerifiedForAddress(addr, id) { if (!addr) return false; const s = verifiedStore[addr] || {}; return !!s[String(id)]; } function setVerifiedForAddress(addr, id, state) { if (!addr) return; verifiedStore[addr] = verifiedStore[addr] || {}; verifiedStore[addr][String(id)] = !!state; saveVerifiedStore(); } function formatTime(ts) { const d = new Date(ts); return d.toLocaleString(); } function renderMessages(list) { messagesList.innerHTML = ''; const filtered = (list || []).slice().reverse().filter(msg => { if (!showVerifiedOnly) return true; return isVerifiedForAddress(currentAddress, msg.id); }); if (!filtered || filtered.length === 0) { messagesList.innerHTML = '

No messages yet. Click Generate or Refresh.

'; return; } filtered.forEach(msg => { const item = document.createElement('div'); item.className = 'message-item unread'; item.dataset.id = msg.id; const meta = document.createElement('div'); meta.className = 'message-meta'; const from = document.createElement('div'); from.className = 'msg-from'; from.textContent = msg.from; const subj = document.createElement('div'); subj.className = 'msg-subject'; subj.textContent = msg.subject || '(no subject)'; const time = document.createElement('div'); time.className = 'msg-time'; time.textContent = formatTime(msg.date); meta.appendChild(from); meta.appendChild(subj); meta.appendChild(time); const badgeWrap = document.createElement('div'); badgeWrap.style.display = 'flex'; badgeWrap.style.alignItems = 'center'; badgeWrap.style.gap = '6px'; const verified = isVerifiedForAddress(currentAddress, msg.id); if (verified) { const vb = document.createElement('span'); vb.className = 'verified-badge'; vb.textContent = 'VERIFIED'; badgeWrap.appendChild(vb); } item.appendChild(meta); item.appendChild(badgeWrap); item.addEventListener('click', async () => { await openMessage(msg.id); item.classList.remove('unread'); }); messagesList.appendChild(item); }); } function updateGenuineNote() { if (isGenuine(currentAddress)) { genuineNote.textContent = 'This address has been marked as a genuine address.'; genuineNote.style.color = '#a7f3d0'; } else { genuineNote.textContent = ''; } } function showPlaceholder(html = null) { messageView.innerHTML = ''; const box = document.createElement('div'); box.className = 'placeholder'; if (!html) { box.innerHTML = '

Select a message to preview it here.

'; } else { box.innerHTML = html; } messageView.appendChild(box); } async function openMessage(id) { const { login, domain } = parseAddress(currentAddress); showPlaceholder('

Loading message…

'); try { const data = await readMessage(login, domain, id); renderMessageContent(data); } catch (e) { showPlaceholder('

Error loading message.

'); console.error(e); } } function renderMessageContent(msg) { messageView.innerHTML = ''; const header = document.createElement('div'); const h = document.createElement('h3'); h.textContent = msg.subject || '(no subject)'; header.appendChild(h); const meta = document.createElement('div'); meta.className = 'msg-meta header-meta'; meta.innerHTML = `

From: ${escapeHtml(msg.from)} — ${escapeHtml(msg.date)}

`; header.appendChild(meta); const verifiedState = isVerifiedForAddress(currentAddress, msg.id); const verifiedStatus = document.createElement('div'); verifiedStatus.style.marginTop = '8px'; if (verifiedState) { verifiedStatus.innerHTML = 'VERIFIED'; } else { verifiedStatus.innerHTML = 'UNVERIFIED'; } header.appendChild(verifiedStatus); const actions = document.createElement('div'); actions.className = 'message-actions'; const autoVerifyBtn = document.createElement('button'); autoVerifyBtn.className = 'btn small'; autoVerifyBtn.textContent = 'Auto Verify'; autoVerifyBtn.addEventListener('click', () => { const result = autoVerifyMessage(msg); setVerifiedForAddress(currentAddress, msg.id, result); renderMessageContent(msg); // re-render to update status renderMessages(currentMessages); }); const markVerifiedBtn = document.createElement('button'); markVerifiedBtn.className = 'btn small'; markVerifiedBtn.textContent = 'Mark Verified'; markVerifiedBtn.addEventListener('click', () => { setVerifiedForAddress(currentAddress, msg.id, true); renderMessageContent(msg); renderMessages(currentMessages); }); const markUnverifiedBtn = document.createElement('button'); markUnverifiedBtn.className = 'btn small'; markUnverifiedBtn.textContent = 'Mark Unverified'; markUnverifiedBtn.addEventListener('click', () => { setVerifiedForAddress(currentAddress, msg.id, false); renderMessageContent(msg); renderMessages(currentMessages); }); actions.appendChild(autoVerifyBtn); actions.appendChild(markVerifiedBtn); actions.appendChild(markUnverifiedBtn); header.appendChild(actions); const body = document.createElement('div'); body.className = 'message-body'; if (msg.html && msg.html.trim()) { const iframe = document.createElement('iframe'); iframe.style.width = '100%'; iframe.style.height = '480px'; iframe.style.border = '1px solid rgba(255,255,255,0.02)'; iframe.style.borderRadius = '8px'; iframe.addEventListener('load', () => { try { const doc = iframe.contentDocument || iframe.contentWindow.document; doc.open(); doc.write(msg.html); doc.close(); } catch (e) { body.textContent = msg.text || '(unable to render HTML)'; } }); body.appendChild(iframe); } else { body.textContent = msg.text || '(empty)'; } messageView.appendChild(header); messageView.appendChild(body); } function escapeHtml(str) { if (!str) return ''; return str.replace(/[&<>"']/g, function (m) { return ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' })[m]; }); } function autoVerifyMessage(msg) { // Heuristic: find an email inside msg.from; if domain matches current mailbox domain -> verified const addressMatch = (msg.from || '').match(/([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/); if (!addressMatch) return false; const senderEmail = addressMatch[1].toLowerCase(); const senderDomain = senderEmail.split('@')[1] || ''; const { domain: myDomain } = parseAddress(currentAddress); if (!myDomain) return false; // verified if sender domain equals mailbox domain OR sender domain is in known domains list if (senderDomain === myDomain) return true; if (domains.includes(senderDomain)) return true; // fallback: check for common verification keywords in subject or body const subject = (msg.subject || '').toLowerCase(); const bodyText = ((msg.text || '') + (msg.html || '')).toLowerCase(); if (subject.includes('verify') || bodyText.includes('verification') || bodyText.includes('verify')) return true; return false; } function isValidEmail(email) { if (!email) return false; // Basic RFC5322-ish email validation (practical) const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; return re.test(String(email).trim()); } async function loadDomains() { try { const d = await getDomainList(); if (Array.isArray(d) && d.length) domains = d; } catch (e) { console.warn('Could not fetch domain list, using defaults', e); } } function startPolling() { if (pollInterval) clearInterval(pollInterval); pollInterval = setInterval(fetchMessagesSafely, 10000); setPollRunning(true); } function stopPolling() { if (pollInterval) clearInterval(pollInterval); pollInterval = null; setPollRunning(false); } async function fetchMessagesSafely() { try { await fetchAndRenderMessages(); } catch (e) { console.error('Polling error', e); } } async function fetchAndRenderMessages() { if (!currentAddress) return; const { login, domain } = parseAddress(currentAddress); if (!login || !domain) return; const data = await getMessages(login, domain); currentMessages = Array.isArray(data) ? data : []; lastUpdate.textContent = new Date().toLocaleTimeString(); renderMessages(currentMessages); } function setCurrentAddress(addr) { currentAddress = addr; mailInput.value = addr; saveAddressToStorage(addr); loadVerifiedStore(); loadGenuineStore(); updateGenuineNote(); } generateBtn.addEventListener('click', async () => { const login = randomLogin(10); const domain = domains[Math.floor(Math.random() * domains.length)]; const addr = buildAddress(login, domain); setCurrentAddress(addr); await fetchAndRenderMessages(); startPolling(); }); copyBtn.addEventListener('click', async () => { const val = mailInput.value.trim(); if (!val) return; try { await navigator.clipboard.writeText(val); copyBtn.textContent = 'Copied!'; setTimeout(() => (copyBtn.textContent = 'Copy'), 1200); } catch (e) { console.error('Copy failed', e); } }); refreshBtn.addEventListener('click', async () => { await fetchAndRenderMessages(); }); saveBtn.addEventListener('click', () => { const val = mailInput.value.trim(); if (!val) return; setCurrentAddress(val); }); mailInput.addEventListener('change', () => { const val = mailInput.value.trim(); if (!val) return; setCurrentAddress(val); }); showVerifiedOnlyBtn.addEventListener('click', () => { showVerifiedOnly = !showVerifiedOnly; showVerifiedOnlyBtn.textContent = showVerifiedOnly ? 'Showing Verified Only' : 'Show Verified Only'; renderMessages(currentMessages); }); // Genuine modal handlers useGenuineBtn.addEventListener('click', () => { genuineError.textContent = ''; genuineEmailInput.value = ''; genuineModal.setAttribute('aria-hidden', 'false'); setTimeout(() => genuineEmailInput.focus(), 80); }); genuineCancelBtn.addEventListener('click', () => { genuineModal.setAttribute('aria-hidden', 'true'); genuineError.textContent = ''; }); genuineSaveBtn.addEventListener('click', () => { const email = genuineEmailInput.value.trim(); if (!isValidEmail(email)) { genuineError.textContent = 'Please enter a valid email address.'; return; } // mark as genuine and set current address markGenuine(email, true); setCurrentAddress(email); genuineModal.setAttribute('aria-hidden', 'true'); genuineError.textContent = ''; // attempt initial fetch and start polling fetchAndRenderMessages().then(() => startPolling()).catch(() => startPolling()); }); genuineEmailInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); genuineSaveBtn.click(); } else if (e.key === 'Escape') { genuineCancelBtn.click(); } }); // On load, initialize (async function init() { loadVerifiedStore(); loadGenuineStore(); await loadDomains(); const saved = loadAddressFromStorage(); if (saved) { setCurrentAddress(saved); await fetchAndRenderMessages(); startPolling(); } else { const login = randomLogin(8); const domain = domains[Math.floor(Math.random() * domains.length)]; setCurrentAddress(buildAddress(login, domain)); } try { await fetchAndRenderMessages(); } catch (e) { console.warn('Initial fetch failed', e); } })(); // Expose graceful unload window.addEventListener('beforeunload', () => { stopPolling(); });