Merge pull request #4976 from BitGo/WP-2765-jdpdf-nodejs

chore(key-card): make jspdf nodejs compatible

Author: pranavjain97

modules/key-card/src/drawKeycard.ts

@@ -1,7 +1,21 @@
-import { jsPDF } from 'jspdf';
+import type { jsPDF } from 'jspdf';
 import * as QRCode from 'qrcode';
 import { IDrawKeyCard } from './types';
 import { splitKeys } from './utils';
+type jsPDFModule = typeof import('jspdf');
+
+async function loadJSPDF(): Promise<jsPDFModule> {
+  let jsPDF: jsPDFModule;
+
+  if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
+    // We are in the browser
+    jsPDF = await import('jspdf');
+  } else {
+    // We are in Node.js
+    jsPDF = require('jspdf');
+  }
+  return jsPDF;
+}
 
 enum KeyCurveName {
   ed25519 = 'EDDSA',
@@ -97,12 +111,14 @@ export async function drawKeycard({
   walletLabel,
   curve,
 }: IDrawKeyCard): Promise<jsPDF> {
+  const jsPDFModule = await loadJSPDF();
+
   // document details
   const width = 8.5 * 72;
   let y = 0;
 
   // Create the PDF instance
-  const doc = new jsPDF('portrait', 'pt', 'letter'); // jshint ignore:line
+  const doc = new jsPDFModule.jsPDF('portrait', 'pt', 'letter'); // jshint ignore:line
   doc.setFont('helvetica');
 
   // PDF Header Area - includes the logo and company name

modules/key-card/src/index.ts

@@ -1,5 +1,3 @@
-import jsPDF from 'jspdf';
-
 import { generateQrData } from './generateQrData';
 import { generateFaq } from './faq';
 import { drawKeycard } from './drawKeycard';
@@ -13,17 +11,16 @@ export * from './utils';
 export * from './types';
 
 export async function generateKeycard(params: GenerateKeycardParams): Promise<void> {
-  let keycard: jsPDF;
   if ('coin' in params) {
     const questions = generateFaq(params.coin.fullName);
     const qrData = generateQrData(params);
-    keycard = await drawKeycard({ ...params, questions, qrData });
+    const keycard = await drawKeycard({ ...params, questions, qrData });
+    keycard.save(`BitGo Keycard for ${params.walletLabel}.pdf`);
   } else if ('curve' in params) {
     const data = generateParamsForKeyCreation(params);
-    keycard = await drawKeycard(data);
+    const keycard = await drawKeycard(data);
+    keycard.save(`BitGo Keycard for ${params.walletLabel}.pdf`);
   } else {
     throw new Error('Either curve or coin must be provided');
   }
-  // Save the PDF on the user's browser
-  keycard.save(`BitGo Keycard for ${params.walletLabel}.pdf`);
 }