@open-file-viewer/core 0.1.9 → 0.1.10

package/README.md

@@ -106,6 +106,23 @@ viewer.resize();
 viewer.destroy();
 ```
 
+### PDF loading compatibility
+
+If PDF preview falls back in Umi Max, utoo pack or similar build environments and the console shows
+`Cannot set properties of undefined (setting 'onPull')` from pdf.js, enable `useFetchData`. It fetches
+the PDF bytes on the main thread and then passes `data` to pdf.js, avoiding the worker network stream
+path that can break in those bundlers:
+
+```ts
+pdfPlugin({
+  workerSrc: pdfWorkerSrc,
+  useFetchData: true
+});
+```
+
+This keeps compatibility at the cost of holding one extra copy of the PDF in memory, so use it only
+for affected environments.
+
 ## CAD Customization
 
 `cadPlugin()` has two CAD preview layers:

package/dist/index.cjs

@@ -4576,14 +4576,7 @@ async function renderPdfDocumentPreview(options) {
   scroller.className = "ofv-pdf ofv-pdf-pages";
   viewer.append(summary, scroller);
   options.viewport.append(viewer);
-  const documentTask = pdf.getDocument({
-    url: options.fileUrl,
-    cMapUrl: options.cMapUrl ?? `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/cmaps/`,
-    cMapPacked: options.cMapPacked ?? true,
-    standardFontDataUrl: options.standardFontDataUrl ?? `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/standard_fonts/`,
-    useSystemFonts: options.useSystemFonts ?? true
-  });
-  const doc = await documentTask.promise.catch((error) => {
+  const showDocumentFallback = (error) => {
     viewer.remove();
     options.viewport.classList.add("ofv-center");
     const fileLike = {
@@ -4600,8 +4593,29 @@ async function renderPdfDocumentPreview(options) {
       action: options.encryptedAction || "\u4E0B\u8F7D PDF"
     }) : createPdfFallback(options.fileName, options.fileUrl, normalizePdfError(error), options.fallbackTitle);
     options.viewport.append(fallback);
-    return void 0;
-  });
+  };
+  let documentTask;
+  let doc;
+  try {
+    const pdfData = options.useFetchData ? await loadPdfData(options.fileUrl) : void 0;
+    documentTask = pdf.getDocument({
+      ...pdfData ? { data: pdfData } : { url: options.fileUrl },
+      cMapUrl: options.cMapUrl ?? `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/cmaps/`,
+      cMapPacked: options.cMapPacked ?? true,
+      standardFontDataUrl: options.standardFontDataUrl ?? `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/standard_fonts/`,
+      useSystemFonts: options.useSystemFonts ?? true,
+      disableStream: options.disableStream,
+      disableAutoFetch: options.disableAutoFetch,
+      disableRange: options.disableRange,
+      rangeChunkSize: options.rangeChunkSize
+    });
+    doc = await documentTask.promise.catch((error) => {
+      showDocumentFallback(error);
+      return void 0;
+    });
+  } catch (error) {
+    showDocumentFallback(error);
+  }
   if (!doc) {
     return {
       canCommand() {
@@ -4614,17 +4628,18 @@ async function renderPdfDocumentPreview(options) {
       },
       destroy() {
         options.viewport.classList.remove("ofv-center");
-        documentTask.destroy?.();
+        documentTask?.destroy?.();
         if (options.revokeUrlOnDestroy) {
           revokeObjectUrl(options.fileUrl, Boolean(options.isExternal));
         }
       }
     };
   }
+  const pdfDocument = doc;
   const pagesMeta = [];
-  for (let pageNumber = 1; pageNumber <= doc.numPages; pageNumber += 1) {
+  for (let pageNumber = 1; pageNumber <= pdfDocument.numPages; pageNumber += 1) {
     try {
-      const page = await doc.getPage(pageNumber);
+      const page = await pdfDocument.getPage(pageNumber);
       const baseViewport = page.getViewport({ scale: 1 });
       pagesMeta.push({
         width: baseViewport.width,
@@ -4640,7 +4655,7 @@ async function renderPdfDocumentPreview(options) {
   let zoomFactor = 1;
   let rotation = 0;
   const updateSummary = () => {
-    renderPdfSummary(summary, doc.numPages, pagesMeta, options.fit, zoomFactor);
+    renderPdfSummary(summary, pdfDocument.numPages, pagesMeta, options.fit, zoomFactor);
     options.toolbar?.setZoom(zoomFactor);
   };
   const clearPage = (pageIdx) => {
@@ -4663,7 +4678,7 @@ async function renderPdfDocumentPreview(options) {
     if (!state || state.rendered) return;
     state.rendered = true;
     try {
-      const page = await doc.getPage(pageIdx + 1);
+      const page = await pdfDocument.getPage(pageIdx + 1);
       const meta = pagesMeta[pageIdx];
       const scale = options.fit === "actual" ? zoomFactor : Math.max(0.05, Math.min(5, getPdfAvailableWidth(size.width) / rotatedPdfWidth(meta, rotation) * zoomFactor));
       const viewport = page.getViewport({ scale, rotation });
@@ -4750,7 +4765,7 @@ async function renderPdfDocumentPreview(options) {
               if (!state.rendered) {
                 void renderPage(pageIdx, size);
               }
-            } else if (state.rendered && doc.numPages > 8) {
+            } else if (state.rendered && pdfDocument.numPages > 8) {
               clearPage(pageIdx);
             }
           });
@@ -4761,7 +4776,7 @@ async function renderPdfDocumentPreview(options) {
         }
       );
     }
-    for (let i = 0; i < doc.numPages; i++) {
+    for (let i = 0; i < pdfDocument.numPages; i++) {
       const meta = pagesMeta[i];
       const rotatedWidth = rotatedPdfWidth(meta, rotation);
       const rotatedHeight = rotatedPdfHeight(meta, rotation);
@@ -4789,7 +4804,7 @@ async function renderPdfDocumentPreview(options) {
     }
     if (observer) {
       window.setTimeout(() => {
-        const eagerPages = doc.numPages > 8 ? 2 : doc.numPages;
+        const eagerPages = pdfDocument.numPages > 8 ? 2 : pdfDocument.numPages;
         for (let i = 0; i < eagerPages; i++) {
           void renderPage(i, size);
         }
@@ -4846,10 +4861,10 @@ async function renderPdfDocumentPreview(options) {
         }
       });
       pageStates.length = 0;
+      void pdfDocument.destroy?.();
       if (options.revokeUrlOnDestroy) {
         revokeObjectUrl(options.fileUrl, Boolean(options.isExternal));
       }
-      void doc.destroy();
     }
   };
 }
@@ -4912,6 +4927,13 @@ function normalizePdfOptions(options) {
   }
   return options;
 }
+async function loadPdfData(url) {
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Failed to load PDF data: ${response.status} ${response.statusText}`);
+  }
+  return new Uint8Array(await response.arrayBuffer());
+}
 function isCanvasVisuallyBlank(canvas, context) {
   if (canvas.width === 0 || canvas.height === 0 || typeof context.getImageData !== "function") {
     return false;