`; } } function switchTab(tabName) { document.querySelectorAll('.tab').forEach(t => t.classList.remove('active')); document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active')); document.querySelector(`[data-tab="${tabName}"]`).classList.add('active'); document.getElementById(`${tabName}Tab`).classList.add('active'); } async function addWebsite() { const input = document.getElementById('websiteInput'); let website = input.value.trim().toLowerCase(); if (!website) return; website = website.replace(/^https?:\/\//, '').replace(/^www\./, '').split('/')[0]; const data = await chrome.storage.local.get(['blockedWebsites']); const websites = data.blockedWebsites || []; if (websites.includes(website)) { alert('Website already in blacklist'); return; } websites.push(website); await chrome.storage.local.set({ blockedWebsites: websites }); renderWebsites(websites); input.value = ''; chrome.runtime.sendMessage({ action: 'reloadBlacklist' }); } async function removeWebsite(website) { const data = await chrome.storage.local.get(['blockedWebsites']); const websites = data.blockedWebsites || []; const filtered = websites.filter(w => w !== website); await chrome.storage.local.set({ blockedWebsites: filtered }); renderWebsites(filtered); chrome.runtime.sendMessage({ action: 'reloadBlacklist' }); } function renderWebsites(websites) { const list = document.getElementById('websiteList'); if (websites.length === 0) { list.innerHTML = '

No blocked websites yet

'; return; } list.innerHTML = websites.map(website => `

${website}

`).join(''); } async function addWord() { const input = document.getElementById('wordInput'); const word = input.value.trim().toLowerCase(); if (!word) return; const data = await chrome.storage.local.get(['blockedWords']); const words = data.blockedWords || []; if (words.includes(word)) { alert('Word already in blacklist'); return; } words.push(word); await chrome.storage.local.set({ blockedWords: words }); renderWords(words); input.value = ''; chrome.runtime.sendMessage({ action: 'reloadBlacklist' }); } async function removeWord(word) { const data = await chrome.storage.local.get(['blockedWords']); const words = data.blockedWords || []; const filtered = words.filter(w => w !== word); await chrome.storage.local.set({ blockedWords: filtered }); renderWords(filtered); chrome.runtime.sendMessage({ action: 'reloadBlacklist' }); } function renderWords(words) { const list = document.getElementById('wordList'); if (words.length === 0) { list.innerHTML = '

No blocked words yet

'; return; } list.innerHTML = words.map(word => `

${word}

`).join(''); } async function handleLogoUpload(e) { const file = e.target.files[0]; if (!file) return; if (!file.type.startsWith('image/')) { alert('Please upload an image file'); return; } if (file.size > 2 * 1024 * 1024) { alert('Image must be smaller than 2MB'); return; } const reader = new FileReader(); reader.onload = async (event) => { const logoData = event.target.result; await chrome.storage.local.set({ customLogo: logoData }); const preview = document.getElementById('logoPreview'); preview.innerHTML = ` Logo

`; }; reader.readAsDataURL(file); } async function saveBlockMessage() { const message = document.getElementById('blockMessage').value; await chrome.storage.local.set({ blockMessage: message }); } async function changePassword() { const currentPassword = document.getElementById('currentPassword').value; const newPassword = document.getElementById('newPasswordChange').value; const errorEl = document.getElementById('passwordError'); if (!currentPassword || !newPassword) { errorEl.textContent = 'Both fields are required'; return; } if (newPassword.length < 4) { errorEl.textContent = 'New password must be at least 4 characters'; return; } const data = await chrome.storage.local.get(['password']); const hashedCurrent = await hashPassword(currentPassword); if (hashedCurrent !== data.password) { errorEl.textContent = 'Current password is incorrect'; return; } const hashedNew = await hashPassword(newPassword); await chrome.storage.local.set({ password: hashedNew }); errorEl.style.color = '#27ae60'; errorEl.textContent = 'Password changed successfully!'; document.getElementById('currentPassword').value = ''; document.getElementById('newPasswordChange').value = ''; setTimeout(() => { errorEl.textContent = ''; errorEl.style.color = '#e74c3c'; }, 3000); } async function logout() { await chrome.storage.local.set({ sessionActive: false }); isLoggedIn = false; document.getElementById('passwordInput').value = ''; showSection('login'); } async function hashPassword(password) { const encoder = new TextEncoder(); const data = encoder.encode(password); const hashBuffer = await crypto.subtle.digest('SHA-256', data); const hashArray = Array.from(new Uint8Array(hashBuffer)); return hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); } window.removeWebsite = removeWebsite; window.removeWord = removeWord;