@files-preview-app/preview-file 1.2.8 → 1.2.9

package/dist/react.js

@@ -1517,6 +1517,7 @@ var PdfPlugin = class {
       getPageCount: () => totalPages,
       getCurrentPage: () => currentPage,
       goToPage: (page) => {
+        container.scrollTop = 0;
         renderPage(page);
       },
       download: () => {
@@ -2021,7 +2022,14 @@ var DocxPlugin = class {
         ignoreFonts: true,
         // Avoid crashes on embedded obfuscated fonts
         breakPages: true,
-        experimental: true
+        experimental: true,
+        ignoreLastRenderedPageBreak: false,
+        // Honor Word's exact page breaks!
+        renderHeaders: true,
+        renderFooters: true,
+        renderFootnotes: true,
+        renderEndnotes: true,
+        useBase64URL: true
       });
       if (!ctx.container.contains(wrapper)) {
         ctx.container.appendChild(wrapper);
@@ -2042,11 +2050,14 @@ var DocxPlugin = class {
         renderedSuccessfully = true;
       } catch (fallbackErr) {
         console.error("[DocxPlugin] Native fallback failed:", fallbackErr);
+        const isCorrupt = fallbackErr?.message?.includes("invalid zip") || fallbackErr?.message?.includes("corrupted");
         wrapper.innerHTML = `
-          <div style="text-align:center; padding: 48px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);">
-            <div style="font-size:48px; margin-bottom: 16px;">\u{1F4C4}</div>
-            <h3 style="margin: 0 0 8px; color: #1e293b;">${ctx.metadata.name || "Word Document"}</h3>
-            <p style="color: #64748b; margin: 0;">Could not parse document content</p>
+          <div style="text-align:center; padding: 48px 32px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); max-width: 600px; margin: 40px auto;">
+            <div style="font-size:48px; margin-bottom: 16px;">${isCorrupt ? "\u26A0\uFE0F" : "\u{1F4C4}"}</div>
+            <h3 style="margin: 0 0 8px; color: #1e293b; font-size: 18px;">${ctx.metadata.name || "Word Document"}</h3>
+            <p style="color: #64748b; margin: 0 0 16px; font-size: 14px; line-height: 1.5;">
+              ${isCorrupt ? "This document appears to be corrupted or contains invalid archive data and cannot be opened (matches Microsoft Word on Windows)." : "Could not render document content. The file structure may be damaged."}
+            </p>
           </div>
         `;
         if (!ctx.container.contains(wrapper)) {
@@ -2058,47 +2069,61 @@ var DocxPlugin = class {
     const cards = Array.from(wrapper.querySelectorAll(".fp-docx-page-card"));
     if (sections.length === 1 && cards.length === 0) {
       const singleSec = sections[0];
-      const pageH = 1056;
+      const contentContainer = singleSec.querySelector("article") || singleSec;
+      const children = Array.from(contentContainer.children);
+      const pageH = singleSec.offsetHeight > 1300 ? 1122 : Math.max(1056, singleSec.offsetHeight);
       const secH = singleSec.offsetHeight || singleSec.scrollHeight;
-      if (secH > pageH * 1.25) {
-        const children = Array.from(singleSec.children);
-        if (children.length > 1) {
-          const parent = singleSec.parentElement || wrapper;
-          const newSections = [singleSec];
-          singleSec.innerHTML = "";
-          singleSec.style.minHeight = `${pageH}px`;
-          singleSec.style.maxHeight = `${pageH}px`;
-          singleSec.style.overflow = "hidden";
-          singleSec.style.boxSizing = "border-box";
-          let curSec = singleSec;
-          let curH = 0;
-          const maxH = pageH - 96;
-          for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            curSec.appendChild(child);
-            const chH = child.offsetHeight || 28;
-            curH += chH;
-            if (curH >= maxH && i < children.length - 1) {
-              const nextSec = document.createElement("section");
-              nextSec.className = singleSec.className;
-              nextSec.style.cssText = singleSec.style.cssText;
-              nextSec.style.width = singleSec.style.width || "816px";
-              nextSec.style.minHeight = `${pageH}px`;
-              nextSec.style.maxHeight = `${pageH}px`;
-              nextSec.style.overflow = "hidden";
-              nextSec.style.boxSizing = "border-box";
-              nextSec.style.backgroundColor = "#ffffff";
-              nextSec.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
-              nextSec.style.borderRadius = "4px";
-              nextSec.style.marginBottom = "24px";
-              parent.appendChild(nextSec);
-              newSections.push(nextSec);
-              curSec = nextSec;
-              curH = 0;
+      if (secH > pageH * 1.25 && children.length > 1) {
+        const childHeights = children.map((c) => {
+          const rectH = c.getBoundingClientRect().height;
+          const offH = c.offsetHeight;
+          const textLen = c.textContent?.trim().length || 0;
+          const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
+          return Math.max(rectH, offH, estH);
+        });
+        const parent = singleSec.parentElement || wrapper;
+        const newSections = [singleSec];
+        const headerEl = singleSec.querySelector("header");
+        const footerEl = singleSec.querySelector("footer");
+        contentContainer.innerHTML = "";
+        singleSec.style.minHeight = `${pageH}px`;
+        singleSec.style.boxSizing = "border-box";
+        let curContent = contentContainer;
+        let curH = 0;
+        const maxH = pageH - 140;
+        for (let i = 0; i < children.length; i++) {
+          const child = children[i];
+          const chH = childHeights[i];
+          curContent.appendChild(child);
+          curH += chH;
+          if (curH >= maxH && i < children.length - 1) {
+            const nextSec = document.createElement("section");
+            nextSec.className = singleSec.className;
+            nextSec.style.cssText = singleSec.style.cssText;
+            nextSec.style.minHeight = `${pageH}px`;
+            nextSec.style.boxSizing = "border-box";
+            nextSec.style.backgroundColor = "#ffffff";
+            nextSec.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
+            nextSec.style.borderRadius = "4px";
+            nextSec.style.marginBottom = "24px";
+            if (headerEl) {
+              nextSec.appendChild(headerEl.cloneNode(true));
+            }
+            const nextArticle = document.createElement("article");
+            if (contentContainer.tagName.toLowerCase() === "article") {
+              nextArticle.style.cssText = contentContainer.style.cssText;
             }
+            nextSec.appendChild(nextArticle);
+            if (footerEl) {
+              nextSec.appendChild(footerEl.cloneNode(true));
+            }
+            parent.appendChild(nextSec);
+            newSections.push(nextSec);
+            curContent = nextArticle;
+            curH = 0;
           }
-          sections = newSections;
         }
+        sections = newSections;
       }
     }
     const pageElements = sections.length > 0 ? sections : cards;
@@ -2137,6 +2162,7 @@ var DocxPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      ctx.container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -3069,17 +3095,39 @@ var CodePlugin = class {
     let rawPages = [];
     if (isTxt) {
       const explicitPages = fullText.split(/(?:\f|\x0C)/);
+      const charsPerLine = 85;
+      const maxVisualLines = 45;
+      const charsPerPage = charsPerLine * maxVisualLines;
       for (const ep of explicitPages) {
         const lines = ep.split(/\r?\n/);
         let currentChunk = [];
+        let currentLines = 0;
         for (let i = 0; i < lines.length; i++) {
-          currentChunk.push(lines[i]);
-          if (currentChunk.length >= 46) {
+          const line = lines[i];
+          const vLines = Math.max(1, Math.ceil((line.length || 1) / charsPerLine));
+          if (currentLines + vLines > maxVisualLines && currentChunk.length > 0) {
             rawPages.push(currentChunk.join("\n"));
             currentChunk = [];
+            currentLines = 0;
+          }
+          if (vLines > maxVisualLines) {
+            let remaining = line;
+            while (remaining.length > charsPerPage) {
+              let splitIdx = remaining.lastIndexOf(" ", charsPerPage);
+              if (splitIdx < charsPerPage * 0.75) splitIdx = charsPerPage;
+              rawPages.push(remaining.slice(0, splitIdx));
+              remaining = remaining.slice(splitIdx).trimStart();
+            }
+            if (remaining.length > 0) {
+              currentChunk.push(remaining);
+              currentLines = Math.ceil(remaining.length / charsPerLine);
+            }
+          } else {
+            currentChunk.push(line);
+            currentLines += vLines;
           }
         }
-        if (currentChunk.length > 0 || lines.length === 0) {
+        if (currentChunk.length > 0) {
           rawPages.push(currentChunk.join("\n"));
         }
       }
@@ -3189,6 +3237,7 @@ var CodePlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -4253,11 +4302,60 @@ var RtfPlugin = class {
       }
       const doc = new RTFJS.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
-      pageElements = htmlElements;
-      for (let i = 0; i < htmlElements.length; i++) {
-        const el = htmlElements[i];
-        el.style.display = i === 0 ? "block" : "none";
-        wrapper.appendChild(el);
+      if (htmlElements.length === 1) {
+        const singleEl = htmlElements[0];
+        wrapper.appendChild(singleEl);
+        const children = Array.from(singleEl.children);
+        const secH = singleEl.offsetHeight || singleEl.scrollHeight;
+        if (secH > 1300 && children.length > 1) {
+          const childHeights = children.map((c) => {
+            const rectH = c.getBoundingClientRect().height;
+            const offH = c.offsetHeight;
+            const textLen = c.textContent?.trim().length || 0;
+            const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
+            return Math.max(rectH, offH, estH);
+          });
+          wrapper.innerHTML = "";
+          const createRtfCard = () => {
+            const card = document.createElement("div");
+            card.className = "fp-rtf-page-card";
+            card.style.backgroundColor = "#ffffff";
+            card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
+            card.style.borderRadius = "4px";
+            card.style.padding = "72px 56px";
+            card.style.width = "816px";
+            card.style.minHeight = "1056px";
+            card.style.boxSizing = "border-box";
+            card.style.marginBottom = "24px";
+            return card;
+          };
+          let curCard = createRtfCard();
+          wrapper.appendChild(curCard);
+          pageElements = [curCard];
+          let curH = 0;
+          const maxH = 920;
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            const chH = childHeights[i];
+            curCard.appendChild(child);
+            curH += chH;
+            if (curH >= maxH && i < children.length - 1) {
+              curCard = createRtfCard();
+              wrapper.appendChild(curCard);
+              pageElements.push(curCard);
+              curH = 0;
+            }
+          }
+        } else {
+          pageElements = [singleEl];
+        }
+      } else {
+        pageElements = htmlElements;
+        for (let i = 0; i < htmlElements.length; i++) {
+          const el = htmlElements[i];
+          el.style.display = i === 0 ? "block" : "none";
+          wrapper.appendChild(el);
+        }
       }
     } catch (err) {
       console.warn("[RtfPlugin] RTF render error, fallback text:", err);
@@ -4323,6 +4421,7 @@ var RtfPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      ctx.container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -4794,12 +4893,9 @@ var OpenDocumentPlugin = class {
         page.style.backgroundColor = "#ffffff";
         page.style.boxShadow = "0 2px 10px rgba(0,0,0,0.08)";
         page.style.borderRadius = "4px";
-        page.style.boxSizing = "border-box";
         page.style.display = idx === 0 ? "block" : "none";
-        page.style.position = "absolute";
-        page.style.top = "0";
-        page.style.left = "50%";
-        page.style.transform = "translateX(-50%)";
+        page.style.margin = "0 auto 24px";
+        page.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
         elements.forEach((el) => page.appendChild(el));
         wrapper.appendChild(page);
         slides.push(page);
@@ -4837,6 +4933,7 @@ var OpenDocumentPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     return {
@@ -5329,6 +5426,7 @@ var DocPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -5506,45 +5604,50 @@ var DocPlugin = class {
   }
   splitIntoPages(text) {
     if (!text) return [""];
-    const explicitParts = text.split(/[\x0C\f]|\r?\n\s*[-=_]{3,}\s*(?:PAGE|Page|page break)[\s\d\w-]*[-=_]{3,}\s*\r?\n/i).map((p) => p.trim()).filter((p) => p.length > 0);
-    if (explicitParts.length === 0) explicitParts.push(text);
-    const maxLinesPerPage = 48;
+    const normalized = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	");
+    const explicitParts = normalized.split(/[\x0C\f]|\n\s*[-=_]{3,}\s*(?:PAGE|Page|page break)[\s\d\w-]*[-=_]{3,}\s*\n/i).map((p) => p.trim()).filter((p) => p.length > 0);
+    if (explicitParts.length === 0) explicitParts.push(normalized);
+    const maxLinesPerPage = 32;
+    const charsPerLine = 80;
     const finalPages = [];
     for (const part of explicitParts) {
-      const lines = part.split(/\r?\n/);
+      const lines = part.split("\n");
       let currentLines = [];
       let count = 0;
       for (const line of lines) {
-        currentLines.push(line);
-        count++;
-        if (count >= maxLinesPerPage) {
+        const vLines = Math.max(1, Math.ceil((line.length || 1) / charsPerLine));
+        if (count + vLines > maxLinesPerPage && currentLines.length > 0) {
           finalPages.push(currentLines.join("\n"));
           currentLines = [];
           count = 0;
         }
+        currentLines.push(line);
+        count += vLines;
       }
       if (currentLines.length > 0) {
         finalPages.push(currentLines.join("\n"));
       }
     }
-    return finalPages.length > 0 ? finalPages : [text];
+    return finalPages.length > 0 ? finalPages : [normalized];
   }
   /**
    * Format cleaned extracted text into attractive HTML paragraphs, headings, and lists
    */
   formatDocToHtml(text, filename) {
-    const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").split("\n");
+    const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	").split("\n");
     let html = "";
     let inList = false;
     let tableLines = [];
     const flushTable = () => {
       if (tableLines.length > 0) {
-        html += '<table style="width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 12px;">';
-        for (const tLine of tableLines) {
-          html += "<tr>";
-          const cols = tLine.split("	");
+        html += '<table style="width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 13px; font-family: Calibri, sans-serif;">';
+        for (let rIdx = 0; rIdx < tableLines.length; rIdx++) {
+          const tLine = tableLines[rIdx];
+          const isHeader = rIdx === 0;
+          html += `<tr style="${isHeader ? "background-color: #f8fafc; font-weight: 600;" : ""}">`;
+          const cols = tLine.split("	").filter((c) => c.trim().length > 0);
           for (const col of cols) {
-            html += `<td style="border: 1px solid #cbd5e1; padding: 6px 8px;">${DOMPurify6.sanitize(col.trim())}</td>`;
+            html += `<td style="border: 1px solid #cbd5e1; padding: 8px 12px;">${DOMPurify6.sanitize(col.trim())}</td>`;
           }
           html += "</tr>";
         }
@@ -5557,27 +5660,18 @@ var DocPlugin = class {
       let line = lines[i];
       let tabCount = (line.match(/\t/g) || []).length;
       if (tabCount > 0) {
-        let consecutiveTableLines = 1;
-        let j = i + 1;
-        while (j < lines.length) {
-          const nextTabCount = (lines[j].match(/\t/g) || []).length;
-          if (nextTabCount === tabCount) {
-            consecutiveTableLines++;
-            j++;
-          } else {
-            break;
-          }
+        let j = i;
+        while (j < lines.length && (lines[j].match(/\t/g) || []).length > 0) {
+          j++;
         }
-        if (consecutiveTableLines >= 3) {
-          if (inList) {
-            html += "</ul>";
-            inList = false;
-          }
-          tableLines = lines.slice(i, j);
-          flushTable();
-          i = j;
-          continue;
+        if (inList) {
+          html += "</ul>";
+          inList = false;
         }
+        tableLines = lines.slice(i, j);
+        flushTable();
+        i = j;
+        continue;
       }
       line = line.trim();
       if (!line) {