@lamberl-lee/file-preview 0.2.0

package/dist/PdfPreview.js

@@ -0,0 +1,206 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef, useCallback } from "react";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ZoomInIcon,
+  ZoomOutIcon,
+  DownloadIcon,
+  RotateCwIcon,
+  AlertCircleIcon
+} from "./icons";
+import { readBinaryPreviewAsUint8Array } from "./core/binary";
+import { resolveAssetPath } from "./core/config";
+import "./styles/PdfPreview.css";
+function PdfPreview({ content, source, fileName }) {
+  const [numPages, setNumPages] = useState(0);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [scale, setScale] = useState(1.5);
+  const [rotation, setRotation] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const canvasRef = useRef(null);
+  const pdfDocRef = useRef(null);
+  const renderTaskRef = useRef(null);
+  const renderingRef = useRef(false);
+  const renderPage = useCallback(async () => {
+    const pdfDoc = pdfDocRef.current;
+    if (!pdfDoc || !canvasRef.current) return;
+    if (renderingRef.current) {
+      const prevTask = renderTaskRef.current;
+      if (prevTask) {
+        try {
+          prevTask.cancel();
+        } catch {
+        }
+      }
+    }
+    renderingRef.current = true;
+    try {
+      const page = await pdfDoc.getPage(currentPage);
+      const viewport = page.getViewport({ scale, rotation });
+      const displayCanvas = canvasRef.current;
+      const context = displayCanvas.getContext("2d");
+      if (!context) return;
+      const offscreen = document.createElement("canvas");
+      offscreen.width = viewport.width;
+      offscreen.height = viewport.height;
+      const offCtx = offscreen.getContext("2d");
+      if (!offCtx) return;
+      const renderTask = page.render({
+        canvasContext: offCtx,
+        viewport
+      });
+      renderTaskRef.current = renderTask;
+      await renderTask.promise;
+      displayCanvas.width = viewport.width;
+      displayCanvas.height = viewport.height;
+      context.drawImage(offscreen, 0, 0);
+    } catch (err) {
+      const errObj = err;
+      if (errObj?.name === "RenderingCancelledException") return;
+      console.error("Error rendering PDF page:", err);
+    } finally {
+      renderingRef.current = false;
+      renderTaskRef.current = null;
+    }
+  }, [currentPage, scale, rotation]);
+  useEffect(() => {
+    let cancelled = false;
+    const loadPdf = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const pdfjsLib = await import("pdfjs-dist");
+        pdfjsLib.GlobalWorkerOptions.workerSrc = resolveAssetPath(
+          "/vendor/pdfjs/pdf.worker.min.mjs"
+        );
+        const bytes = await readBinaryPreviewAsUint8Array({ source, content });
+        const loadingTask = pdfjsLib.getDocument({ data: bytes });
+        const pdf = await loadingTask.promise;
+        if (cancelled) {
+          await pdf.destroy?.();
+          return;
+        }
+        pdfDocRef.current = pdf;
+        setNumPages(pdf.numPages);
+        setCurrentPage(1);
+      } catch (err) {
+        if (!cancelled) {
+          console.error("Error loading PDF:", err);
+          setError(
+            err instanceof Error ? err.message : "Failed to load PDF"
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
+      }
+    };
+    loadPdf();
+    return () => {
+      cancelled = true;
+      try {
+        renderTaskRef.current?.cancel();
+      } catch {
+      }
+      try {
+        void pdfDocRef.current?.destroy?.();
+      } catch {
+      }
+      renderTaskRef.current = null;
+      pdfDocRef.current = null;
+      renderingRef.current = false;
+    };
+  }, [content, source]);
+  useEffect(() => {
+    if (pdfDocRef.current && !loading) {
+      renderPage();
+    }
+  }, [currentPage, scale, rotation, loading, renderPage]);
+  const goToPage = (page) => {
+    setCurrentPage(Math.max(1, Math.min(page, numPages)));
+  };
+  const handleZoomIn = () => setScale((prev) => Math.min(prev + 0.25, 4));
+  const handleZoomOut = () => setScale((prev) => Math.max(prev - 0.25, 0.5));
+  const handleRotate = () => setRotation((prev) => (prev + 90) % 360);
+  const handleDownload = async () => {
+    try {
+      const bytes = await readBinaryPreviewAsUint8Array({ source, content });
+      const blob = new Blob([bytes], { type: "application/pdf" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = fileName;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Failed to download PDF:", err);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "fv-loading", style: { minHeight: 400 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "fv-spinner fv-spinner--lg" }),
+      /* @__PURE__ */ jsx("p", { className: "fv-loading__label", children: "Loading PDF..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "fv-pdf__error", children: [
+      /* @__PURE__ */ jsx(AlertCircleIcon, { size: 48 }),
+      /* @__PURE__ */ jsx("p", { className: "fv-pdf__error-title", children: "PDF Loading Failed" }),
+      /* @__PURE__ */ jsx("p", { className: "fv-pdf__error-msg", children: error }),
+      /* @__PURE__ */ jsxs("button", { onClick: handleDownload, className: "fv-btn fv-btn--primary", style: { marginTop: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(DownloadIcon, { size: 16 }),
+        " Download PDF"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "fv-pdf", children: [
+    /* @__PURE__ */ jsxs("div", { className: "fv-pdf__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fv-pdf__nav", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => goToPage(currentPage - 1),
+            disabled: currentPage <= 1,
+            className: "fv-btn fv-btn--icon",
+            title: "Previous page",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "fv-pdf__page-info", children: [
+          currentPage,
+          " / ",
+          numPages
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => goToPage(currentPage + 1),
+            disabled: currentPage >= numPages,
+            className: "fv-btn fv-btn--icon",
+            title: "Next page",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fv-pdf__controls", children: [
+        /* @__PURE__ */ jsx("button", { onClick: handleZoomOut, className: "fv-btn fv-btn--icon", title: "Zoom Out", children: /* @__PURE__ */ jsx(ZoomOutIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsxs("span", { className: "fv-pdf__zoom-label", children: [
+          Math.round(scale * 100),
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx("button", { onClick: handleZoomIn, className: "fv-btn fv-btn--icon", title: "Zoom In", children: /* @__PURE__ */ jsx(ZoomInIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsx("div", { className: "fv-toolbar__separator" }),
+        /* @__PURE__ */ jsx("button", { onClick: handleRotate, className: "fv-btn fv-btn--icon", title: "Rotate", children: /* @__PURE__ */ jsx(RotateCwIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsx("button", { onClick: handleDownload, className: "fv-btn fv-btn--icon", title: "Download", children: /* @__PURE__ */ jsx(DownloadIcon, { size: 16 }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "fv-pdf__canvas-area", children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "fv-pdf__canvas" }) })
+  ] });
+}
+export {
+  PdfPreview
+};
+//# sourceMappingURL=PdfPreview.js.map

package/dist/PdfPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PdfPreview.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n  DownloadIcon,\n  RotateCwIcon,\n  AlertCircleIcon,\n} from \"./icons\";\nimport { readBinaryPreviewAsUint8Array } from \"./core/binary\";\nimport { resolveAssetPath } from \"./core/config\";\nimport type { PreviewSource } from \"./core/types\";\nimport \"./styles/PdfPreview.css\";\n\ninterface PdfPreviewProps {\n  content?: string | null;\n  source?: PreviewSource;\n  fileName: string;\n}\n\ninterface PdfDocumentLike {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageLike>;\n  destroy?: () => Promise<void>;\n}\n\ninterface PdfPageLike {\n  getViewport(opts: { scale: number; rotation: number }): {\n    width: number;\n    height: number;\n  };\n  render(opts: {\n    canvasContext: CanvasRenderingContext2D;\n    viewport: { width: number; height: number };\n  }): PdfRenderTaskLike;\n}\n\ninterface PdfRenderTaskLike {\n  promise: Promise<void>;\n  cancel: () => void;\n}\n\nexport function PdfPreview({ content, source, fileName }: PdfPreviewProps) {\n  const [numPages, setNumPages] = useState(0);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [scale, setScale] = useState(1.5);\n  const [rotation, setRotation] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const pdfDocRef = useRef<PdfDocumentLike | null>(null);\n  const renderTaskRef = useRef<PdfRenderTaskLike | null>(null);\n  const renderingRef = useRef(false);\n\n  const renderPage = useCallback(async () => {\n    const pdfDoc = pdfDocRef.current;\n    if (!pdfDoc || !canvasRef.current) return;\n\n    if (renderingRef.current) {\n      const prevTask = renderTaskRef.current;\n      if (prevTask) {\n        try { prevTask.cancel(); } catch { /* ignore */ }\n      }\n    }\n\n    renderingRef.current = true;\n\n    try {\n      const page = await pdfDoc.getPage(currentPage);\n\n      const viewport = page.getViewport({ scale, rotation });\n      const displayCanvas = canvasRef.current;\n      const context = displayCanvas.getContext(\"2d\");\n      if (!context) return;\n\n      const offscreen = document.createElement(\"canvas\");\n      offscreen.width = viewport.width;\n      offscreen.height = viewport.height;\n      const offCtx = offscreen.getContext(\"2d\");\n      if (!offCtx) return;\n\n      const renderTask = page.render({\n        canvasContext: offCtx,\n        viewport,\n      });\n\n      renderTaskRef.current = renderTask;\n\n      await renderTask.promise;\n\n      displayCanvas.width = viewport.width;\n      displayCanvas.height = viewport.height;\n      context.drawImage(offscreen, 0, 0);\n\n    } catch (err: unknown) {\n      const errObj = err as { name?: string };\n      if (errObj?.name === \"RenderingCancelledException\") return;\n      console.error(\"Error rendering PDF page:\", err);\n    } finally {\n      renderingRef.current = false;\n      renderTaskRef.current = null;\n    }\n  }, [currentPage, scale, rotation]);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const loadPdf = async () => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const pdfjsLib = await import(\"pdfjs-dist\");\n\n        pdfjsLib.GlobalWorkerOptions.workerSrc = resolveAssetPath(\n          \"/vendor/pdfjs/pdf.worker.min.mjs\",\n        );\n\n        const bytes = await readBinaryPreviewAsUint8Array({ source, content });\n\n        const loadingTask = pdfjsLib.getDocument({ data: bytes });\n        const pdf = await loadingTask.promise;\n\n        if (cancelled) {\n          await pdf.destroy?.();\n          return;\n        }\n\n        pdfDocRef.current = pdf;\n        setNumPages(pdf.numPages);\n        setCurrentPage(1);\n      } catch (err) {\n        if (!cancelled) {\n          console.error(\"Error loading PDF:\", err);\n          setError(\n            err instanceof Error ? err.message : \"Failed to load PDF\"\n          );\n        }\n      } finally {\n        if (!cancelled) {\n          setLoading(false);\n        }\n      }\n    };\n\n    loadPdf();\n\n    return () => {\n      cancelled = true;\n\n      try {\n        renderTaskRef.current?.cancel();\n      } catch {\n        // ignore\n      }\n\n      try {\n        void pdfDocRef.current?.destroy?.();\n      } catch {\n        // ignore\n      }\n\n      renderTaskRef.current = null;\n      pdfDocRef.current = null;\n      renderingRef.current = false;\n    };\n  }, [content, source]);\n\n  useEffect(() => {\n    if (pdfDocRef.current && !loading) {\n      renderPage();\n    }\n  }, [currentPage, scale, rotation, loading, renderPage]);\n\n  const goToPage = (page: number) => {\n    setCurrentPage(Math.max(1, Math.min(page, numPages)));\n  };\n\n  const handleZoomIn = () => setScale((prev) => Math.min(prev + 0.25, 4));\n  const handleZoomOut = () => setScale((prev) => Math.max(prev - 0.25, 0.5));\n  const handleRotate = () => setRotation((prev) => (prev + 90) % 360);\n\n  const handleDownload = async () => {\n    try {\n      const bytes = await readBinaryPreviewAsUint8Array({ source, content });\n      const blob = new Blob([bytes], { type: \"application/pdf\" });\n\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = fileName;\n      a.click();\n      URL.revokeObjectURL(url);\n    } catch (err) {\n      console.error(\"Failed to download PDF:\", err);\n    }\n  };\n\n  if (loading) {\n    return (\n      <div className=\"fv-loading\" style={{ minHeight: 400 }}>\n        <div className=\"fv-spinner fv-spinner--lg\" />\n        <p className=\"fv-loading__label\">Loading PDF...</p>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"fv-pdf__error\">\n        <AlertCircleIcon size={48} />\n        <p className=\"fv-pdf__error-title\">PDF Loading Failed</p>\n        <p className=\"fv-pdf__error-msg\">{error}</p>\n        <button onClick={handleDownload} className=\"fv-btn fv-btn--primary\" style={{ marginTop: '0.5rem' }}>\n          <DownloadIcon size={16} /> Download PDF\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"fv-pdf\">\n      <div className=\"fv-pdf__toolbar\">\n        <div className=\"fv-pdf__nav\">\n          <button\n            onClick={() => goToPage(currentPage - 1)}\n            disabled={currentPage <= 1}\n            className=\"fv-btn fv-btn--icon\"\n            title=\"Previous page\"\n          >\n            <ChevronLeftIcon size={16} />\n          </button>\n          <span className=\"fv-pdf__page-info\">\n            {currentPage} / {numPages}\n          </span>\n          <button\n            onClick={() => goToPage(currentPage + 1)}\n            disabled={currentPage >= numPages}\n            className=\"fv-btn fv-btn--icon\"\n            title=\"Next page\"\n          >\n            <ChevronRightIcon size={16} />\n          </button>\n        </div>\n\n        <div className=\"fv-pdf__controls\">\n          <button onClick={handleZoomOut} className=\"fv-btn fv-btn--icon\" title=\"Zoom Out\">\n            <ZoomOutIcon size={16} />\n          </button>\n          <span className=\"fv-pdf__zoom-label\">{Math.round(scale * 100)}%</span>\n          <button onClick={handleZoomIn} className=\"fv-btn fv-btn--icon\" title=\"Zoom In\">\n            <ZoomInIcon size={16} />\n          </button>\n          <div className=\"fv-toolbar__separator\" />\n          <button onClick={handleRotate} className=\"fv-btn fv-btn--icon\" title=\"Rotate\">\n            <RotateCwIcon size={16} />\n          </button>\n          <button onClick={handleDownload} className=\"fv-btn fv-btn--icon\" title=\"Download\">\n            <DownloadIcon size={16} />\n          </button>\n        </div>\n      </div>\n\n      <div className=\"fv-pdf__canvas-area\">\n        <canvas ref={canvasRef} className=\"fv-pdf__canvas\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/PlainTextLargePreview.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+interface PlainTextLargePreviewProps {
+    content: string;
+    language: string;
+}
+declare function PlainTextLargePreview({ content, language }: PlainTextLargePreviewProps): react.JSX.Element;
+
+export { PlainTextLargePreview };

package/dist/PlainTextLargePreview.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { CopyIcon, CheckIcon, WrapTextIcon } from "./icons";
+import { formatFileSize } from "./utils";
+import { truncateContent } from "./limits";
+import { useLocale } from "./core/i18n";
+import "./styles/PlainTextLargePreview.css";
+function PlainTextLargePreview({ content, language }) {
+  const [copied, setCopied] = useState(false);
+  const [wordWrap, setWordWrap] = useState(true);
+  const t = useLocale();
+  const displayContent = useMemo(() => truncateContent(content), [content]);
+  const lineCount = useMemo(() => content.split("\n").length, [content]);
+  const fileSize = useMemo(() => content.length, [content]);
+  const handleCopy = useCallback(async () => {
+    await navigator.clipboard.writeText(content);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [content]);
+  return /* @__PURE__ */ jsxs("div", { className: "fv-plain-text", children: [
+    /* @__PURE__ */ jsxs("div", { className: "fv-plain-text__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fv-plain-text__toolbar-left", children: [
+        /* @__PURE__ */ jsx("span", { className: "fv-plain-text__lang-badge", children: language }),
+        /* @__PURE__ */ jsxs("span", { className: "fv-plain-text__line-count", children: [
+          lineCount.toLocaleString(),
+          " ",
+          t.lines
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "fv-plain-text__file-size", children: formatFileSize(fileSize) }),
+        /* @__PURE__ */ jsx("span", { className: "fv-plain-text__large-badge", children: t.largeFile })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fv-plain-text__toolbar-right", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setWordWrap((w) => !w),
+            className: `fv-btn fv-btn--icon ${wordWrap ? "fv-source__btn-active" : ""}`,
+            title: wordWrap ? t.wordWrapOff : t.wordWrapOn,
+            children: /* @__PURE__ */ jsx(WrapTextIcon, { size: 14 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleCopy,
+            className: "fv-btn fv-btn--icon",
+            title: t.copyContent,
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `fv-plain-text__content ${wordWrap ? "fv-plain-text__content--wrap" : "fv-plain-text__content--nowrap"}`, children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: displayContent.split("\n").map((line, i) => /* @__PURE__ */ jsxs("div", { className: "line", children: [
+      /* @__PURE__ */ jsx("span", { className: "linenumber", children: i + 1 }),
+      /* @__PURE__ */ jsx("span", { className: "linecontent", children: line || " " })
+    ] }, i)) }) }) })
+  ] });
+}
+export {
+  PlainTextLargePreview
+};
+//# sourceMappingURL=PlainTextLargePreview.js.map

package/dist/PlainTextLargePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PlainTextLargePreview.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from \"react\";\nimport { CopyIcon, CheckIcon, WrapTextIcon } from \"./icons\";\nimport { formatFileSize } from \"./utils\";\nimport { truncateContent } from \"./limits\";\nimport { useLocale } from \"./core/i18n\";\nimport \"./styles/PlainTextLargePreview.css\";\n\ninterface PlainTextLargePreviewProps {\n  content: string;\n  language: string;\n}\n\nexport function PlainTextLargePreview({ content, language }: PlainTextLargePreviewProps) {\n  const [copied, setCopied] = useState(false);\n  const [wordWrap, setWordWrap] = useState(true);\n  const t = useLocale();\n\n  const displayContent = useMemo(() => truncateContent(content), [content]);\n  const lineCount = useMemo(() => content.split(\"\\n\").length, [content]);\n  const fileSize = useMemo(() => content.length, [content]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(content);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [content]);\n\n  return (\n    <div className=\"fv-plain-text\">\n      <div className=\"fv-plain-text__toolbar\">\n        <div className=\"fv-plain-text__toolbar-left\">\n          <span className=\"fv-plain-text__lang-badge\">{language}</span>\n          <span className=\"fv-plain-text__line-count\">\n            {lineCount.toLocaleString()} {t.lines}\n          </span>\n          <span className=\"fv-plain-text__file-size\">\n            {formatFileSize(fileSize)}\n          </span>\n          <span className=\"fv-plain-text__large-badge\">{t.largeFile}</span>\n        </div>\n        <div className=\"fv-plain-text__toolbar-right\">\n          <button\n            onClick={() => setWordWrap((w) => !w)}\n            className={`fv-btn fv-btn--icon ${wordWrap ? \"fv-source__btn-active\" : \"\"}`}\n            title={wordWrap ? t.wordWrapOff : t.wordWrapOn}\n          >\n            <WrapTextIcon size={14} />\n          </button>\n          <button\n            onClick={handleCopy}\n            className=\"fv-btn fv-btn--icon\"\n            title={t.copyContent}\n          >\n            {copied ? <CheckIcon size={14} /> : <CopyIcon size={14} />}\n          </button>\n        </div>\n      </div>\n\n      <div className={`fv-plain-text__content ${wordWrap ? \"fv-plain-text__content--wrap\" : \"fv-plain-text__content--nowrap\"}`}>\n        <pre>\n          <code>\n            {displayContent.split(\"\\n\").map((line, i) => (\n              <div key={i} className=\"line\">\n                <span className=\"linenumber\">{i + 1}</span>\n                <span className=\"linecontent\">{line || \" \"}</span>\n              </div>\n            ))}\n          </code>\n        </pre>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AA+BU,cACA,YADA;AA/BV,SAAS,UAAU,aAAa,eAAe;AAC/C,SAAS,UAAU,WAAW,oBAAoB;AAClD,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,OAAO;AAOA,SAAS,sBAAsB,EAAE,SAAS,SAAS,GAA+B;AACvF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,IAAI,UAAU;AAEpB,QAAM,iBAAiB,QAAQ,MAAM,gBAAgB,OAAO,GAAG,CAAC,OAAO,CAAC;AACxE,QAAM,YAAY,QAAQ,MAAM,QAAQ,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;AACrE,QAAM,WAAW,QAAQ,MAAM,QAAQ,QAAQ,CAAC,OAAO,CAAC;AAExD,QAAM,aAAa,YAAY,YAAY;AACzC,UAAM,UAAU,UAAU,UAAU,OAAO;AAC3C,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,EACzC,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,yBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SAAI,WAAU,+BACb;AAAA,4BAAC,UAAK,WAAU,6BAA6B,oBAAS;AAAA,QACtD,qBAAC,UAAK,WAAU,6BACb;AAAA,oBAAU,eAAe;AAAA,UAAE;AAAA,UAAE,EAAE;AAAA,WAClC;AAAA,QACA,oBAAC,UAAK,WAAU,4BACb,yBAAe,QAAQ,GAC1B;AAAA,QACA,oBAAC,UAAK,WAAU,8BAA8B,YAAE,WAAU;AAAA,SAC5D;AAAA,MACA,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC;AAAA,YACpC,WAAW,uBAAuB,WAAW,0BAA0B,EAAE;AAAA,YACzE,OAAO,WAAW,EAAE,cAAc,EAAE;AAAA,YAEpC,8BAAC,gBAAa,MAAM,IAAI;AAAA;AAAA,QAC1B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YACV,OAAO,EAAE;AAAA,YAER,mBAAS,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA;AAAA,QAC1D;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAW,0BAA0B,WAAW,iCAAiC,gCAAgC,IACpH,8BAAC,SACC,8BAAC,UACE,yBAAe,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,MACrC,qBAAC,SAAY,WAAU,QACrB;AAAA,0BAAC,UAAK,WAAU,cAAc,cAAI,GAAE;AAAA,MACpC,oBAAC,UAAK,WAAU,eAAe,kBAAQ,KAAI;AAAA,SAFnC,CAGV,CACD,GACH,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/PluginPreviewRenderer.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { FileInfo } from './core/types.js';
+import { PreviewPluginRegistry } from './core/registry.js';
+import './core/plugin.js';
+
+interface PluginPreviewRendererProps {
+    file: FileInfo;
+    registry?: PreviewPluginRegistry;
+    showPluginDebug?: boolean;
+}
+declare function PluginPreviewRenderer({ file, registry, showPluginDebug, }: PluginPreviewRendererProps): react.JSX.Element;
+
+export { PluginPreviewRenderer, type PluginPreviewRendererProps };

package/dist/PluginPreviewRenderer.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, use, useMemo, useState, useCallback } from "react";
+import { createBuiltinPreviewRegistry } from "./plugins/builtin-plugins";
+import { UnsupportedPluginPreview } from "./preview-adapters/UnsupportedPluginPreview";
+import { getPreviewSupportMeta } from "./support-status";
+import { PreviewErrorBoundary } from "./PreviewErrorBoundary";
+import { PreviewLoading } from "./PreviewLoading";
+import "./styles/PluginDebugBar.css";
+class PreviewPluginLoadError extends Error {
+  constructor(pluginId, pluginName, cause) {
+    super(`Failed to load preview plugin: ${pluginName}`);
+    this.pluginId = pluginId;
+    this.pluginName = pluginName;
+    this.cause = cause;
+    this.name = "PreviewPluginLoadError";
+  }
+}
+const promiseCache = /* @__PURE__ */ new WeakMap();
+function getPluginPromise(plugin) {
+  const cached = promiseCache.get(plugin);
+  if (cached) return cached;
+  const promise = plugin.load().catch((error) => {
+    throw new PreviewPluginLoadError(plugin.id, plugin.name, error);
+  });
+  promiseCache.set(plugin, promise);
+  return promise;
+}
+function invalidatePluginPromise(plugin) {
+  promiseCache.delete(plugin);
+}
+function PluginContent({ plugin, file }) {
+  const mod = use(getPluginPromise(plugin));
+  const Component = mod.default;
+  return /* @__PURE__ */ jsx(Component, { file });
+}
+function PluginPreviewRenderer({
+  file,
+  registry,
+  showPluginDebug = false
+}) {
+  const [retryKey, setRetryKey] = useState(0);
+  const finalRegistry = useMemo(() => {
+    return registry ?? createBuiltinPreviewRegistry();
+  }, [registry]);
+  const plugin = useMemo(
+    () => finalRegistry.resolve(file),
+    [finalRegistry, file]
+  );
+  const handleRetry = useCallback(() => {
+    if (plugin) {
+      invalidatePluginPromise(plugin);
+    }
+    setRetryKey((value) => value + 1);
+  }, [plugin]);
+  if (!plugin) {
+    const support = getPreviewSupportMeta(file.fileType);
+    return /* @__PURE__ */ jsx(
+      UnsupportedPluginPreview,
+      {
+        file,
+        title: support.status === "legacy-only" ? "Not Migrated Yet" : void 0,
+        description: support.status === "legacy-only" ? `This file type (${file.fileType}) is currently only available in Legacy Renderer.` : support.status === "degraded" ? support.note ?? `This file type (${file.fileType}) only has degraded legacy support and is not available in Plugin Renderer.` : support.note ?? `This file type (${file.fileType}) cannot be previewed by the plugin renderer.`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "fv-plugin-renderer", children: [
+    showPluginDebug && /* @__PURE__ */ jsxs("div", { className: "fv-plugin-debug", children: [
+      /* @__PURE__ */ jsx("span", { className: "fv-plugin-debug__label", children: "Plugin Renderer" }),
+      /* @__PURE__ */ jsx("span", { children: "\u2192" }),
+      /* @__PURE__ */ jsx("span", { children: plugin.name }),
+      /* @__PURE__ */ jsx("span", { className: "fv-plugin-debug__id", children: plugin.id })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "fv-plugin-renderer__content", children: /* @__PURE__ */ jsx(
+      PreviewErrorBoundary,
+      {
+        file,
+        pluginId: plugin.id,
+        pluginName: plugin.name,
+        resetKey: `${file.id}:${plugin.id}:${retryKey}`,
+        onRetry: handleRetry,
+        children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PreviewLoading, {}), children: /* @__PURE__ */ jsx(PluginContent, { plugin, file }) })
+      }
+    ) })
+  ] });
+}
+export {
+  PluginPreviewRenderer
+};
+//# sourceMappingURL=PluginPreviewRenderer.js.map

package/dist/PluginPreviewRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PluginPreviewRenderer.tsx"],"sourcesContent":["import { Suspense, use, useMemo, useState, useCallback } from \"react\";\nimport type { ComponentType } from \"react\";\nimport type { FileInfo } from \"./utils\";\nimport type { PreviewPlugin } from \"./core/plugin\";\nimport type { PreviewPluginRegistry } from \"./core/registry\";\nimport { createBuiltinPreviewRegistry } from \"./plugins/builtin-plugins\";\nimport { UnsupportedPluginPreview } from \"./preview-adapters/UnsupportedPluginPreview\";\nimport { getPreviewSupportMeta } from \"./support-status\";\nimport { PreviewErrorBoundary } from \"./PreviewErrorBoundary\";\nimport { PreviewLoading } from \"./PreviewLoading\";\nimport \"./styles/PluginDebugBar.css\";\n\nclass PreviewPluginLoadError extends Error {\n  constructor(\n    public pluginId: string,\n    public pluginName: string,\n    public cause: unknown,\n  ) {\n    super(`Failed to load preview plugin: ${pluginName}`);\n    this.name = \"PreviewPluginLoadError\";\n  }\n}\n\ntype PluginModule = { default: ComponentType<{ file: FileInfo }> };\nconst promiseCache = new WeakMap<PreviewPlugin, Promise<PluginModule>>();\n\nfunction getPluginPromise(plugin: PreviewPlugin): Promise<PluginModule> {\n  const cached = promiseCache.get(plugin);\n  if (cached) return cached;\n\n  const promise = plugin.load().catch((error) => {\n    throw new PreviewPluginLoadError(plugin.id, plugin.name, error);\n  });\n  promiseCache.set(plugin, promise);\n  return promise;\n}\n\nfunction invalidatePluginPromise(plugin: PreviewPlugin) {\n  promiseCache.delete(plugin);\n}\n\ninterface PluginContentProps {\n  plugin: PreviewPlugin;\n  file: FileInfo;\n}\n\nfunction PluginContent({ plugin, file }: PluginContentProps) {\n  const mod = use(getPluginPromise(plugin));\n  const Component = mod.default;\n  return <Component file={file} />;\n}\n\nexport interface PluginPreviewRendererProps {\n  file: FileInfo;\n  registry?: PreviewPluginRegistry;\n  showPluginDebug?: boolean;\n}\n\nexport function PluginPreviewRenderer({\n  file,\n  registry,\n  showPluginDebug = false,\n}: PluginPreviewRendererProps) {\n  const [retryKey, setRetryKey] = useState(0);\n\n  const finalRegistry = useMemo(() => {\n    return registry ?? createBuiltinPreviewRegistry();\n  }, [registry]);\n\n  const plugin = useMemo(\n    () => finalRegistry.resolve(file),\n    [finalRegistry, file]\n  );\n\n  const handleRetry = useCallback(() => {\n    if (plugin) {\n      invalidatePluginPromise(plugin);\n    }\n    setRetryKey((value) => value + 1);\n  }, [plugin]);\n\n  if (!plugin) {\n    const support = getPreviewSupportMeta(file.fileType);\n\n    return (\n      <UnsupportedPluginPreview\n        file={file}\n        title={support.status === \"legacy-only\" ? \"Not Migrated Yet\" : undefined}\n        description={\n          support.status === \"legacy-only\"\n            ? `This file type (${file.fileType}) is currently only available in Legacy Renderer.`\n            : support.status === \"degraded\"\n              ? support.note ??\n                `This file type (${file.fileType}) only has degraded legacy support and is not available in Plugin Renderer.`\n              : support.note ??\n                `This file type (${file.fileType}) cannot be previewed by the plugin renderer.`\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"fv-plugin-renderer\">\n      {showPluginDebug && (\n        <div className=\"fv-plugin-debug\">\n          <span className=\"fv-plugin-debug__label\">Plugin Renderer</span>\n          <span>→</span>\n          <span>{plugin.name}</span>\n          <span className=\"fv-plugin-debug__id\">{plugin.id}</span>\n        </div>\n      )}\n\n      <div className=\"fv-plugin-renderer__content\">\n        <PreviewErrorBoundary\n          file={file}\n          pluginId={plugin.id}\n          pluginName={plugin.name}\n          resetKey={`${file.id}:${plugin.id}:${retryKey}`}\n          onRetry={handleRetry}\n        >\n          <Suspense fallback={<PreviewLoading />}>\n            <PluginContent plugin={plugin} file={file} />\n          </Suspense>\n        </PreviewErrorBoundary>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAiDS,cAuDD,YAvDC;AAjDT,SAAS,UAAU,KAAK,SAAS,UAAU,mBAAmB;AAK9D,SAAS,oCAAoC;AAC7C,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,OAAO;AAEP,MAAM,+BAA+B,MAAM;AAAA,EACzC,YACS,UACA,YACA,OACP;AACA,UAAM,kCAAkC,UAAU,EAAE;AAJ7C;AACA;AACA;AAGP,SAAK,OAAO;AAAA,EACd;AACF;AAGA,MAAM,eAAe,oBAAI,QAA8C;AAEvE,SAAS,iBAAiB,QAA8C;AACtE,QAAM,SAAS,aAAa,IAAI,MAAM;AACtC,MAAI,OAAQ,QAAO;AAEnB,QAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,UAAU;AAC7C,UAAM,IAAI,uBAAuB,OAAO,IAAI,OAAO,MAAM,KAAK;AAAA,EAChE,CAAC;AACD,eAAa,IAAI,QAAQ,OAAO;AAChC,SAAO;AACT;AAEA,SAAS,wBAAwB,QAAuB;AACtD,eAAa,OAAO,MAAM;AAC5B;AAOA,SAAS,cAAc,EAAE,QAAQ,KAAK,GAAuB;AAC3D,QAAM,MAAM,IAAI,iBAAiB,MAAM,CAAC;AACxC,QAAM,YAAY,IAAI;AACtB,SAAO,oBAAC,aAAU,MAAY;AAChC;AAQO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAA+B;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAE1C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,YAAY,6BAA6B;AAAA,EAClD,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,SAAS;AAAA,IACb,MAAM,cAAc,QAAQ,IAAI;AAAA,IAChC,CAAC,eAAe,IAAI;AAAA,EACtB;AAEA,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,QAAQ;AACV,8BAAwB,MAAM;AAAA,IAChC;AACA,gBAAY,CAAC,UAAU,QAAQ,CAAC;AAAA,EAClC,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC,QAAQ;AACX,UAAM,UAAU,sBAAsB,KAAK,QAAQ;AAEnD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,QAAQ,WAAW,gBAAgB,qBAAqB;AAAA,QAC/D,aACE,QAAQ,WAAW,gBACf,mBAAmB,KAAK,QAAQ,sDAChC,QAAQ,WAAW,aACjB,QAAQ,QACR,mBAAmB,KAAK,QAAQ,gFAChC,QAAQ,QACR,mBAAmB,KAAK,QAAQ;AAAA;AAAA,IAE1C;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,sBACZ;AAAA,uBACC,qBAAC,SAAI,WAAU,mBACb;AAAA,0BAAC,UAAK,WAAU,0BAAyB,6BAAe;AAAA,MACxD,oBAAC,UAAK,oBAAC;AAAA,MACP,oBAAC,UAAM,iBAAO,MAAK;AAAA,MACnB,oBAAC,UAAK,WAAU,uBAAuB,iBAAO,IAAG;AAAA,OACnD;AAAA,IAGF,oBAAC,SAAI,WAAU,+BACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,OAAO;AAAA,QACjB,YAAY,OAAO;AAAA,QACnB,UAAU,GAAG,KAAK,EAAE,IAAI,OAAO,EAAE,IAAI,QAAQ;AAAA,QAC7C,SAAS;AAAA,QAET,8BAAC,YAAS,UAAU,oBAAC,kBAAe,GAClC,8BAAC,iBAAc,QAAgB,MAAY,GAC7C;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/PptxPreview.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { PreviewSource } from './core/types.js';
+
+interface PptxPreviewProps {
+    content?: string | null;
+    source?: PreviewSource;
+    fileName: string;
+}
+interface PptxRenderHandle {
+    goToSlide: (index: number) => void;
+    nextSlide: () => void;
+    prevSlide: () => void;
+}
+declare function PptxPreview({ content, source, fileName }: PptxPreviewProps): react.JSX.Element;
+
+export { PptxPreview, type PptxRenderHandle };