ssovee-os-web-ui 0.1.103 → 0.1.104

package/dist/index.cjs

@@ -7,7 +7,9 @@ var Editor = require('@monaco-editor/react');
 var react$1 = require('@tiptap/react');
 var StarterKit = require('@tiptap/starter-kit');
 var uaParserJs = require('ua-parser-js');
+var reactPdf = require('react-pdf');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
@@ -2318,6 +2320,10 @@ var Tabs = ({
   ] });
 };
 var Tabs_default = Tabs;
+reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = new URL(
+  "pdfjs-dist/build/pdf.worker.min.mjs",
+  (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))
+).toString();
 var imageExtensions = /\.(avif|bmp|gif|heic|jpe?g|png|svg|tiff?|webp)$/i;
 var textExtensions = /\.(c|cc|conf|cpp|css|csv|env|h|hpp|html?|ini|java|js|jsx|log|md|mjs|php|py|rb|rs|sh|sql|swift|ts|tsx|txt|xml|yaml|yml)$/i;
 var audioExtensions = /\.(aac|flac|m4a|mp3|ogg|wav|weba)$/i;
@@ -2390,56 +2396,48 @@ var toPdfBytes = (base64) => {
 var PreviewComponent = ({ fileName, base64, className }) => {
   const previewType = getPreviewType(fileName);
   const dataUrl = toDataUrl(base64, fileName);
-  const pdfContainerRef = React24.useRef(null);
-  const [pdfState, setPdfState] = React24.useState("loading");
-  React24.useEffect(() => {
-    if (previewType !== "pdf" || !pdfContainerRef.current) return;
-    let cancelled = false;
-    const container = pdfContainerRef.current;
-    setPdfState("loading");
-    container.replaceChildren();
-    import('pdfjs-dist/legacy/build/pdf.mjs').then(async ({ getDocument }) => {
-      const pdf = await getDocument({ data: toPdfBytes(base64) }).promise;
-      for (let pageNumber = 1; pageNumber <= pdf.numPages; pageNumber += 1) {
-        if (cancelled) return;
-        const page = await pdf.getPage(pageNumber);
-        const viewport = page.getViewport({ scale: 1.35 });
-        const canvas = document.createElement("canvas");
-        const context = canvas.getContext("2d");
-        if (!context) throw new Error("Canvas is not supported");
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        canvas.setAttribute("aria-label", `${fileName}, page ${pageNumber}`);
-        canvas.className = "mb-3 max-w-full shadow-sm";
-        container.appendChild(canvas);
-        await page.render({ canvas, canvasContext: context, viewport }).promise;
-      }
-      if (!cancelled) setPdfState("ready");
-    }).catch(() => {
-      if (!cancelled) setPdfState("error");
-    });
-    return () => {
-      cancelled = true;
-      container.replaceChildren();
-    };
-  }, [base64, fileName, previewType]);
+  const [pageCount, setPageCount] = React24.useState(null);
+  const [pdfError, setPdfError] = React24.useState(false);
   if (previewType === "image") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-full min-h-48 w-full items-center justify-center overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: dataUrl, alt: fileName, className: "max-h-full max-w-full object-contain" }) });
   }
   if (previewType === "pdf") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-h-96 flex-col items-center overflow-auto p-3", className), children: [
-      pdfState === "loading" && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-        "Loading ",
-        fileName,
-        "..."
-      ] }),
-      pdfState === "error" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3", children: "Unable to render this PDF." }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: pdfContainerRef, className: "flex w-full flex-col items-center" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("a", { href: dataUrl, download: fileName, className: "mt-3", children: [
-        "Download ",
-        fileName
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex min-h-96 flex-col items-center overflow-auto p-3", className), children: pdfError ? /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Unable to render ",
+      fileName,
+      ". The PDF may be invalid or corrupted."
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      reactPdf.Document,
+      {
+        file: { data: toPdfBytes(base64) },
+        loading: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "Loading ",
+          fileName,
+          "..."
+        ] }),
+        error: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "Unable to render ",
+          fileName,
+          ". The PDF may be invalid or corrupted."
+        ] }),
+        onLoadSuccess: ({ numPages }) => {
+          setPageCount(numPages);
+          setPdfError(false);
+        },
+        onLoadError: () => setPdfError(true),
+        className: "flex w-full flex-col items-center",
+        children: pageCount !== null && Array.from({ length: pageCount }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          reactPdf.Page,
+          {
+            pageNumber: index + 1,
+            renderAnnotationLayer: false,
+            renderTextLayer: false,
+            className: "mb-3 max-w-full shadow-sm"
+          },
+          `${fileName}-${index + 1}`
+        ))
+      }
+    ) });
   }
   if (previewType === "audio") {
     return /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: dataUrl, className: cn("w-full", className) });