jspdf-utils 0.1.4 → 0.1.6

package/dist/html-to-pdf.d.ts

@@ -38,11 +38,7 @@ export interface PrepareResult {
 /** Compute derived layout values from options. */
 declare function computeLayout(container: HTMLElement, opts: PageOptions): Layout;
 /**
- * Clone an element into a hidden iframe so that the page's CSS frameworks
- * (Tailwind, Bootstrap, etc.) cannot interfere with PDF rendering.
- *
- * Only @font-face rules are copied into the iframe so custom fonts still work.
- * The returned element's `.remove()` method cleans up the iframe automatically.
+ * Clone an element and position it off-screen at print width for measurement.
  */
 declare function createPrintClone(source: HTMLElement, pageWidth?: number): HTMLElement;
 /**

package/dist/html-to-pdf.js

@@ -1,5 +1,5 @@
-import D from "html2canvas";
-const N = {
+import j from "html2canvas";
+const T = {
   a0: [841, 1189],
   a1: [594, 841],
   a2: [420, 594],
@@ -10,7 +10,7 @@ const N = {
   letter: [215.9, 279.4],
   legal: [215.9, 355.6],
   tabloid: [279.4, 431.8]
-}, R = {
+}, B = {
   a0: 40,
   a1: 35,
   a2: 30,
@@ -22,150 +22,133 @@ const N = {
   legal: 25.4,
   tabloid: 25
 };
-function x(r = {}) {
-  const n = r.format ?? "a4", [i, e] = N[n], o = r.pageWidth ?? i, t = r.pageHeight ?? e, a = R[n], c = {
-    top: a,
-    right: a,
-    bottom: a,
-    left: a
+function v(i = {}) {
+  const n = i.format ?? "a4", [o, e] = T[n], a = i.pageWidth ?? o, t = i.pageHeight ?? e, s = B[n], r = {
+    top: s,
+    right: s,
+    bottom: s,
+    left: s
   };
   return {
-    unit: r.unit ?? "mm",
+    unit: i.unit ?? "mm",
     format: n,
-    pageWidth: o,
+    pageWidth: a,
     pageHeight: t,
-    margin: { ...c, ...r.margin }
+    margin: { ...r, ...i.margin }
   };
 }
-function C(r, n) {
-  const i = r.offsetWidth, e = n.pageWidth - n.margin.left - n.margin.right, o = e / i, a = (n.pageHeight - n.margin.top - n.margin.bottom) / o;
-  return { renderedWidth: i, scale: o, contentWidthMm: e, pageContentPx: a };
+function x(i, n) {
+  const o = i.offsetWidth, e = n.pageWidth - n.margin.left - n.margin.right, a = e / o, s = (n.pageHeight - n.margin.top - n.margin.bottom) / a;
+  return { renderedWidth: o, scale: a, contentWidthMm: e, pageContentPx: s };
 }
-function v(r, n = 210) {
-  const i = document.createElement("iframe");
-  Object.assign(i.style, {
+function A(i, n = 210) {
+  const o = i.cloneNode(!0);
+  return Object.assign(o.style, {
     position: "fixed",
     top: "0",
-    left: "-99999px",
+    left: "0",
+    boxSizing: "border-box",
     width: n + "mm",
-    height: "99999px",
-    border: "none",
     opacity: "0.000001",
     pointerEvents: "none"
-  }), document.body.appendChild(i);
-  const e = i.contentDocument;
-  if (!e) throw new Error("Could not access iframe document");
-  const o = e.createElement("base");
-  o.href = document.baseURI, e.head.appendChild(o);
-  const t = [];
-  for (const c of document.styleSheets)
-    try {
-      for (const l of c.cssRules)
-        l instanceof CSSFontFaceRule && t.push(l.cssText);
-    } catch {
-    }
-  if (t.length > 0) {
-    const c = e.createElement("style");
-    c.textContent = t.join(`
-`), e.head.appendChild(c);
-  }
-  const a = r.cloneNode(!0);
-  return Object.assign(a.style, {
-    boxSizing: "border-box",
-    width: n + "mm"
-  }), e.body.style.margin = "0", e.body.appendChild(a), a.remove = () => i.remove(), a;
+  }), document.body.appendChild(o), o;
+}
+function C() {
+  const i = document.createElement("style");
+  return i.setAttribute("data-jspdf-utils", ""), i.textContent = "img { display: inline !important; }", document.head.appendChild(i), () => i.remove();
 }
-function A(r) {
-  for (const n of r.querySelectorAll("table")) {
-    const i = n.getAttribute("cellpadding");
-    if (i) {
+function W(i) {
+  for (const n of i.querySelectorAll("table")) {
+    const o = n.getAttribute("cellpadding");
+    if (o) {
       for (const e of n.querySelectorAll("th, td"))
-        e.style.padding || (e.style.padding = i + "px");
+        e.style.padding || (e.style.padding = o + "px");
       n.removeAttribute("cellpadding");
     }
   }
 }
-function E(r, n) {
-  for (const i of Array.from(
-    r.querySelectorAll(":scope > table")
+function P(i, n) {
+  for (const o of Array.from(
+    i.querySelectorAll(":scope > table")
   )) {
-    if (i.offsetHeight <= n) continue;
-    const e = Array.from(i.rows);
+    if (o.offsetHeight <= n) continue;
+    const e = Array.from(o.rows);
     if (e.length === 0) continue;
-    const o = e[0].querySelector("th") !== null, t = o ? e[0] : null, a = o ? e.slice(1) : e, c = t ? t.offsetHeight : 0, l = n - c - 2, d = [];
-    let f = [], h = 0;
-    for (const s of a) {
-      const g = s.offsetHeight;
-      h + g > l && f.length > 0 && (d.push(f), f = [], h = 0), f.push(s), h += g;
+    const a = e[0].querySelector("th") !== null, t = a ? e[0] : null, s = a ? e.slice(1) : e, r = t ? t.offsetHeight : 0, d = n - r - 2, f = [];
+    let g = [], l = 0;
+    for (const h of s) {
+      const c = h.offsetHeight;
+      l + c > d && g.length > 0 && (f.push(g), g = [], l = 0), g.push(h), l += c;
     }
-    f.length > 0 && d.push(f);
-    for (const s of d) {
-      const g = i.cloneNode(!1);
-      t && g.appendChild(t.cloneNode(!0));
-      for (const m of s) g.appendChild(m.cloneNode(!0));
-      i.parentNode.insertBefore(g, i);
+    g.length > 0 && f.push(g);
+    for (const h of f) {
+      const c = o.cloneNode(!1);
+      t && c.appendChild(t.cloneNode(!0));
+      for (const m of h) c.appendChild(m.cloneNode(!0));
+      o.parentNode.insertBefore(c, o);
     }
-    i.remove();
+    o.remove();
   }
 }
-function P(r, n) {
-  const i = r.ownerDocument;
-  for (const e of Array.from(r.querySelectorAll(":scope > *"))) {
-    const o = e;
-    if (o.offsetHeight <= n || o.tagName === "TABLE")
+function S(i, n) {
+  for (const o of Array.from(i.querySelectorAll(":scope > *"))) {
+    const e = o;
+    if (e.offsetHeight <= n || e.tagName === "TABLE")
       continue;
-    const t = o.tagName, a = o.getAttribute("style") || "", c = i.defaultView.getComputedStyle(o).width, l = (o.textContent || "").split(/\s+/).filter(Boolean), d = i.createElement(t);
-    d.setAttribute("style", a), Object.assign(d.style, {
+    const a = e.tagName, t = e.getAttribute("style") || "", s = getComputedStyle(e).width, r = (e.textContent || "").split(/\s+/).filter(Boolean), d = document.createElement(a);
+    d.setAttribute("style", t), Object.assign(d.style, {
       position: "absolute",
       visibility: "hidden",
-      width: c
-    }), r.appendChild(d);
+      width: s
+    }), i.appendChild(d);
     const f = [];
-    let h = 0;
-    for (; h < l.length; ) {
-      let s = h + 1, g = l.length;
-      for (; s < g; ) {
-        const u = Math.ceil((s + g) / 2);
-        d.textContent = l.slice(h, u).join(" "), d.offsetHeight <= n ? s = u : g = u - 1;
+    let g = 0;
+    for (; g < r.length; ) {
+      let l = g + 1, h = r.length;
+      for (; l < h; ) {
+        const m = Math.ceil((l + h) / 2);
+        d.textContent = r.slice(g, m).join(" "), d.offsetHeight <= n ? l = m : h = m - 1;
       }
-      const m = i.createElement(t);
-      m.setAttribute("style", a), m.textContent = l.slice(h, s).join(" "), f.push(m), h = s;
+      const c = document.createElement(a);
+      c.setAttribute("style", t), c.textContent = r.slice(g, l).join(" "), f.push(c), g = l;
     }
     d.remove();
-    for (const s of f)
-      o.parentNode.insertBefore(s, o);
-    o.remove();
+    for (const l of f)
+      e.parentNode.insertBefore(l, e);
+    e.remove();
   }
 }
-function W(r, n) {
-  const i = r.ownerDocument, e = Array.from(r.children);
-  for (const o of e) {
-    const t = o.offsetTop, a = t + o.offsetHeight, c = (Math.floor(t / n) + 1) * n;
-    if (a > c && o.offsetHeight <= n) {
-      const l = i.createElement("div");
-      l.style.height = c - t + 1 + "px", o.parentNode.insertBefore(l, o);
+function M(i, n) {
+  const o = Array.from(i.children);
+  for (const e of o) {
+    const a = e.offsetTop, t = a + e.offsetHeight, s = (Math.floor(a / n) + 1) * n;
+    if (t > s && e.offsetHeight <= n) {
+      const r = document.createElement("div");
+      r.style.height = s - a + 1 + "px", e.parentNode.insertBefore(r, e);
     }
   }
 }
-function T(r, n = {}) {
-  const i = x(n), e = v(r, i.pageWidth);
-  A(e);
-  const o = C(e, i);
-  return E(e, o.pageContentPx), P(e, o.pageContentPx), W(e, o.pageContentPx), {
-    clone: e,
-    layout: o,
-    options: i,
-    cleanup: () => e.remove()
+function k(i, n = {}) {
+  const o = v(n), e = C(), a = A(i, o.pageWidth);
+  W(a);
+  const t = x(a, o);
+  return P(a, t.pageContentPx), S(a, t.pageContentPx), M(a, t.pageContentPx), {
+    clone: a,
+    layout: t,
+    options: o,
+    cleanup: () => {
+      a.remove(), e();
+    }
   };
 }
-async function F(r, n, i = {}) {
-  const { clone: e, layout: o, options: t, cleanup: a } = T(n, i);
+async function F(i, n, o = {}) {
+  const { clone: e, layout: a, options: t, cleanup: s } = k(n, o);
   try {
-    await new Promise((c) => {
-      r.html(e, {
-        callback: () => c(),
-        width: o.contentWidthMm,
-        windowWidth: o.renderedWidth,
+    await new Promise((r) => {
+      i.html(e, {
+        callback: () => r(),
+        width: a.contentWidthMm,
+        windowWidth: a.renderedWidth,
         margin: [
           t.margin.top,
           t.margin.right,
@@ -175,75 +158,75 @@ async function F(r, n, i = {}) {
       });
     });
   } finally {
-    a();
+    s();
   }
-  return r;
+  return i;
 }
-async function B(r, n = {}) {
-  const { imageFormat: i = "JPEG", imageQuality: e = 1, scale: o = 2 } = n, t = x(n), a = v(r, t.pageWidth);
-  A(a);
-  const c = C(a, t);
-  E(a, c.pageContentPx), P(a, c.pageContentPx), W(a, c.pageContentPx);
+async function O(i, n = {}) {
+  const { imageFormat: o = "JPEG", imageQuality: e = 1, scale: a = 2 } = n, t = v(n), s = C(), r = A(i, t.pageWidth);
+  r.style.opacity = "1", r.style.left = "-99999px", W(r);
+  const d = x(r, t);
+  P(r, d.pageContentPx), S(r, d.pageContentPx), M(r, d.pageContentPx);
   try {
-    const l = await D(a, {
-      scale: o,
+    const f = await j(r, {
+      scale: a,
       backgroundColor: "#ffffff"
-    }), { jsPDF: d } = await import("jspdf"), f = t.pageWidth - t.margin.left - t.margin.right, h = t.pageHeight - t.margin.top - t.margin.bottom, s = l.width, g = h / f * s, m = Math.ceil(l.height / g), u = t.pageWidth > t.pageHeight ? "l" : "p", H = new d({
-      orientation: u,
+    }), { jsPDF: g } = await import("jspdf"), l = t.pageWidth - t.margin.left - t.margin.right, h = t.pageHeight - t.margin.top - t.margin.bottom, c = f.width, m = h / l * c, E = Math.ceil(f.height / m), H = t.pageWidth > t.pageHeight ? "l" : "p", w = new g({
+      orientation: H,
       unit: "mm",
       format: [t.pageWidth, t.pageHeight]
     });
-    for (let p = 0; p < m; p++) {
-      const y = Math.min(
-        g,
-        l.height - p * g
-      ), b = document.createElement("canvas");
-      b.width = s, b.height = y;
-      const w = b.getContext("2d");
-      if (!w) throw new Error("Could not get canvas context");
-      w.fillStyle = "#ffffff", w.fillRect(0, 0, s, y), w.drawImage(
-        l,
+    for (let u = 0; u < E; u++) {
+      const p = Math.min(
+        m,
+        f.height - u * m
+      ), y = document.createElement("canvas");
+      y.width = c, y.height = p;
+      const b = y.getContext("2d");
+      if (!b) throw new Error("Could not get canvas context");
+      b.fillStyle = "#ffffff", b.fillRect(0, 0, c, p), b.drawImage(
+        f,
         0,
-        p * g,
-        s,
-        y,
+        u * m,
+        c,
+        p,
         0,
         0,
-        s,
-        y
+        c,
+        p
       );
-      const S = b.toDataURL(
-        `image/${i.toLowerCase()}`,
+      const N = y.toDataURL(
+        `image/${o.toLowerCase()}`,
         e
       );
-      p > 0 && H.addPage([t.pageWidth, t.pageHeight], u);
-      const M = y / s * f;
-      H.addImage(
-        S,
-        i,
+      u > 0 && w.addPage([t.pageWidth, t.pageHeight], H);
+      const R = p / c * l;
+      w.addImage(
+        N,
+        o,
         t.margin.left,
         t.margin.top,
-        f,
-        M,
+        l,
+        R,
         void 0,
         "FAST"
       );
     }
-    return H;
+    return w;
   } finally {
-    a.remove();
+    r.remove(), s();
   }
 }
 export {
-  R as PAGE_MARGINS,
-  N as PAGE_SIZES,
-  C as computeLayout,
-  v as createPrintClone,
-  W as insertPageBreakSpacers,
-  A as normalizeTableAttributes,
-  T as prepare,
+  B as PAGE_MARGINS,
+  T as PAGE_SIZES,
+  x as computeLayout,
+  A as createPrintClone,
+  M as insertPageBreakSpacers,
+  W as normalizeTableAttributes,
+  k as prepare,
   F as renderHTML,
-  B as renderImagePDF,
-  E as splitOversizedTables,
-  P as splitOversizedText
+  O as renderImagePDF,
+  P as splitOversizedTables,
+  S as splitOversizedText
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jspdf-utils",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Utility helpers for jsPDF's doc.html() renderer with automatic page breaking, table splitting, and RTL support",
   "type": "module",
   "main": "dist/html-to-pdf.js",