@ghyassd/office-preview 0.1.0

package/dist/index.es.js

@@ -0,0 +1,392 @@
+import { ref as h, computed as x, watch as I, onMounted as we, onBeforeUnmount as me, openBlock as a, createElementBlock as o, toDisplayString as b, Fragment as _, createElementVNode as u, renderList as M, normalizeClass as he, createCommentVNode as B, normalizeStyle as X, nextTick as ye, createBlock as Y, renderSlot as ge } from "vue";
+function ke(i) {
+  return new Worker(
+    "/assets/xlsxParser.worker-CUZcso8W.js",
+    {
+      name: i == null ? void 0 : i.name
+    }
+  );
+}
+const H = (i, l) => {
+  const g = i.__vccOpts || i;
+  for (const [v, c] of l)
+    g[v] = c;
+  return g;
+}, _e = { class: "excel-preview" }, be = {
+  key: 0,
+  class: "state loading"
+}, xe = {
+  key: 1,
+  class: "state error"
+}, Ce = { class: "toolbar" }, Pe = ["src"], Re = { class: "toolbar" }, Se = {
+  key: 0,
+  class: "tabs"
+}, $e = ["onClick"], We = { class: "toolbar-actions" }, Me = { class: "stat" }, Be = {
+  key: 0,
+  class: "stat warn"
+}, Ee = { class: "grid" }, qe = {
+  key: 0,
+  class: "spacer"
+}, Ue = ["colspan"], je = { class: "row-head" }, Oe = ["title"], Ae = {
+  key: 1,
+  class: "spacer"
+}, Le = ["colspan"], Ie = { class: "row-head" }, Ne = ["rowspan", "colspan", "title"], L = 31, ee = 18, Te = {
+  __name: "ExcelPreview",
+  props: {
+    file: { type: Object, required: !0 },
+    adapter: { type: Object, required: !0 },
+    maxRows: { type: Number, default: 0 },
+    maxCols: { type: Number, default: 0 }
+  },
+  setup(i) {
+    const l = i, g = h(!1), v = h(""), c = h([]), d = h(0), w = h(!1), k = h(""), C = h(0), $ = h(0), m = h(null), f = h(null);
+    let s = null, U = 0, W = 0;
+    const p = x(() => c.value[d.value] || null), E = x(() => {
+      var e;
+      return !((e = p.value) != null && e.hasMerges);
+    }), j = x(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.totalRows) || 0;
+    }), ae = x(() => {
+      const e = Math.ceil($.value / L);
+      return Math.max(e + ee * 2, 60);
+    }), q = x(() => {
+      if (!E.value) return 0;
+      const e = Math.floor(C.value / L) - ee;
+      return Math.max(0, Math.min(e, Math.max(0, j.value - 1)));
+    }), V = x(() => E.value ? Math.min(j.value, q.value + ae.value) : j.value), se = x(() => p.value ? E.value ? p.value.rows.slice(q.value, V.value) : p.value.rows : []), D = x(() => E.value ? q.value * L : 0), G = x(() => E.value ? (j.value - V.value) * L : 0);
+    function oe(e) {
+      let t = e + 1, r = "";
+      for (; t > 0; ) {
+        const n = (t - 1) % 26;
+        r = String.fromCharCode(65 + n) + r, t = Math.floor((t - 1) / 26);
+      }
+      return r;
+    }
+    function Z(e) {
+      var t;
+      return (((t = p.value) == null ? void 0 : t.rowBase) || 0) + e + 1;
+    }
+    function le(e) {
+      var P, A;
+      const t = p.value;
+      if (!t) return [];
+      const r = t.rows[e] || [], n = ((P = t.mergeStartsByRow) == null ? void 0 : P[e]) || null, y = ((A = t.mergeSkipByRow) == null ? void 0 : A[e]) || null, O = [];
+      for (let R = 0; R < t.cols; R += 1) {
+        if (y && y[R]) continue;
+        const S = n == null ? void 0 : n[R];
+        O.push({
+          col: R,
+          value: r[R] ?? "",
+          rowspan: (S == null ? void 0 : S.rowspan) || 1,
+          colspan: (S == null ? void 0 : S.colspan) || 1
+        });
+      }
+      return O;
+    }
+    function ne() {
+      if (f.value || typeof Worker > "u") return f.value;
+      const e = new ke();
+      return e.onmessage = (t) => {
+        const r = t.data || {};
+        if (!s || s.requestId !== r.requestId) return;
+        const { resolve: n, reject: y } = s;
+        s = null, r.ok ? n(r.sheets || []) : y(new Error(r.message || "Failed to parse workbook"));
+      }, e.onerror = () => {
+        s && (s.reject(new Error("Worker crashed")), s = null);
+      }, f.value = e, e;
+    }
+    function ue(e) {
+      const t = ne();
+      if (!t) return Promise.reject(new Error("Worker is unavailable"));
+      s && (s.reject(new Error("Cancelled")), s = null);
+      const r = ++U;
+      return new Promise((n, y) => {
+        s = { requestId: r, resolve: n, reject: y }, t.postMessage({
+          requestId: r,
+          buffer: e,
+          maxRows: l.maxRows,
+          maxCols: l.maxCols
+        });
+      });
+    }
+    async function J(e) {
+      const t = await import("./xlsx-BopDBbWb.js"), r = t.read(e, { type: "array" });
+      return r.SheetNames.map((n) => {
+        const y = r.Sheets[n], O = y["!ref"] || "A1:A1", P = t.utils.decode_range(O), A = P.s.r, R = P.s.c, S = P.e.r - P.s.r + 1, F = P.e.c - P.s.c + 1, K = t.utils.sheet_to_json(y, { header: 1, raw: !1, defval: "", blankrows: !0 }), Q = l.maxCols > 0 ? Math.min(F, l.maxCols) : F, pe = (l.maxRows > 0 ? K.slice(0, l.maxRows) : K).map((z) => Array.isArray(z) ? l.maxCols > 0 ? z.slice(0, Q) : z : []);
+        return {
+          name: n,
+          rows: pe,
+          cols: Q,
+          totalRows: S,
+          totalCols: F,
+          rowBase: A,
+          colBase: R,
+          hasMerges: !1,
+          mergeStartsByRow: {},
+          mergeSkipByRow: {}
+        };
+      }).filter((n) => n.cols > 0);
+    }
+    async function ie(e) {
+      if (typeof Worker > "u") return J(e);
+      try {
+        return await ue(e);
+      } catch (t) {
+        if (t.message === "Cancelled") throw t;
+        return J(e);
+      }
+    }
+    async function ce(e) {
+      var t;
+      return (t = l.adapter) != null && t.getPdfUrl ? await l.adapter.getPdfUrl(e) : (e == null ? void 0 : e.pdfUrl) || "";
+    }
+    async function de(e) {
+      var r;
+      if ((r = l.adapter) != null && r.getArrayBuffer) return await l.adapter.getArrayBuffer(e);
+      if (!(e != null && e.url)) throw new Error("adapter.getArrayBuffer or file.url is required");
+      const t = await fetch(e.url);
+      if (!t.ok) throw new Error(`Failed to fetch file: ${t.status}`);
+      return await t.arrayBuffer();
+    }
+    function N() {
+      m.value && ($.value = m.value.clientHeight || 0);
+    }
+    function ve(e) {
+      C.value = e.target.scrollTop || 0;
+    }
+    async function T() {
+      await ye(), m.value && (m.value.scrollTop = 0, m.value.scrollLeft = 0), C.value = 0, N();
+    }
+    async function fe() {
+      const e = ++W;
+      g.value = !0, v.value = "", c.value = [], d.value = 0, w.value = !1, k.value = await ce(l.file);
+      try {
+        const t = await de(l.file);
+        if (e !== W) return;
+        const r = await ie(t);
+        if (e !== W) return;
+        if (!r.length) throw new Error("Workbook has no readable sheet");
+        c.value = r;
+      } catch (t) {
+        if (e !== W) return;
+        k.value ? w.value = !0 : v.value = (t == null ? void 0 : t.message) || "Failed to load spreadsheet preview";
+      } finally {
+        e === W && (g.value = !1), e === W && await T();
+      }
+    }
+    return I(() => l.file, fe, { immediate: !0 }), I(() => d.value, T), I(() => w.value, T), we(() => window.addEventListener("resize", N)), me(() => {
+      window.removeEventListener("resize", N), W += 1, s && (s.reject(new Error("Cancelled")), s = null), f.value && (f.value.terminate(), f.value = null);
+    }), (e, t) => (a(), o("div", _e, [
+      g.value ? (a(), o("div", be, "Loading spreadsheet...")) : v.value ? (a(), o("div", xe, b(v.value), 1)) : w.value && k.value ? (a(), o(_, { key: 2 }, [
+        u("div", Ce, [
+          t[2] || (t[2] = u("div", null, null, -1)),
+          u("button", {
+            class: "btn",
+            onClick: t[0] || (t[0] = (r) => w.value = !1)
+          }, "Table Mode")
+        ]),
+        u("iframe", {
+          class: "pdf",
+          src: k.value
+        }, null, 8, Pe)
+      ], 64)) : p.value ? (a(), o(_, { key: 3 }, [
+        u("div", Re, [
+          c.value.length > 1 ? (a(), o("div", Se, [
+            (a(!0), o(_, null, M(c.value, (r, n) => (a(), o("button", {
+              key: r.name,
+              class: he(["tab", { active: n === d.value }]),
+              onClick: (y) => d.value = n
+            }, b(r.name), 11, $e))), 128))
+          ])) : B("", !0),
+          u("div", We, [
+            u("span", Me, b(p.value.totalRows) + " rows x " + b(p.value.totalCols) + " cols", 1),
+            p.value.hasMerges ? (a(), o("span", Be, "Merged mode")) : B("", !0),
+            k.value ? (a(), o("button", {
+              key: 1,
+              class: "btn",
+              onClick: t[1] || (t[1] = (r) => w.value = !0)
+            }, "PDF Mode")) : B("", !0)
+          ])
+        ]),
+        u("div", {
+          ref_key: "gridRef",
+          ref: m,
+          class: "grid-wrap",
+          onScroll: ve
+        }, [
+          u("table", Ee, [
+            u("thead", null, [
+              u("tr", null, [
+                t[3] || (t[3] = u("th", { class: "row-head" }, null, -1)),
+                (a(!0), o(_, null, M(p.value.cols, (r) => (a(), o("th", { key: r }, b(oe((p.value.colBase || 0) + r - 1)), 1))), 128))
+              ])
+            ]),
+            u("tbody", null, [
+              E.value ? (a(), o(_, { key: 0 }, [
+                D.value > 0 ? (a(), o("tr", qe, [
+                  u("td", {
+                    colspan: p.value.cols + 1,
+                    style: X({ height: `${D.value}px` })
+                  }, null, 12, Ue)
+                ])) : B("", !0),
+                (a(!0), o(_, null, M(se.value, (r, n) => (a(), o("tr", {
+                  key: q.value + n
+                }, [
+                  u("th", je, b(Z(q.value + n)), 1),
+                  (a(!0), o(_, null, M(p.value.cols, (y) => (a(), o("td", {
+                    key: y,
+                    title: String((r || [])[y - 1] ?? "")
+                  }, b((r || [])[y - 1] ?? ""), 9, Oe))), 128))
+                ]))), 128)),
+                G.value > 0 ? (a(), o("tr", Ae, [
+                  u("td", {
+                    colspan: p.value.cols + 1,
+                    style: X({ height: `${G.value}px` })
+                  }, null, 12, Le)
+                ])) : B("", !0)
+              ], 64)) : (a(!0), o(_, { key: 1 }, M(p.value.totalRows, (r) => (a(), o("tr", {
+                key: `m-${r}`
+              }, [
+                u("th", Ie, b(Z(r - 1)), 1),
+                (a(!0), o(_, null, M(le(r - 1), (n) => (a(), o("td", {
+                  key: n.col,
+                  rowspan: n.rowspan > 1 ? n.rowspan : void 0,
+                  colspan: n.colspan > 1 ? n.colspan : void 0,
+                  title: String(n.value ?? "")
+                }, b(n.value ?? ""), 9, Ne))), 128))
+              ]))), 128))
+            ])
+          ])
+        ], 544)
+      ], 64)) : B("", !0)
+    ]));
+  }
+}, te = /* @__PURE__ */ H(Te, [["__scopeId", "data-v-d1a0b8a0"]]), Fe = { class: "word-preview" }, ze = {
+  key: 0,
+  class: "state loading"
+}, He = {
+  key: 1,
+  class: "state error"
+}, Ve = { class: "toolbar" }, De = ["src"], Ge = {
+  key: 0,
+  class: "toolbar"
+}, Ze = { class: "pages" }, Je = { class: "page-no" }, Ke = ["src", "alt"], Qe = {
+  __name: "WordPreview",
+  props: {
+    file: { type: Object, required: !0 },
+    adapter: { type: Object, required: !0 }
+  },
+  setup(i) {
+    const l = i, g = h(!1), v = h(""), c = h([]), d = h(""), w = h(!1);
+    let k = 0;
+    async function C(m) {
+      var f;
+      return (f = l.adapter) != null && f.getPdfUrl ? await l.adapter.getPdfUrl(m) : (m == null ? void 0 : m.pdfUrl) || "";
+    }
+    async function $() {
+      var f;
+      const m = ++k;
+      g.value = !0, v.value = "", c.value = [], d.value = "", w.value = !1;
+      try {
+        if (!((f = l.adapter) != null && f.getPageImages))
+          throw new Error("adapter.getPageImages is required for Word preview");
+        const s = await l.adapter.getPageImages(l.file);
+        if (m !== k) return;
+        c.value = Array.isArray(s == null ? void 0 : s.images) ? s.images : [], d.value = (s == null ? void 0 : s.fallbackPdfUrl) || await C(l.file), !c.value.length && d.value && (w.value = !0);
+      } catch (s) {
+        if (m !== k) return;
+        try {
+          if (d.value = await C(l.file), d.value)
+            w.value = !0;
+          else
+            throw s;
+        } catch {
+          v.value = (s == null ? void 0 : s.message) || "Failed to load Word preview";
+        }
+      } finally {
+        m === k && (g.value = !1);
+      }
+    }
+    return I(() => l.file, $, { immediate: !0 }), (m, f) => (a(), o("div", Fe, [
+      g.value ? (a(), o("div", ze, "Converting document...")) : v.value ? (a(), o("div", He, b(v.value), 1)) : w.value && d.value ? (a(), o(_, { key: 2 }, [
+        u("div", Ve, [
+          u("button", {
+            class: "btn",
+            onClick: f[0] || (f[0] = (s) => w.value = !1)
+          }, "Image Mode")
+        ]),
+        u("iframe", {
+          class: "pdf",
+          src: d.value
+        }, null, 8, De)
+      ], 64)) : (a(), o(_, { key: 3 }, [
+        d.value ? (a(), o("div", Ge, [
+          u("button", {
+            class: "btn",
+            onClick: f[1] || (f[1] = (s) => w.value = !0)
+          }, "PDF Mode")
+        ])) : B("", !0),
+        u("div", Ze, [
+          (a(!0), o(_, null, M(c.value, (s, U) => (a(), o("div", {
+            key: s,
+            class: "page"
+          }, [
+            u("div", Je, "Page " + b(U + 1), 1),
+            u("img", {
+              src: s,
+              alt: `page-${U + 1}`,
+              loading: "lazy"
+            }, null, 8, Ke)
+          ]))), 128))
+        ])
+      ], 64))
+    ]));
+  }
+}, re = /* @__PURE__ */ H(Qe, [["__scopeId", "data-v-f010849e"]]), Xe = { class: "office-preview" }, Ye = {
+  __name: "OfficePreview",
+  props: {
+    file: { type: Object, required: !0 },
+    adapter: { type: Object, required: !0 },
+    kind: { type: String, default: "" },
+    maxRows: { type: Number, default: 0 },
+    maxCols: { type: Number, default: 0 }
+  },
+  setup(i) {
+    const l = i, g = x(() => {
+      var w, k, C, $;
+      const v = (l.kind || "").toLowerCase();
+      if (v === "word" || v === "excel") return v;
+      const c = (((w = l.file) == null ? void 0 : w.mimeType) || ((k = l.file) == null ? void 0 : k.mime_type) || "").toLowerCase();
+      if (c.includes("spreadsheetml") || c === "application/vnd.ms-excel") return "excel";
+      if (c.includes("wordprocessingml") || c === "application/msword") return "word";
+      const d = (((C = l.file) == null ? void 0 : C.name) || (($ = l.file) == null ? void 0 : $.original_name) || "").toLowerCase();
+      return d.endsWith(".xlsx") || d.endsWith(".xls") ? "excel" : d.endsWith(".docx") || d.endsWith(".doc") ? "word" : "";
+    });
+    return (v, c) => (a(), o("div", Xe, [
+      g.value === "excel" ? (a(), Y(te, {
+        key: 0,
+        file: i.file,
+        adapter: i.adapter,
+        "max-rows": i.maxRows,
+        "max-cols": i.maxCols
+      }, null, 8, ["file", "adapter", "max-rows", "max-cols"])) : g.value === "word" ? (a(), Y(re, {
+        key: 1,
+        file: i.file,
+        adapter: i.adapter
+      }, null, 8, ["file", "adapter"])) : ge(v.$slots, "unsupported", { key: 2 }, () => [
+        c[0] || (c[0] = u("div", { class: "unsupported" }, "Unsupported file type", -1))
+      ], !0)
+    ]));
+  }
+}, et = /* @__PURE__ */ H(Ye, [["__scopeId", "data-v-64b59989"]]), rt = {
+  install(i) {
+    i.component("OfficePreview", et), i.component("WordPreview", re), i.component("ExcelPreview", te);
+  }
+};
+export {
+  te as ExcelPreview,
+  et as OfficePreview,
+  re as WordPreview,
+  rt as default
+};