diff --git a/static/app.js b/static/app.js
index cf885a2..db97918 100644
--- a/static/app.js
+++ b/static/app.js
@@ -21,9 +21,8 @@ const audioCache = new Map();
let allModels = {};
let currentUser = null;
-// PDF.js state
-let pdfDoc = null;
-const pageCanvases = []; // canvas elements per page
+// PDF blob URL for native browser viewer
+let pdfBlobUrl = null;
// ── DOM ────────────────────────────────────────────────────────────
const $ = id => document.getElementById(id);
@@ -184,70 +183,45 @@ function renderText(sentences) {
// ── VIEW SWITCHING ─────────────────────────────────────────────────
function setView(mode) {
state.currentView = mode;
- const textViewer = $('text-viewer');
- const pdfViewer = $('pdf-viewer');
const contentArea = $('content-area');
- const btnText = $('btn-view-text');
- const btnPdf = $('btn-view-pdf');
if (mode === 'pdf') {
- textViewer.style.display = 'none';
- pdfViewer.style.display = '';
+ $('text-viewer').style.display = 'none';
+ $('pdf-viewer').style.display = 'flex';
contentArea.classList.add('pdf-mode');
- btnPdf.classList.add('active');
- btnText.classList.remove('active');
+ $('btn-view-pdf').classList.add('active');
+ $('btn-view-text').classList.remove('active');
$('doc-hint').textContent = 'Viewing original PDF · switch to Text to click sentences';
} else {
- textViewer.style.display = '';
- pdfViewer.style.display = 'none';
+ $('text-viewer').style.display = '';
+ $('pdf-viewer').style.display = 'none';
contentArea.classList.remove('pdf-mode');
- btnText.classList.add('active');
- btnPdf.classList.remove('active');
+ $('btn-view-text').classList.add('active');
+ $('btn-view-pdf').classList.remove('active');
$('doc-hint').textContent = 'Click any sentence to jump there · Space to play/pause · ← → to skip';
}
}
window.setView = setView;
-// ── PDF.js RENDERING ───────────────────────────────────────────────
-async function renderPDF(b64) {
- if (typeof pdfjsLib === 'undefined') return;
- pdfjsLib.GlobalWorkerOptions.workerSrc =
- 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
-
- const pdfPages = $('pdf-pages');
- pdfPages.innerHTML = '';
- pageCanvases.length = 0;
+// ── PDF NATIVE RENDERING ───────────────────────────────────────────
+function renderPDF(b64) {
+ // Revoke previous blob to free memory
+ if (pdfBlobUrl) { URL.revokeObjectURL(pdfBlobUrl); pdfBlobUrl = null; }
const binary = atob(b64);
const bytes = new Uint8Array(binary.length);
for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+ const blob = new Blob([bytes], { type: 'application/pdf' });
+ pdfBlobUrl = URL.createObjectURL(blob);
- pdfDoc = await pdfjsLib.getDocument({ data: bytes }).promise;
+ const pdfPages = $('pdf-pages');
+ pdfPages.innerHTML = '';
- for (let i = 1; i <= pdfDoc.numPages; i++) {
- const page = await pdfDoc.getPage(i);
- const vp = page.getViewport({ scale: 1.5 });
-
- const wrap = document.createElement('div');
- wrap.className = 'pdf-page-wrap';
- wrap.dataset.page = i - 1;
-
- const canvas = document.createElement('canvas');
- canvas.width = vp.width;
- canvas.height = vp.height;
- canvas.style.width = Math.min(vp.width, 800) + 'px';
- canvas.style.height = (Math.min(vp.width, 800) / vp.width * vp.height) + 'px';
-
- await page.render({ canvasContext: canvas.getContext('2d'), viewport: vp }).promise;
- wrap.appendChild(canvas);
-
- const lbl = document.createElement('div');
- lbl.className = 'pdf-page-num';
- lbl.textContent = `Page ${i}`;
- pdfPages.appendChild(wrap);
- pdfPages.appendChild(lbl);
- pageCanvases.push(wrap);
- }
+ const iframe = document.createElement('iframe');
+ iframe.id = 'pdf-iframe';
+ iframe.src = pdfBlobUrl;
+ iframe.style.cssText = 'width:100%;height:100%;border:none;display:block;';
+ pdfPages.appendChild(iframe);
}
function buildSentencePageMap(pageTexts, sentences) {
@@ -269,8 +243,12 @@ function buildSentencePageMap(pageTexts, sentences) {
}
function scrollPDFToPage(pageIdx) {
- if (pageIdx < 0 || pageIdx >= pageCanvases.length) return;
- pageCanvases[pageIdx].scrollIntoView({ behavior: 'smooth', block: 'start' });
+ if (!pdfBlobUrl) return;
+ const iframe = $('pdf-iframe');
+ if (!iframe) return;
+ // #page= fragment navigates inside Chrome/Edge native PDF viewer
+ const target = pdfBlobUrl + '#page=' + (pageIdx + 1);
+ if (iframe.src !== target) iframe.src = target;
}
// ── LOAD DOCUMENT ──────────────────────────────────────────────────
diff --git a/static/index.html b/static/index.html
index aa66fd3..ea6f8f2 100644
--- a/static/index.html
+++ b/static/index.html
@@ -219,7 +219,6 @@
Loading…
-