Upload 2 files

static/app.js

@@ -1381,9 +1381,16 @@ async function createPDFRangeTransport(pdfjs, url) {
   const match = /^bytes\s+\d+-\d+\/(\d+)$/.exec(contentRange);
   const length = match ? Number(match[1]) : 0;
   if (!Number.isSafeInteger(length) || length <= 0) throw new Error("PDF range length is unavailable");
+  const initialEnd = Math.min(512 * 1024, length);
+  const initialResponse = await fetch(url, {
+    headers: { Range: `bytes=0-${initialEnd - 1}` },
+    cache: "no-store",
+  });
+  if (initialResponse.status !== 206) throw new Error(`PDF initial range failed: ${initialResponse.status}`);
+  const initialData = new Uint8Array(await initialResponse.arrayBuffer());
   class URLRangeTransport extends pdfjs.PDFDataRangeTransport {
     constructor() {
-      super(length, null, false);
+      super(length, initialData, false);
       this.controllers = new Set();
     }
 

static/style.css

@@ -677,17 +677,19 @@ ul, li {
   background: #e6e6e6;
 }
 
-.proofread-pdf-stage.is-loading {
+.proofread-pdf-stage.is-loading,
+.proofread-pdf-stage.is-error {
   padding: 0;
   background: #fff;
   align-items: stretch;
 }
 
-.proofread-pdf-stage.is-loading canvas {
+.proofread-pdf-stage.is-error canvas {
   width: 100%;
   height: 100%;
   min-height: 100%;
   box-shadow: none;
+  visibility: hidden;
 }
 
 .proofread-pdf-stage canvas {
@@ -1015,7 +1017,8 @@ body.mobile .proofread-pdf-stage {
   -webkit-overflow-scrolling: touch;
 }
 
-body.mobile .proofread-pdf-stage.is-loading {
+body.mobile .proofread-pdf-stage.is-loading,
+body.mobile .proofread-pdf-stage.is-error {
   padding: 0;
 }