@open-file-viewer/core 0.1.25 → 0.1.26

package/dist/index.js

@@ -6346,6 +6346,7 @@ function decodeXml(value) {
 // src/plugins/office.ts
 import JSZip3 from "jszip";
 import DOMPurify2 from "dompurify";
+import * as docxPreview from "docx-preview";
 
 // src/plugins/msdoc.ts
 var CFB_SIGNATURE = [208, 207, 17, 224, 161, 177, 26, 225];
@@ -7782,6 +7783,7 @@ var presentationExtensions = /* @__PURE__ */ new Set(["pptx", "pptm", "ppt", "pp
 var packagedOfficeCandidates = /* @__PURE__ */ new Set(["wps", "et", "dps", "numbers", "key"]);
 var SHEET_WINDOW_ROWS = 200;
 var SHEET_WINDOW_COLUMNS = 80;
+var DEFAULT_DOCX_RENDER_TIMEOUT_MS = 15e3;
 var DEFAULT_PPTX_RENDER_TIMEOUT_MS = 12e3;
 var PPTX_REL_NS = "http://schemas.openxmlformats.org/package/2006/relationships";
 var officeMimeTypes = /* @__PURE__ */ new Set([
@@ -8090,23 +8092,28 @@ async function renderDocx(panel, arrayBuffer, fit) {
   document.head.append(styleContainer);
   let disposeFit;
   try {
-    const docxPreview = await import("docx-preview");
-    await docxPreview.renderAsync(arrayBuffer, content, styleContainer, {
-      className: "ofv-docx",
-      inWrapper: true,
-      breakPages: true,
-      ignoreWidth: false,
-      ignoreHeight: false,
-      ignoreFonts: false,
-      renderHeaders: true,
-      renderFooters: true,
-      renderFootnotes: true,
-      renderEndnotes: true,
-      renderComments: true,
-      renderAltChunks: true,
-      experimental: true,
-      useBase64URL: true
-    });
+    await withTimeout(
+      (async () => {
+        await docxPreview.renderAsync(arrayBuffer, content, styleContainer, {
+          className: "ofv-docx",
+          inWrapper: true,
+          breakPages: true,
+          ignoreWidth: false,
+          ignoreHeight: false,
+          ignoreFonts: false,
+          renderHeaders: true,
+          renderFooters: true,
+          renderFootnotes: true,
+          renderEndnotes: true,
+          renderComments: true,
+          renderAltChunks: true,
+          experimental: true,
+          useBase64URL: true
+        });
+      })(),
+      docxRenderTimeoutMs(),
+      "DOCX rendering"
+    );
     await normalizeDocxLayout(content, arrayBuffer);
     const shouldUseTextboxFallback = await docxPreviewLooksBlank(content, arrayBuffer) || await docxPreviewMissesRichTextboxContent(content, arrayBuffer) || await docxShouldPreferTextboxLayoutFallback(arrayBuffer);
     if (shouldUseTextboxFallback) {
@@ -8129,13 +8136,18 @@ async function renderDocx(panel, arrayBuffer, fit) {
   } catch (error) {
     disposeFit?.();
     styleContainer.remove();
-    content.replaceChildren();
-    await renderDocxContentFallback(content, arrayBuffer);
-    panel.append(content);
+    const fallbackContent = document.createElement("div");
+    fallbackContent.className = "ofv-docx-document";
+    await renderDocxContentFallback(fallbackContent, arrayBuffer);
+    panel.append(fallbackContent);
     console.warn("DOCX layout preview failed, fell back to Mammoth:", error);
   }
   return () => void 0;
 }
+function docxRenderTimeoutMs() {
+  const override = globalThis.__OFV_DOCX_RENDER_TIMEOUT_MS__;
+  return typeof override === "number" && override > 0 ? override : DEFAULT_DOCX_RENDER_TIMEOUT_MS;
+}
 async function docxPreviewLooksBlank(container, arrayBuffer) {
   if (container.querySelector("img, svg, canvas, table")) {
     return false;
@@ -8228,12 +8240,13 @@ async function renderDocxContentFallback(container, arrayBuffer, options = {}) {
     return;
   }
   try {
-    await renderDocxWithMammoth(container, arrayBuffer);
-    const renderedText = normalizePreviewText(container.querySelector(".ofv-document")?.textContent || "");
+    const mammothContent = document.createElement("div");
+    await withTimeout(renderDocxWithMammoth(mammothContent, arrayBuffer), docxRenderTimeoutMs(), "DOCX fallback rendering");
+    const renderedText = normalizePreviewText(mammothContent.querySelector(".ofv-document")?.textContent || "");
     if (renderedText.length >= 24) {
+      container.append(...Array.from(mammothContent.childNodes));
       return;
     }
-    container.querySelector(".ofv-document")?.remove();
     await renderDocxTextFallback(container, arrayBuffer);
   } catch (fallbackError) {
     await renderDocxTextFallback(container, arrayBuffer);
@@ -10518,13 +10531,13 @@ function renderPptxTextFallback(container, insight) {
     container.append(article);
   }
 }
-async function withTimeout(promise, timeoutMs) {
+async function withTimeout(promise, timeoutMs, label = "PPTX rendering") {
   let timeoutId;
   try {
     return await Promise.race([
       promise,
       new Promise((_resolve, reject) => {
-        timeoutId = window.setTimeout(() => reject(new Error(`PPTX rendering timed out after ${timeoutMs}ms.`)), timeoutMs);
+        timeoutId = window.setTimeout(() => reject(new Error(`${label} timed out after ${timeoutMs}ms.`)), timeoutMs);
       })
     ]);
   } finally {