Merge pull request #49 from lumi-tip/master-lumi-hotfix-1

adding to puppeteear headers

Author: lumi-tip

auth/pdfHelper.js

@@ -1,9 +1,49 @@
 import { renderToStaticMarkup } from 'react-dom/server';
+import fs from "fs";
+import path from "path";
 
 const isProd = process.env.NODE_ENV !== "development";
 
 export const componentToPDFBuffer = async (component) => {
-    const html = renderToStaticMarkup(component);
+    let html = renderToStaticMarkup(component);
+
+    const globalCSS = fs.readFileSync(path.resolve(process.cwd(), "styles", "globals.css"), 'utf-8');
+    const latoLight = fs.readFileSync(path.resolve(process.cwd(), "fonts", "Lato", "Lato-Light.ttf")).toString("base64");
+    const latoRegular = fs.readFileSync(path.resolve(process.cwd(), "fonts", "Lato", "Lato-Regular.ttf")).toString("base64");
+    const latoBold = fs.readFileSync(path.resolve(process.cwd(), "fonts", "Lato", "Lato-Bold.ttf")).toString("base64");
+    const mrsSaint = fs.readFileSync(path.resolve(process.cwd(), "fonts", "MrsSaintDelafield", "MrsSaintDelafield-Regular.ttf")).toString("base64");
+
+    const styles = `
+        <style>
+        ${globalCSS}
+        @font-face {
+            font-family: 'Lato';
+            font-style: normal;
+            font-weight: 300;
+            src: url(data:font/truetype;charset=utf-8;base64,${latoLight}) format('truetype');
+        }
+        @font-face {
+            font-family: 'Lato';
+            font-style: normal;
+            font-weight: 400;
+            src: url(data:font/truetype;charset=utf-8;base64,${latoRegular}) format('truetype');
+        }
+        @font-face {
+            font-family: 'Lato';
+            font-style: normal;
+            font-weight: 700;
+            src: url(data:font/truetype;charset=utf-8;base64,${latoBold}) format('truetype');
+        }
+        @font-face {
+            font-family: 'Mrs Saint Delafield';
+            font-style: normal;
+            font-weight: 400;
+            src: url(data:font/truetype;charset=utf-8;base64,${mrsSaint}) format('truetype');
+        }
+        </style>
+    `;
+
+    html = html.replace('</head>', `${styles}</head>`);
 
     let browser;
     if (isProd) {

auth/pdfStyles.js

@@ -35,17 +35,17 @@ export const stylesDefault = {
     name:{
         position: "absolute",
         left: "0%",
-        top: "60%",
+        top: "61%",
         textAlign: "center",
         width:"100%"
     },
     lastName:{
-        fontSize:"36px", 
+        fontSize:"45px", 
         fontWeight:300, 
         fontFamily:"Lato, sans-serif"
     },
     firstName:{
-        fontSize:"36px", 
+        fontSize:"45px", 
         fontWeight:700, 
         fontFamily:"Lato, sans-serif"
     },
@@ -56,7 +56,7 @@ export const stylesDefault = {
         textAlign:"center"
     },
     givenTo:{
-        fontSize:"18px", 
+        fontSize:"24px", 
         fontWeight:300, 
         fontFamily:"Lato, sans-serif"
     },
@@ -67,7 +67,7 @@ export const stylesDefault = {
         textAlign:"center"
     },
     completionDescription:{
-        fontSize:"18px", 
+        fontSize:"24px", 
         fontWeight:300, 
         fontFamily:"Lato, sans-serif",
         margin:0
@@ -99,7 +99,7 @@ export const stylesDefault = {
         margin:0,
     },
     sign:{
-        fontSize:"30px",
+        fontSize:"41px",
         fontFamily:"Mrs Saint Delafield, cursive",
         margin:0,
     },