`; } function buildSinglePageDocument(page, title){ return ` ${page.html || '

(no extractable text on this page)

'} `; } function renderPreview(pages){ pageList.innerHTML = ''; pages.forEach(p => { const card = document.createElement('div'); card.className = 'page-card'; const head = document.createElement('div'); head.className = 'page-card-head'; const label = document.createElement('span'); label.textContent = 'Page ' + p.pageNum; head.appendChild(label); const dl = document.createElement('button'); dl.className = 'page-dl'; dl.textContent = 'Download this page'; dl.addEventListener('click', () => { const baseName = (currentFile && currentFile.name ? currentFile.name.replace(/\.pdf$/i, '') : 'converted'); const doc = buildSinglePageDocument(p, baseName); const blob = new Blob([doc], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = baseName + '_page' + String(p.pageNum).padStart(2, '0') + '.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }); head.appendChild(dl); card.appendChild(head); const body = document.createElement('div'); body.className = 'page-body'; body.innerHTML = p.html || '

(no extractable text on this page)

'; card.appendChild(body); pageList.appendChild(card); }); previewBox.style.display = 'block'; } goBtn.addEventListener('click', async () => { if(stage === 'ready'){ goBtn.disabled = true; hintRow.classList.remove('error'); hintRow.innerHTML = 'Reading PDF…'; try{ const pages = await renderPDFToHTML(currentFile, (p, total) => { hintRow.innerHTML = 'Extracting text from page ' + p + ' of ' + total + '…'; }); if(!pages.length){ hintRow.textContent = 'No pages could be read from this PDF.'; hintRow.classList.add('error'); goBtn.disabled = false; return; } convertedPages = pages; renderPreview(pages); summaryEl.innerHTML = '' + pages.length + ' page' + (pages.length > 1 ? 's' : '') + ' converted to HTML'; hintRow.textContent = 'Review the extracted text below — download the full file, or grab individual pages.'; goBtn.textContent = outputMode === 'single' ? 'Download HTML' : 'Download All (ZIP)'; goBtn.disabled = false; stage = 'converted'; } catch(err){ console.error(err); hintRow.textContent = 'Could not read this PDF: ' + (err.message || 'unknown error'); hintRow.classList.add('error'); goBtn.disabled = false; } } else if(stage === 'converted'){ await downloadAll(); } }); async function downloadAll(){ if(!convertedPages || !convertedPages.length) return; goBtn.disabled = true; const originalLabel = goBtn.textContent; const baseName = (currentFile && currentFile.name ? currentFile.name.replace(/\.pdf$/i, '') : 'converted'); try{ if(outputMode === 'single'){ goBtn.textContent = 'Preparing file…'; const doc = buildFullDocument(convertedPages, baseName); const blob = new Blob([doc], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = baseName + '.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } else { goBtn.textContent = 'Zipping pages…'; const zip = new JSZip(); convertedPages.forEach(p => { const doc = buildSinglePageDocument(p, baseName); zip.file(baseName + '_page' + String(p.pageNum).padStart(2, '0') + '.html', doc); }); const zipBlob = await zip.generateAsync({ type: 'blob' }); const url = URL.createObjectURL(zipBlob); const a = document.createElement('a'); a.href = url; a.download = baseName + '_html_pages.zip'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } } catch(err){ console.error(err); hintRow.textContent = 'Could not prepare the download: ' + (err.message || 'unknown error'); hintRow.classList.add('error'); } finally { goBtn.disabled = false; goBtn.textContent = originalLabel; } }