@mablhq/mabl-cli 2.8.25 → 2.12.7

package/resources/pdf-viewer/embeddedPdfDetection.js

@@ -117,7 +117,7 @@ mablEmbeddedPdfDetector = () => {
       const pdfUrl = pdfElement.src || pdfElement.data;
       const pdfFileName = mablGetPdfFilenameFromUrl(pdfUrl);
 
-      const embeddedPdfMablId = '__mabl_pdf_viewer_' + idSanitize(pdfFileName);
+      const embeddedPdfMablId = createEmbeddedPdfMablId(pdfFileName);
       // Mark the embedded PDF element so that we can find it to replace it later
       pdfElement.setAttribute(
         MABL_EMBEDDED_PDF_DETECTED_FLAG,
@@ -125,7 +125,7 @@ mablEmbeddedPdfDetector = () => {
       );
 
       // Signal embedded PDF detection and pending download
-      // Wait for PDF to be downloaded by PageFrameContextTracker before continuing
+      // Wait for PDF event be acknowledged by PageFrameContextTracker before continuing
       await window.dispatchMablEvent({
         type: MESSAGE_TYPE_EMBEDDED_PDF_DETECTED,
         baseUri,
@@ -133,6 +133,8 @@ mablEmbeddedPdfDetector = () => {
         pdfFileName,
       });
 
+      mablDownloadEmbeddedPdf(pdfFileName, pdfUrl);
+
       // Trigger replacement of the embedded PDF with an interactable version served by PDF server
       window.dispatchMablEvent({
         type: MESSAGE_TYPE_EMBEDDED_PDF_MARKED,
@@ -168,10 +170,6 @@ mablEmbeddedPdfDetector = () => {
     }
     return true;
   }
-
-  function idSanitize(originalId) {
-    return originalId && originalId.replace(/[^a-zA-Z0-9.-]/g, '_');
-  }
 };
 
 const CHECK_INTERVAL_IN_MILLIS = 300;
@@ -180,6 +178,14 @@ let checkTimer;
 const checkStartTime = Date.now();
 const MABL_DEFAULT_PDF_NAME = 'mablPdf';
 
+function mablPdfIdSanitize(originalId) {
+  return originalId && originalId.replace(/[^a-zA-Z0-9.-]/g, '_');
+}
+
+function createEmbeddedPdfMablId(pdfFileName) {
+  return '__mabl_pdf_viewer_' + mablPdfIdSanitize(pdfFileName);
+}
+
 function documentHasDocType() {
   return document.doctype && document.doctype.name;
 }
@@ -200,6 +206,16 @@ function mablGetPdfFilenameFromUrl(pdfUrl) {
   return pdfUrl.startsWith('blob:') ? 'blob_pdf' : pdfFileName;
 }
 
+function mablDownloadEmbeddedPdf(fileName, pdfUrl) {
+  const aTag = document.createElement('a');
+  aTag.style.display = 'none';
+  document.body.appendChild(aTag);
+  aTag.href = pdfUrl;
+  aTag.setAttribute('download', fileName);
+  aTag.click();
+  document.body.removeChild(aTag);
+}
+
 if (!documentHasDocType()) {
   // If this is executed too quickly, the DOCTYPE has not been loaded yet
   // so wait a bit before checking again.