@adoptai/genui-components 0.1.67 → 0.1.68

package/dist/composites/download-card/resolver.cjs

@@ -470,13 +470,73 @@ var init_Markdown = __esm({
     init_theme();
   }
 });
+function resolvePdfWorkerSrc(pdfjs2) {
+  const override = typeof window !== "undefined" ? window.__GENUI_PDF_WORKER_SRC__ : void 0;
+  const current = pdfjs2.GlobalWorkerOptions.workerSrc;
+  const isConfigured = !!current && current !== "pdf.worker.mjs";
+  if (override) {
+    pdfjs2.GlobalWorkerOptions.workerSrc = override;
+  } else if (!isConfigured) {
+    pdfjs2.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs2.version}/build/pdf.worker.min.mjs`;
+  }
+  return pdfjs2.GlobalWorkerOptions.workerSrc;
+}
+function probePdfWorker() {
+  if (probe) return probe;
+  probe = (async () => {
+    if (typeof window === "undefined") return false;
+    try {
+      const { pdfjs: pdfjs2 } = await import('react-pdf');
+      resolvePdfWorkerSrc(pdfjs2);
+      const task = pdfjs2.getDocument({ data: new TextEncoder().encode(TINY_PDF) });
+      const doc = await Promise.race([
+        task.promise,
+        new Promise(
+          (_, reject) => setTimeout(() => reject(new Error("pdf worker probe timed out")), PROBE_TIMEOUT_MS)
+        )
+      ]);
+      await doc.destroy();
+      return true;
+    } catch (e) {
+      probe = null;
+      return false;
+    }
+  })();
+  return probe;
+}
+function usePdfWorkerReady(enabled) {
+  const [ready, setReady] = React10.useState(null);
+  React10.useEffect(() => {
+    let cancelled = false;
+    probePdfWorker().then((ok) => {
+      if (!cancelled) setReady(ok);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled]);
+  return ready ;
+}
+var TINY_PDF, PROBE_TIMEOUT_MS, probe;
+var init_pdfWorkerProbe = __esm({
+  "src/shared/viewers/pdfWorkerProbe.ts"() {
+    "use client";
+    TINY_PDF = `%PDF-1.1
+1 0 obj<</Type/Catalog/Pages 2 0 R>>endobj
+2 0 obj<</Type/Pages/Kids[3 0 R]/Count 1>>endobj
+3 0 obj<</Type/Page/Parent 2 0 R/MediaBox[0 0 3 3]>>endobj
+trailer<</Root 1 0 R>>`;
+    PROBE_TIMEOUT_MS = 5e3;
+    probe = null;
+  }
+});
 
 // src/composites/document-preview/PdfViewer.tsx
 var PdfViewer_exports = {};
 __export(PdfViewer_exports, {
   PdfViewer: () => PdfViewer
 });
-function PdfViewer({ url, base64, onLoadSuccess }) {
+function PdfViewer({ url, base64, onLoadSuccess, onLoadError }) {
   const { BORDER: BORDER2, MUTED: MUTED2, SURFACE: SURFACE2 } = useTheme();
   const [numPages, setNumPages] = React10.useState(0);
   const [currentPage, setCurrentPage] = React10.useState(1);
@@ -556,23 +616,34 @@ function PdfViewer({ url, base64, onLoadSuccess }) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { overflow: "auto", width: "100%", display: "flex", justifyContent: "center", padding: "16px" }, children: [
       loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED2, fontSize: "13px" }, children: "Loading PDF..." }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactPdf.Document, { file: base64 ? `data:application/pdf;base64,${base64}` : url, onLoadSuccess: handleLoad, loading: "", children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactPdf.Page,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactPdf.Document,
         {
-          pageNumber: currentPage,
-          width: 540,
-          renderTextLayer: true,
-          renderAnnotationLayer: true
+          file: base64 ? `data:application/pdf;base64,${base64}` : url,
+          onLoadSuccess: handleLoad,
+          onLoadError,
+          loading: "",
+          error: "",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactPdf.Page,
+            {
+              pageNumber: currentPage,
+              width: 540,
+              renderTextLayer: true,
+              renderAnnotationLayer: true
+            }
+          )
         }
-      ) })
+      )
     ] })
   ] });
 }
 var init_PdfViewer = __esm({
   "src/composites/document-preview/PdfViewer.tsx"() {
     "use client";
+    init_pdfWorkerProbe();
     init_ThemeContext();
-    reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${reactPdf.pdfjs.version}/build/pdf.worker.min.mjs`;
+    resolvePdfWorkerSrc(reactPdf.pdfjs);
   }
 });
 
@@ -1355,6 +1426,7 @@ function isExpirySoon(expiresAt) {
 
 // src/shared/viewers/PreviewHost.tsx
 init_ThemeContext();
+init_pdfWorkerProbe();
 var PdfViewer2 = React10.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
@@ -1366,6 +1438,19 @@ var TextViewer2 = React10.lazy(() => Promise.resolve().then(() => (init_TextView
 var DocxViewer2 = React10.lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
 var PEEK_ROWS = 20;
 var PEEK_LINES = 40;
+function GatedPdfViewer({ source }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [failed, setFailed] = React10.useState(false);
+  const workerReady = usePdfWorkerReady(true);
+  const ready = failed ? false : workerReady;
+  if (ready === null) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading preview\u2026" });
+  }
+  if (ready === false) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Preview unavailable \u2014 download the file to view it." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(PdfViewer2, { url: source.url, base64: source.base64, onLoadError: () => setFailed(true) });
+}
 function PreviewHost({ kind, source, mode = "full" }) {
   const { MUTED: MUTED2 } = useTheme();
   const peek = mode === "peek";
@@ -1373,7 +1458,7 @@ function PreviewHost({ kind, source, mode = "full" }) {
   let viewer = null;
   switch (kind) {
     case "pdf":
-      viewer = /* @__PURE__ */ jsxRuntime.jsx(PdfViewer2, { url: source.url, base64: source.base64 });
+      viewer = /* @__PURE__ */ jsxRuntime.jsx(GatedPdfViewer, { source });
       break;
     case "excel":
       viewer = /* @__PURE__ */ jsxRuntime.jsx(ExcelViewer2, { url: source.url, base64: source.base64 });