@lamberl-lee/file-preview 0.2.0

package/dist/CsvPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/CsvPreview.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { ArrowUpDownIcon, SearchIcon } from \"./icons\";\nimport \"./styles/CsvPreview.css\";\n\ninterface CsvPreviewProps {\n  content: string;\n  fileName: string;\n}\n\ninterface ParsedCsv {\n  headers: string[];\n  rows: string[][];\n}\n\nfunction parseCsv(content: string): ParsedCsv {\n  const lines = content.trim().split(\"\\n\");\n  if (lines.length === 0) return { headers: [], rows: [] };\n\n  const parseLine = (line: string): string[] => {\n    const result: string[] = [];\n    let current = \"\";\n    let inQuotes = false;\n\n    for (let i = 0; i < line.length; i++) {\n      const char = line[i];\n      if (char === '\"') {\n        if (inQuotes && i + 1 < line.length && line[i + 1] === '\"') {\n          current += '\"';\n          i++;\n        } else {\n          inQuotes = !inQuotes;\n        }\n      } else if (char === \",\" && !inQuotes) {\n        result.push(current.trim());\n        current = \"\";\n      } else {\n        current += char;\n      }\n    }\n    result.push(current.trim());\n    return result;\n  };\n\n  const headers = parseLine(lines[0]);\n  const rows = lines.slice(1).map(parseLine);\n\n  return { headers, rows };\n}\n\nexport function CsvPreview({ content, fileName }: CsvPreviewProps) {\n  const [sortColumn, setSortColumn] = useState<number | null>(null);\n  const [sortAsc, setSortAsc] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const { headers, rows } = useMemo(() => parseCsv(content), [content]);\n\n  const filteredRows = useMemo(() => {\n    if (!searchTerm) return rows;\n    return rows.filter((row) =>\n      row.some((cell) =>\n        cell.toLowerCase().includes(searchTerm.toLowerCase())\n      )\n    );\n  }, [rows, searchTerm]);\n\n  const sortedRows = useMemo(() => {\n    if (sortColumn === null) return filteredRows;\n    return [...filteredRows].sort((a, b) => {\n      const valA = a[sortColumn] || \"\";\n      const valB = b[sortColumn] || \"\";\n      const numA = Number(valA);\n      const numB = Number(valB);\n      if (!isNaN(numA) && !isNaN(numB)) {\n        return sortAsc ? numA - numB : numB - numA;\n      }\n      return sortAsc\n        ? valA.localeCompare(valB)\n        : valB.localeCompare(valA);\n    });\n  }, [filteredRows, sortColumn, sortAsc]);\n\n  const handleSort = (colIndex: number) => {\n    if (sortColumn === colIndex) {\n      setSortAsc(!sortAsc);\n    } else {\n      setSortColumn(colIndex);\n      setSortAsc(true);\n    }\n  };\n\n  return (\n    <div className=\"fv-csv\">\n      <div className=\"fv-csv__toolbar\">\n        <div className=\"fv-csv__search-wrap\">\n          <span className=\"fv-csv__search-icon\"><SearchIcon size={14} /></span>\n          <input\n            type=\"text\"\n            placeholder=\"Search in table...\"\n            value={searchTerm}\n            onChange={(e) => setSearchTerm(e.target.value)}\n            className=\"fv-csv__search-input\"\n          />\n        </div>\n        <span className=\"fv-csv__row-count\">\n          {sortedRows.length} row{sortedRows.length !== 1 ? \"s\" : \"\"}\n        </span>\n      </div>\n\n      <div className=\"fv-csv__table-wrap\">\n        <table className=\"fv-csv__table\">\n          <thead className=\"fv-csv__thead\">\n            <tr>\n              <th className=\"fv-csv__th fv-csv__th-num\">#</th>\n              {headers.map((header, i) => (\n                <th key={i} className=\"fv-csv__th\" onClick={() => handleSort(i)}>\n                  <div className=\"fv-csv__th-inner\">\n                    <span>{header || `Column ${i + 1}`}</span>\n                    <ArrowUpDownIcon\n                      size={12}\n                      className={`fv-csv__sort-icon ${sortColumn === i ? \"fv-csv__sort-icon--active\" : \"\"}`}\n                    />\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {sortedRows.map((row, rowIdx) => (\n              <tr key={rowIdx}>\n                <td className=\"fv-csv__td fv-csv__td-num\">{rowIdx + 1}</td>\n                {headers.map((_, colIdx) => (\n                  <td key={colIdx} className=\"fv-csv__td\">\n                    {row[colIdx] || \"\"}\n                  </td>\n                ))}\n              </tr>\n            ))}\n            {sortedRows.length === 0 && (\n              <tr>\n                <td colSpan={headers.length + 1} className=\"fv-csv__empty\">\n                  No matching rows found\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/DocxPreview.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { PreviewSource } from './core/types.js';
+
+interface DocxPreviewProps {
+    content?: string | null;
+    source?: PreviewSource;
+    fileName: string;
+}
+declare function DocxPreview({ content, source, fileName }: DocxPreviewProps): react.JSX.Element;
+
+export { DocxPreview };

