@ai-matrx/print 0.4.0 → 0.5.0

package/dist/react.js

@@ -8,9 +8,7 @@ import { Drawer as DrawerPrimitive } from "vaul";
 import { twMerge } from "tailwind-merge";
 
 // src/core.ts
-function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
+import { escapeHtml } from "@ai-matrx/kit/html-escape";
 function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "width=920,height=720,scrollbars=yes") {
   const win = window.open("", "_blank", windowFeatures);
   if (!win) {
@@ -31,6 +29,9 @@ function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "wid
   return "opened";
 }
 
+// src/labels.ts
+import { escapeHtml as escapeHtml2 } from "@ai-matrx/kit/html-escape";
+
 // src/qr.ts
 var QR_MIN_QUIET_ZONE_MODULES = 4;
 var DEFAULT_QR_EC_LEVEL = "M";
@@ -505,18 +506,18 @@ function buildLabelCellHtml(label, qrDataUri, t, layout, s) {
   const badgeText = label.badge?.trim() ? label.badge.trim() : "";
   if (layout.wide) {
     const lines = s.showLines && label.lines?.length ? label.lines.filter((l) => l.trim()).map(
-      (l) => `<div class="lp-line" style="font-size:8pt;">${escapeHtml(l)}</div>`
+      (l) => `<div class="lp-line" style="font-size:8pt;">${escapeHtml2(l)}</div>`
     ).join("") : "";
-    const caption2 = captionText ? `<div class="lp-fit-wrap" style="max-height:${(t.labelHIn * 0.3).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:12pt;">${escapeHtml(captionText)}</div></div>` : "";
-    const badge2 = badgeText ? `<div class="lp-fit-wrap" style="max-height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:24pt;">${escapeHtml(badgeText)}</div></div>` : "";
-    const image = isHttpUrl(label.imageUrl) ? `<img class="lp-img" src="${escapeHtml(label.imageUrl)}" alt="" style="height:${(t.labelHIn * 0.35).toFixed(3)}in;" />` : "";
+    const caption2 = captionText ? `<div class="lp-fit-wrap" style="max-height:${(t.labelHIn * 0.3).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:12pt;">${escapeHtml2(captionText)}</div></div>` : "";
+    const badge2 = badgeText ? `<div class="lp-fit-wrap" style="max-height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:24pt;">${escapeHtml2(badgeText)}</div></div>` : "";
+    const image = isHttpUrl(label.imageUrl) ? `<img class="lp-img" src="${escapeHtml2(label.imageUrl)}" alt="" style="height:${(t.labelHIn * 0.35).toFixed(3)}in;" />` : "";
     return `<div class="lp-cell-wide" style="height:100%;padding:${layout.padIn}in;gap:${layout.padIn}in;">
       ${qr}
       <div class="lp-text">${badge2}${caption2}${lines}${image}</div>
     </div>`;
   }
-  const caption = captionText ? `<div class="lp-fit-wrap lp-caption-stacked" style="height:${Math.min(0.28, t.labelHIn * 0.16).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:9pt;">${escapeHtml(captionText)}</div></div>` : "";
-  const badge = badgeText ? `<div class="lp-fit-wrap lp-badge-stacked" style="height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:18pt;">${escapeHtml(badgeText)}</div></div>` : "";
+  const caption = captionText ? `<div class="lp-fit-wrap lp-caption-stacked" style="height:${Math.min(0.28, t.labelHIn * 0.16).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:9pt;">${escapeHtml2(captionText)}</div></div>` : "";
+  const badge = badgeText ? `<div class="lp-fit-wrap lp-badge-stacked" style="height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:18pt;">${escapeHtml2(badgeText)}</div></div>` : "";
   return `<div class="lp-cell-stacked" style="height:100%;padding:${layout.padIn}in;">
     ${qr}
     ${badge}
@@ -537,12 +538,12 @@ function renderPages(t, cells) {
   return pages.join("\n");
 }
 function openSheetWindow(t, bodyHtml, title, withFitScript, warning) {
-  const warningHtml = warning ? `<div class="screen-only lp-warning" style="font-family:sans-serif;font-size:12px;font-weight:600;padding:9px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;">${escapeHtml(warning)}</div>` : "";
+  const warningHtml = warning ? `<div class="screen-only lp-warning" style="font-family:sans-serif;font-size:12px;font-weight:600;padding:9px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;">${escapeHtml2(warning)}</div>` : "";
   const html = `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>${escapeHtml(title)} \u2014 ${escapeHtml(t.stockCode)}</title>
+  <title>${escapeHtml2(title)} \u2014 ${escapeHtml2(t.stockCode)}</title>
   <style>${sheetStyles(t)}</style>
 </head>
 <body>
@@ -550,7 +551,7 @@ ${warningHtml}
 <div class="screen-only" style="font-family:sans-serif;font-size:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
   <button onclick="window.print()" style="padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">Print / Save PDF</button>
   <button onclick="window.close()" style="padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;">Close</button>
-  <span style="color:#64748b;font-size:11px;">${escapeHtml(t.stockCode)} \xB7 ${escapeHtml(t.name)} \xB7 set printer to <strong>100% scale (no "fit to page"), no margins, Portrait</strong></span>
+  <span style="color:#64748b;font-size:11px;">${escapeHtml2(t.stockCode)} \xB7 ${escapeHtml2(t.name)} \xB7 set printer to <strong>100% scale (no "fit to page"), no margins, Portrait</strong></span>
 </div>
 ${bodyHtml}
 ${withFitScript ? LP_FIT_SCRIPT : ""}
@@ -590,7 +591,7 @@ function buildCalibrationBody(t) {
     mark(gridR, gridB - 0.0104, true),
     mark(gridR - 0.0104, gridB, false)
   ].join("");
-  const banner = `<div style="position:absolute;left:0;right:0;top:${Math.max(0, t.marginTopIn - 0.3).toFixed(2)}in;text-align:center;font-size:7pt;color:#94a3b8;">Calibration \u2014 ${escapeHtml(t.stockCode)} \xB7 hold against your label sheet: every outline must sit on a label</div>`;
+  const banner = `<div style="position:absolute;left:0;right:0;top:${Math.max(0, t.marginTopIn - 0.3).toFixed(2)}in;text-align:center;font-size:7pt;color:#94a3b8;">Calibration \u2014 ${escapeHtml2(t.stockCode)} \xB7 hold against your label sheet: every outline must sit on a label</div>`;
   return `<div class="lp-page">${banner}${marks}${cells.join("\n")}</div>`;
 }
 function printCalibrationSheet(template) {