AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve thumbnail rendering reliability and error handling

Browse Source 
Added delays in `EnvelopeViewer.razor` to ensure the DOM is ready and to render thumbnails sequentially, preventing browser overload and keeping the UI responsive. Enhanced error handling in `RenderThumbnailsAsync` with detailed debug logs.

In `pdf-viewer.js`, introduced a retry mechanism to wait for canvas elements to appear in the DOM and added detailed error logging for missing canvases or PDF document issues. Replaced generic comments with specific error messages to improve debugging.

These changes enhance the robustness, reliability, and user experience of the PDF viewer.
This commit is contained in:
tekh
2026-06-05 23:05:21 +02:00
parent 6024f5c040
commit 0282c8e5d3
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
EnvelopeGenerator.ReceiverUI/wwwroot/js/pdf-viewer.js
View File

@@ -234,11 +234,25 @@ window.pdfViewer = {
},
async renderThumbnail(pageNum, canvasId) {
if (!this.pdfDoc) return;
if (!this.pdfDoc) {
console.error('PDF document not loaded for thumbnail:', pageNum);
return;
}
try {
const canvas = document.getElementById(canvasId);
if (!canvas) return;
// Wait for canvas to be in DOM
let canvas = document.getElementById(canvasId);
let retries = 0;
while (!canvas && retries < 10) {
await new Promise(resolve => setTimeout(resolve, 100));
canvas = document.getElementById(canvasId);
retries++;
}
if (!canvas) {
console.error('Canvas not found after retries:', canvasId);
return;
}
const page = await this.pdfDoc.getPage(pageNum);
const viewport = page.getViewport({ scale: 0.2 });
@@ -254,7 +268,7 @@ window.pdfViewer = {
await page.render(renderContext).promise;
} catch (error) {
// Thumbnail rendering errors are non-critical
console.error('Error rendering thumbnail', pageNum, ':', error);
}
},