package/dist/DocxPreview.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+import { AlertCircleIcon } from "./icons";
+import { readBinaryPreviewAsArrayBuffer } from "./core/binary";
+import "./styles/DocxPreview.css";
+function DocxPreview({ content, source, fileName }) {
+  const containerRef = useRef(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [pageCount, setPageCount] = useState(0);
+  const [prevDeps, setPrevDeps] = useState({ content, source });
+  if (prevDeps.content !== content || prevDeps.source !== source) {
+    setPrevDeps({ content, source });
+    setLoading(true);
+    setError(null);
+    setPageCount(0);
+  }
+  useEffect(() => {
+    let cancelled = false;
+    const container = containerRef.current;
+    if (!container) return;
+    (async () => {
+      try {
+        const { renderAsync } = await import("docx-preview");
+        if (cancelled) return;
+        const buffer = await readBinaryPreviewAsArrayBuffer({ source, content });
+        if (cancelled) return;
+        container.innerHTML = "";
+        await renderAsync(buffer, container, void 0, {
+          className: "docx",
+          inWrapper: true,
+          ignoreWidth: false,
+          ignoreHeight: false,
+          ignoreFonts: false,
+          breakPages: true,
+          ignoreLastRenderedPageBreak: true,
+          experimental: true,
+          trimXmlDeclaration: true,
+          useBase64URL: true,
+          renderHeaders: true,
+          renderFooters: true,
+          renderFootnotes: true,
+          renderEndnotes: true
+        });
+        if (cancelled) return;
+        const pages = container.querySelectorAll(".docx-wrapper > section");
+        setPageCount(pages.length);
+        setLoading(false);
+      } catch (err) {
+        if (cancelled) return;
+        console.error("Error rendering DOCX:", err);
+        setError(err instanceof Error ? err.message : "Failed to render document");
+        setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      if (container) {
+        container.innerHTML = "";
+      }
+    };
+  }, [content, source]);
+  return /* @__PURE__ */ jsxs("div", { className: "fv-docx", children: [
+    pageCount > 0 && !loading && /* @__PURE__ */ jsxs("div", { className: "fv-docx__info-bar", children: [
+      /* @__PURE__ */ jsx("span", { children: fileName }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        pageCount,
+        " page",
+        pageCount !== 1 ? "s" : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "fv-docx__viewport", children: [
+      loading && /* @__PURE__ */ jsxs("div", { className: "fv-docx__overlay", children: [
+        /* @__PURE__ */ jsx("div", { className: "fv-docx__overlay-spinner", children: /* @__PURE__ */ jsx("div", { className: "fv-spinner fv-spinner--lg" }) }),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "var(--fv-font-size-sm)", color: "var(--fv-muted-foreground)" }, children: "Rendering document..." })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "fv-docx__overlay", children: [
+        /* @__PURE__ */ jsx(AlertCircleIcon, { size: 48 }),
+        /* @__PURE__ */ jsx("p", { className: "fv-docx__overlay-title", children: "Rendering Failed" }),
+        /* @__PURE__ */ jsx("p", { className: "fv-docx__overlay-msg", children: error })
+      ] }),
+      /* @__PURE__ */ jsx("div", { ref: containerRef, className: "docx-preview-container" })
+    ] })
+  ] });
+}
+export {
+  DocxPreview
+};
+//# sourceMappingURL=DocxPreview.js.map

package/dist/DocxPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DocxPreview.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\nimport { AlertCircleIcon } from \"./icons\";\nimport { readBinaryPreviewAsArrayBuffer } from \"./core/binary\";\nimport type { PreviewSource } from \"./core/types\";\nimport \"./styles/DocxPreview.css\";\n\ninterface DocxPreviewProps {\n  content?: string | null;\n  source?: PreviewSource;\n  fileName: string;\n}\n\nexport function DocxPreview({ content, source, fileName }: DocxPreviewProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [pageCount, setPageCount] = useState(0);\n\n  const [prevDeps, setPrevDeps] = useState({ content, source });\n  if (prevDeps.content !== content || prevDeps.source !== source) {\n    setPrevDeps({ content, source });\n    setLoading(true);\n    setError(null);\n    setPageCount(0);\n  }\n\n  useEffect(() => {\n    let cancelled = false;\n    const container = containerRef.current;\n    if (!container) return;\n\n    (async () => {\n      try {\n        const { renderAsync } = await import(\"docx-preview\");\n        if (cancelled) return;\n\n        const buffer = await readBinaryPreviewAsArrayBuffer({ source, content });\n        if (cancelled) return;\n\n        container.innerHTML = \"\";\n\n        await renderAsync(buffer, container, undefined, {\n          className: \"docx\",\n          inWrapper: true,\n          ignoreWidth: false,\n          ignoreHeight: false,\n          ignoreFonts: false,\n          breakPages: true,\n          ignoreLastRenderedPageBreak: true,\n          experimental: true,\n          trimXmlDeclaration: true,\n          useBase64URL: true,\n          renderHeaders: true,\n          renderFooters: true,\n          renderFootnotes: true,\n          renderEndnotes: true,\n        });\n\n        if (cancelled) return;\n\n        const pages = container.querySelectorAll(\".docx-wrapper > section\");\n        setPageCount(pages.length);\n        setLoading(false);\n      } catch (err) {\n        if (cancelled) return;\n        console.error(\"Error rendering DOCX:\", err);\n        setError(err instanceof Error ? err.message : \"Failed to render document\");\n        setLoading(false);\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      if (container) {\n        container.innerHTML = \"\";\n      }\n    };\n  }, [content, source]);\n\n  return (\n    <div className=\"fv-docx\">\n      {pageCount > 0 && !loading && (\n        <div className=\"fv-docx__info-bar\">\n          <span>{fileName}</span>\n          <span>{pageCount} page{pageCount !== 1 ? \"s\" : \"\"}</span>\n        </div>\n      )}\n\n      <div className=\"fv-docx__viewport\">\n        {loading && (\n          <div className=\"fv-docx__overlay\">\n            <div className=\"fv-docx__overlay-spinner\">\n              <div className=\"fv-spinner fv-spinner--lg\" />\n            </div>\n            <p style={{ fontSize: 'var(--fv-font-size-sm)', color: 'var(--fv-muted-foreground)' }}>Rendering document...</p>\n          </div>\n        )}\n\n        {error && (\n          <div className=\"fv-docx__overlay\">\n            <AlertCircleIcon size={48} />\n            <p className=\"fv-docx__overlay-title\">Rendering Failed</p>\n            <p className=\"fv-docx__overlay-msg\">{error}</p>\n          </div>\n        )}\n\n        <div ref={containerRef} className=\"docx-preview-container\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmFU,cACA,YADA;AAnFV,SAAS,WAAW,UAAU,cAAc;AAC5C,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAE/C,OAAO;AAQA,SAAS,YAAY,EAAE,SAAS,QAAQ,SAAS,GAAqB;AAC3E,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAE5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,SAAS,OAAO,CAAC;AAC5D,MAAI,SAAS,YAAY,WAAW,SAAS,WAAW,QAAQ;AAC9D,gBAAY,EAAE,SAAS,OAAO,CAAC;AAC/B,eAAW,IAAI;AACf,aAAS,IAAI;AACb,iBAAa,CAAC;AAAA,EAChB;AAEA,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAEhB,KAAC,YAAY;AACX,UAAI;AACF,cAAM,EAAE,YAAY,IAAI,MAAM,OAAO,cAAc;AACnD,YAAI,UAAW;AAEf,cAAM,SAAS,MAAM,+BAA+B,EAAE,QAAQ,QAAQ,CAAC;AACvE,YAAI,UAAW;AAEf,kBAAU,YAAY;AAEtB,cAAM,YAAY,QAAQ,WAAW,QAAW;AAAA,UAC9C,WAAW;AAAA,UACX,WAAW;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,6BAA6B;AAAA,UAC7B,cAAc;AAAA,UACd,oBAAoB;AAAA,UACpB,cAAc;AAAA,UACd,eAAe;AAAA,UACf,eAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB,CAAC;AAED,YAAI,UAAW;AAEf,cAAM,QAAQ,UAAU,iBAAiB,yBAAyB;AAClE,qBAAa,MAAM,MAAM;AACzB,mBAAW,KAAK;AAAA,MAClB,SAAS,KAAK;AACZ,YAAI,UAAW;AACf,gBAAQ,MAAM,yBAAyB,GAAG;AAC1C,iBAAS,eAAe,QAAQ,IAAI,UAAU,2BAA2B;AACzE,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,GAAG;AAEH,WAAO,MAAM;AACX,kBAAY;AACZ,UAAI,WAAW;AACb,kBAAU,YAAY;AAAA,MACxB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,SACE,qBAAC,SAAI,WAAU,WACZ;AAAA,gBAAY,KAAK,CAAC,WACjB,qBAAC,SAAI,WAAU,qBACb;AAAA,0BAAC,UAAM,oBAAS;AAAA,MAChB,qBAAC,UAAM;AAAA;AAAA,QAAU;AAAA,QAAM,cAAc,IAAI,MAAM;AAAA,SAAG;AAAA,OACpD;AAAA,IAGF,qBAAC,SAAI,WAAU,qBACZ;AAAA,iBACC,qBAAC,SAAI,WAAU,oBACb;AAAA,4BAAC,SAAI,WAAU,4BACb,8BAAC,SAAI,WAAU,6BAA4B,GAC7C;AAAA,QACA,oBAAC,OAAE,OAAO,EAAE,UAAU,0BAA0B,OAAO,6BAA6B,GAAG,mCAAqB;AAAA,SAC9G;AAAA,MAGD,SACC,qBAAC,SAAI,WAAU,oBACb;AAAA,4BAAC,mBAAgB,MAAM,IAAI;AAAA,QAC3B,oBAAC,OAAE,WAAU,0BAAyB,8BAAgB;AAAA,QACtD,oBAAC,OAAE,WAAU,wBAAwB,iBAAM;AAAA,SAC7C;AAAA,MAGF,oBAAC,SAAI,KAAK,cAAc,WAAU,0BAAyB;AAAA,OAC7D;AAAA,KACF;AAEJ;","names":[]}

package/dist/EpubPreview.d.ts

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