`; } else if (formatOption === 'markdown') { fullDocumentHtml = bodyContent; } else { fullDocumentHtml = ` `; }if (minifyCode) { fullDocumentHtml = fullDocumentHtml.replace(/>\s+<').replace(/\s+/g, ' ').trim(); }var sanitizedOutput = DOMPurify.sanitize(fullDocumentHtml, { WHOLE_DOCUMENT: true });convertedResults.push({ fileName: item.name.replace(/\.pdf$/i, '.html'), htmlContent: sanitizedOutput, pageCount: numPages, wordCount: totalWordsExtracted });} catch (err) { showError('Error converting "' + item.name + '": ' + err.message); } }progressTrackFill.style.width = '100%'; progressStatusMsg.innerText = '✓ All documents parsed and converted successfully!'; SoundManager.playSuccess(); btnExecuteConvert.disabled = false;renderResultsUI(); });// 11. Render Converted Results & Live Preview function renderResultsUI() { if (convertedResults.length === 0) return;resultsContainer.style.display = 'block';if (convertedResults.length > 1) { fileSwitcherWrap.style.display = 'block'; btnDownloadZip.style.display = 'inline-flex'; fileSwitcherSelect.innerHTML = ''; convertedResults.forEach(function(res, idx) { var opt = document.createElement('option'); opt.value = idx; opt.innerText = res.fileName; fileSwitcherSelect.appendChild(opt); }); } else { fileSwitcherWrap.style.display = 'none'; btnDownloadZip.style.display = 'none'; }activeResultIndex = 0; updateActiveResultDisplay();setTimeout(function() { resultsContainer.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 150); }fileSwitcherSelect.addEventListener('change', function(e) { activeResultIndex = parseInt(e.target.value); SoundManager.playClick(); updateActiveResultDisplay(); });function updateActiveResultDisplay() { var res = convertedResults[activeResultIndex]; if (!res) return;resultsMeta.innerText = 'Converted ' + res.pageCount + ' Page(s) • ~' + res.wordCount + ' Words Extracted'; previewIframe.srcdoc = res.htmlContent; codeSyntaxViewer.textContent = res.htmlContent; }// 12. View Mode Tabs (Preview / Code / Split) tabModePreview.addEventListener('click', function() { switchViewport('preview'); }); tabModeCode.addEventListener('click', function() { switchViewport('code'); }); tabModeSplit.addEventListener('click', function() { switchViewport('split'); });function switchViewport(mode) { SoundManager.playClick(); tabModePreview.classList.remove('active'); tabModeCode.classList.remove('active'); tabModeSplit.classList.remove('active');previewCodeViewport.className = 'preview-code-viewport mode-' + mode;if (mode === 'preview') tabModePreview.classList.add('active'); if (mode === 'code') tabModeCode.classList.add('active'); if (mode === 'split') tabModeSplit.classList.add('active'); }// 13. Download Single HTML btnDownloadSingle.addEventListener('click', async function() { var res = convertedResults[activeResultIndex]; if (!res) return; SoundManager.playClick();btnDownloadSingle.textContent = 'Preparing File...'; await new Promise(function(r) { setTimeout(r, 250); });var blob = new Blob([res.htmlContent], { type: 'text/html;charset=utf-8' }); saveAs(blob, res.fileName);SoundManager.playDownload(); btnDownloadSingle.innerHTML = ' Download HTML'; showToast('✓ HTML file downloaded successfully!'); });// 14. Download All as ZIP Bundle btnDownloadZip.addEventListener('click', async function() { if (convertedResults.length === 0) return; SoundManager.playClick();btnDownloadZip.textContent = 'Archiving ZIP...'; await new Promise(function(r) { setTimeout(r, 350); });var zip = new JSZip(); convertedResults.forEach(function(res) { zip.file(res.fileName, res.htmlContent); });var zipBlob = await zip.generateAsync({ type: 'blob' }); saveAs(zipBlob, 'pdf_to_html_conversions.zip');SoundManager.playDownload(); btnDownloadZip.innerHTML = ' Download All (ZIP)'; showToast('✓ ZIP archive created and downloaded!'); });// 15. Copy HTML Code to Clipboard btnCopyCode.addEventListener('click', function() { var res = convertedResults[activeResultIndex]; if (!res) return; SoundManager.playClick();navigator.clipboard.writeText(res.htmlContent).then(function() { showToast('✓ HTML source code copied to clipboard!'); }).catch(function() { showError('Unable to copy code to clipboard.'); }); });// 16. Utility Helpers function showError(msg) { errorAlertBox.innerText = msg; errorAlertBox.style.display = 'block'; }function hideError() { errorAlertBox.style.display = 'none'; }function showToast(msg) { floatingToast.innerText = msg; floatingToast.classList.add('show'); setTimeout(function() { floatingToast.classList.remove('show'); }, 3200); }function escapeHtml(str) { if (!str) return ''; return str.replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); }// 17. FAQ Accordion Toggle Listener document.querySelectorAll('.faq-question-btn').forEach(function(button) { button.addEventListener('click', function() { SoundManager.playClick(); var itemCard = button.parentElement; var answerBody = itemCard.querySelector('.faq-answer-body'); var isActive = itemCard.classList.contains('active');document.querySelectorAll('.faq-item-card').forEach(function(card) { card.classList.remove('active'); var body = card.querySelector('.faq-answer-body'); if (body) body.style.maxHeight = null; });if (!isActive) { itemCard.classList.add('active'); answerBody.style.maxHeight = answerBody.scrollHeight + "px"; } }); });// 18. Platform OS Tabs Switcher window.switchPlatformTab = function(evt, tabId) { SoundManager.playClick(); document.querySelectorAll('.platform-tab-pane').forEach(function(pane) { pane.classList.remove('active'); }); document.querySelectorAll('.platform-tab-btn').forEach(function(btn) { btn.classList.remove('active'); });var activePane = document.getElementById(tabId); if (activePane) activePane.classList.add('active'); if (evt && evt.currentTarget) evt.currentTarget.classList.add('active'); };// 19. Live Dynamic Theme Listener (Dark Mode Auto-Detection) function checkThemeState() { var docEl = document.documentElement; var body = document.body;var isDark = docEl.classList.contains('dark') || docEl.classList.contains('dark-mode') || docEl.getAttribute('data-theme') === 'dark' || (body && (body.classList.contains('dark') || body.classList.contains('dark-mode') || body.getAttribute('data-theme') === 'dark')) || localStorage.getItem('theme') === 'dark' || localStorage.getItem('darkMode') === 'true';var wrapper = document.getElementById('custom-tool-wrapper'); if (wrapper) { if (isDark) { wrapper.classList.add('dark-mode-active'); } else { wrapper.classList.remove('dark-mode-active'); } } }checkThemeState(); setInterval(checkThemeState, 300); })();