小Roy•5mo ago

pdfme esbuild warnings

I am using pdfme to generate PDF in the backend. After importing the libraries, @pdfme/common. I got some warnings saying something wrong with tsconfig. I thought it was just warning but after I tried to import @pdfme/schemas using plugins. Some of the defined functions are undefined. I tried to run this a local nodejs environment but couldn't reproduce this same issue. To reproduce the same issue: you can use this code in the thread

4 Replies

小RoyOP•5mo ago

"use node";

import { action } from "./_generated/server";
import { generate } from "@pdfme/generator";
import { text, barcodes, image } from "@pdfme/schemas";
import QRCode from "qrcode";
import { BLANK_PDF } from "@pdfme/common";

async function generateQRCode(data: string): Promise<string> {
  return new Promise((resolve, reject) => {
    QRCode.toDataURL(
      data,
      { errorCorrectionLevel: "H", type: "image/png" },
      (err, url) => {
        if (err) reject(err);
        else resolve(url);
      }
    );
  });
}

// Convex action to generate shipping label
export const generateShippingLabel = action({
  args: {},
  handler: async (ctx, args) => {
    // Generate QR code
    const qrCodeData = `https://www.google.com`;
    const qrCodeImage = await generateQRCode(qrCodeData);

    // Prepare input data for PDF generation
    const inputs = [
      {
        qrCode: qrCodeImage,
      },
    ];

    try {
      // Generate PDF with QR code plugin
      const pdf = await generate({
        template: {
          basePdf: BLANK_PDF,
          schemas: [
            {
              qrCode: {
                type: "image",
                position: { x: 300, y: 100 },
                width: 80,
                height: 80,
              },
            },
          ],
        },
        inputs,
        plugins: {
          text,
          qrcode: barcodes.qrcode,
          image,
        },
      });

      // Convert Uint8Array to Blob and save to Convex storage
      const blob = new Blob([pdf], { type: "application/pdf" });
      const storageId = await ctx.storage.store(blob);

      // Return the storage ID of the saved PDF
      return { storageId };
    } catch (error) {
      console.error("PDF generation error:", error);
      throw new Error(
        `Failed to generate PDF: ${error instanceof Error ? error.message : String(error)}`
      );
    }
  },
});

"use node";

import { action } from "./_generated/server";
import { generate } from "@pdfme/generator";
import { text, barcodes, image } from "@pdfme/schemas";
import QRCode from "qrcode";
import { BLANK_PDF } from "@pdfme/common";

async function generateQRCode(data: string): Promise<string> {
  return new Promise((resolve, reject) => {
    QRCode.toDataURL(
      data,
      { errorCorrectionLevel: "H", type: "image/png" },
      (err, url) => {
        if (err) reject(err);
        else resolve(url);
      }
    );
  });
}

// Convex action to generate shipping label
export const generateShippingLabel = action({
  args: {},
  handler: async (ctx, args) => {
    // Generate QR code
    const qrCodeData = `https://www.google.com`;
    const qrCodeImage = await generateQRCode(qrCodeData);

    // Prepare input data for PDF generation
    const inputs = [
      {
        qrCode: qrCodeImage,
      },
    ];

    try {
      // Generate PDF with QR code plugin
      const pdf = await generate({
        template: {
          basePdf: BLANK_PDF,
          schemas: [
            {
              qrCode: {
                type: "image",
                position: { x: 300, y: 100 },
                width: 80,
                height: 80,
              },
            },
          ],
        },
        inputs,
        plugins: {
          text,
          qrcode: barcodes.qrcode,
          image,
        },
      });

      // Convert Uint8Array to Blob and save to Convex storage
      const blob = new Blob([pdf], { type: "application/pdf" });
      const storageId = await ctx.storage.store(blob);

      // Return the storage ID of the saved PDF
      return { storageId };
    } catch (error) {
      console.error("PDF generation error:", error);
      throw new Error(
        `Failed to generate PDF: ${error instanceof Error ? error.message : String(error)}`
      );
    }
  },
});

ballingt•5mo ago

It looks like pdfme/common doesn't bundle very well. Could you try making it an external module?

小RoyOP•5mo ago

Thanks @ballingt I tried to include all related pdfme into convex.json but doesn't seem working. Still the same error. I wonder if it's related to how upng is bundled into pdfme.

小RoyOP•5mo ago

fyi. I switched to use pdfmake library after trying almost all the popular libraries on the market.

pdfme esbuild warnings

Did you find this page helpful?