Handle errors on export boards

Author: RodriSanchez1

src/components/Settings/Export/Export.container.js

@@ -33,40 +33,56 @@ export class ExportContainer extends PureComponent {
 
     const { boards, intl, activeBoardId, showNotification } = this.props;
     // TODO: Make this block easier to follow.
-    if (type === 'openboard' && singleBoard) {
-      await EXPORT_HELPERS.openboardExportAdapter(singleBoard, intl);
-    } else if (type === 'cboard') {
-      await EXPORT_HELPERS.cboardExportAdapter(boards, singleBoard);
-    } else if (type === 'picsee_pdf') {
-      if (singleBoard) {
-        await EXPORT_HELPERS[exportConfig.callback]([singleBoard], intl, true);
+    try {
+      if (type === 'openboard' && singleBoard) {
+        await EXPORT_HELPERS.openboardExportAdapter(singleBoard, intl);
+      } else if (type === 'cboard') {
+        await EXPORT_HELPERS.cboardExportAdapter(boards, singleBoard);
+      } else if (type === 'picsee_pdf') {
+        if (singleBoard) {
+          await EXPORT_HELPERS[exportConfig.callback](
+            [singleBoard],
+            intl,
+            true
+          );
+        } else {
+          const currentBoard = boards.filter(
+            board => board.id === activeBoardId
+          );
+          await EXPORT_HELPERS[exportConfig.callback](currentBoard, intl, true);
+        }
+      } else if (type !== 'pdf' && !singleBoard) {
+        await EXPORT_HELPERS[exportConfig.callback](boards, intl);
       } else {
-        const currentBoard = boards.filter(board => board.id === activeBoardId);
-        await EXPORT_HELPERS[exportConfig.callback](currentBoard, intl, true);
+        if (singleBoard) {
+          await EXPORT_HELPERS[exportConfig.callback]([singleBoard], intl);
+        } else {
+          const currentBoard = boards.filter(
+            board => board.id === activeBoardId
+          );
+          await EXPORT_HELPERS[exportConfig.callback](currentBoard, intl);
+        }
       }
-    } else if (type !== 'pdf' && !singleBoard) {
-      await EXPORT_HELPERS[exportConfig.callback](boards, intl);
-    } else {
-      if (singleBoard) {
-        await EXPORT_HELPERS[exportConfig.callback]([singleBoard], intl);
-      } else {
-        const currentBoard = boards.filter(board => board.id === activeBoardId);
-        await EXPORT_HELPERS[exportConfig.callback](currentBoard, intl);
-      }
-    }
-    const showBoardDowloadedNotification = () => {
-      if (isAndroid())
-        return showNotification(
-          intl.formatMessage(messages.boardDownloadedCva)
-        );
-      if (isIOS())
-        return showNotification(
-          intl.formatMessage(messages.boardDownloadedCvaIOS)
-        );
-      return showNotification(intl.formatMessage(messages.boardDownloaded));
-    };
+      const showBoardDowloadedNotification = () => {
+        if (isAndroid())
+          return showNotification(
+            intl.formatMessage(messages.boardDownloadedCva)
+          );
+        if (isIOS())
+          return showNotification(
+            intl.formatMessage(messages.boardDownloadedCvaIOS)
+          );
+        return showNotification(intl.formatMessage(messages.boardDownloaded));
+      };
 
-    showBoardDowloadedNotification();
+      showBoardDowloadedNotification();
+    } catch (e) {
+      console.error(e);
+      const message = e.reason?.message?.startsWith('Failed to fetch')
+        ? messages.downloadNoConnectionError
+        : messages.boardDownloadError;
+      showNotification(intl.formatMessage(message));
+    }
     doneCallback();
   };
 

src/components/Settings/Export/Export.helpers.js

@@ -945,18 +945,40 @@ export async function pdfExportAdapter(boards = [], intl, picsee = false) {
     }
     if (isAndroid() || isIOS()) {
       requestCvaWritePermissions();
-      pdfObj.getBuffer(buffer => {
-        var blob = new Blob([buffer], { type: 'application/pdf' });
-        const name = 'Download/' + prefix + EXPORT_CONFIG_BY_TYPE.pdf.filename;
-        writeCvaFile(name, blob);
-      });
+      const getBuffer = callback => {
+        pdfObj.getBuffer(buffer => {
+          var blob = new Blob([buffer], { type: 'application/pdf' });
+          const name =
+            'Download/' + prefix + EXPORT_CONFIG_BY_TYPE.pdf.filename;
+          writeCvaFile(name, blob);
+          callback();
+        });
+      };
+      await generatePDF(getBuffer);
     } else {
       // On a browser simply use download!
-      pdfObj.download(prefix + EXPORT_CONFIG_BY_TYPE.pdf.filename);
+      const dowloadPDF = callback =>
+        pdfObj.download(prefix + EXPORT_CONFIG_BY_TYPE.pdf.filename, callback);
+      await generatePDF(dowloadPDF);
     }
   }
 }
 
+//To handle PDF generation errors
+function generatePDF(callback) {
+  return new Promise((resolve, reject) => {
+    function unhandled(e) {
+      reject(e);
+    }
+    setTimeout(() => {
+      window.removeEventListener('unhandledrejection', unhandled);
+      reject(new Error('timeout'));
+    }, 20000);
+    window.addEventListener('unhandledrejection', unhandled);
+    callback(resolve);
+  });
+}
+
 function definePDFfont(intl) {
   const pdfFonts = { Roboto: FONTS['Roboto'] };
   // change font according to locale