ssovee-os-web-ui 0.1.107 → 0.1.108

package/dist/index.cjs

@@ -7,7 +7,11 @@ 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');
+require('react-pdf/dist/Page/TextLayer.css');
+require('react-pdf/dist/Page/AnnotationLayer.css');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
@@ -2318,6 +2322,54 @@ 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 base64ToUint8Array = (base64) => {
+  const value = base64.includes(",") ? base64.slice(base64.indexOf(",") + 1) : base64;
+  const binary = atob(value);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+  return bytes;
+};
+var PdfPreview = ({ base64, fileName, className }) => {
+  const [numPages, setNumPages] = React24.useState(0);
+  const [error, setError] = React24.useState();
+  const [pageWidth, setPageWidth] = React24.useState(900);
+  React24.useEffect(() => {
+    const updatePageWidth = () => setPageWidth(Math.min(900, Math.max(320, window.innerWidth - 48)));
+    updatePageWidth();
+    window.addEventListener("resize", updatePageWidth);
+    return () => window.removeEventListener("resize", updatePageWidth);
+  }, []);
+  let pdfData;
+  try {
+    pdfData = base64ToUint8Array(base64);
+  } catch {
+    pdfData = new Uint8Array();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-96 w-full overflow-auto bg-muted/30", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactPdf.Document,
+    {
+      file: { data: pdfData },
+      onLoadSuccess: ({ numPages: loadedPages }) => {
+        setNumPages(loadedPages);
+        setError(void 0);
+      },
+      onLoadError: (loadError) => {
+        console.error("PDF preview error:", loadError);
+        setError(`Unable to preview ${fileName}`);
+      },
+      loading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-96 items-center justify-center", children: "Loading PDF..." }),
+      error: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-96 items-center justify-center", children: error ?? "Unable to preview this PDF." }),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-4 p-4", children: Array.from({ length: numPages }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg bg-white shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(reactPdf.Page, { pageNumber: index + 1, renderTextLayer: true, renderAnnotationLayer: true, width: pageWidth }) }, `page_${index + 1}`)) })
+    }
+  ) });
+};
+var PdfPreview_default = PdfPreview;
 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;
@@ -2383,29 +2435,14 @@ var decodeBase64 = (base64) => {
   const bytes = Uint8Array.from(atob(value), (character) => character.charCodeAt(0));
   return new TextDecoder().decode(bytes);
 };
-var toBlobUrl = (base64, fileName) => {
-  const value = base64.includes(",") ? base64.slice(base64.indexOf(",") + 1) : base64;
-  const bytes = Uint8Array.from(atob(value), (character) => character.charCodeAt(0));
-  return URL.createObjectURL(new Blob([bytes], { type: getMimeType(fileName) }));
-};
 var PreviewComponent = ({ fileName, base64, className }) => {
   const previewType = getPreviewType(fileName);
   const dataUrl = toDataUrl(base64, fileName);
-  const [pdfUrl, setPdfUrl] = React24.useState();
-  React24.useEffect(() => {
-    if (previewType !== "pdf") {
-      setPdfUrl(void 0);
-      return;
-    }
-    const objectUrl = toBlobUrl(base64, fileName);
-    setPdfUrl(objectUrl);
-    return () => URL.revokeObjectURL(objectUrl);
-  }, [base64, fileName, previewType]);
   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 pdfUrl ? /* @__PURE__ */ jsxRuntime.jsx("iframe", { title: fileName, src: pdfUrl, className: cn("h-full min-h-96 w-full border-0", className) }) : null;
+    return /* @__PURE__ */ jsxRuntime.jsx(PdfPreview_default, { base64, fileName, className });
   }
   if (previewType === "audio") {
     return /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: dataUrl, className: cn("w-full", className) });
@@ -3641,6 +3678,7 @@ exports.Input = Input_default;
 exports.Loading = Loading_default;
 exports.Modal = Modal_default;
 exports.Pagination = Pagination_default;
+exports.PdfPreview = PdfPreview_default;
 exports.PluginPlayground = PluginPlayground;
 exports.PreviewComponent = PreviewComponent_default;
 exports.Progress = Progress_default;