chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { if (request.action === 'download') { downloadWebsite(request.data, request.url); } else if (request.action === 'preview') { previewWebsite(request.data, request.url); } }); async function downloadWebsite(data, pageUrl) { try { const domain = new URL(pageUrl).hostname.replace(/\./g, '_'); const timestamp = new Date().getTime(); let htmlContent = data.html; htmlContent = htmlContent.replace(/)<[^<]*)*<\/script>/gi, ''); htmlContent = htmlContent.replace(/]*rel="stylesheet"[^>]*>/gi, ''); let cssContent = '\n'; for (const css of data.css) { if (css.inline) { cssContent += css.content + '\n\n'; } else { try { const response = await fetch(css.url); const text = await response.text(); cssContent += text + '\n\n'; } catch (e) { console.warn('Failed to fetch CSS:', css.url); } } } let jsContent = '\n'; for (const js of data.js) { if (js.inline) { jsContent += js.content + '\n\n'; } else { try { const response = await fetch(js.url); const text = await response.text(); jsContent += text + '\n\n'; } catch (e) { console.warn('Failed to fetch JS:', js.url); } } } const finalHtml = ` Downloaded Page ${htmlContent.replace(/]*>|<\/html>|]*>.*?<\/head>|]*>|<\/body>/gis, '')} `; const blob = new Blob([finalHtml], { type: 'text/html' }); const url = URL.createObjectURL(blob); chrome.downloads.download({ url: url, filename: `${domain}_${timestamp}.html`, saveAs: true }); } catch (error) { console.error('Download error:', error); } } async function previewWebsite(data, pageUrl) { try { let htmlContent = data.html; htmlContent = htmlContent.replace(/)<[^<]*)*<\/script>/gi, ''); htmlContent = htmlContent.replace(/]*rel="stylesheet"[^>]*>/gi, ''); let cssContent = '\n'; for (const css of data.css) { if (css.inline) { cssContent += css.content + '\n\n'; } else { try { const response = await fetch(css.url); const text = await response.text(); cssContent += text + '\n\n'; } catch (e) { console.warn('Failed to fetch CSS:', css.url); } } } let jsContent = '\n'; for (const js of data.js) { if (js.inline) { jsContent += js.content + '\n\n'; } } const previewHtml = ` Preview - Source Code

📄 Source Code Preview

${escapeHtml(htmlContent)}

${escapeHtml(cssContent)}

${escapeHtml(jsContent)}

`; const blob = new Blob([previewHtml], { type: 'text/html' }); const url = URL.createObjectURL(blob); chrome.tabs.create({ url: url }); } catch (error) { console.error('Preview error:', error); } } function escapeHtml(text) { return text .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); }