@open-file-viewer/core 0.1.8 → 0.1.10

package/README.md

@@ -36,6 +36,24 @@ Copy `libredwg-web.wasm` to a public directory and point `cadPlugin` to it:
 cadPlugin({ libreDwg: { wasmBaseUrl: "/vendor/libredwg-web" } });
 ```
 
+Native browser video formats such as MP4, WebM and MOV do not need extra dependencies. HLS uses `hls.js`, which is bundled with the core package. FLV and MPEG-TS/M2TS playback is optional: install `mpegts.js` in your application only if you need those formats. If it is not installed, `videoPlugin()` shows the built-in download fallback for FLV/M2TS files.
+
+```bash
+npm install mpegts.js
+```
+
+`mpegts.js` currently depends on a git-based `webworkify-webpack` fork. pnpm 11 users with `blockExoticSubdeps` enabled can keep `@open-file-viewer/core` installed normally because `mpegts.js` is no longer a required dependency. If your app really needs FLV/M2TS playback, either allow that dependency in your app or override it to the npm release:
+
+```json
+{
+  "pnpm": {
+    "overrides": {
+      "webworkify-webpack": "2.1.5"
+    }
+  }
+}
+```
+
 ## Quick Start
 
 ```ts
@@ -88,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

@@ -2569,6 +2569,11 @@ function objectFit(fit) {
 }
 
 // src/plugins/video.ts
+var mpegtsPackageName = "mpegts.js";
+var loadMpegts = () => import(
+  /* @vite-ignore */
+  mpegtsPackageName
+);
 var videoExtensions = /* @__PURE__ */ new Set([
   "mp4",
   "mpg",
@@ -2683,7 +2688,8 @@ function videoPlugin() {
             showTranscodeFallback();
           }
         } else if (isFlv || isMpegTs) {
-          const mpegts = (await import("mpegts.js")).default;
+          const mpegtsModule = await loadMpegts();
+          const mpegts = resolveMpegtsApi(mpegtsModule);
           if (mpegts.isSupported()) {
             mpegtsPlayer = mpegts.createPlayer({
               type: isFlv ? "flv" : "mpegts",
@@ -2735,6 +2741,13 @@ function videoPlugin() {
     }
   };
 }
+function resolveMpegtsApi(module2) {
+  const api = module2.default || module2;
+  if (!api.Events || !api.isSupported || !api.createPlayer) {
+    throw new Error("mpegts.js is not available.");
+  }
+  return api;
+}
 function createVideoTransformController(video, ctx) {
   let scale = 1;
   let rotation = 0;
@@ -4563,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 = {
@@ -4587,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() {
@@ -4601,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,
@@ -4627,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) => {
@@ -4650,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 });
@@ -4737,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);
             }
           });
@@ -4748,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);
@@ -4776,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);
         }
@@ -4833,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();
     }
   };
 }
@@ -4899,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;