wip: refresh design

packages/lib/server-only/pdf/insert-image-in-pdf.ts

@@ -0,0 +1,26 @@
+import { PDFDocument } from 'pdf-lib';
+
+export async function insertImageInPDF(
+  pdfAsBase64: string,
+  image: string | Uint8Array | ArrayBuffer,
+  positionX: number,
+  positionY: number,
+  page = 0,
+): Promise<string> {
+  const existingPdfBytes = pdfAsBase64;
+  const pdfDoc = await PDFDocument.load(existingPdfBytes);
+  const pages = pdfDoc.getPages();
+  const pdfPage = pages[page];
+  const pngImage = await pdfDoc.embedPng(image);
+  const drawSize = { width: 192, height: 64 };
+
+  pdfPage.drawImage(pngImage, {
+    x: positionX,
+    y: pdfPage.getHeight() - positionY - drawSize.height,
+    width: drawSize.width,
+    height: drawSize.height,
+  });
+
+  const pdfAsUint8Array = await pdfDoc.save();
+  return Buffer.from(pdfAsUint8Array).toString('base64');
+}

packages/lib/server-only/pdf/insert-text-in-pdf.ts

@@ -0,0 +1,50 @@
+import fontkit from '@pdf-lib/fontkit';
+import * as fs from 'fs';
+import { PDFDocument, StandardFonts, rgb } from 'pdf-lib';
+
+export async function insertTextInPDF(
+  pdfAsBase64: string,
+  text: string,
+  positionX: number,
+  positionY: number,
+  page = 0,
+  useHandwritingFont = true,
+): Promise<string> {
+  const fontBytes = fs.readFileSync('./public/fonts/caveat.ttf');
+
+  const pdfDoc = await PDFDocument.load(pdfAsBase64);
+
+  pdfDoc.registerFontkit(fontkit);
+
+  const font = await pdfDoc.embedFont(useHandwritingFont ? fontBytes : StandardFonts.Helvetica);
+
+  const pages = pdfDoc.getPages();
+  const pdfPage = pages[page];
+
+  const textSize = useHandwritingFont ? 50 : 15;
+  const textWidth = font.widthOfTextAtSize(text, textSize);
+  const textHeight = font.heightAtSize(textSize);
+  const fieldSize = { width: 250, height: 64 };
+
+  // Because pdf-lib use a bottom-left coordinate system, we need to invert the y position
+  // we then center the text in the middle by adding half the height of the text
+  // plus the height of the field and divide the result by 2
+  const invertedYPosition =
+    pdfPage.getHeight() - positionY - (fieldSize.height + textHeight / 2) / 2;
+
+  // We center the text by adding the width of the field, subtracting the width of the text
+  // and dividing the result by 2
+  const centeredXPosition = positionX + (fieldSize.width - textWidth) / 2;
+
+  pdfPage.drawText(text, {
+    x: centeredXPosition,
+    y: invertedYPosition,
+    size: textSize,
+    color: rgb(0, 0, 0),
+    font,
+  });
+
+  const pdfAsUint8Array = await pdfDoc.save();
+
+  return Buffer.from(pdfAsUint8Array).toString('base64');
+}