change to jspdf

kitsteam · Jan 4, 2024 · ce02435 · ce02435
1 parent f920053
commit ce02435
Show file tree

Hide file tree

Showing 4 changed files with 175 additions and 5 deletions.
diff --git a/src/node/utils/Minify.js b/src/node/utils/Minify.js
@@ -45,6 +45,9 @@ const LIBRARY_WHITELIST = [
   'tinycon',
   'underscore',
   'unorm',
+  'jspdf',
+  'dompurify',
+  'html2canvas'
 ];
 
 // What follows is a terrible hack to avoid loop-back within the server.

diff --git a/src/package-lock.json b/src/package-lock.json
diff --git a/src/package.json b/src/package.json
@@ -70,7 +70,10 @@
     "ueberdb2": "^4.2.45",
     "underscore": "1.13.6",
     "unorm": "1.6.0",
-    "wtfnode": "^0.9.1"
+    "wtfnode": "^0.9.1",
+    "jspdf": "2.5.1",
+    "dompurify": "2.4.7",
+    "html2canvas": "1.4.1"
   },
   "bin": {
     "etherpad": "node/server.js",

diff --git a/src/static/js/pad_impexp.js b/src/static/js/pad_impexp.js
@@ -22,6 +22,10 @@
  * limitations under the License.
  */
 
+const { jsPDF } = require("jspdf/dist/jspdf.umd.min.js");
+window.DOMPurify = require("dompurify/dist/purify.min.js");
+window.html2canvas = require("html2canvas/dist/html2canvas.min.js");
+
 const padimpexp = (() => {
   let pad;
 
@@ -124,10 +128,13 @@ const padimpexp = (() => {
     fetch(url).then((response) => {
       return response.text()
     }).then((html) => {
-      const printWindow = window.open('', '', 'height=400,width=800');
-      printWindow.document.write(html);
-      printWindow.document.close();
-      printWindow.print();
+      const doc = new jsPDF('p', 'px', 'a4');
+      const wrappedHTML = `<div style="font-size:8px; width:430px;">${html}</div>`
+      doc.html(wrappedHTML, {
+        callback: (doc) => doc.output("dataurlnewwindow"),
+        x: 15,
+        y: 15
+      })
     })
   }