@adoptai/genui-components 0.1.66 → 0.1.68

package/dist/renderer.cjs

@@ -1292,13 +1292,74 @@ var init_FlowGraph = __esm({
     renderSeq = 0;
   }
 });
+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] = React45.useState(null);
+  React45.useEffect(() => {
+    if (!enabled) return;
+    let cancelled = false;
+    probePdfWorker().then((ok) => {
+      if (!cancelled) setReady(ok);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled]);
+  return enabled ? ready : null;
+}
+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: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2 } = useTheme();
   const [numPages, setNumPages] = React45.useState(0);
   const [currentPage, setCurrentPage] = React45.useState(1);
@@ -1378,23 +1439,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);
   }
 });
 
@@ -9020,6 +9092,7 @@ function useFullscreen(ref) {
 // src/composites/document-preview/resolver.tsx
 init_theme();
 init_ThemeContext();
+init_pdfWorkerProbe();
 var PdfViewer2 = React45__default.default.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
@@ -9083,8 +9156,14 @@ function DocumentPreviewResolver(p) {
   const totalPages = ((_c = p.pages) != null ? _c : []).length;
   const page = p.pages[currentPage];
   const pageHighlights = ((_d = p.highlights) != null ? _d : []).filter((h) => h.pageIndex === currentPage);
+  const [pdfFailed, setPdfFailed] = React45.useState(false);
+  const pdfWorkerReady = usePdfWorkerReady(hasRealFile && isPdf);
+  const pdfReady = pdfFailed ? false : pdfWorkerReady;
+  const showPdfViewer = hasRealFile && isPdf && pdfReady === true;
+  const pdfPending = hasRealFile && isPdf && pdfReady === null;
   const handlePdfLoad = React45.useCallback(() => {
   }, []);
+  const handlePdfError = React45.useCallback(() => setPdfFailed(true), []);
   const handleExcelLoad = React45.useCallback(() => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_e = p.title) != null ? _e : "document-preview", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9178,7 +9257,7 @@ function DocumentPreviewResolver(p) {
             children: pg.label
           },
           i
-        )) }) : !hasRealFile && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "6px 14px", borderLeft: `1px solid ${BORDER3}`, borderRight: `1px solid ${BORDER3}`, background: SURFACE2 }, children: [
+        )) }) : (!hasRealFile || pdfReady === false) && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "6px 14px", borderLeft: `1px solid ${BORDER3}`, borderRight: `1px solid ${BORDER3}`, background: SURFACE2 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCurrentPage(Math.max(0, currentPage - 1)), disabled: currentPage === 0, style: { border: `1px solid ${BORDER3}`, borderRadius: "4px", padding: "2px 8px", background: SURFACE2, cursor: "pointer", fontSize: "12px", color: currentPage === 0 ? BORDER3 : MUTED2 }, children: "\u2190" }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "12px", color: MUTED2 }, children: [
             currentPage + 1,
@@ -9198,7 +9277,7 @@ function DocumentPreviewResolver(p) {
           display: "flex",
           flexDirection: "column"
         }, children: [
-          hasRealFile && isPdf ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(PdfViewer2, { url: (_q = p.source) == null ? void 0 : _q.url, base64: (_r = p.source) == null ? void 0 : _r.base64, onLoadSuccess: handlePdfLoad }) }) : hasRealFile && isExcel ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(ExcelViewer2, { url: (_s = p.source) == null ? void 0 : _s.url, base64: (_t = p.source) == null ? void 0 : _t.base64, onLoadSuccess: handleExcelLoad }) }) : (page == null ? void 0 : page.imageUrl) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: MUTED2, fontSize: "13px" }, children: [
+          showPdfViewer ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(PdfViewer2, { url: (_q = p.source) == null ? void 0 : _q.url, base64: (_r = p.source) == null ? void 0 : _r.base64, onLoadSuccess: handlePdfLoad, onLoadError: handlePdfError }) }) : pdfPending ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED2, fontSize: "13px" }, children: "Loading preview\u2026" }) : hasRealFile && isExcel ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(ExcelViewer2, { url: (_s = p.source) == null ? void 0 : _s.url, base64: (_t = p.source) == null ? void 0 : _t.base64, onLoadSuccess: handleExcelLoad }) }) : (page == null ? void 0 : page.imageUrl) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: MUTED2, fontSize: "13px" }, children: [
             "No content available for ",
             (_u = page == null ? void 0 : page.label) != null ? _u : "this page"
           ] }),
@@ -11777,6 +11856,7 @@ function isExpirySoon(expiresAt) {
 
 // src/shared/viewers/PreviewHost.tsx
 init_ThemeContext();
+init_pdfWorkerProbe();
 var PdfViewer3 = React45.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
@@ -11788,6 +11868,19 @@ var TextViewer2 = React45.lazy(() => Promise.resolve().then(() => (init_TextView
 var DocxViewer2 = React45.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] = React45.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(PdfViewer3, { url: source.url, base64: source.base64, onLoadError: () => setFailed(true) });
+}
 function PreviewHost({ kind, source, mode = "full" }) {
   const { MUTED: MUTED2 } = useTheme();
   const peek = mode === "peek";
@@ -11795,7 +11888,7 @@ function PreviewHost({ kind, source, mode = "full" }) {
   let viewer = null;
   switch (kind) {
     case "pdf":
-      viewer = /* @__PURE__ */ jsxRuntime.jsx(PdfViewer3, { url: source.url, base64: source.base64 });
+      viewer = /* @__PURE__ */ jsxRuntime.jsx(GatedPdfViewer, { source });
       break;
     case "excel":
       viewer = /* @__PURE__ */ jsxRuntime.jsx(ExcelViewer3, { url: source.url, base64: source.base64 });