♻️ Refactor PDF generation to use Puppeteer and Chromium for serverless compatibility

.env.example

@@ -1 +1,2 @@
-NEXT_PUBLIC_BC_HOST="https://breathecode.herokuapp.com/v1/certificate/token"
+NEXT_PUBLIC_BC_HOST="https://breathecode.herokuapp.com/v1/certificate/token"
+NODE_ENV="development"

auth/pdfHelper.js

@@ -1,37 +1,39 @@
 import { renderToStaticMarkup } from 'react-dom/server';
-import pdf from 'html-pdf';
-import path from "path";
 
-const DIR = process.cwd()
-const componentToPDFBuffer = (component) => {
-    return new Promise((resolve, reject) => {
-        const html = renderToStaticMarkup(component);
-        const options = {
-            format: 'A4',
-            orientation: 'landscape',
-            type: 'pdf',
-            timeout: 30000,
-            phantomPath: path.resolve(
-                process.cwd(),
-                "node_modules/phantomjs-prebuilt/lib/phantom/bin/phantomjs"
-            )
-        };
-        console.log(html)
-        process.env.FONTCONFIG_PATH = path.join(DIR, "fonts");
-        process.env.LD_LIBRARY_PATH = path.join(DIR, "bins");
-        const result = pdf.create(html, options);
-        result.toBuffer((err, buffer) => {
-            if (err) {
-                console.log("ERROR Genering PDF: ", err)
-                return reject(err);
-            }
-
-            console.log("SUCCESS Genering PDF")
-            return resolve(buffer);
+const isProd = process.env.NODE_ENV !== "development";
+
+export const componentToPDFBuffer = async (component) => {
+    const html = renderToStaticMarkup(component);
+
+    let browser;
+    if (isProd) {
+        const chromium = require("@sparticuz/chromium");
+        const puppeteer = require("puppeteer-core");
+        browser = await puppeteer.launch({
+            executablePath: await chromium.executablePath(),
+            headless: chromium.headless,
+            ignoreHTTPSErrors: true,
+            defaultViewport: chromium.defaultViewport,
+            args: [...chromium.args, "--hide-scrollbars", "--disable-web-security"],
         });
+    } else {
+        const puppeteer = require("puppeteer");
+        browser = await puppeteer.launch({ headless: "new" });
+    }
+
+    const page = await browser.newPage();
+    await page.setContent(html, { waitUntil: 'networkidle0' });
+
+    const pdfBuffer = await page.pdf({
+        format: "A4",
+        landscape: true,
+        printBackground: true,
     });
-}
+
+    await browser.close();
+    return pdfBuffer;
+};
 
 export default {
     componentToPDFBuffer
-}
+};