web: get rid of print-js lib for printing

apps/web/package.json

@@ -51,7 +51,6 @@
     "pdfjs-dist": "3.6.172",
     "phone": "^3.1.14",
     "platform": "^1.3.6",
-    "print-js": "^1.6.0",
     "qclone": "^1.2.0",
     "react-dropzone": "^11.4.2",
     "react-hot-toast": "^2.2.0",

apps/web/src/common/export.ts

@@ -30,20 +30,31 @@ export async function exportToPDF(
   content: string
 ): Promise<boolean> {
   if (!content) return false;
-  const { default: printjs } = await import("print-js");
-  return new Promise((resolve) => {
-    printjs({
-      printable: content.replaceAll(/<p [a-z\-="]*><\/p>/gm, "<p>&nbsp;</p>"),
-      targetStyles: "*",
-      type: "raw-html",
-      documentTitle: title,
-      header: '<h3 class="custom-h3">My custom header</h3>',
-      onPrintDialogClose: () => {
-        resolve(false);
-      },
-      onError: () => resolve(false)
-    });
-    resolve(true);
+
+  return new Promise<boolean>((resolve) => {
+    const iframe = document.createElement("iframe");
+    iframe.srcdoc = content.replaceAll(/<p(.+?)><\/p>/gm, "<p$1><br/></p>");
+    iframe.style.position = "fixed";
+    iframe.style.right = "0";
+    iframe.style.bottom = "0";
+    iframe.style.width = "0";
+    iframe.style.height = "0";
+    iframe.style.border = "0";
+
+    iframe.onload = () => {
+      if (!iframe.contentWindow) return;
+      if (iframe.contentDocument) iframe.contentDocument.title = title;
+      iframe.contentWindow.onbeforeunload = () => closePrint(false);
+      iframe.contentWindow.onafterprint = () => closePrint(true);
+      iframe.contentWindow.print();
+    };
+
+    function closePrint(result: boolean) {
+      document.body.removeChild(iframe);
+      resolve(result);
+    }
+
+    document.body.appendChild(iframe);
   });
 }